@digital-b2c/coreui-kit 0.11.0 → 0.11.2

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx15 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React62 = require('react');
+var React63 = 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 React62__default = /*#__PURE__*/_interopDefault(React62);
+var React63__default = /*#__PURE__*/_interopDefault(React63);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 
 var __defProp = Object.defineProperty;
@@ -376,7 +376,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React62__default.default.memo(
+var Icon = React63__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -489,21 +489,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React62.useState(
+  const [device, setDevice] = React63.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React62.useCallback(
+  const getOtherDevices = React63.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React62.useCallback(() => {
+  const onWindowResize = React63.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -556,13 +556,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React62.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React62.useState(false);
+  const [show, setShow] = React63.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React63.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React62.useRef(null);
-  const marqueeRef = React62.useRef(null);
-  const timeline = React62.useRef(null);
+  const containerRef = React63.useRef(null);
+  const marqueeRef = React63.useRef(null);
+  const timeline = React63.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -656,7 +656,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React62.useMemo(() => {
+  const duplicatedLogos = React63.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -709,8 +709,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React62.Children.forEach(children, (child) => {
-    if (!React62.isValidElement(child)) return;
+  React63.Children.forEach(children, (child) => {
+    if (!React63.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -724,7 +724,7 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React62.forwardRef(
+var Container = React63.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 }));
@@ -865,11 +865,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  const [openDropdown, setOpenDropdown] = React62.useState(null);
-  const [searchState, setSearchState] = React62.useState("closed");
-  const filterRef = React62.useRef(null);
-  const sortRef = React62.useRef(null);
-  const searchInputRef = React62.useRef(null);
+  const [openDropdown, setOpenDropdown] = React63.useState(null);
+  const [searchState, setSearchState] = React63.useState("closed");
+  const filterRef = React63.useRef(null);
+  const sortRef = React63.useRef(null);
+  const searchInputRef = React63.useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -879,7 +879,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -889,7 +889,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -1133,7 +1133,7 @@ var Pagination = ({
   disableArrows = false,
   onPageChange
 }) => {
-  const [activePage, setActivePage] = React62.useState(currentPage);
+  const [activePage, setActivePage] = React63.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1452,7 +1452,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React62.forwardRef(
+var Badge = React63.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1526,7 +1526,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 = React62.forwardRef(
+var Input = React63.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1557,7 +1557,7 @@ var Input = React62.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React62.useId();
+    const generatedId = React63.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1741,10 +1741,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React62.useRef(null);
-  const revealWrapper = React62.useRef(null);
-  const extraCard = React62.useRef(null);
-  const [isExpanded, setIsExpanded] = React62.useState(false);
+  const container = React63.useRef(null);
+  const revealWrapper = React63.useRef(null);
+  const extraCard = React63.useRef(null);
+  const [isExpanded, setIsExpanded] = React63.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -1755,7 +1755,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 = React62.useCallback(() => {
+  const handleShowMore = React63.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1859,8 +1859,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React62.useRef(null);
-  const blurRef = React62.useRef(null);
+  const containerRef = React63.useRef(null);
+  const blurRef = React63.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2178,8 +2178,8 @@ var HeroBannerCarousel = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React62.useState(null);
-  const [activeIndex, setActiveIndex] = React62.useState(0);
+  const [swiperInstance, setSwiperInstance] = React63.useState(null);
+  const [activeIndex, setActiveIndex] = React63.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(
@@ -2268,16 +2268,16 @@ var AccordionItem = ({
   onToggle,
   className
 }) => {
-  const contentRef = React62.useRef(null);
-  const contentInnerRef = React62.useRef(null);
-  const timelineRef = React62.useRef(null);
-  const [contentHeight, setContentHeight] = React62.useState(0);
-  React62.useEffect(() => {
+  const contentRef = React63.useRef(null);
+  const contentInnerRef = React63.useRef(null);
+  const timelineRef = React63.useRef(null);
+  const [contentHeight, setContentHeight] = React63.useState(0);
+  React63.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -2362,7 +2362,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React62.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React63.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -2423,10 +2423,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] = React62.useState(0);
+  const [activeIndex, setActiveIndex] = React63.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React62.useMemo(() => {
+  const accordionItems = React63.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 {
@@ -3209,13 +3209,13 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  const [view, setView] = React62.useState(defaultView);
-  const [isSidebarOpen, setIsSidebarOpen] = React62.useState(false);
-  const [filterValue, setFilterValue] = React62.useState(defaultFilter);
-  const [sortValue, setSortValue] = React62.useState(defaultSort);
-  const [searchQuery, setSearchQuery] = React62.useState("");
-  const [currentPage, setCurrentPage] = React62.useState(1);
-  const [selectedCategory, setSelectedCategory] = React62.useState(() => {
+  const [view, setView] = React63.useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = React63.useState(false);
+  const [filterValue, setFilterValue] = React63.useState(defaultFilter);
+  const [sortValue, setSortValue] = React63.useState(defaultSort);
+  const [searchQuery, setSearchQuery] = React63.useState("");
+  const [currentPage, setCurrentPage] = React63.useState(1);
+  const [selectedCategory, setSelectedCategory] = React63.useState(() => {
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
@@ -3751,15 +3751,20 @@ var BlogSearchResultsList_module_default = {
   "search-result": "BlogSearchResultsList_module_search-result",
   wrapper: "BlogSearchResultsList_module_wrapper",
   "search-input": "BlogSearchResultsList_module_search-input",
-  "end-action-button": "BlogSearchResultsList_module_end-action-button"
+  "end-action-button": "BlogSearchResultsList_module_end-action-button",
+  pagination: "BlogSearchResultsList_module_pagination"
 };
 var BlogSearchResultsList = ({
   items,
   searchResult,
   onSearchChange,
   onSearchSubmit,
+  onPageChange,
   searchValue,
+  currentPage,
+  totalPages = 0,
   className,
+  renderLink,
   children
 }) => {
   var _a;
@@ -3768,11 +3773,9 @@ var BlogSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   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: [
-    searchNode && typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: [
-      'Search results for "',
-      searchNode,
-      '":'
-    ] }) : searchNode,
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React63__default.default.isValidElement(searchNode) ? React63__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: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
@@ -3796,8 +3799,18 @@ var BlogSearchResultsList = ({
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false })
-    ] })
+      /* @__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
   ] }) });
 };
 
@@ -3809,13 +3822,13 @@ function useIntersectionObserver({
   animateOnce = false,
   options = {}
 } = {}) {
-  const observeRef = React62.useRef(null);
-  const [isVisible, setIsVisible] = React62.useState(false);
+  const observeRef = React63.useRef(null);
+  const [isVisible, setIsVisible] = React63.useState(false);
   if (typeof IntersectionObserver === "undefined") {
     console.warn("IntersectionObserver is not supported in this browser.");
     return { observeRef, isVisible: true };
   }
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     const currentRef = observeRef.current;
     if (!currentRef) return;
     const observer = new IntersectionObserver((entries) => {