@digital-b2c/coreui-kit 0.11.4 → 0.11.5

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx15 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React63 = require('react');
+var React64 = 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 React63__default = /*#__PURE__*/_interopDefault(React63);
+var React64__default = /*#__PURE__*/_interopDefault(React64);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 
 var __defProp = Object.defineProperty;
@@ -138,6 +138,11 @@ var SvgIconWork = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps
 var icon_work_default = SvgIconWork;
 var SvgIconWorkhome = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 48, height: 48, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M35.5271 21.1696H39.1636V17.5583H35.5271V21.1696ZM35.5271 30.2333H39.1636V26.622H35.5271V30.2333ZM35.5271 39.2613H39.1636V35.65H35.5271V39.2613ZM0 48V26.6946L14.9455 16.078L29.8544 26.6946V48H19.3091V35.6863H10.5818V48H0ZM33.4909 48V24.7083L19.818 15.103V9H48V48H33.4909Z", fill: "white" }) }));
 var icon_workhome_default = SvgIconWorkhome;
+var SvgIconNew = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 74, height: 44, viewBox: "0 0 74 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0H74V36C74 40.4183 70.4183 44 66 44H0V0Z", fill: "#940000" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.3 28V16.48H21.484L26.604 26.656L25.82 26.848V16.48H28.22V28H25.036L19.916 17.824L20.7 17.632V28H18.3ZM29.8156 28V16.48H32.2796V28H29.8156ZM30.9676 28V26.112H38.3916V28H30.9676ZM30.9676 23.04V21.184H37.8316V23.04H30.9676ZM30.9676 18.368V16.48H38.1996V18.368H30.9676ZM42.5264 28L39.2784 16.48H41.7744L44.4624 27.024H43.6784L46.0784 16.48H48.8784L51.2464 27.024H50.4784L53.1824 16.48H55.5664L52.3184 28H49.5664L47.1184 17.664H47.7584L45.2784 28H42.5264Z", fill: "white" })
+] }));
+var icon_new_default = SvgIconNew;
 var SvgIconBlankCheckbox = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM4.5 18.5C4.5 19.0523 4.94772 19.5 5.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V5.5C19.5 4.94772 19.0523 4.5 18.5 4.5H5.5C4.94772 4.5 4.5 4.94772 4.5 5.5V18.5Z", fill: "#4D4D4D" }) }));
 var icon_blank_checkbox_default = SvgIconBlankCheckbox;
 var SvgIconBlankCheckboxWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
@@ -331,6 +336,7 @@ var svgs = {
   workhome: icon_workhome_default,
   pdf: icon_pdf_default,
   externalLink: icon_external_link_default,
+  newIcon: icon_new_default,
   /* Button */
   blankCheckbox: icon_blank_checkbox_default,
   blankCheckboxWhite: icon_blank_checkbox_white_default,
@@ -376,7 +382,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React63__default.default.memo(
+var Icon = React64__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -489,21 +495,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React63.useState(
+  const [device, setDevice] = React64.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React63.useCallback(
+  const getOtherDevices = React64.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React63.useCallback(() => {
+  const onWindowResize = React64.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -556,13 +562,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React63.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React63.useState(false);
+  const [show, setShow] = React64.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React64.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React63.useRef(null);
-  const marqueeRef = React63.useRef(null);
-  const timeline = React63.useRef(null);
+  const containerRef = React64.useRef(null);
+  const marqueeRef = React64.useRef(null);
+  const timeline = React64.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -656,7 +662,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React63.useMemo(() => {
+  const duplicatedLogos = React64.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -709,8 +715,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React63.Children.forEach(children, (child) => {
-    if (!React63.isValidElement(child)) return;
+  React64.Children.forEach(children, (child) => {
+    if (!React64.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -724,7 +730,7 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React63.forwardRef(
+var Container = React64.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 +871,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  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 [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 closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -879,7 +885,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -889,7 +895,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -1133,7 +1139,7 @@ var Pagination = ({
   disableArrows = false,
   onPageChange
 }) => {
-  const [activePage, setActivePage] = React63.useState(currentPage);
+  const [activePage, setActivePage] = React64.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1452,7 +1458,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React63.forwardRef(
+var Badge = React64.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1526,7 +1532,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 = React63.forwardRef(
+var Input = React64.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1557,7 +1563,7 @@ var Input = React63.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React63.useId();
+    const generatedId = React64.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1741,10 +1747,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React63.useRef(null);
-  const revealWrapper = React63.useRef(null);
-  const extraCard = React63.useRef(null);
-  const [isExpanded, setIsExpanded] = React63.useState(false);
+  const container = React64.useRef(null);
+  const revealWrapper = React64.useRef(null);
+  const extraCard = React64.useRef(null);
+  const [isExpanded, setIsExpanded] = React64.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -1755,7 +1761,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 = React63.useCallback(() => {
+  const handleShowMore = React64.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1859,8 +1865,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React63.useRef(null);
-  const blurRef = React63.useRef(null);
+  const containerRef = React64.useRef(null);
+  const blurRef = React64.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2199,8 +2205,8 @@ var HeroBannerCarousel = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React63.useState(null);
-  const [activeIndex, setActiveIndex] = React63.useState(0);
+  const [swiperInstance, setSwiperInstance] = React64.useState(null);
+  const [activeIndex, setActiveIndex] = React64.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(
@@ -2212,7 +2218,7 @@ var HeroBannerCarousel = ({
         onSwiper: setSwiperInstance,
         onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
-          item.cornerImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.cornerImage, alt: "", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
+          item.isNewItem && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
@@ -2289,16 +2295,16 @@ var AccordionItem = ({
   onToggle,
   className
 }) => {
-  const contentRef = React63.useRef(null);
-  const contentInnerRef = React63.useRef(null);
-  const timelineRef = React63.useRef(null);
-  const [contentHeight, setContentHeight] = React63.useState(0);
-  React63.useEffect(() => {
+  const contentRef = React64.useRef(null);
+  const contentInnerRef = React64.useRef(null);
+  const timelineRef = React64.useRef(null);
+  const [contentHeight, setContentHeight] = React64.useState(0);
+  React64.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -2383,7 +2389,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React63.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React64.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -2444,10 +2450,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] = React63.useState(0);
+  const [activeIndex, setActiveIndex] = React64.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React63.useMemo(() => {
+  const accordionItems = React64.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 {
@@ -3230,13 +3236,13 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  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 [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 activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
@@ -3794,7 +3800,7 @@ 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: [
-    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, {
+    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, {
       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: [
@@ -3843,13 +3849,13 @@ function useIntersectionObserver({
   animateOnce = false,
   options = {}
 } = {}) {
-  const observeRef = React63.useRef(null);
-  const [isVisible, setIsVisible] = React63.useState(false);
+  const observeRef = React64.useRef(null);
+  const [isVisible, setIsVisible] = React64.useState(false);
   if (typeof IntersectionObserver === "undefined") {
     console.warn("IntersectionObserver is not supported in this browser.");
     return { observeRef, isVisible: true };
   }
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     const currentRef = observeRef.current;
     if (!currentRef) return;
     const observer = new IntersectionObserver((entries) => {