@digital-b2c/coreui-kit 0.11.8 → 0.11.10

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx15 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React64 = require('react');
+var React65 = require('react');
 var gsap = require('gsap');
 var react = require('@gsap/react');
 var ScrollTrigger = require('gsap/ScrollTrigger');
@@ -13,7 +13,7 @@ require('swiper/css');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var clsx15__default = /*#__PURE__*/_interopDefault(clsx15);
-var React64__default = /*#__PURE__*/_interopDefault(React64);
+var React65__default = /*#__PURE__*/_interopDefault(React65);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 
 var __defProp = Object.defineProperty;
@@ -382,7 +382,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React64__default.default.memo(
+var Icon = React65__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -495,21 +495,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React64.useState(
+  const [device, setDevice] = React65.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React64.useCallback(
+  const getOtherDevices = React65.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React64.useCallback(() => {
+  const onWindowResize = React65.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -562,13 +562,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React64.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React64.useState(false);
+  const [show, setShow] = React65.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React65.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React64.useRef(null);
-  const marqueeRef = React64.useRef(null);
-  const timeline = React64.useRef(null);
+  const containerRef = React65.useRef(null);
+  const marqueeRef = React65.useRef(null);
+  const timeline = React65.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -662,7 +662,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React64.useMemo(() => {
+  const duplicatedLogos = React65.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -715,8 +715,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React64.Children.forEach(children, (child) => {
-    if (!React64.isValidElement(child)) return;
+  React65.Children.forEach(children, (child) => {
+    if (!React65.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -730,7 +730,7 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React64.forwardRef(
+var Container = React65.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
     return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx15__default.default(Container_module_default.container, className) }, props), { children }));
@@ -871,11 +871,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  const [openDropdown, setOpenDropdown] = React64.useState(null);
-  const [searchState, setSearchState] = React64.useState("closed");
-  const filterRef = React64.useRef(null);
-  const sortRef = React64.useRef(null);
-  const searchInputRef = React64.useRef(null);
+  const [openDropdown, setOpenDropdown] = React65.useState(null);
+  const [searchState, setSearchState] = React65.useState("closed");
+  const filterRef = React65.useRef(null);
+  const sortRef = React65.useRef(null);
+  const searchInputRef = React65.useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -885,7 +885,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -895,7 +895,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -1137,9 +1137,10 @@ var Pagination = ({
   loop = true,
   hasNumber = false,
   disableArrows = false,
-  onPageChange
+  onPageChange,
+  renderLink
 }) => {
-  const [activePage, setActivePage] = React64.useState(currentPage);
+  const [activePage, setActivePage] = React65.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1169,8 +1170,15 @@ var Pagination = ({
     setActivePage(page);
     onPageChange == null ? void 0 : onPageChange(page);
   };
+  const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
+  const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(Pagination_module_default.pagination, className), children: [
-    !disableArrows && /* @__PURE__ */ jsxRuntime.jsx(
+    !disableArrows && (renderLink ? renderLink({
+      page: prevPage,
+      className: Pagination_module_default.prev,
+      "aria-label": "Go to previous page",
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronLeft" })
+    }) : /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         className: Pagination_module_default.prev,
@@ -1179,24 +1187,35 @@ var Pagination = ({
         "aria-label": "Go to previous page",
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronLeft" })
       }
-    ),
+    )),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: Pagination_module_default.pages, children: Array.from({ length: totalPages }, (_, i) => {
       const page = i + 1;
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      const pageClassName = clsx15__default.default(Pagination_module_default.page, {
+        [Pagination_module_default.active]: activePage === page,
+        [Pagination_module_default.number]: hasNumber
+      });
+      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React65.Fragment, { children: renderLink({
+        page,
+        className: pageClassName,
+        "aria-label": `Go to page ${page}`,
+        children: hasNumber ? page : null
+      }) }, page) : /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           onClick: () => goToPage(page),
-          className: clsx15__default.default(Pagination_module_default.page, {
-            [Pagination_module_default.active]: activePage === page,
-            [Pagination_module_default.number]: hasNumber
-          }),
+          className: pageClassName,
           "aria-label": `Go to page ${page}`,
           children: hasNumber ? page : null
         },
         page
       );
     }) }),
-    !disableArrows && /* @__PURE__ */ jsxRuntime.jsx(
+    !disableArrows && (renderLink ? renderLink({
+      page: nextPage,
+      className: Pagination_module_default.next,
+      "aria-label": "Go to next page",
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronRight" })
+    }) : /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         className: Pagination_module_default.next,
@@ -1205,7 +1224,7 @@ var Pagination = ({
         "aria-label": "Go to next page",
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronRight" })
       }
-    )
+    ))
   ] });
 };
 
@@ -1458,7 +1477,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React64.forwardRef(
+var Badge = React65.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1532,7 +1551,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 = React64.forwardRef(
+var Input = React65.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1563,7 +1582,7 @@ var Input = React64.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React64.useId();
+    const generatedId = React65.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1747,10 +1766,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React64.useRef(null);
-  const revealWrapper = React64.useRef(null);
-  const extraCard = React64.useRef(null);
-  const [isExpanded, setIsExpanded] = React64.useState(false);
+  const container = React65.useRef(null);
+  const revealWrapper = React65.useRef(null);
+  const extraCard = React65.useRef(null);
+  const [isExpanded, setIsExpanded] = React65.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -1761,7 +1780,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 = React64.useCallback(() => {
+  const handleShowMore = React65.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1865,8 +1884,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React64.useRef(null);
-  const blurRef = React64.useRef(null);
+  const containerRef = React65.useRef(null);
+  const blurRef = React65.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2205,8 +2224,8 @@ var HeroBannerCarousel = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React64.useState(null);
-  const [activeIndex, setActiveIndex] = React64.useState(0);
+  const [swiperInstance, setSwiperInstance] = React65.useState(null);
+  const [activeIndex, setActiveIndex] = React65.useState(0);
   if (!items.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__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(
@@ -2295,16 +2314,16 @@ var AccordionItem = ({
   onToggle,
   className
 }) => {
-  const contentRef = React64.useRef(null);
-  const contentInnerRef = React64.useRef(null);
-  const timelineRef = React64.useRef(null);
-  const [contentHeight, setContentHeight] = React64.useState(0);
-  React64.useEffect(() => {
+  const contentRef = React65.useRef(null);
+  const contentInnerRef = React65.useRef(null);
+  const timelineRef = React65.useRef(null);
+  const [contentHeight, setContentHeight] = React65.useState(0);
+  React65.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -2389,7 +2408,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React64.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React65.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -2450,10 +2469,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] = React64.useState(0);
+  const [activeIndex, setActiveIndex] = React65.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React64.useMemo(() => {
+  const accordionItems = React65.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 {
@@ -3236,13 +3255,13 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  const [view, setView] = React64.useState(defaultView);
-  const [isSidebarOpen, setIsSidebarOpen] = React64.useState(false);
-  const [filterValue, setFilterValue] = React64.useState(defaultFilter);
-  const [sortValue, setSortValue] = React64.useState(defaultSort);
-  const [searchQuery, setSearchQuery] = React64.useState("");
-  const [currentPage, setCurrentPage] = React64.useState(1);
-  const [selectedCategory, setSelectedCategory] = React64.useState(() => {
+  const [view, setView] = React65.useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = React65.useState(false);
+  const [filterValue, setFilterValue] = React65.useState(defaultFilter);
+  const [sortValue, setSortValue] = React65.useState(defaultSort);
+  const [searchQuery, setSearchQuery] = React65.useState("");
+  const [currentPage, setCurrentPage] = React65.useState(1);
+  const [selectedCategory, setSelectedCategory] = React65.useState(() => {
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
@@ -3355,10 +3374,7 @@ var ResourcesGridList = ({
           onSelect: handleSelectCategory
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item, i) => {
-        var _a2;
-        return /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, (_a2 = item.href) != null ? _a2 : i);
-      }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
     ] }),
     totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
       Pagination,
@@ -3631,21 +3647,27 @@ var NewsCardList_module_default = {
   "end-action-button": "NewsCardList_module_end-action-button",
   pagination: "NewsCardList_module_pagination"
 };
+var NewsCardListPagination = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
 var NewsCardList = ({
   items,
   backgroundColor,
   className,
   currentPage,
-  totalPages = 0,
   searchValue,
-  onPageChange,
   onSearchChange,
   onSearchSubmit,
   searchInputProps,
-  renderLink
+  renderLink,
+  children
 }) => {
   const featuredCards = items.slice(0, 4);
   const cards = currentPage !== 1 ? items : items.slice(4);
+  const slots = resolveCompoundSlots(children, {
+    pagination: NewsCardListPagination
+  });
+  const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -3690,21 +3712,19 @@ var NewsCardList = ({
             /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        totalPages ? /* @__PURE__ */ jsxRuntime.jsx(
-          Pagination,
-          {
-            currentPage: currentPage || 1,
-            totalPages: totalPages || 0,
-            onPageChange,
-            className: clsx15__default.default("pagination", NewsCardList_module_default["pagination"]),
-            hasNumber: true
-          }
-        ) : null
+        paginationNode ? React65__default.default.cloneElement(paginationNode, {
+          className: clsx15__default.default("pagination", NewsCardList_module_default["pagination"])
+        }) : null
       ] })
     }
   );
 };
 
+// src/widgets/NewsCardList/index.ts
+var NewsCardList2 = Object.assign(NewsCardList, {
+  Pagination: NewsCardListPagination
+});
+
 // src/widgets/BlogPost/BlogPost.module.scss
 var BlogPost_module_default = {
   "blog-post": "BlogPost_module_blog-post",
@@ -3784,26 +3804,30 @@ var BlogSearchResultsList_module_default = {
   "end-action-button": "BlogSearchResultsList_module_end-action-button",
   pagination: "BlogSearchResultsList_module_pagination"
 };
+var BlogSearchResultsListPagination = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
 var BlogSearchResultsList = ({
   items,
   searchResult,
   onSearchChange,
   onSearchSubmit,
-  onPageChange,
   searchValue,
-  currentPage,
-  totalPages = 0,
   className,
   renderLink,
   children
 }) => {
   var _a;
   const slots = resolveCompoundSlots(children, {
-    search: BlogSearchResultsListSearch
+    search: BlogSearchResultsListSearch,
+    pagination: BlogSearchResultsListPagination
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
+  const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React64__default.default.isValidElement(searchNode) ? React64__default.default.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React65__default.default.isValidElement(searchNode) ? React65__default.default.cloneElement(searchNode, {
       className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
@@ -3831,34 +3855,28 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    totalPages ? /* @__PURE__ */ jsxRuntime.jsx(
-      Pagination,
-      {
-        currentPage: currentPage || 1,
-        totalPages: totalPages || 0,
-        onPageChange,
-        className: clsx15__default.default("pagination", BlogSearchResultsList_module_default["pagination"]),
-        hasNumber: true
-      }
-    ) : null
+    paginationNode ? React65__default.default.cloneElement(paginationNode, {
+      className: clsx15__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
+    }) : null
   ] }) });
 };
 
 // src/widgets/BlogSearchResultsList/index.ts
 var BlogSearchResultsList2 = Object.assign(BlogSearchResultsList, {
-  Search: BlogSearchResultsListSearch
+  Search: BlogSearchResultsListSearch,
+  Pagination: BlogSearchResultsListPagination
 });
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
 } = {}) {
-  const observeRef = React64.useRef(null);
-  const [isVisible, setIsVisible] = React64.useState(false);
+  const observeRef = React65.useRef(null);
+  const [isVisible, setIsVisible] = React65.useState(false);
   if (typeof IntersectionObserver === "undefined") {
     console.warn("IntersectionObserver is not supported in this browser.");
     return { observeRef, isVisible: true };
   }
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     const currentRef = observeRef.current;
     if (!currentRef) return;
     const observer = new IntersectionObserver((entries) => {
@@ -3903,7 +3921,7 @@ exports.InternalBrandsTab = InternalBrandsTab2;
 exports.MiniBanner = MiniBanner2;
 exports.MiniSectionCta = MiniSectionCta2;
 exports.NewsCard = NewsCard;
-exports.NewsCardList = NewsCardList;
+exports.NewsCardList = NewsCardList2;
 exports.Pagination = Pagination;
 exports.Picture = Picture;
 exports.PracticeCard = PracticeCard;