@digital-b2c/coreui-kit 0.10.1 → 0.11.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import clsx25 from 'clsx';
+import clsx15 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React62, { forwardRef, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
+import React62, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -58,7 +58,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx25(className, Picture_module_default["image-desktop"])
+        className: clsx15(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsx(
@@ -66,21 +66,19 @@ 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: clsx25(className, Picture_module_default["image-mobile"])
+        className: clsx15(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
 };
 var Anchor = (_a) => {
-  var _b = _a, { children, isExternal } = _b, props = __objRest(_b, ["children", "isExternal"]);
-  return /* @__PURE__ */ jsx(
-    "a",
-    __spreadProps(__spreadValues({}, props), {
-      target: isExternal ? "_blank" : void 0,
-      rel: isExternal ? "noopener noreferrer" : void 0,
-      children
-    })
-  );
+  var _b = _a, { children, isExternal, renderLink } = _b, props = __objRest(_b, ["children", "isExternal", "renderLink"]);
+  const anchorProps = __spreadProps(__spreadValues({}, props), {
+    target: isExternal ? "_blank" : void 0,
+    rel: isExternal ? "noopener noreferrer" : void 0
+  });
+  if (renderLink) return /* @__PURE__ */ jsx(Fragment, { children: renderLink(__spreadProps(__spreadValues({}, anchorProps), { children })) });
+  return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, anchorProps), { children }));
 };
 var ConditionalWrapper = (_a) => {
   var _b = _a, {
@@ -411,7 +409,8 @@ var Button = (_a) => {
     isExternal,
     icon,
     logo,
-    isActive
+    isActive,
+    renderLink
   } = _b, rest = __objRest(_b, [
     "className",
     "children",
@@ -421,18 +420,19 @@ var Button = (_a) => {
     "isExternal",
     "icon",
     "logo",
-    "isActive"
+    "isActive",
+    "renderLink"
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx25(
+    className: clsx15(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
       { [Button_module_default.active]: !!isActive },
       className
     )
-  }, isLink ? { href, isExternal } : {}), rest);
+  }, isLink ? { href, isExternal, renderLink } : {}), rest);
   return /* @__PURE__ */ jsxs(ConditionalWrapper, __spreadProps(__spreadValues({ wrapper: Anchor, fallback: "button", condition: isLink }, props), { children: [
     children,
     isExternal && /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(opens in a new tab)" }),
@@ -657,7 +657,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx25(
+      className: clsx15(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -666,13 +666,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx25(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx25("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxs("div", { className: clsx15(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx15("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx25(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx15(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
               children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
             }
           )
@@ -719,7 +719,7 @@ var Container_module_default = {
 var Container = forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx25(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx15(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -760,14 +760,14 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx25(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx15(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: isLink
     }, href ? { href, isExternal } : {}), {
       children: [
         /* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
-          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx25(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx25(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx15(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx15(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
           isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
@@ -802,10 +802,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxs("div", { className: clsx25(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx15(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: clsx25(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsx("div", { className: clsx15(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -831,7 +831,8 @@ var FilterBar_module_default = {
   searchInput: "FilterBar_module_searchInput",
   searchClear: "FilterBar_module_searchClear",
   dropdownPanel: "FilterBar_module_dropdownPanel",
-  searchPanel: "FilterBar_module_searchPanel",
+  filterFaded: "FilterBar_module_filterFaded",
+  filterFading: "FilterBar_module_filterFading",
   dropdownOption: "FilterBar_module_dropdownOption",
   selected: "FilterBar_module_selected"
 };
@@ -860,7 +861,6 @@ function FilterBar({
   const [searchState, setSearchState] = useState("closed");
   const filterRef = useRef(null);
   const sortRef = useRef(null);
-  const searchRef = useRef(null);
   const searchInputRef = useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
@@ -873,10 +873,9 @@ function FilterBar({
   };
   useEffect(() => {
     const handleMouseDown = (e) => {
-      var _a, _b, _c;
+      var _a, _b;
       const target = e.target;
-      if (((_a = filterRef.current) == null ? void 0 : _a.contains(target)) || ((_b = sortRef.current) == null ? void 0 : _b.contains(target)) || ((_c = searchRef.current) == null ? void 0 : _c.contains(target)))
-        return;
+      if (((_a = filterRef.current) == null ? void 0 : _a.contains(target)) || ((_b = sortRef.current) == null ? void 0 : _b.contains(target))) return;
       setOpenDropdown(null);
     };
     document.addEventListener("mousedown", handleMouseDown);
@@ -886,17 +885,13 @@ function FilterBar({
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
-  useEffect(() => {
-    var _a;
-    if (openDropdown === "search") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
-  }, [openDropdown]);
   return /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.filterBar, children: [
     /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.viewToggle, children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
-          className: clsx25(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
+          className: clsx15(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
           onClick: () => onViewChange("grid"),
           "aria-pressed": view === "grid",
           children: [
@@ -909,7 +904,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx25(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
+          className: clsx15(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
           onClick: () => onViewChange("list"),
           "aria-pressed": view === "list",
           children: [
@@ -920,90 +915,108 @@ function FilterBar({
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.filterActions, children: [
-      /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.dropdownWrapper, ref: filterRef, children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: clsx25(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
-            onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
-            "aria-expanded": openDropdown === "filter",
-            children: [
-              /* @__PURE__ */ jsx(Icon, { type: "filter", size: 20, "aria-hidden": "true" }),
-              !isMobile && /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.chipLabel, children: "Filter" })
-            ]
-          }
-        ),
-        openDropdown === "filter" && /* @__PURE__ */ jsx("div", { className: FilterBar_module_default.dropdownPanel, role: "listbox", "aria-label": "Filter by type", children: FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": filterValue === opt.value,
-            className: clsx25(
-              FilterBar_module_default.dropdownOption,
-              filterValue === opt.value && FilterBar_module_default.selected
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx15(
+            FilterBar_module_default.dropdownWrapper,
+            isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
+            isMobile && searchState === "closing" && FilterBar_module_default.filterFading
+          ),
+          ref: filterRef,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: clsx15(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
+                onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
+                "aria-expanded": openDropdown === "filter",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { type: "filter", size: 20, "aria-hidden": "true" }),
+                  !isMobile && /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.chipLabel, children: "Filter" })
+                ]
+              }
             ),
-            onClick: () => {
-              onFilterChange(filterValue === opt.value ? "all" : opt.value);
-              setOpenDropdown(null);
-            },
-            children: [
-              /* @__PURE__ */ jsx(Icon, { type: opt.icon, size: 20, "aria-hidden": "true" }),
-              opt.label
-            ]
-          },
-          opt.value
-        )) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.dropdownWrapper, ref: sortRef, children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: FilterBar_module_default.chip,
-            onClick: () => setOpenDropdown(openDropdown === "sort" ? null : "sort"),
-            "aria-expanded": openDropdown === "sort",
-            children: [
-              /* @__PURE__ */ jsx(Icon, { type: "internalFilter", size: 20, "aria-hidden": "true" }),
-              !isMobile && /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.chipLabel, children: "Sort" })
-            ]
-          }
-        ),
-        openDropdown === "sort" && /* @__PURE__ */ jsx("div", { className: FilterBar_module_default.dropdownPanel, role: "listbox", "aria-label": "Sort by", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": sortValue === opt.value,
-            className: clsx25(
-              FilterBar_module_default.dropdownOption,
-              sortValue === opt.value && FilterBar_module_default.selected
+            openDropdown === "filter" && /* @__PURE__ */ jsx("div", { className: FilterBar_module_default.dropdownPanel, role: "listbox", "aria-label": "Filter by type", children: FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": filterValue === opt.value,
+                className: clsx15(
+                  FilterBar_module_default.dropdownOption,
+                  filterValue === opt.value && FilterBar_module_default.selected
+                ),
+                onClick: () => {
+                  onFilterChange(filterValue === opt.value ? "all" : opt.value);
+                  setOpenDropdown(null);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { type: opt.icon, size: 20, "aria-hidden": "true" }),
+                  opt.label
+                ]
+              },
+              opt.value
+            )) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx15(
+            FilterBar_module_default.dropdownWrapper,
+            isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
+            isMobile && searchState === "closing" && FilterBar_module_default.filterFading
+          ),
+          ref: sortRef,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: FilterBar_module_default.chip,
+                onClick: () => setOpenDropdown(openDropdown === "sort" ? null : "sort"),
+                "aria-expanded": openDropdown === "sort",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { type: "internalFilter", size: 20, "aria-hidden": "true" }),
+                  !isMobile && /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.chipLabel, children: "Sort" })
+                ]
+              }
             ),
-            onClick: () => {
-              onSortChange(opt.value);
-              setOpenDropdown(null);
-            },
-            children: opt.label
-          },
-          opt.value
-        )) })
-      ] }),
-      isMobile ? (
-        /* Mobile — popup panel, mirroring the Filter/Sort dropdowns */
-        /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.dropdownWrapper, ref: searchRef, children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: clsx25(FilterBar_module_default.chip, searchValue !== "" && FilterBar_module_default.active),
-              onClick: () => setOpenDropdown(openDropdown === "search" ? null : "search"),
-              "aria-expanded": openDropdown === "search",
-              "aria-label": "Search",
-              children: /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" })
-            }
+            openDropdown === "sort" && /* @__PURE__ */ jsx("div", { className: FilterBar_module_default.dropdownPanel, role: "listbox", "aria-label": "Sort by", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": sortValue === opt.value,
+                className: clsx15(
+                  FilterBar_module_default.dropdownOption,
+                  sortValue === opt.value && FilterBar_module_default.selected
+                ),
+                onClick: () => {
+                  onSortChange(opt.value);
+                  setOpenDropdown(null);
+                },
+                children: opt.label
+              },
+              opt.value
+            )) })
+          ]
+        }
+      ),
+      searchState !== "closed" ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx15(
+            FilterBar_module_default.searchExpanded,
+            searchState === "closing" && FilterBar_module_default.searchCollapsing
           ),
-          openDropdown === "search" && /* @__PURE__ */ jsxs("div", { className: FilterBar_module_default.searchPanel, children: [
+          onAnimationEnd: () => {
+            if (searchState === "closing") setSearchState("closed");
+          },
+          children: [
             /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.searchIconInner, children: /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsx(
               "input",
@@ -1017,8 +1030,11 @@ function FilterBar({
                 onKeyDown: (e) => {
                   if (e.key === "Escape") {
                     if (searchValue) clearSearch();
-                    else setOpenDropdown(null);
+                    else closeSearch();
                   }
+                },
+                onBlur: () => {
+                  if (!searchValue) closeSearch();
                 }
               }
             ),
@@ -1028,64 +1044,28 @@ function FilterBar({
                 type: "button",
                 className: FilterBar_module_default.searchClear,
                 "aria-label": "Clear search",
+                onMouseDown: (e) => e.preventDefault(),
                 onClick: clearSearch,
                 children: /* @__PURE__ */ jsx(Icon, { type: "xBlack", size: 16, "aria-hidden": "true" })
               }
             )
-          ] })
-        ] })
-      ) : searchState !== "closed" ? (
-        /* Desktop — animated inline expand */
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx25(
-              FilterBar_module_default.searchExpanded,
-              searchState === "closing" && FilterBar_module_default.searchCollapsing
-            ),
-            onAnimationEnd: () => {
-              if (searchState === "closing") setSearchState("closed");
-            },
-            children: [
-              /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.searchIconInner, children: /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }) }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ref: searchInputRef,
-                  type: "text",
-                  className: FilterBar_module_default.searchInput,
-                  placeholder: "Search\u2026",
-                  value: searchValue,
-                  onChange: (e) => onSearchChange(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key === "Escape") {
-                      if (searchValue) clearSearch();
-                      else closeSearch();
-                    }
-                  },
-                  onBlur: () => {
-                    if (!searchValue) closeSearch();
-                  }
-                }
-              ),
-              searchValue && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: FilterBar_module_default.searchClear,
-                  "aria-label": "Clear search",
-                  onMouseDown: (e) => e.preventDefault(),
-                  onClick: clearSearch,
-                  children: /* @__PURE__ */ jsx(Icon, { type: "xBlack", size: 16, "aria-hidden": "true" })
-                }
-              )
-            ]
-          }
-        )
-      ) : /* @__PURE__ */ jsxs("button", { type: "button", className: FilterBar_module_default.chip, onClick: () => setSearchState("open"), children: [
-        /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.chipLabel, children: "Search" })
-      ] })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: FilterBar_module_default.chip,
+          onClick: () => {
+            setOpenDropdown(null);
+            setSearchState("open");
+          },
+          children: [
+            /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }),
+            !isMobile && /* @__PURE__ */ jsx("span", { className: FilterBar_module_default.chipLabel, children: "Search" })
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -1111,9 +1091,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: clsx25(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx15(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: clsx25(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx15(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
@@ -1175,7 +1155,7 @@ var Pagination = ({
     setActivePage(page);
     onPageChange == null ? void 0 : onPageChange(page);
   };
-  return /* @__PURE__ */ jsxs("div", { className: clsx25(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx15(Pagination_module_default.pagination, className), children: [
     !disableArrows && /* @__PURE__ */ jsx(
       "button",
       {
@@ -1192,7 +1172,7 @@ var Pagination = ({
         "button",
         {
           onClick: () => goToPage(page),
-          className: clsx25(Pagination_module_default.page, {
+          className: clsx15(Pagination_module_default.page, {
             [Pagination_module_default.active]: activePage === page,
             [Pagination_module_default.number]: hasNumber
           }),
@@ -1228,7 +1208,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsx("div", { className: clsx25(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: clsx15(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -1239,7 +1219,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: clsx25(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsx("div", { className: clsx15(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" })
@@ -1329,7 +1309,7 @@ var Sidebar = ({
     return /* @__PURE__ */ jsxs(
       "li",
       {
-        className: clsx25(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
+        className: clsx15(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
         role: "button",
         tabIndex: 0,
         "aria-pressed": i === selectedIndex,
@@ -1350,126 +1330,480 @@ var Sidebar = ({
   }) }) });
 };
 
-// src/components/LogoBar/LogoBar.module.scss
-var LogoBar_module_default = {
-  logoBar: "LogoBar_module_logoBar",
-  logoWrapper: "LogoBar_module_logoWrapper",
-  logo: "LogoBar_module_logo",
-  logoHover: "LogoBar_module_logoHover"
-};
-var LogoBar = ({ className, items }) => {
-  if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx25(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
-    return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
-      item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
-      item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
-    ] }) }, key);
-  }) });
-};
-var CardCollectionTitle = ({ children }) => {
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-var CardCollectionSubtitle = ({ children }) => {
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-// src/widgets/CardCollection/CardCollection.module.scss
-var CardCollection_module_default = {
-  "card-collection": "CardCollection_module_card-collection",
-  content: "CardCollection_module_content",
-  wrapper: "CardCollection_module_wrapper",
-  cardWrapper: "CardCollection_module_cardWrapper",
-  threeCols: "CardCollection_module_threeCols",
-  fourCols: "CardCollection_module_fourCols",
-  examCard: "CardCollection_module_examCard",
-  "reveal-wrapper": "CardCollection_module_reveal-wrapper",
-  "reveal-inner": "CardCollection_module_reveal-inner",
-  card: "CardCollection_module_card",
-  "is-expanded": "CardCollection_module_is-expanded",
-  cta: "CardCollection_module_cta"
+// src/components/UpcomingEventCard/UpcomingEventCard.module.scss
+var UpcomingEventCard_module_default = {
+  "event-card": "UpcomingEventCard_module_event-card",
+  "event-card-content": "UpcomingEventCard_module_event-card-content",
+  "event-card-image": "UpcomingEventCard_module_event-card-image",
+  "event-card-text-content": "UpcomingEventCard_module_event-card-text-content",
+  date: "UpcomingEventCard_module_date",
+  location: "UpcomingEventCard_module_location",
+  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",
+  vertical: "UpcomingEventCard_module_vertical"
 };
-var CardCollection = ({
+var UpcomingEventCard = ({
   className,
-  variant = "default",
-  theme = "dark",
+  image,
+  date,
   title,
-  subtitle,
-  cards = [],
-  ctaLabel,
-  children
+  location,
+  description,
+  cta,
+  direction = "horizontal",
+  showImage = true
 }) => {
-  var _a, _b;
-  const container = useRef(null);
-  const revealWrapper = useRef(null);
-  const extraCard = useRef(null);
-  const [isExpanded, setIsExpanded] = useState(false);
-  const slots = resolveCompoundSlots(children, {
-    title: CardCollectionTitle,
-    subtitle: CardCollectionSubtitle
-  });
-  const titleNode = (_a = slots.title) != null ? _a : title;
-  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  const isExamCard = variant === "examCard";
-  const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
-  const hiddenCards = isExamCard ? cards.slice(8) : [];
-  const { contextSafe } = useGSAP({ scope: container });
-  const handleShowMore = useCallback(() => {
-    contextSafe(() => {
-      setIsExpanded(true);
-      const tl = gsap$1.timeline({ defaults: { ease: "power3.inOut" } });
-      tl.to(`.${CardCollection_module_default.cta}`, {
-        opacity: 0,
-        y: 20,
-        duration: 0.3,
-        display: "none"
-      }).to(`.${CardCollection_module_default.cardWrapper}`, { height: "auto", duration: 0.2 }, "<").to(
-        revealWrapper.current,
-        {
-          height: "auto",
-          duration: 0.3
-        },
-        "-=0.1"
-      ).from(
-        extraCard.current,
-        {
-          opacity: 0,
-          y: 30,
-          duration: 0.3,
-          clearProps: "all"
-        },
-        "-=0.3"
-      );
-    })();
-  }, [contextSafe]);
+  const { is } = useViewPort_default();
+  const hasCtaWithoutImage = cta && cta.url && !image;
+  const hasCTAandImage = Boolean(cta && cta.url && image);
+  const hasImage = Boolean(image);
+  const isBelowMobile = is("mobile-l", "below");
   return /* @__PURE__ */ jsxs(
-    Container,
+    "article",
     {
-      ref: container,
-      className: clsx25(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx15(
+        "card",
+        UpcomingEventCard_module_default["event-card"],
+        UpcomingEventCard_module_default[direction],
+        hasCtaWithoutImage && UpcomingEventCard_module_default["cta-without-image"],
+        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: clsx25(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,
-            __spreadValues({
-              ref: extraCard,
-              className: CardCollection_module_default.card,
-              variant: theme
-            }, card),
-            key
-          )) }) }),
-          isExamCard && !isExpanded && ctaLabel && /* @__PURE__ */ jsx(
-            Button,
+        /* @__PURE__ */ jsxs("div", { className: clsx15("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+          /* @__PURE__ */ jsxs(
+            "div",
             {
-              variant: "secondary",
-              icon: "downChevronBlack",
-              className: CardCollection_module_default.cta,
-              onClick: handleShowMore,
-              children: ctaLabel
+              className: clsx15(
+                "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: clsx15("card-text-title"), children: title }),
+                location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
+                description && /* @__PURE__ */ jsx("div", { className: clsx15("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                cta && cta.url && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "secondary",
+                    className: clsx15(
+                      "card-cta",
+                      UpcomingEventCard_module_default["event-card-cta"],
+                      !hasCTAandImage && UpcomingEventCard_module_default.hidden
+                    ),
+                    fullWidth: isBelowMobile,
+                    href: cta.url,
+                    icon: cta.icon,
+                    isExternal: cta == null ? void 0 : cta.isExternal,
+                    children: cta.label
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        cta && cta.url && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx15("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                className: clsx15("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                fullWidth: isBelowMobile,
+                href: cta.url,
+                icon: cta.icon,
+                isExternal: cta == null ? void 0 : cta.isExternal,
+                children: cta.label
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/Badge/Badge.module.scss
+var Badge_module_default = {
+  badge: "Badge_module_badge",
+  default: "Badge_module_default",
+  sm: "Badge_module_sm",
+  "badge-icon": "Badge_module_badge-icon",
+  md: "Badge_module_md",
+  clickable: "Badge_module_clickable",
+  label: "Badge_module_label",
+  icon: "Badge_module_icon",
+  iconOnly: "Badge_module_iconOnly"
+};
+var Badge = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      className,
+      variant = "default",
+      size = "md",
+      icon,
+      iconOnly = false,
+      live = "off",
+      clickable = false
+    } = _b, props = __objRest(_b, [
+      "children",
+      "className",
+      "variant",
+      "size",
+      "icon",
+      "iconOnly",
+      "live",
+      "clickable"
+    ]);
+    const classes = clsx15(
+      Badge_module_default.badge,
+      Badge_module_default[variant],
+      Badge_module_default[size],
+      {
+        [Badge_module_default.iconOnly]: iconOnly,
+        [Badge_module_default.clickable]: clickable
+      },
+      className
+    );
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className: clsx15("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
+      !iconOnly && /* @__PURE__ */ jsx("span", { className: Badge_module_default.label, children })
+    ] });
+    if (clickable) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        __spreadProps(__spreadValues({
+          ref,
+          type: "button",
+          className: classes
+        }, props), {
+          children: content
+        })
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "span",
+      __spreadProps(__spreadValues({
+        ref,
+        className: classes,
+        role: "status",
+        "aria-live": live
+      }, props), {
+        children: content
+      })
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+// src/components/Input/Input.module.scss
+var Input_module_default = {
+  "input-field": "Input_module_input-field",
+  label: "Input_module_label",
+  required: "Input_module_required",
+  wrapper: "Input_module_wrapper",
+  input: "Input_module_input",
+  adornment: "Input_module_adornment",
+  "helper-text": "Input_module_helper-text",
+  error: "Input_module_error",
+  "input-field--error": "Input_module_input-field--error",
+  "input-field--disabled": "Input_module_input-field--disabled"};
+var Input = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      id,
+      label,
+      helperText,
+      error,
+      required,
+      disabled,
+      className,
+      inputClassName,
+      startAdornment,
+      endAdornment,
+      endAction,
+      hideLabel = false,
+      type = "text"
+    } = _b, props = __objRest(_b, [
+      "id",
+      "label",
+      "helperText",
+      "error",
+      "required",
+      "disabled",
+      "className",
+      "inputClassName",
+      "startAdornment",
+      "endAdornment",
+      "endAction",
+      "hideLabel",
+      "type"
+    ]);
+    const generatedId = useId();
+    const inputId = id || generatedId;
+    const helperTextId = `${inputId}-helper`;
+    const errorId = `${inputId}-error`;
+    const describedBy = [helperText ? helperTextId : null, error ? errorId : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx15(
+          "input-field",
+          Input_module_default["input-field"],
+          {
+            [Input_module_default["input-field--disabled"]]: disabled,
+            [Input_module_default["input-field--error"]]: !!error
+          },
+          className
+        ),
+        children: [
+          label && /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: inputId,
+              className: clsx15("input-label", Input_module_default.label, {
+                ["sr-only"]: hideLabel
+              }),
+              children: [
+                label,
+                required && /* @__PURE__ */ jsx("span", { className: clsx15("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: clsx15("input-wrapper", Input_module_default.wrapper), children: [
+            startAdornment && /* @__PURE__ */ jsx("span", { className: clsx15("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
+            /* @__PURE__ */ jsx(
+              "input",
+              __spreadValues({
+                ref,
+                id: inputId,
+                type,
+                required,
+                disabled,
+                "aria-invalid": !!error,
+                "aria-describedby": describedBy || void 0,
+                className: clsx15(
+                  "input",
+                  Input_module_default.input,
+                  {
+                    [Input_module_default["input--with-start-adornment"]]: !!startAdornment,
+                    [Input_module_default["input--with-end-adornment"]]: !!endAdornment
+                  },
+                  inputClassName
+                )
+              }, props)
+            ),
+            endAdornment && /* @__PURE__ */ jsx("span", { className: clsx15("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
+            endAction && /* @__PURE__ */ jsx("span", { className: clsx15("input-end-action"), children: endAction })
+          ] }),
+          helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className: clsx15("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
+          error && /* @__PURE__ */ jsx("p", { id: errorId, className: clsx15("input-error", Input_module_default.error), role: "alert", children: error })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/NewsCard/NewsCard.module.scss
+var NewsCard_module_default = {
+  "news-card": "NewsCard_module_news-card",
+  "news-card-link": "NewsCard_module_news-card-link",
+  "news-card-cta": "NewsCard_module_news-card-cta",
+  "news-card-image": "NewsCard_module_news-card-image",
+  "news-card-content": "NewsCard_module_news-card-content",
+  "news-card-top-content": "NewsCard_module_news-card-top-content",
+  "news-card-badge": "NewsCard_module_news-card-badge",
+  "news-card-date": "NewsCard_module_news-card-date",
+  "news-card-main-content": "NewsCard_module_news-card-main-content",
+  "news-card-title": "NewsCard_module_news-card-title",
+  "news-card-description": "NewsCard_module_news-card-description",
+  "news-card-cta-wrapper": "NewsCard_module_news-card-cta-wrapper",
+  "news-card--vertical": "NewsCard_module_news-card--vertical",
+  "news-card--horizontal": "NewsCard_module_news-card--horizontal"
+};
+var NewsCard = ({
+  className,
+  image,
+  date,
+  description,
+  tag,
+  title,
+  cta,
+  direction = "vertical",
+  renderLink
+}) => {
+  const linkProps = cta && cta.url ? {
+    href: cta.url,
+    target: cta.isExternal ? "_blank" : void 0,
+    rel: cta.isExternal ? "noopener noreferrer" : void 0,
+    className: clsx15("news-card-link", NewsCard_module_default["news-card-link"]),
+    "aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
+  } : null;
+  const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsx("a", __spreadValues({}, linkProps)) : null;
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      className: clsx15(
+        "news-card",
+        NewsCard_module_default["news-card"],
+        NewsCard_module_default[`news-card--${direction}`],
+        className
+      ),
+      children: [
+        cardLink,
+        image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15("news-card-image", NewsCard_module_default["news-card-image"]) })),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx15("news-card-content", NewsCard_module_default["news-card-content"]),
+            style: {
+              "--no-image-padding": image && image.src ? 0 : "1rem"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: clsx15("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
+                /* @__PURE__ */ jsx(Badge, { className: clsx15("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
+                /* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx15("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: clsx15("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
+                /* @__PURE__ */ jsx("h3", { className: clsx15("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx15("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
+              ] }),
+              cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx15("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  className: clsx15("news-card-cta", NewsCard_module_default["news-card-cta"]),
+                  href: cta.url,
+                  icon: cta.icon,
+                  isExternal: cta == null ? void 0 : cta.isExternal,
+                  "aria-hidden": "true",
+                  tabIndex: -1,
+                  renderLink: renderLink ? (props) => renderLink(__spreadProps(__spreadValues({}, props), { tabIndex: -1 })) : void 0,
+                  children: cta.label
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var CardCollectionTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var CardCollectionSubtitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+// src/widgets/CardCollection/CardCollection.module.scss
+var CardCollection_module_default = {
+  "card-collection": "CardCollection_module_card-collection",
+  content: "CardCollection_module_content",
+  wrapper: "CardCollection_module_wrapper",
+  cardWrapper: "CardCollection_module_cardWrapper",
+  threeCols: "CardCollection_module_threeCols",
+  fourCols: "CardCollection_module_fourCols",
+  examCard: "CardCollection_module_examCard",
+  "reveal-wrapper": "CardCollection_module_reveal-wrapper",
+  "reveal-inner": "CardCollection_module_reveal-inner",
+  card: "CardCollection_module_card",
+  "is-expanded": "CardCollection_module_is-expanded",
+  cta: "CardCollection_module_cta"
+};
+var CardCollection = ({
+  className,
+  variant = "default",
+  theme = "dark",
+  title,
+  subtitle,
+  cards = [],
+  ctaLabel,
+  children
+}) => {
+  var _a, _b;
+  const container = useRef(null);
+  const revealWrapper = useRef(null);
+  const extraCard = useRef(null);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const slots = resolveCompoundSlots(children, {
+    title: CardCollectionTitle,
+    subtitle: CardCollectionSubtitle
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
+  const isExamCard = variant === "examCard";
+  const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
+  const hiddenCards = isExamCard ? cards.slice(8) : [];
+  const { contextSafe } = useGSAP({ scope: container });
+  const handleShowMore = useCallback(() => {
+    contextSafe(() => {
+      setIsExpanded(true);
+      const tl = gsap$1.timeline({ defaults: { ease: "power3.inOut" } });
+      tl.to(`.${CardCollection_module_default.cta}`, {
+        opacity: 0,
+        y: 20,
+        duration: 0.3,
+        display: "none"
+      }).to(`.${CardCollection_module_default.cardWrapper}`, { height: "auto", duration: 0.2 }, "<").to(
+        revealWrapper.current,
+        {
+          height: "auto",
+          duration: 0.3
+        },
+        "-=0.1"
+      ).from(
+        extraCard.current,
+        {
+          opacity: 0,
+          y: 30,
+          duration: 0.3,
+          clearProps: "all"
+        },
+        "-=0.3"
+      );
+    })();
+  }, [contextSafe]);
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      ref: container,
+      className: clsx15(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: clsx15(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,
+            __spreadValues({
+              ref: extraCard,
+              className: CardCollection_module_default.card,
+              variant: theme
+            }, card),
+            key
+          )) }) }),
+          isExamCard && !isExpanded && ctaLabel && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              icon: "downChevronBlack",
+              className: CardCollection_module_default.cta,
+              onClick: handleShowMore,
+              children: ctaLabel
             }
           )
         ] }) })
@@ -1552,7 +1886,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx25(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx15(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsx(
       "div",
       {
@@ -1567,8 +1901,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: clsx25(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx25(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx15(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,
@@ -1629,7 +1963,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsx("footer", { className: clsx25(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsx("footer", { className: clsx15(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(
@@ -1645,7 +1979,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: clsx25(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(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(
@@ -1661,6 +1995,23 @@ var Footer = ({
     children
   ] }) });
 };
+
+// src/components/LogoBar/LogoBar.module.scss
+var LogoBar_module_default = {
+  logoBar: "LogoBar_module_logoBar",
+  logoWrapper: "LogoBar_module_logoWrapper",
+  logo: "LogoBar_module_logo",
+  logoHover: "LogoBar_module_logoHover"
+};
+var LogoBar = ({ className, items }) => {
+  if (!items || items.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: clsx15(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
+    return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
+      item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
+      item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
+    ] }) }, key);
+  }) });
+};
 var Text = (_a) => {
   var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
   const Component = promoteToH1 ? "h1" : tag;
@@ -1726,7 +2077,7 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx25(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx15(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: [
@@ -1736,7 +2087,7 @@ var HeroBanner = ({
             {
               tag: "h2",
               promoteToH1,
-              className: clsx25(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
+              className: clsx15(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
               children: titleNode
             }
           ),
@@ -1745,7 +2096,7 @@ var HeroBanner = ({
             {
               tag: "div",
               promoteToH1: promoteToH1 && !titleNode,
-              className: clsx25(HeroBanner_module_default.subtitle, "subheading"),
+              className: clsx15(HeroBanner_module_default.subtitle, "subheading"),
               children: subtitleNode
             }
           )
@@ -1822,7 +2173,7 @@ var HeroBannerCarousel = ({
   const [swiperInstance, setSwiperInstance] = useState(null);
   const [activeIndex, setActiveIndex] = useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx25(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx15(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,
       {
@@ -1869,7 +2220,7 @@ var HeroBannerCarousel = ({
       /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
         "button",
         {
-          className: clsx25(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx15(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}`
         },
@@ -1949,7 +2300,7 @@ var AccordionItem = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx25(
+      className: clsx15(
         Accordion_module_default.accordionItem,
         {
           [Accordion_module_default.accordionItemOpen]: isOpen
@@ -1960,18 +2311,18 @@ var AccordionItem = ({
         /* @__PURE__ */ jsxs(
           "button",
           {
-            className: clsx25(Accordion_module_default.accordionHeader, {
+            className: clsx15(Accordion_module_default.accordionHeader, {
               [Accordion_module_default.accordionHeaderOpen]: isOpen
             }),
             onClick: handleToggle,
             "aria-expanded": isOpen,
             "aria-label": `Toggle ${title}`,
             children: [
-              /* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx25("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx15("body", Accordion_module_default.accordionTitle), children: title }) }),
               /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: clsx25(Accordion_module_default.accordionChevron, {
+                  className: clsx15(Accordion_module_default.accordionChevron, {
                     [Accordion_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
@@ -2023,7 +2374,7 @@ var Accordion = ({
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: clsx25(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: clsx15(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
     AccordionItem,
     {
       id: item.id,
@@ -2113,7 +2464,7 @@ var InternalBrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxs(Container, { className: clsx25(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx15(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
     /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
       title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
       subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
@@ -2129,7 +2480,7 @@ var InternalBrandsTab = (props) => {
         },
         index
       )) }),
-      /* @__PURE__ */ jsx("div", { className: clsx25(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: clsx15(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
@@ -2220,17 +2571,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: clsx25(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx15(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: clsx25(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx25(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx15(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx25(MiniBanner_module_default.title, {
+            className: clsx15(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
             }),
@@ -2301,14 +2652,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx25(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx15(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: clsx25(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx15(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -2373,7 +2724,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: clsx25(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx15(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 }),
@@ -2427,8 +2778,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsx("div", { className: clsx25(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: clsx25(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsx("div", { className: clsx15(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: clsx15(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))
@@ -2478,12 +2829,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx25(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx15(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: clsx25(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(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(
@@ -2511,110 +2862,10 @@ var Teaser5050WithCta2 = Object.assign(Teaser5050WithCta, {
   Subtitle: Teaser5050WithCtaSubtitle
 });
 
-// src/components/UpcomingEventCard/UpcomingEventCard.module.scss
-var UpcomingEventCard_module_default = {
-  "event-card": "UpcomingEventCard_module_event-card",
-  "event-card-content": "UpcomingEventCard_module_event-card-content",
-  "event-card-image": "UpcomingEventCard_module_event-card-image",
-  "event-card-text-content": "UpcomingEventCard_module_event-card-text-content",
-  date: "UpcomingEventCard_module_date",
-  location: "UpcomingEventCard_module_location",
-  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",
-  vertical: "UpcomingEventCard_module_vertical"
+// src/components/Carousel/Carousel.module.scss
+var Carousel_module_default = {
+  carousel: "Carousel_module_carousel"
 };
-var UpcomingEventCard = ({
-  className,
-  image,
-  date,
-  title,
-  location,
-  description,
-  cta,
-  direction = "horizontal",
-  showImage = true
-}) => {
-  const { is } = useViewPort_default();
-  const hasCtaWithoutImage = cta && cta.url && !image;
-  const hasCTAandImage = Boolean(cta && cta.url && image);
-  const hasImage = Boolean(image);
-  const isBelowMobile = is("mobile-l", "below");
-  return /* @__PURE__ */ jsxs(
-    "article",
-    {
-      className: clsx25(
-        "card",
-        UpcomingEventCard_module_default["event-card"],
-        UpcomingEventCard_module_default[direction],
-        hasCtaWithoutImage && UpcomingEventCard_module_default["cta-without-image"],
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx25("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx25("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: clsx25(
-                "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: clsx25("card-text-title"), children: title }),
-                location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsx("div", { className: clsx25("card-text-description", UpcomingEventCard_module_default.description), children: description }),
-                cta && cta.url && /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "secondary",
-                    className: clsx25(
-                      "card-cta",
-                      UpcomingEventCard_module_default["event-card-cta"],
-                      !hasCTAandImage && UpcomingEventCard_module_default.hidden
-                    ),
-                    fullWidth: isBelowMobile,
-                    href: cta.url,
-                    icon: cta.icon,
-                    isExternal: cta == null ? void 0 : cta.isExternal,
-                    children: cta.label
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        cta && cta.url && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx25("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
-            children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "secondary",
-                className: clsx25("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
-                fullWidth: isBelowMobile,
-                href: cta.url,
-                icon: cta.icon,
-                isExternal: cta == null ? void 0 : cta.isExternal,
-                children: cta.label
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/Carousel/Carousel.module.scss
-var Carousel_module_default = {};
 var Carousel = (_a) => {
   var _b = _a, {
     slides,
@@ -2635,7 +2886,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx25(Carousel_module_default.carousel, className),
+      className: clsx15(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [FreeMode, A11y],
@@ -2645,7 +2896,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsx(
         SwiperSlide,
         {
-          className: clsx25(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx15(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -2695,13 +2946,13 @@ var EventList = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx25("event-list-module", EventList_module_default["event-list-module"], className),
+      className: clsx15("event-list-module", EventList_module_default["event-list-module"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxs(Container, { className: clsx25(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx15(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx25(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx15(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsx(
             Button,
             {
@@ -2718,7 +2969,7 @@ var EventList = ({
           Carousel,
           {
             "aria-label": "Upcoming events",
-            wrapperClass: clsx25(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+            wrapperClass: clsx15(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
             slideClass: EventList_module_default["carousel-list-item"],
             spaceBetween: 16,
             slides: items.map((item) => {
@@ -2726,7 +2977,7 @@ var EventList = ({
               return /* @__PURE__ */ jsx(
                 UpcomingEventCard,
                 __spreadValues({
-                  className: clsx25(EventList_module_default["event-card"]),
+                  className: clsx15(EventList_module_default["event-card"]),
                   direction: "vertical",
                   showImage: false
                 }, item),
@@ -2739,17 +2990,17 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx25(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
+            className: clsx15(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: clsx25(EventList_module_default["card-list-item"]),
+                  className: clsx15(EventList_module_default["card-list-item"]),
                   children: /* @__PURE__ */ jsx(
                     UpcomingEventCard,
                     __spreadProps(__spreadValues({}, item), {
-                      className: clsx25(EventList_module_default["card-item"]),
+                      className: clsx15(EventList_module_default["card-item"]),
                       showImage: false,
                       direction: "vertical"
                     })
@@ -2764,7 +3015,7 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx25(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+            className: clsx15(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);
@@ -2789,6 +3040,7 @@ var TextEvent_module_default = {
   textEvent: "TextEvent_module_textEvent",
   richText: "TextEvent_module_richText",
   h4: "TextEvent_module_h4",
+  h5: "TextEvent_module_h5",
   subheading: "TextEvent_module_subheading",
   body: "TextEvent_module_body",
   small: "TextEvent_module_small",
@@ -2811,9 +3063,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: clsx25(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx15(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsx("div", { className: clsx25(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsx("div", { className: clsx15(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -2844,7 +3096,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: clsx25(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx15(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 })
   ] });
@@ -2887,7 +3139,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx25(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx15(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 })
@@ -2895,7 +3147,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx25(
+        className: clsx15(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -2993,7 +3245,7 @@ var ResourcesGridList = ({
   const safeCurrentPage = Math.min(currentPage, totalPages);
   const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
   const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
-  return /* @__PURE__ */ jsxs("div", { className: clsx25(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx15(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsx(
       FilterBar,
       {
@@ -3012,7 +3264,7 @@ var ResourcesGridList = ({
       isMobile && /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx25(
+          className: clsx15(
             ResourcesGridList_module_default.mobileSidebarOverlay,
             isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
           ),
@@ -3023,7 +3275,7 @@ var ResourcesGridList = ({
               return /* @__PURE__ */ jsxs(
                 "li",
                 {
-                  className: clsx25(
+                  className: clsx15(
                     ResourcesGridList_module_default.mobileSidebarItem,
                     i === selectedCategory && ResourcesGridList_module_default.active
                   ),
@@ -3068,7 +3320,7 @@ var ResourcesGridList = ({
           onSelect: handleSelectCategory
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: clsx25(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item, i) => {
+      /* @__PURE__ */ jsx("div", { className: clsx15(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item, i) => {
         var _a2;
         return /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, (_a2 = item.title) != null ? _a2 : i);
       }) })
@@ -3085,6 +3337,466 @@ var ResourcesGridList = ({
     )
   ] });
 };
+
+// src/components/Grid/Grid.module.scss
+var Grid_module_default = {
+  grid: "Grid_module_grid",
+  "grid-item": "Grid_module_grid-item"
+};
+var Grid = ({
+  children,
+  columns,
+  gap,
+  className,
+  as: Component = "div",
+  role,
+  ariaLabel,
+  ariaLabelledBy
+}) => {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: clsx15("grid", Grid_module_default.grid, className),
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      style: {
+        "--grid-columns": columns,
+        "--grid-gap": typeof gap === "number" ? `${gap}px` : gap
+      },
+      children
+    }
+  );
+};
+var GridItem = ({
+  children,
+  colSpan,
+  rowSpan,
+  className,
+  as: Component = "div",
+  role,
+  ariaLabel,
+  ariaLabelledBy
+}) => {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: clsx15("grid-item", Grid_module_default["grid-item"], className),
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      style: {
+        "--col-xl": colSpan == null ? void 0 : colSpan.xl,
+        "--col-lg": colSpan == null ? void 0 : colSpan.lg,
+        "--col-md": colSpan == null ? void 0 : colSpan.md,
+        "--col-ml": colSpan == null ? void 0 : colSpan.ml,
+        "--col-mm": colSpan == null ? void 0 : colSpan.mm,
+        "--col-xs": colSpan == null ? void 0 : colSpan.xs,
+        "--row-xl": rowSpan == null ? void 0 : rowSpan.xl,
+        "--row-lg": rowSpan == null ? void 0 : rowSpan.lg,
+        "--row-md": rowSpan == null ? void 0 : rowSpan.md,
+        "--row-ml": rowSpan == null ? void 0 : rowSpan.ml,
+        "--row-mm": rowSpan == null ? void 0 : rowSpan.mm,
+        "--row-xs": rowSpan == null ? void 0 : rowSpan.xs
+      },
+      children
+    }
+  );
+};
+
+// src/widgets/BlogCardGrid/BlogCardGrid.module.scss
+var BlogCardGrid_module_default = {
+  "blog-card-grid": "BlogCardGrid_module_blog-card-grid",
+  wrapper: "BlogCardGrid_module_wrapper"
+};
+var BlogCardGridTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var BlogCardGrid = ({
+  title,
+  items,
+  backgroundColor,
+  cta,
+  className,
+  hasContainer = true,
+  gridProps,
+  gridItemProps,
+  renderLink,
+  children
+}) => {
+  var _a;
+  const slots = resolveCompoundSlots(children, {
+    title: BlogCardGridTitle
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const content = /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
+    title && /* @__PURE__ */ jsxs("div", { className: clsx15("header-container", BlogCardGrid_module_default["header-container"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx15("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx15("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: clsx15("cta", BlogCardGrid_module_default["cta"]),
+          variant: "nofillblack",
+          href: cta.url,
+          isExternal: cta == null ? void 0 : cta.isExternal,
+          icon: cta == null ? void 0 : cta.icon,
+          children: cta == null ? void 0 : cta.label
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, __spreadProps(__spreadValues({ role: "list", columns: 3 }, gridProps), { children: items.map((item, index) => {
+      var _a2;
+      return /* @__PURE__ */ jsx(
+        GridItem,
+        __spreadProps(__spreadValues({
+          colSpan: { md: 3 },
+          role: "listitem"
+        }, gridItemProps), {
+          children: /* @__PURE__ */ jsx(NewsCard, __spreadProps(__spreadValues({}, item), { renderLink }))
+        }),
+        (_a2 = item.title) != null ? _a2 : index
+      );
+    }) }))
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx15("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
+      style: {
+        backgroundColor
+      },
+      children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx15("container", BlogCardGrid_module_default["container"]), children: content }) : content
+    }
+  );
+};
+
+// src/widgets/BlogCardGrid/index.ts
+var BlogCardGrid2 = Object.assign(BlogCardGrid, {
+  Title: BlogCardGridTitle
+});
+
+// src/widgets/FeaturedNewsHighlights/FeaturedNewsHighlights.module.scss
+var FeaturedNewsHighlights_module_default = {
+  "featured-news-higlights": "FeaturedNewsHighlights_module_featured-news-higlights",
+  wrapper: "FeaturedNewsHighlights_module_wrapper",
+  "header-container": "FeaturedNewsHighlights_module_header-container",
+  "content-wrapper": "FeaturedNewsHighlights_module_content-wrapper",
+  "featured-card": "FeaturedNewsHighlights_module_featured-card",
+  "side-content": "FeaturedNewsHighlights_module_side-content",
+  carousel: "FeaturedNewsHighlights_module_carousel",
+  "carousel-wrapper": "FeaturedNewsHighlights_module_carousel-wrapper",
+  "carousel-list-item": "FeaturedNewsHighlights_module_carousel-list-item",
+  "carousel-news-card": "FeaturedNewsHighlights_module_carousel-news-card"
+};
+var FeaturedNewsHighlightsTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var FeaturedNewsHighlights = ({
+  variant,
+  title,
+  items,
+  backgroundColor,
+  cta,
+  className,
+  hasContainer = true,
+  renderLink,
+  children
+}) => {
+  var _a;
+  const { is } = useViewPort_default();
+  const slots = resolveCompoundSlots(children, {
+    title: FeaturedNewsHighlightsTitle
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const featuredCard = items.at(0);
+  const sideCards = items.slice(1);
+  const isVariantHome = variant === "home";
+  const isBelowTablet = is("tablet", "below");
+  const content = /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
+    title && cta && /* @__PURE__ */ jsxs("div", { className: clsx15("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx15("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: clsx15("cta", FeaturedNewsHighlights_module_default["cta"]),
+          variant: "nofillblack",
+          href: cta.url,
+          isExternal: cta == null ? void 0 : cta.isExternal,
+          icon: cta == null ? void 0 : cta.icon,
+          children: cta == null ? void 0 : cta.label
+        }
+      ) })
+    ] }),
+    isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
+      Carousel,
+      {
+        className: clsx15("carousel", FeaturedNewsHighlights_module_default["carousel"]),
+        "aria-label": "featured news",
+        wrapperClass: clsx15(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
+        slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
+        spaceBetween: 16,
+        slides: items.map((item, index) => {
+          var _a2;
+          return /* @__PURE__ */ jsx(
+            NewsCard,
+            __spreadProps(__spreadValues({}, item), {
+              direction: "vertical",
+              className: clsx15("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
+            }),
+            (_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
+          );
+        })
+      }
+    ),
+    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx15("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
+      featuredCard && /* @__PURE__ */ jsx(
+        NewsCard,
+        __spreadProps(__spreadValues({}, featuredCard), {
+          className: clsx15("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
+          renderLink
+        })
+      ),
+      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx15("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
+        var _a2;
+        return /* @__PURE__ */ jsx(
+          NewsCard,
+          __spreadProps(__spreadValues({}, card), {
+            direction: "horizontal",
+            renderLink
+          }),
+          (_a2 = card == null ? void 0 : card.title) != null ? _a2 : index
+        );
+      }) })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx15("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
+      style: {
+        backgroundColor
+      },
+      children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx15("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
+    }
+  );
+};
+
+// src/widgets/FeaturedNewsHighlights/index.ts
+var FeaturedNewsHighlights2 = Object.assign(FeaturedNewsHighlights, {
+  Title: FeaturedNewsHighlightsTitle
+});
+
+// src/widgets/NewsCardList/NewsCardList.module.scss
+var NewsCardList_module_default = {
+  "news-card-list": "NewsCardList_module_news-card-list",
+  container: "NewsCardList_module_container",
+  wrapper: "NewsCardList_module_wrapper",
+  "search-input": "NewsCardList_module_search-input",
+  "end-action-button": "NewsCardList_module_end-action-button",
+  pagination: "NewsCardList_module_pagination"
+};
+var NewsCardList = ({
+  items,
+  backgroundColor,
+  className,
+  currentPage,
+  totalPages = 0,
+  searchValue,
+  onPageChange,
+  onSearchChange,
+  onSearchSubmit,
+  searchInputProps,
+  renderLink
+}) => {
+  const featuredCards = items.slice(0, 4);
+  const cards = currentPage !== 1 ? items : items.slice(4);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx15("news-card-list", NewsCardList_module_default["news-card-list"], className),
+      style: {
+        backgroundColor
+      },
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx15("container", NewsCardList_module_default["container"]), children: [
+        /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", NewsCardList_module_default["wrapper"]), children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            __spreadValues({
+              className: clsx15("search-input", NewsCardList_module_default["search-input"]),
+              startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
+              placeholder: "Search News",
+              endAction: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "nofillblack",
+                  className: clsx15(NewsCardList_module_default["end-action-button"]),
+                  "aria-label": "Search",
+                  onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
+                  children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
+                }
+              ),
+              value: searchValue,
+              onChange: onSearchChange ? (e) => {
+                onSearchChange(e.target.value);
+              } : void 0
+            }, searchInputProps)
+          ),
+          currentPage === 1 && /* @__PURE__ */ jsx(
+            FeaturedNewsHighlights2,
+            {
+              items: featuredCards,
+              backgroundColor: "#fff",
+              hasContainer: false,
+              renderLink
+            }
+          ),
+          /* @__PURE__ */ jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
+        ] }),
+        totalPages ? /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            currentPage: currentPage || 1,
+            totalPages: totalPages || 0,
+            onPageChange,
+            className: clsx15("pagination", NewsCardList_module_default["pagination"]),
+            hasNumber: true
+          }
+        ) : null
+      ] })
+    }
+  );
+};
+
+// src/widgets/BlogPost/BlogPost.module.scss
+var BlogPost_module_default = {
+  "blog-post": "BlogPost_module_blog-post",
+  container: "BlogPost_module_container",
+  header: "BlogPost_module_header",
+  image: "BlogPost_module_image",
+  content: "BlogPost_module_content",
+  "content-top": "BlogPost_module_content-top",
+  "related-articles": "BlogPost_module_related-articles"
+};
+var BlogPostTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var BlogPostBody = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var BlogPost = ({
+  title,
+  description: body,
+  image,
+  date,
+  tag,
+  relatedArticles,
+  className,
+  children
+}) => {
+  var _a, _b;
+  const slots = resolveCompoundSlots(children, {
+    title: BlogPostTitle,
+    body: BlogPostBody
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const bodyNode = (_b = slots.body) != null ? _b : body;
+  return /* @__PURE__ */ jsx("div", { className: clsx15("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx15("container", BlogPost_module_default["container"]), children: [
+    /* @__PURE__ */ jsxs("div", { className: clsx15("header", BlogPost_module_default["header"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
+      image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15("image", BlogPost_module_default["image"]) }))
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: clsx15("content", BlogPost_module_default["content"]), children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx15("content-top", BlogPost_module_default["content-top"]), children: [
+        /* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
+        /* @__PURE__ */ jsxs("span", { className: clsx15("content-date", BlogPost_module_default["content-date"]), children: [
+          "Published ",
+          /* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
+        ] })
+      ] }),
+      bodyNode
+    ] }),
+    relatedArticles && relatedArticles.length > 0 && /* @__PURE__ */ jsx(
+      BlogCardGrid2,
+      {
+        title: "More News",
+        items: relatedArticles,
+        hasContainer: false,
+        className: clsx15("related-articles", BlogPost_module_default["related-articles"])
+      }
+    )
+  ] }) });
+};
+
+// src/widgets/BlogPost/index.ts
+var BlogPost2 = Object.assign(BlogPost, {
+  Title: BlogPostTitle,
+  Body: BlogPostBody
+});
+var BlogSearchResultsListSearch = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+// src/widgets/BlogSearchResultsList/BlogSearchResultsList.module.scss
+var BlogSearchResultsList_module_default = {
+  "search-results-list": "BlogSearchResultsList_module_search-results-list",
+  container: "BlogSearchResultsList_module_container",
+  "search-result": "BlogSearchResultsList_module_search-result",
+  wrapper: "BlogSearchResultsList_module_wrapper",
+  "search-input": "BlogSearchResultsList_module_search-input",
+  "end-action-button": "BlogSearchResultsList_module_end-action-button"
+};
+var BlogSearchResultsList = ({
+  items,
+  searchResult,
+  onSearchChange,
+  onSearchSubmit,
+  searchValue,
+  className,
+  children
+}) => {
+  var _a;
+  const slots = resolveCompoundSlots(children, {
+    search: BlogSearchResultsListSearch
+  });
+  const searchNode = (_a = slots.search) != null ? _a : searchResult;
+  return /* @__PURE__ */ jsx("div", { className: clsx15("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx15("container", BlogSearchResultsList_module_default["container"]), children: [
+    searchNode && typeof searchNode === "string" ? /* @__PURE__ */ jsxs("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: [
+      'Search results for "',
+      searchNode,
+      '":'
+    ] }) : searchNode,
+    /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: clsx15("search-input", BlogSearchResultsList_module_default["search-input"]),
+          startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
+          placeholder: "Search News",
+          endAction: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "nofillblack",
+              className: clsx15(BlogSearchResultsList_module_default["end-action-button"]),
+              "aria-label": "Search",
+              onClick: () => onSearchSubmit(searchValue),
+              children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
+            }
+          ),
+          value: searchValue,
+          onChange: (e) => {
+            onSearchChange(e.target.value);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false })
+    ] })
+  ] }) });
+};
+
+// src/widgets/BlogSearchResultsList/index.ts
+var BlogSearchResultsList2 = Object.assign(BlogSearchResultsList, {
+  Search: BlogSearchResultsListSearch
+});
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
@@ -3114,6 +3826,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, FilterBar, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, InternalBrandsTab2 as InternalBrandsTab, LogoBar, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, ResourceCardItem, ResourcesGridList, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, NewsCard, NewsCardList, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, ResourceCardItem, ResourcesGridList, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, UpcomingEventCard, resolveCompoundSlots, svgs, useIntersectionObserver };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map