@digital-b2c/coreui-kit 0.14.0 → 0.14.2

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx43 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React67 = require('react');
+var React68 = require('react');
 var gsap = require('gsap');
 var react = require('@gsap/react');
 var ScrollTrigger = require('gsap/ScrollTrigger');
@@ -14,7 +14,7 @@ var ReactPlayer = require('react-player');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var clsx43__default = /*#__PURE__*/_interopDefault(clsx43);
-var React67__default = /*#__PURE__*/_interopDefault(React67);
+var React68__default = /*#__PURE__*/_interopDefault(React68);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 var ReactPlayer__default = /*#__PURE__*/_interopDefault(ReactPlayer);
 
@@ -390,7 +390,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React67__default.default.memo(
+var Icon = React68__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -504,21 +504,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React67.useState(
+  const [device, setDevice] = React68.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React67.useCallback(
+  const getOtherDevices = React68.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React67.useCallback(() => {
+  const onWindowResize = React68.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -571,13 +571,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React67.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React67.useState(false);
+  const [show, setShow] = React68.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React68.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React67.useRef(null);
-  const marqueeRef = React67.useRef(null);
-  const timeline = React67.useRef(null);
+  const containerRef = React68.useRef(null);
+  const marqueeRef = React68.useRef(null);
+  const timeline = React68.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -671,7 +671,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React67.useMemo(() => {
+  const duplicatedLogos = React68.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -724,8 +724,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React67.Children.forEach(children, (child) => {
-    if (!React67.isValidElement(child)) return;
+  React68.Children.forEach(children, (child) => {
+    if (!React68.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -739,7 +739,7 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React67.forwardRef(
+var Container = React68.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
     return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx43__default.default(Container_module_default.container, className) }, props), { children }));
@@ -880,11 +880,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  const [openDropdown, setOpenDropdown] = React67.useState(null);
-  const [searchState, setSearchState] = React67.useState("closed");
-  const filterRef = React67.useRef(null);
-  const sortRef = React67.useRef(null);
-  const searchInputRef = React67.useRef(null);
+  const [openDropdown, setOpenDropdown] = React68.useState(null);
+  const [searchState, setSearchState] = React68.useState("closed");
+  const filterRef = React68.useRef(null);
+  const sortRef = React68.useRef(null);
+  const searchInputRef = React68.useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -894,7 +894,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -904,7 +904,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -1180,7 +1180,7 @@ var Pagination = ({
   hidePagesBorder = false,
   renderLink
 }) => {
-  const [activePage, setActivePage] = React67.useState(currentPage);
+  const [activePage, setActivePage] = React68.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1239,7 +1239,7 @@ var Pagination = ({
         [Pagination_module_default.number]: hasNumber,
         [Pagination_module_default["no-border"]]: hidePagesBorder
       });
-      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React67.Fragment, { children: renderLink({
+      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React68.Fragment, { children: renderLink({
         page,
         className: pageClassName,
         "aria-label": `Go to page ${page}`,
@@ -1549,7 +1549,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React67.forwardRef(
+var Badge = React68.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1623,7 +1623,7 @@ var Input_module_default = {
   error: "Input_module_error",
   "input-field--error": "Input_module_input-field--error",
   "input-field--disabled": "Input_module_input-field--disabled"};
-var Input = React67.forwardRef(
+var Input = React68.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1654,7 +1654,7 @@ var Input = React67.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React67.useId();
+    const generatedId = React68.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1859,10 +1859,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React67.useRef(null);
-  const revealWrapper = React67.useRef(null);
-  const extraCard = React67.useRef(null);
-  const [isExpanded, setIsExpanded] = React67.useState(false);
+  const container = React68.useRef(null);
+  const revealWrapper = React68.useRef(null);
+  const extraCard = React68.useRef(null);
+  const [isExpanded, setIsExpanded] = React68.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -1873,7 +1873,7 @@ var CardCollection = ({
   const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
   const hiddenCards = isExamCard ? cards.slice(8) : [];
   const { contextSafe } = react.useGSAP({ scope: container });
-  const handleShowMore = React67.useCallback(() => {
+  const handleShowMore = React68.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1977,8 +1977,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React67.useRef(null);
-  const blurRef = React67.useRef(null);
+  const containerRef = React68.useRef(null);
+  const blurRef = React68.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2317,8 +2317,8 @@ var HeroBannerCarousel = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React67.useState(null);
-  const [activeIndex, setActiveIndex] = React67.useState(0);
+  const [swiperInstance, setSwiperInstance] = React68.useState(null);
+  const [activeIndex, setActiveIndex] = React68.useState(0);
   if (!items.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2407,16 +2407,16 @@ var AccordionItem = ({
   onToggle,
   className
 }) => {
-  const contentRef = React67.useRef(null);
-  const contentInnerRef = React67.useRef(null);
-  const timelineRef = React67.useRef(null);
-  const [contentHeight, setContentHeight] = React67.useState(0);
-  React67.useEffect(() => {
+  const contentRef = React68.useRef(null);
+  const contentInnerRef = React68.useRef(null);
+  const timelineRef = React68.useRef(null);
+  const [contentHeight, setContentHeight] = React68.useState(0);
+  React68.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -2501,7 +2501,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React67.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React68.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -2562,10 +2562,10 @@ var InternalBrandsTab_module_default = {
 var InternalBrandsTab = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const { title, subTitle, className, tabs } = props;
-  const [activeIndex, setActiveIndex] = React67.useState(0);
+  const [activeIndex, setActiveIndex] = React68.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React67.useMemo(() => {
+  const accordionItems = React68.useMemo(() => {
     return (tabs == null ? void 0 : tabs.map((tab, index) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
       return {
@@ -2732,7 +2732,7 @@ var MiniBanner = ({
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
-          goBackNode ? React67__default.default.cloneElement(goBackNode, {
+          goBackNode ? React68__default.default.cloneElement(goBackNode, {
             className: clsx43__default.default("back-button", MiniBanner_module_default["back-button"])
           }) : null,
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
@@ -2850,13 +2850,13 @@ function useIntersectionObserver({
   animateOnce = false,
   options = {}
 } = {}) {
-  const observeRef = React67.useRef(null);
-  const [isVisible, setIsVisible] = React67.useState(false);
+  const observeRef = React68.useRef(null);
+  const [isVisible, setIsVisible] = React68.useState(false);
   if (typeof IntersectionObserver === "undefined") {
     console.warn("IntersectionObserver is not supported in this browser.");
     return { observeRef, isVisible: true };
   }
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     const currentRef = observeRef.current;
     if (!currentRef) return;
     const observer = new IntersectionObserver((entries) => {
@@ -2875,8 +2875,8 @@ function useIntersectionObserver({
   return { observeRef, isVisible };
 }
 var useIsAtTop = () => {
-  const [isAtTop, setIsAtTop] = React67.useState(true);
-  React67.useEffect(() => {
+  const [isAtTop, setIsAtTop] = React68.useState(true);
+  React68.useEffect(() => {
     const handleScroll = () => setIsAtTop(window.scrollY === 0);
     window.addEventListener("scroll", handleScroll, { passive: true });
     return () => window.removeEventListener("scroll", handleScroll);
@@ -2932,10 +2932,10 @@ var NavigationDesktop = ({
   onDropdownOpenChange
 }) => {
   var _a;
-  const [activeDropdown, setActiveDropdown] = React67.useState(null);
-  const closeTimer = React67.useRef(null);
-  const dropdownWrapperRefs = React67.useRef([]);
-  const baseId = React67.useId();
+  const [activeDropdown, setActiveDropdown] = React68.useState(null);
+  const closeTimer = React68.useRef(null);
+  const dropdownWrapperRefs = React68.useRef([]);
+  const baseId = React68.useId();
   const setDropdown = (index) => {
     setActiveDropdown(index);
     onDropdownOpenChange == null ? void 0 : onDropdownOpenChange(index !== null);
@@ -3070,8 +3070,8 @@ var NavigationMobile = ({
   onClose
 }) => {
   var _a;
-  const [expanded, setExpanded] = React67.useState([]);
-  const baseId = React67.useId();
+  const [expanded, setExpanded] = React68.useState([]);
+  const baseId = React68.useId();
   const toggleExpanded = (index) => {
     setExpanded((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
   };
@@ -3173,15 +3173,15 @@ var NavigationMobile = ({
 };
 var Navigation2 = (props) => {
   const { className, variant, homeCta, loginCta, mainLogo, rightButton, navigationItems } = props;
-  const [isHovered, setIsHovered] = React67.useState(false);
-  const [hasOpenDropdown, setHasOpenDropdown] = React67.useState(false);
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = React67.useState(false);
+  const [isHovered, setIsHovered] = React68.useState(false);
+  const [hasOpenDropdown, setHasOpenDropdown] = React68.useState(false);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React68.useState(false);
   const isAtTop = useIsAtTop();
   const { is } = useViewPort_default();
-  const mobileMenuId = React67.useId();
+  const mobileMenuId = React68.useId();
   const isTabletBelow = is("tablet", "below");
   const isTransparent = variant === "transparent" && isAtTop && !isHovered && !hasOpenDropdown;
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     document.body.style.overflow = isMobileMenuOpen ? "hidden" : "";
     return () => {
       document.body.style.overflow = "";
@@ -3498,11 +3498,15 @@ var EventList_module_default = {
   horizontal: "EventList_module_horizontal",
   "carousel-wrapper": "EventList_module_carousel-wrapper",
   "carousel-list-item": "EventList_module_carousel-list-item",
-  "event-card": "EventList_module_event-card"
+  "event-card": "EventList_module_event-card",
+  "empty-search-result": "EventList_module_empty-search-result"
 };
 var EventListTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
+var EventListEmpty = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
 var EventList = ({
   className,
   title,
@@ -3515,13 +3519,16 @@ var EventList = ({
   var _a;
   const { is } = useViewPort_default();
   const slots = resolveCompoundSlots(children, {
-    title: EventListTitle
+    title: EventListTitle,
+    empty: EventListEmpty
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
+  const emptyNode = slots == null ? void 0 : slots.empty;
   const isBelowTablet = is("tablet", "below");
   const cardDirection = isBelowTablet ? "vertical" : "horizontal";
   const isInternalEventList = variant === "internalEventList";
   const listDirection = isInternalEventList ? "horizontal" : "vertical";
+  const isNotEmpty = Boolean(items) && items.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -3544,63 +3551,72 @@ var EventList = ({
             }
           )
         ] }),
-        isInternalEventList && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
-          Carousel,
-          {
-            "aria-label": "Upcoming events",
-            wrapperClass: clsx43__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
-            slideClass: EventList_module_default["carousel-list-item"],
-            spaceBetween: 16,
-            slides: items.map((item) => {
-              var _a2, _b;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                UpcomingEventCard,
-                __spreadValues({
-                  className: clsx43__default.default(EventList_module_default["event-card"]),
-                  direction: "vertical",
-                  showImage: false
-                }, item),
-                (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location
-              );
-            })
-          }
-        ),
-        isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
-          "ul",
-          {
-            "aria-label": "Upcoming events",
-            className: clsx43__default.default(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__ */ jsxRuntime.jsx(
-                "li",
-                {
-                  className: clsx43__default.default(EventList_module_default["card-list-item"]),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    UpcomingEventCard,
-                    __spreadProps(__spreadValues({}, item), {
-                      className: clsx43__default.default(EventList_module_default["card-item"]),
-                      showImage: false,
-                      direction: "vertical"
-                    })
-                  )
-                },
-                (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
-              );
-            })
-          }
-        ),
-        !isInternalEventList && /* @__PURE__ */ jsxRuntime.jsx(
-          "ul",
-          {
-            "aria-label": "Upcoming events",
-            className: clsx43__default.default(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__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
-            })
-          }
-        )
+        isNotEmpty && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          isInternalEventList && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
+            Carousel,
+            {
+              "aria-label": "Upcoming events",
+              wrapperClass: clsx43__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+              slideClass: EventList_module_default["carousel-list-item"],
+              spaceBetween: 16,
+              slides: items.map((item) => {
+                var _a2, _b;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  UpcomingEventCard,
+                  __spreadValues({
+                    className: clsx43__default.default(EventList_module_default["event-card"]),
+                    direction: "vertical",
+                    showImage: false
+                  }, item),
+                  (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location
+                );
+              })
+            }
+          ),
+          isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              "aria-label": "Upcoming events",
+              className: clsx43__default.default(
+                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__ */ jsxRuntime.jsx(
+                  "li",
+                  {
+                    className: clsx43__default.default(EventList_module_default["card-list-item"]),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      UpcomingEventCard,
+                      __spreadProps(__spreadValues({}, item), {
+                        className: clsx43__default.default(EventList_module_default["card-item"]),
+                        showImage: false,
+                        direction: "vertical"
+                      })
+                    )
+                  },
+                  (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
+                );
+              })
+            }
+          ),
+          !isInternalEventList && /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              "aria-label": "Upcoming events",
+              className: clsx43__default.default(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__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
+              })
+            }
+          )
+        ] }),
+        !isNotEmpty && emptyNode ? React68__default.default.cloneElement(emptyNode, {
+          className: clsx43__default.default("empty-search-result", EventList_module_default["empty-search-result"])
+        }) : null
       ] })
     }
   );
@@ -3608,7 +3624,8 @@ var EventList = ({
 
 // src/widgets/EventList/index.ts
 var EventList2 = Object.assign(EventList, {
-  Title: EventListTitle
+  Title: EventListTitle,
+  Empty: EventListEmpty
 });
 
 // src/widgets/TextEvent/TextEvent.module.scss
@@ -3780,17 +3797,17 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  const [view, setView] = React67.useState(defaultView);
-  const [isSidebarOpen, setIsSidebarOpen] = React67.useState(false);
-  const [filterValue, setFilterValue] = React67.useState(defaultFilter);
-  const [sortValue, setSortValue] = React67.useState(defaultSort);
-  const [searchQuery, setSearchQuery] = React67.useState("");
-  const [currentPage, setCurrentPage] = React67.useState(1);
-  const [selectedCategory, setSelectedCategory] = React67.useState(() => {
+  const [view, setView] = React68.useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = React68.useState(false);
+  const [filterValue, setFilterValue] = React68.useState(defaultFilter);
+  const [sortValue, setSortValue] = React68.useState(defaultSort);
+  const [searchQuery, setSearchQuery] = React68.useState("");
+  const [currentPage, setCurrentPage] = React68.useState(1);
+  const [selectedCategory, setSelectedCategory] = React68.useState(() => {
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
-  const widgetRef = React67.useRef(null);
+  const widgetRef = React68.useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
@@ -4253,7 +4270,7 @@ var NewsCardList = ({
             /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        paginationNode ? React67__default.default.cloneElement(paginationNode, {
+        paginationNode ? React68__default.default.cloneElement(paginationNode, {
           className: clsx43__default.default("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
@@ -4369,7 +4386,7 @@ var BlogSearchResultsList = ({
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React67__default.default.isValidElement(searchNode) ? React67__default.default.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React68__default.default.isValidElement(searchNode) ? React68__default.default.cloneElement(searchNode, {
       className: clsx43__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
@@ -4397,7 +4414,7 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    paginationNode ? React67__default.default.cloneElement(paginationNode, {
+    paginationNode ? React68__default.default.cloneElement(paginationNode, {
       className: clsx43__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
@@ -4440,7 +4457,7 @@ var GlobalSearchResultsList = ({
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React67__default.default.isValidElement(searchNode) ? React67__default.default.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React68__default.default.isValidElement(searchNode) ? React68__default.default.cloneElement(searchNode, {
       className: clsx43__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
@@ -4455,7 +4472,7 @@ var GlobalSearchResultsList = ({
         }
       ) }, (_a2 = item.title) != null ? _a2 : index);
     }) }) }),
-    paginationNode ? React67__default.default.cloneElement(paginationNode, {
+    paginationNode ? React68__default.default.cloneElement(paginationNode, {
       className: clsx43__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
@@ -4494,10 +4511,10 @@ var TextCenterWithMedia = ({
   children
 }) => {
   var _a;
-  const [isOpen, setIsOpen] = React67.useState(false);
-  const dialogRef = React67.useRef(null);
-  const videoRef = React67.useRef(null);
-  React67.useEffect(() => {
+  const [isOpen, setIsOpen] = React68.useState(false);
+  const dialogRef = React68.useRef(null);
+  const videoRef = React68.useRef(null);
+  React68.useEffect(() => {
     var _a2, _b;
     if (isOpen) {
       (_a2 = dialogRef.current) == null ? void 0 : _a2.showModal();