oraculo-ui 0.1.9 → 0.1.10

package/dist/OraculoSeccionVirtuales-6RBECPDW.css

@@ -0,0 +1,397 @@
+/* src/atoms/OraculoSectionTitle/OraculoSectionTitle.css */
+.orc-section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.orc-section-title__icon {
+  width: 40px;
+  height: 40px;
+  object-fit: none;
+}
+.orc-section-title__title {
+  margin: 0;
+  font-weight: 700;
+  letter-spacing: 0;
+  color: #ffffff;
+}
+.orc-section-title--xs .orc-section-title__title {
+  font-size: 14px;
+  line-height: 18px;
+}
+.orc-section-title--sm .orc-section-title__title {
+  font-size: 18px;
+  line-height: 24px;
+}
+.orc-section-title--md .orc-section-title__title {
+  font-size: 32px;
+  line-height: 48px;
+}
+.orc-section-title--lg .orc-section-title__title {
+  font-size: 22px;
+  line-height: 30px;
+}
+.orc-section-title--xs .orc-section-title__icon {
+  width: 24px;
+  height: 24px;
+}
+@media (max-width: 768px) {
+  .orc-section-title__icon {
+    width: 24px;
+    height: 24px;
+  }
+  .orc-section-title--xs .orc-section-title__title {
+    font-size: 14px;
+    line-height: 18px;
+  }
+  .orc-section-title--sm .orc-section-title__title {
+    font-size: 16px;
+    line-height: 22px;
+  }
+  .orc-section-title--md .orc-section-title__title {
+    font-size: 18px;
+    line-height: 24px;
+  }
+  .orc-section-title--lg .orc-section-title__title {
+    font-size: 20px;
+    line-height: 26px;
+  }
+}
+
+/* src/atoms/OraculoButton/OraculoButton.css */
+.orc-btn {
+  --nl-green: #9EE86E;
+  --nl-hover-hex: #D9F6C6;
+  --nl-hover-alpha: .22;
+  --nl-press: #254B0C;
+  --nl-disabled-border: #4a5542;
+  --nl-disabled-fg: #4a5542;
+  --stroke-w: 1.5px;
+  --h: 32px;
+  --pad-x: 12px;
+  --pad-y: 8px;
+  --radius: 12px;
+  box-sizing: border-box;
+  height: var(--h);
+  font-family: var(--clmc-font);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  cursor: pointer;
+  text-decoration: none;
+  border-radius: var(--radius);
+  outline: none;
+  position: relative;
+  padding: var(--pad-y) var(--pad-x);
+  border: 0;
+}
+.orc-btn__label {
+  color: currentColor;
+  font-size: 14px;
+}
+.orc-btn__icon {
+  color: currentColor;
+  display: inline-flex;
+  line-height: 0;
+  font-size: 18px;
+}
+.orc-btn--primary {
+  background: var(--nl-green);
+  color: #1C1C1C;
+  box-shadow: inset 0 0 0 var(--stroke-w) transparent;
+}
+.orc-btn--primary:hover {
+  background: var(--nl-hover-hex);
+  color: #1C1C1C;
+}
+.orc-btn--primary:active {
+  background: var(--nl-press);
+  color: #FFFFFF;
+  transform: translateY(1px);
+}
+.orc-btn--primary:disabled,
+.orc-btn--primary[aria-disabled=true] {
+  background: transparent;
+  color: var(--nl-disabled-fg);
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
+  cursor: not-allowed;
+  transform: none;
+  opacity: 1;
+}
+.orc-btn--secondary {
+  background: transparent;
+  color: var(--nl-green);
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);
+}
+.orc-btn--secondary:hover {
+  background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;
+  color: var(--nl-hover-hex);
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);
+}
+.orc-btn--secondary:active {
+  transform: translateY(1px);
+  color: var(--nl-press);
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);
+  background: rgba(37, 75, 12, 0.10);
+}
+.orc-btn--secondary:focus-visible {
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green), 0 0 0 3px rgba(197, 228, 177, .45);
+}
+.orc-btn--secondary:disabled,
+.orc-btn--secondary[aria-disabled=true] {
+  background: transparent;
+  color: var(--nl-disabled-fg);
+  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
+  cursor: not-allowed;
+}
+.orc-btn--tertiary {
+  background: transparent;
+  color: var(--nl-green);
+  box-shadow: none;
+}
+.orc-btn--tertiary:hover {
+  color: var(--nl-hover-hex);
+}
+.orc-btn--tertiary:active {
+  color: var(--nl-press);
+  background: rgba(37, 75, 12, 0.08);
+  transform: translateY(1px);
+}
+.orc-btn--tertiary:focus-visible {
+  box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);
+}
+.orc-btn--tertiary:disabled,
+.orc-btn--tertiary[aria-disabled=true] {
+  color: var(--nl-disabled-fg);
+  background: transparent;
+  box-shadow: none;
+  cursor: not-allowed;
+}
+.orc-btn--sm {
+  --h: 32px;
+  --pad-y: 8px;
+  --pad-x: 12px;
+  --radius: 12px;
+}
+.orc-btn--md {
+  --h: 40px;
+  --pad-y: 10px;
+  --pad-x: 16px;
+  --radius: 12px;
+}
+.orc-btn--lg {
+  --h: 48px;
+  --pad-y: 12px;
+  --pad-x: 20px;
+  --radius: 16px;
+}
+.orc-btn--sm .orc-btn__label,
+.orc-btn--md .orc-btn__label,
+.orc-btn--lg .orc-btn__label {
+  font-size: 14px !important;
+}
+.orc-btn--iconOnly {
+  width: 40px;
+  min-width: 40px;
+  padding: 0;
+}
+.orc-btn--sm.orc-btn--iconOnly {
+  width: 32px;
+  min-width: 32px;
+}
+.orc-btn--md.orc-btn--iconOnly {
+  width: 40px;
+  min-width: 40px;
+}
+.orc-btn--lg.orc-btn--iconOnly {
+  width: 48px;
+  min-width: 48px;
+}
+.orc-btn--full {
+  width: 100%;
+}
+.orc-btn--fullHeight {
+  height: 100%;
+}
+
+/* src/atoms/OraculoCarouselDots/OraculoCarouselDots.css */
+.orc-dots {
+  --dot-size: 8px;
+  --dot-cell: 20px;
+  --dot-active-h: 8px;
+  --dot-active-w: 20px;
+  --dot-bg: #ffffff;
+  --dot-surface: #ffffff;
+  --dot-accent: #9EE86E;
+  display: flex;
+  gap: 0px;
+  justify-content: center;
+  margin-top: 10px;
+}
+.orc-dots__cell {
+  width: var(--dot-cell);
+  display: inline-flex;
+  justify-content: center;
+}
+.orc-dots__dot {
+  width: var(--dot-size);
+  height: var(--dot-size);
+  border-radius: 9999px;
+  background: var(--dot-bg);
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+  transition:
+    transform .15s ease,
+    background .15s ease,
+    width .2s ease,
+    height .2s ease;
+}
+.orc-dots__dot:hover {
+  transform: scale(1.06);
+}
+.orc-dots__dot--active {
+  width: var(--dot-active-w);
+  height: var(--dot-active-h);
+  border-radius: 9999px;
+  background: #fff;
+  position: relative;
+  overflow: hidden;
+}
+.orc-dots__dot--active::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 40%;
+  background: var(--dot-accent);
+  border-radius: inherit;
+}
+.orc-dots__dot--active {
+  outline: 0;
+  outline-offset: 0;
+}
+.orc-dots__dot:focus-visible {
+  outline: 2px solid var(--dot-accent);
+  outline-offset: 2px;
+}
+
+/* src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css */
+.orc-co-wrap {
+  --orc-co-art-w: 887px;
+  --orc-co-art-h: 510px;
+  --orc-co-text: #ffffff;
+  --orc-co-art-left: clamp(120px, 18vw, 280px);
+  --orc-co-art-top: 20px;
+  --orc-co-logo-left: 163px;
+  --orc-co-logo-top: 120px;
+  --orc-co-logo-w: 220px;
+  --orc-co-content-left: 120px;
+  --orc-co-content-top: 290px;
+  min-height: var(--orc-co-minH, 520px);
+  position: relative;
+}
+.orc-co-fullBleed {
+  width: 100vw;
+  margin-left: 50%;
+  transform: translateX(-50%);
+}
+.orc-co-bottom {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 20px;
+  z-index: 2;
+  display: grid;
+  justify-items: center;
+  gap: 12px;
+  border-radius: 12px;
+}
+.orc-co-caption {
+  color: var(--orc-co-text);
+  font-size: 14px;
+  text-align: center;
+  font-weight: 400;
+  text-wrap: balance;
+  line-height: 1.4;
+}
+.orc-co-bgMobile {
+  position: relative;
+  width: 100%;
+  min-height: 360px;
+  overflow: hidden;
+}
+.orc-co-bgMobileImg {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.orc-co-bgDesktop,
+.orc-co-logo,
+.orc-co-desktopContent {
+  display: none;
+}
+@media (min-width: 1024px) {
+  .orc-co-bgMobile {
+    display: none;
+  }
+  .orc-co-bottom {
+    display: none;
+  }
+  .orc-co-bgDesktop {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    display: block;
+  }
+  .orc-co-bgDesktop > .orc-co-fillHost {
+    position: absolute;
+    width: var(--orc-co-art-w);
+    height: var(--orc-co-art-h);
+    top: var(--orc-co-art-top);
+    left: var(--orc-co-art-left);
+  }
+  .orc-co-bgDesktopImg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+  .orc-co-logo {
+    display: block;
+    position: absolute;
+    left: var(--orc-co-logo-left);
+    top: var(--orc-co-logo-top);
+    width: var(--orc-co-logo-w);
+    aspect-ratio: 3 / 2;
+    z-index: 2;
+  }
+  .orc-co-logoImg {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    display: block;
+  }
+  .orc-co-desktopContent {
+    display: grid;
+    position: absolute;
+    left: var(--orc-co-content-left);
+    top: var(--orc-co-content-top);
+    gap: 16px;
+    justify-items: center;
+    text-align: center;
+    z-index: 2;
+  }
+  .orc-co-captionDesktop {
+    margin: 0;
+    color: var(--orc-co-text);
+    font-family: var(--clmc-font, inherit);
+    font-weight: 400;
+    font-size: clamp(14px, 1.5vw, 18px);
+    max-width: 28ch;
+    text-wrap: balance;
+  }
+}

package/dist/{OraculoSeccionVirtuales-MGW5X23B.mjs → OraculoSeccionVirtuales-IBYOMEJV.mjs}

@@ -1,9 +1,10 @@
 import {
   OraculoSeccionVirtuales_default
-} from "./chunk-YY5T37WR.mjs";
-import "./chunk-AIT7B2J3.mjs";
-import "./chunk-5GTDKE3I.mjs";
-import "./chunk-VHW77D2M.mjs";
+} from "./chunk-VYYKDD5L.mjs";
+import "./chunk-2D7ZJMJV.mjs";
+import "./chunk-PZJSZNXJ.mjs";
+import "./chunk-PVY5Z3JS.mjs";
+import "./chunk-4LBAYKDQ.mjs";
 import "./chunk-IJQLK4NO.mjs";
 import "./chunk-VIPLL6XT.mjs";
 export {

package/dist/{chunk-WPLILXPP.mjs → chunk-4LBAYKDQ.mjs}

@@ -1,20 +1,105 @@
-import {
-  OraculoCarousel_default
-} from "./chunk-VHW77D2M.mjs";
 import {
   OraculoButton
 } from "./chunk-IJQLK4NO.mjs";
 
 // src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx
-import { useRef, useState } from "react";
+import { useRef as useRef2, useState } from "react";
 import Box2 from "@mui/material/Box";
 import Typography2 from "@mui/material/Typography";
 import useMediaQuery from "@mui/material/useMediaQuery";
 
+// src/molecules/OraculoCarousel/OraculoCarousel.tsx
+import {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useRef
+} from "react";
+import {
+  Splide as SplideRaw,
+  SplideSlide as SplideSlideRaw
+} from "@splidejs/react-splide";
+import { jsx } from "react/jsx-runtime";
+var Splide = SplideRaw;
+var SplideSlide = SplideSlideRaw;
+var OraculoCarousel = forwardRef(
+  ({
+    items = [],
+    renderItem,
+    perPage = 1,
+    gap = "0px",
+    breakpoints,
+    options = {},
+    className = "",
+    onMove
+  }, ref) => {
+    const splideRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+      next: () => {
+        var _a;
+        return (_a = splideRef.current) == null ? void 0 : _a.go(">");
+      },
+      prev: () => {
+        var _a;
+        return (_a = splideRef.current) == null ? void 0 : _a.go("<");
+      },
+      go: (index) => {
+        var _a;
+        return (_a = splideRef.current) == null ? void 0 : _a.go(index);
+      }
+    }));
+    const handleMove = useCallback(
+      (splide) => {
+        const index = splide.index;
+        const total = splide.length;
+        const currentPerPage = splide.options.perPage || 1;
+        const isStart = index === 0;
+        const isEnd = index >= total - currentPerPage;
+        onMove == null ? void 0 : onMove({ index, isStart, isEnd, total });
+      },
+      [onMove]
+    );
+    const handleMounted = useCallback(
+      (splide) => {
+        handleMove(splide);
+      },
+      [handleMove]
+    );
+    const mergedOptions = {
+      type: "slide",
+      trimSpace: false,
+      drag: true,
+      pagination: false,
+      arrows: false,
+      rewind: false,
+      focus: "start",
+      autoWidth: false,
+      perPage,
+      gap,
+      breakpoints,
+      ...options
+    };
+    return /* @__PURE__ */ jsx("div", { className, style: { width: "100%" }, children: /* @__PURE__ */ jsx(
+      Splide,
+      {
+        ref: splideRef,
+        options: mergedOptions,
+        onMove: handleMove,
+        onMounted: handleMounted,
+        children: items.map((item, index) => {
+          var _a;
+          return /* @__PURE__ */ jsx(SplideSlide, { children: renderItem(item, index) }, (_a = item.id) != null ? _a : index);
+        })
+      }
+    ) });
+  }
+);
+var OraculoCarousel_default = OraculoCarousel;
+
 // src/molecules/OraculoWelcomeBanner/OraculoWelcomeBanner.tsx
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var OraculoWelcomeBanner = ({
   title,
   amount,
@@ -43,7 +128,7 @@ var OraculoWelcomeBanner = ({
         mx: "auto"
       },
       children: [
-        backgroundImage && /* @__PURE__ */ jsx(
+        backgroundImage && /* @__PURE__ */ jsx2(
           Box,
           {
             sx: {
@@ -56,7 +141,7 @@ var OraculoWelcomeBanner = ({
               borderRadius: "14px",
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx2(
               Box,
               {
                 component: "img",
@@ -76,7 +161,7 @@ var OraculoWelcomeBanner = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           Box,
           {
             sx: {
@@ -100,7 +185,7 @@ var OraculoWelcomeBanner = ({
                   alignItems: "center"
                 },
                 children: [
-                  title && /* @__PURE__ */ jsx(
+                  title && /* @__PURE__ */ jsx2(
                     Typography,
                     {
                       sx: {
@@ -129,7 +214,7 @@ var OraculoWelcomeBanner = ({
                         justifyContent: "center"
                       },
                       children: [
-                        /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ jsx2(
                           Box,
                           {
                             component: "span",
@@ -137,7 +222,7 @@ var OraculoWelcomeBanner = ({
                             children: symbol
                           }
                         ),
-                        /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ jsx2(
                           Box,
                           {
                             component: "span",
@@ -148,7 +233,7 @@ var OraculoWelcomeBanner = ({
                       ]
                     }
                   ),
-                  subtitle && /* @__PURE__ */ jsx(
+                  subtitle && /* @__PURE__ */ jsx2(
                     Typography,
                     {
                       sx: {
@@ -160,7 +245,7 @@ var OraculoWelcomeBanner = ({
                       children: subtitle
                     }
                   ),
-                  buttonText && /* @__PURE__ */ jsx(OraculoButton, { onClick: onButtonClick, children: buttonText })
+                  buttonText && /* @__PURE__ */ jsx2(OraculoButton, { onClick: onButtonClick, children: buttonText })
                 ]
               }
             )
@@ -173,7 +258,7 @@ var OraculoWelcomeBanner = ({
 var OraculoWelcomeBanner_default = OraculoWelcomeBanner;
 
 // src/atoms/OraculoCarouselDots/OraculoCarouselDots.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var OraculoCarouselDots = ({
   total,
   active,
@@ -182,7 +267,7 @@ var OraculoCarouselDots = ({
 }) => {
   if (total <= 1) return null;
   const rootClass = ["orc-dots", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx2("div", { className: rootClass, role: "tablist", children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ jsx2("span", { className: "orc-dots__cell", children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3("div", { className: rootClass, role: "tablist", children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ jsx3("span", { className: "orc-dots__cell", children: /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -197,7 +282,7 @@ var OraculoCarouselDots = ({
 var OraculoCarouselDots_default = OraculoCarouselDots;
 
 // src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var buildSectionSx = (bgUrl) => ({
   width: "100vw",
   position: "relative",
@@ -249,7 +334,7 @@ var OraculoSeccionBonoBienvenida = ({
   const showDots = items.length > 1;
   const bgUrl = backgroundImageUrl != null ? backgroundImageUrl : "/assets/img/home/BonoBienvenida/Fondobg.png";
   const sectionSx = buildSectionSx(bgUrl);
-  const carouselRef = useRef(null);
+  const carouselRef = useRef2(null);
   const [navState, setNavState] = useState({ isStart: true, isEnd: false });
   const [activeIndex, setActiveIndex] = useState(0);
   if (isMobile) {
@@ -263,14 +348,14 @@ var OraculoSeccionBonoBienvenida = ({
         },
         children: [
           (hl1 || hl2) && /* @__PURE__ */ jsxs2(Box2, { sx: headlineBaseSx, children: [
-            hl1 && /* @__PURE__ */ jsx3(Typography2, { component: "span", sx: hlTopSx, children: hl1 }),
+            hl1 && /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlTopSx, children: hl1 }),
             hl2 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx3("br", {}),
-              /* @__PURE__ */ jsx3(Typography2, { component: "span", sx: hlBottomSx, children: hl2 })
+              /* @__PURE__ */ jsx4("br", {}),
+              /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlBottomSx, children: hl2 })
             ] })
           ] }),
           /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               OraculoCarousel_default,
               {
                 ref: carouselRef,
@@ -292,14 +377,14 @@ var OraculoSeccionBonoBienvenida = ({
                 options: {
                   autoWidth: false
                 },
-                renderItem: (it) => /* @__PURE__ */ jsx3(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
+                renderItem: (it) => /* @__PURE__ */ jsx4(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
                 onMove: ({ index, isStart, isEnd }) => {
                   setNavState({ isStart, isEnd });
                   setActiveIndex(index);
                 }
               }
             ),
-            showDots && /* @__PURE__ */ jsx3(
+            showDots && /* @__PURE__ */ jsx4(
               OraculoCarouselDots_default,
               {
                 total: items.length,
@@ -316,7 +401,7 @@ var OraculoSeccionBonoBienvenida = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx3(Box2, { component: "section", sx: sectionSx, children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx4(Box2, { component: "section", sx: sectionSx, children: /* @__PURE__ */ jsxs2(
     Box2,
     {
       sx: {
@@ -328,7 +413,7 @@ var OraculoSeccionBonoBienvenida = ({
         alignItems: "center"
       },
       children: [
-        (hl1 || hl2) && /* @__PURE__ */ jsx3(
+        (hl1 || hl2) && /* @__PURE__ */ jsx4(
           Box2,
           {
             sx: {
@@ -346,17 +431,17 @@ var OraculoSeccionBonoBienvenida = ({
                   mb: 0
                 },
                 children: [
-                  hl1 && /* @__PURE__ */ jsx3(Typography2, { component: "span", sx: hlTopSx, children: hl1 }),
+                  hl1 && /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlTopSx, children: hl1 }),
                   hl2 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                    /* @__PURE__ */ jsx3("br", {}),
-                    /* @__PURE__ */ jsx3(Typography2, { component: "span", sx: hlBottomSx, children: hl2 })
+                    /* @__PURE__ */ jsx4("br", {}),
+                    /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlBottomSx, children: hl2 })
                   ] })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           Box2,
           {
             sx: {
@@ -366,7 +451,7 @@ var OraculoSeccionBonoBienvenida = ({
               flexWrap: "nowrap",
               gap: 4
             },
-            children: items.map((it, idx) => /* @__PURE__ */ jsx3(
+            children: items.map((it, idx) => /* @__PURE__ */ jsx4(
               OraculoWelcomeBanner_default,
               {
                 onButtonClick: it.onButtonClick,
@@ -384,6 +469,7 @@ var OraculoSeccionBonoBienvenida_default = OraculoSeccionBonoBienvenida;
 
 export {
   OraculoCarouselDots_default,
+  OraculoCarousel_default,
   OraculoWelcomeBanner_default,
   OraculoSeccionBonoBienvenida_default
 };