@telefonica/mistica 14.41.0 → 14.42.1

package/dist-es/carousel.js

@@ -51,34 +51,34 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as s, jsxs as J } from "react/jsx-runtime";
-import * as c from "react";
-import le from "./generated/mistica-icons/icon-chevron-left-regular.js";
-import re from "./generated/mistica-icons/icon-chevron-right-regular.js";
-import { useScreenSize as ne, useTheme as ce, useIsInViewport as Pe } from "./hooks.js";
-import Ne from "./inline.js";
-import { BaseTouchable as T } from "./touchable.js";
-import F from "classnames";
-import { useIsInverseVariant as Be, ThemeVariant as R } from "./theme-variant-context.js";
-import { listenResize as ie, getPrefixedDataAttributes as ae } from "./utils/dom.js";
-import { isAndroid as ue, isIos as Le, isRunningAcceptanceTest as Re } from "./utils/platform.js";
-import { useDocumentVisibility as Te } from "./utils/document-visibility.js";
-import { bulletButton as Ae, bulletButtonMobile as Ee, bulletButtonTablet as ye, bulletButtonDesktop as We, slideshowContainer as De, slideshowPrevArrowButton as Oe, slideshow as Ve, slideshowItem as ze, slideshowNextArrowButton as _e, slideshowBullets as je, bulletActiveInverse as Fe, bulletInverse as Ue, bulletActive as qe, bullet as Ke, carouselContainer as Ye, carouselPrevArrowButton as $e, carousel as Ge, centeredCarousel as He, carouselWithScrollMobile as Je, carouselWithScrollTablet as Qe, vars as P, carouselItem as Xe, carouselNextArrowButton as Ze, carouselBullets as et, noCarouselBulletsDesktop as tt, noCarouselBulletsTablet as ot, noCarouselBulletsMobile as st } from "./carousel.css-mistica.js";
-import { vars as lt } from "./image.css-mistica.js";
-import { useDesktopContainerType as rt } from "./desktop-container-type-context.js";
-import { VIVO_NEW_SKIN as nt } from "./skins/constants.js";
-import { applyCssVars as fe } from "./utils/css.js";
-const de = (e, t)=>{
-    const o = Te();
-    return Pe(t, !1) && o && !!e;
-}, he = (param)=>{
-    let { currentIndex: e, numPages: t, onPress: o } = param;
+import { jsx as n, jsxs as te } from "react/jsx-runtime";
+import * as o from "react";
+import ue from "./generated/mistica-icons/icon-chevron-left-regular.js";
+import fe from "./generated/mistica-icons/icon-chevron-right-regular.js";
+import { useScreenSize as de, useTheme as he, useIsInViewport as We } from "./hooks.js";
+import De from "./inline.js";
+import { BaseTouchable as _ } from "./touchable.js";
+import H from "classnames";
+import { useIsInverseVariant as Ge, ThemeVariant as z } from "./theme-variant-context.js";
+import { listenResize as me, getPrefixedDataAttributes as pe } from "./utils/dom.js";
+import { isAndroid as be, isIos as Oe, isRunningAcceptanceTest as Ve } from "./utils/platform.js";
+import { useDocumentVisibility as ze } from "./utils/document-visibility.js";
+import { bulletButton as _e, bulletButtonMobile as je, bulletButtonTablet as Fe, bulletButtonDesktop as Ue, slideshowContainer as Ye, slideshowPrevArrowButton as qe, slideshow as Ke, slideshowItem as $e, slideshowNextArrowButton as He, slideshowBullets as Je, bulletActiveInverse as Qe, bulletInverse as Xe, bulletActive as Ze, bullet as et, carouselContainer as tt, carouselPrevArrowButton as ot, carousel as st, centeredCarousel as rt, carouselWithScrollMobile as lt, carouselWithScrollTablet as nt, vars as L, carouselItem as ct, carouselNextArrowButton as at, carouselBullets as it, noCarouselBulletsDesktop as ut, noCarouselBulletsTablet as ft, noCarouselBulletsMobile as dt } from "./carousel.css-mistica.js";
+import { vars as ht } from "./image.css-mistica.js";
+import { useDesktopContainerType as mt } from "./desktop-container-type-context.js";
+import { VIVO_NEW_SKIN as pt } from "./skins/constants.js";
+import { applyCssVars as ge } from "./utils/css.js";
+const ve = (e, t)=>{
+    const s = ze();
+    return We(t, !1) && s && !!e;
+}, xe = (param)=>{
+    let { currentIndex: e, numPages: t, onPress: s } = param;
     var _t_tablet;
-    const l = Be(), { isDesktopOrBigger: h } = ne(), m = (p)=>{
-        const n = p === e;
-        return l ? n ? Fe : Ue : n ? qe : Ke;
+    const r = Ge(), { isDesktopOrBigger: f } = de(), h = (i)=>{
+        const d = i === e;
+        return r ? d ? Qe : Xe : d ? Ze : et;
     }, I = typeof t == "number" ? t : Math.max(t.mobile, (_t_tablet = t.tablet) !== null && _t_tablet !== void 0 ? _t_tablet : t.mobile, t.desktop);
-    return /* @__PURE__ */ s(Ne, {
+    return /* @__PURE__ */ n(De, {
         space: 0,
         alignItems: "center",
         dataAttributes: {
@@ -86,27 +86,72 @@ const de = (e, t)=>{
         },
         children: Array.from({
             length: I
-        }, (p, n)=>/* @__PURE__ */ {
+        }, (i, d)=>/* @__PURE__ */ {
             var _t_tablet;
-            return s(T, {
-                className: F(typeof t == "number" ? Ae : {
-                    [Ee]: n < t.mobile,
-                    [ye]: n < ((_t_tablet = t.tablet) !== null && _t_tablet !== void 0 ? _t_tablet : t.mobile),
-                    [We]: n < t.desktop
+            return n(_, {
+                className: H(typeof t == "number" ? _e : {
+                    [je]: d < t.mobile,
+                    [Fe]: d < ((_t_tablet = t.tablet) !== null && _t_tablet !== void 0 ? _t_tablet : t.mobile),
+                    [Ue]: d < t.desktop
                 }),
-                style: n === 0 ? {
+                style: d === 0 ? {
                     paddingLeft: 0
                 } : {},
                 maybe: !0,
-                onPress: h && o ? ()=>o(n) : void 0,
-                children: /* @__PURE__ */ s("div", {
-                    className: m(n)
+                onPress: f && s ? ()=>s(d) : void 0,
+                children: /* @__PURE__ */ n("div", {
+                    className: h(d)
                 })
-            }, n);
+            }, d);
         })
     });
-}, oe = (e, t, o)=>o ? typeof o == "number" ? o : o[e] || t[e] : t[e], ct = (e, t)=>{
-    const o = {
+}, oe = ()=>{
+    throw new Error("You must wrap your component with a CarouselContextProvider to use CarouselContext");
+}, Ce = oe, Pe = oe, Ie = oe, Me = {
+    currentIndex: 0,
+    numPages: 0
+}, se = /*#__PURE__*/ o.createContext({
+    goPrev: Ce,
+    goNext: Pe,
+    goToPage: Ie,
+    bulletsProps: Me
+}), re = /*#__PURE__*/ o.createContext(null), Wt = (param)=>{
+    let { children: e } = param;
+    const [t, s] = o.useState(Me), r = o.useRef(Ce), f = o.useRef(Pe), h = o.useRef(Ie), I = o.useMemo(()=>({
+            goPrev: ()=>{
+                r.current();
+            },
+            goNext: ()=>{
+                f.current();
+            },
+            goToPage: function(i) {
+                let d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+                h.current(i, d);
+            },
+            bulletsProps: t
+        }), [
+        t
+    ]);
+    return /* @__PURE__ */ n(se.Provider, {
+        value: I,
+        children: /* @__PURE__ */ n(re.Provider, {
+            value: {
+                setGoPrev: (i)=>{
+                    r.current = i;
+                },
+                setGoNext: (i)=>{
+                    f.current = i;
+                },
+                setGoToPage: (i)=>{
+                    h.current = i;
+                },
+                setBulletsProps: s
+            },
+            children: e
+        })
+    });
+}, Dt = ()=>o.useContext(se), Gt = se.Consumer, ae = (e, t, s)=>s ? typeof s == "number" ? s : s[e] || t[e] : t[e], bt = (e, t)=>{
+    const s = {
         mobile: 1,
         tablet: 2,
         desktop: {
@@ -115,247 +160,263 @@ const de = (e, t)=>{
             large: 3
         }
     };
-    if (!t) return _object_spread_props(_object_spread({}, o), {
-        desktop: oe(e, o.desktop)
+    if (!t) return _object_spread_props(_object_spread({}, s), {
+        desktop: ae(e, s.desktop)
     });
     if (typeof t == "number") return {
         mobile: t,
         tablet: t,
         desktop: t
     };
-    const l = oe(e, o.desktop, t.desktop);
-    return _object_spread_props(_object_spread({}, o, t), {
-        desktop: l
+    const r = ae(e, s.desktop, t.desktop);
+    return _object_spread_props(_object_spread({}, s, t), {
+        desktop: r
     });
-}, se = (e, t)=>{
+}, ie = (e, t)=>{
     if (e.length === 0) return [];
-    const o = Math.ceil(e.length / t), l = [];
-    for(let h = 0; h < e.length; h += o)l.push(e[h]);
-    return l[l.length - 1] = e[e.length - o], l;
-}, it = (e, t)=>{
-    const o = [];
-    for(let l = 0; l < t.length; l++)l === 0 ? o.push(t[0]) : o.push((t[l] + t[l - 1]) / 2);
-    for(let l = o.length - 1; l >= 0; l--)if (e - o[l] >= -1) return l;
+    const s = Math.ceil(e.length / t), r = [];
+    for(let f = 0; f < e.length; f += s)r.push(e[f]);
+    return r[r.length - 1] = e[e.length - s], r;
+}, gt = (e, t)=>{
+    const s = [];
+    for(let r = 0; r < t.length; r++)r === 0 ? s.push(t[0]) : s.push((t[r] + t[r - 1]) / 2);
+    for(let r = s.length - 1; r >= 0; r--)if (e - s[r] >= -1) return r;
     return 0;
-}, me = 5e3, be = (param)=>{
-    let { items: e, itemStyle: t, itemClassName: o, withBullets: l, renderBullets: h, initialActiveItem: m, itemsPerPage: I, itemsToScroll: p, mobilePageOffset: n, gap: S, free: N, centered: B, autoplay: g, onPageChange: x, dataAttributes: U } = param;
-    const { texts: A, platformOverrides: M, skinName: E } = ce(), a = rt(), i = ct(a || "large", I), { isDesktopOrBigger: C, isTablet: k } = ne(), q = k ? i.tablet : i.mobile, v = Math.max(Math.floor(C ? i.desktop : q), 1), b = c.useRef(null), K = Math.ceil(e.length / Math.max(Math.floor(i.mobile), 1)), Y = Math.ceil(e.length / Math.max(Math.floor(i.tablet), 1)), Q = Math.ceil(e.length / Math.max(Math.floor(i.desktop), 1)), y = Math.ceil(e.length / v), [{ scrollLeft: X, scrollRight: $ }, ge] = c.useState({
+}, we = 5e3, Ne = (param)=>{
+    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: f, initialActiveItem: h, itemsPerPage: I, itemsToScroll: i, mobilePageOffset: d, gap: C, free: b, centered: S, autoplay: x, onPageChange: A, dataAttributes: y } = param;
+    const { texts: M, platformOverrides: k, skinName: J } = he(), Q = mt(), a = bt(Q || "large", I), { isDesktopOrBigger: R, isTablet: W } = de(), j = W ? a.tablet : a.mobile, P = Math.max(Math.floor(R ? a.desktop : j), 1), l = o.useRef(null), m = Math.ceil(e.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(e.length / Math.max(Math.floor(a.tablet), 1)), w = Math.ceil(e.length / Math.max(Math.floor(a.desktop), 1)), B = Math.ceil(e.length / P), [{ scrollLeft: D, scrollRight: G }, ke] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [G, ve] = c.useState([]), W = c.useMemo(()=>se(G, y), [
-        G,
-        y
-    ]), D = p ? se(G, Math.ceil(e.length / p)) : W, Ie = $ !== 0, xe = X !== 0;
-    c.useEffect(()=>{
-        if (b.current) {
-            const r = b.current, u = ()=>{
-                const { scrollWidth: z, clientWidth: L } = r, _ = Math.round(r.scrollLeft), j = Math.round(z - (_ + L));
-                ge({
-                    scrollLeft: _,
-                    scrollRight: j
+    }), [X, Re] = o.useState([]), F = o.useMemo(()=>ie(X, B), [
+        X,
+        B
+    ]), U = i ? ie(X, Math.ceil(e.length / i)) : F, Be = G !== 0, Te = D !== 0;
+    o.useEffect(()=>{
+        if (l.current) {
+            const c = l.current, u = ()=>{
+                const { scrollWidth: q, clientWidth: V } = c, K = Math.round(c.scrollLeft), $ = Math.round(q - (K + V));
+                ke({
+                    scrollLeft: K,
+                    scrollRight: $
                 });
-            }, f = ()=>{
-                const z = r.scrollWidth - r.clientWidth;
-                ve(Array.from(r.querySelectorAll("[data-item]")).map((L, _)=>{
-                    if (_ === e.length - 1) return z;
-                    const j = L.offsetLeft, Se = parseInt(getComputedStyle(L).scrollMargin), ke = B && !C ? j - L.clientWidth / 2 : j;
-                    return Math.min(ke - Se - r.offsetLeft, z);
+            }, p = ()=>{
+                const q = c.scrollWidth - c.clientWidth;
+                Re(Array.from(c.querySelectorAll("[data-item]")).map((V, K)=>{
+                    if (K === e.length - 1) return q;
+                    const $ = V.offsetLeft, Ae = parseInt(getComputedStyle(V).scrollMargin), ye = S && !R ? $ - V.clientWidth / 2 : $;
+                    return Math.min(ye - Ae - c.offsetLeft, q);
                 }));
             };
-            u(), f(), r.addEventListener("scroll", u);
-            const d = ie(r, ()=>{
-                u(), f();
+            u(), p(), c.addEventListener("scroll", u);
+            const g = me(c, ()=>{
+                u(), p();
             });
             return ()=>{
-                r.removeEventListener("scroll", u), d();
+                c.removeEventListener("scroll", u), g();
             };
         }
         return ()=>{};
     }, [
-        i.desktop,
-        i.tablet,
-        i.mobile,
-        y,
-        S,
+        a.desktop,
+        a.tablet,
+        a.mobile,
         B,
         C,
+        S,
+        R,
         e.length
     ]);
-    const O = c.useCallback(function(r) {
+    const T = o.useCallback(function(c) {
         let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-        const f = b.current;
-        if (f) {
-            const d = W[r];
-            f.scrollTo({
-                left: d,
+        const p = l.current;
+        if (p) {
+            const g = F[c];
+            p.scrollTo({
+                left: g,
                 behavior: u ? "smooth" : "auto"
             });
         }
     }, [
-        W
-    ]), Me = c.useCallback(()=>{
-        const r = b.current;
-        if (r) {
-            const { scrollLeft: u } = r, f = [
-                ...D
-            ].reverse().find((d)=>d - u < -1);
-            r.scrollTo({
-                left: f,
+        F
+    ]), Z = o.useCallback(()=>{
+        const c = l.current;
+        if (c) {
+            const { scrollLeft: u } = c, p = [
+                ...U
+            ].reverse().find((g)=>g - u < -1);
+            c.scrollTo({
+                left: p,
                 behavior: "smooth"
             });
         }
     }, [
-        D
-    ]), H = c.useCallback(()=>{
-        const r = b.current;
-        if (r) {
-            const { scrollLeft: u } = r, f = D.find((d)=>d - u > 1);
-            r.scrollTo({
-                left: f,
+        U
+    ]), O = o.useCallback(()=>{
+        const c = l.current;
+        if (c) {
+            const { scrollLeft: u } = c, p = U.find((g)=>g - u > 1);
+            c.scrollTo({
+                left: p,
                 behavior: "smooth"
             });
         }
     }, [
-        D
-    ]), Z = de(!!g, b);
-    c.useEffect(()=>{
-        m !== void 0 && O(Math.floor(m / v), !1);
+        U
+    ]), le = ve(!!x, l);
+    o.useEffect(()=>{
+        h !== void 0 && T(Math.floor(h / P), !1);
     }, [
-        m,
-        O,
-        v
-    ]), c.useEffect(()=>{
-        if (Z && g) {
-            const r = typeof g == "boolean" ? me : g.time, u = typeof g == "object" && g.loop, f = setInterval(()=>{
-                var d;
-                $ !== 0 ? H() : u && ((d = b.current) == null || d.scrollTo({
+        h,
+        T,
+        P
+    ]), o.useEffect(()=>{
+        if (le && x) {
+            const c = typeof x == "boolean" ? we : x.time, u = typeof x == "object" && x.loop, p = setInterval(()=>{
+                var g;
+                G !== 0 ? O() : u && ((g = l.current) == null || g.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
-            }, r);
-            return ()=>clearInterval(f);
+            }, c);
+            return ()=>clearInterval(p);
         }
     }, [
-        g,
-        H,
-        $,
-        Z
+        x,
+        O,
+        G,
+        le
     ]);
-    const w = it(X, W), ee = c.useRef(!m), te = c.useRef(0);
-    c.useEffect(()=>{
-        if (x) {
-            const r = Math.min((w + 1) * v - 1, e.length - 1), u = [];
-            for(let f = 0; f < v; f++){
-                const d = r - f;
-                d >= 0 && u.unshift(d);
+    const N = gt(D, F), ne = o.useRef(!h), ce = o.useRef(0);
+    o.useEffect(()=>{
+        if (A) {
+            const c = Math.min((N + 1) * P - 1, e.length - 1), u = [];
+            for(let p = 0; p < P; p++){
+                const g = c - p;
+                g >= 0 && u.unshift(g);
             }
-            ee.current ? te.current !== w && x({
-                pageIndex: w,
+            ne.current ? ce.current !== N && A({
+                pageIndex: N,
                 shownItemIndexes: u
-            }) : ee.current = u.includes(m || 0), te.current = w;
+            }) : ne.current = u.includes(h || 0), ce.current = N;
         }
     }, [
-        w,
+        N,
         e.length,
-        v,
+        P,
+        h,
+        A
+    ]);
+    const E = o.useContext(re), ee = o.useMemo(()=>({
+            currentIndex: N,
+            numPages: {
+                mobile: m,
+                tablet: v,
+                desktop: w
+            }
+        }), [
+        N,
+        w,
         m,
-        x
+        v
     ]);
-    let V = null;
-    h ? V = h({
-        numPages: y,
-        currentIndex: w,
-        onPress: O
-    }) : l && (V = /* @__PURE__ */ s(he, {
-        numPages: {
-            mobile: K,
-            tablet: Y,
-            desktop: Q
-        },
-        currentIndex: w,
-        onPress: O
-    }));
-    const Ce = "64px", we = "36px";
-    return /* @__PURE__ */ J("div", _object_spread_props(_object_spread({}, ae(_object_spread({
+    o.useEffect(()=>{
+        E && (E.setGoPrev(Z), E.setGoNext(O), E.setGoToPage(T), E.setBulletsProps(ee));
+    }, [
+        E,
+        O,
+        Z,
+        ee,
+        T
+    ]);
+    let Y = null;
+    f ? Y = f({
+        numPages: B,
+        currentIndex: N,
+        onPress: T
+    }) : r && (Y = /* @__PURE__ */ n(xe, _object_spread_props(_object_spread({}, ee), {
+        onPress: T
+    })));
+    const Ee = "64px", Le = "36px";
+    return /* @__PURE__ */ te("div", _object_spread_props(_object_spread({}, pe(_object_spread({
         "component-name": "Carousel"
-    }, U))), {
+    }, y))), {
         children: [
-            /* @__PURE__ */ J("div", {
-                className: Ye,
+            /* @__PURE__ */ te("div", {
+                className: tt,
                 children: [
-                    /* @__PURE__ */ s(R, {
+                    /* @__PURE__ */ n(z, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ s(T, {
-                            className: $e,
-                            "aria-label": A.carouselPrevButton,
-                            onPress: Me,
-                            disabled: !xe,
-                            children: /* @__PURE__ */ s(le, {})
+                        children: /* @__PURE__ */ n(_, {
+                            className: ot,
+                            "aria-label": M.carouselPrevButton,
+                            onPress: Z,
+                            disabled: !Te,
+                            children: /* @__PURE__ */ n(ue, {})
                         })
                     }),
-                    /* @__PURE__ */ s("div", {
-                        className: F(Ge, {
-                            [He]: B,
-                            [Je]: K > 1,
-                            [Qe]: Y > 1
+                    /* @__PURE__ */ n("div", {
+                        className: H(st, {
+                            [rt]: S,
+                            [lt]: m > 1,
+                            [nt]: v > 1
                         }),
-                        style: _object_spread_props(_object_spread({}, fe(_object_spread({
-                            [P.itemsPerPageDesktop]: String(i.desktop),
-                            [P.itemsPerPageTablet]: String(i.tablet),
-                            [P.itemsPerPageMobile]: String(i.mobile)
-                        }, n === "large" ? {
-                            [P.mobilePageOffset]: Ce
-                        } : E === nt ? {
-                            [P.mobilePageOffset]: we
-                        } : {}, S !== void 0 ? {
-                            [P.gap]: String(S)
+                        style: _object_spread_props(_object_spread({}, ge(_object_spread({
+                            [L.itemsPerPageDesktop]: String(a.desktop),
+                            [L.itemsPerPageTablet]: String(a.tablet),
+                            [L.itemsPerPageMobile]: String(a.mobile)
+                        }, d === "large" ? {
+                            [L.mobilePageOffset]: Ee
+                        } : J === pt ? {
+                            [L.mobilePageOffset]: Le
+                        } : {}, C !== void 0 ? {
+                            [L.gap]: String(C)
                         } : {}))), {
-                            scrollSnapType: N ? "initial" : "x mandatory",
+                            scrollSnapType: b ? "initial" : "x mandatory",
                             // Hack to fix https://jira.tid.es/browse/NOVUMCC-8988
                             // there is a webkit rendering bug that causes a half pixel white line to appear at
                             // the bottom of the scrollable area in retina displays when it has a height with
                             // decimals. This extra padding avoids that line to partially cover the carousel
                             // slides border:
-                            paddingBottom: Le(M) && !Re(M) ? 0.5 : void 0
+                            paddingBottom: Oe(k) && !Ve(k) ? 0.5 : void 0
                         }),
-                        ref: b,
-                        children: e.map((r, u)=>/* @__PURE__ */ s("div", {
-                                className: F(Xe, o),
+                        ref: l,
+                        children: e.map((c, u)=>/* @__PURE__ */ n("div", {
+                                className: H(ct, s),
                                 style: _object_spread_props(_object_spread({}, t), {
-                                    scrollSnapStop: ue(M) ? "always" : "normal"
+                                    scrollSnapStop: be(k) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
-                                children: r
+                                children: c
                             }, u))
                     }),
-                    /* @__PURE__ */ s(R, {
+                    /* @__PURE__ */ n(z, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ s(T, {
-                            className: Ze,
-                            "aria-label": A.carouselNextButton,
-                            onPress: H,
-                            disabled: !Ie,
-                            children: /* @__PURE__ */ s(re, {})
+                        children: /* @__PURE__ */ n(_, {
+                            className: at,
+                            "aria-label": M.carouselNextButton,
+                            onPress: O,
+                            disabled: !Be,
+                            children: /* @__PURE__ */ n(fe, {})
                         })
                     })
                 ]
             }),
-            V && /* @__PURE__ */ s("div", {
-                className: F(et, {
-                    [tt]: Q <= 1,
-                    [ot]: Y <= 1,
-                    [st]: K <= 1
+            Y && /* @__PURE__ */ n("div", {
+                className: H(it, {
+                    [ut]: w <= 1,
+                    [ft]: v <= 1,
+                    [dt]: m <= 1
                 }),
-                children: V
+                children: Y
             })
         ]
     }));
-}, Pt = (e)=>/* @__PURE__ */ s(be, _object_spread({}, e)), Nt = (param)=>{
-    let { items: e, itemStyle: t, itemClassName: o, withBullets: l, renderBullets: h, initialActiveItem: m, onPageChange: I, dataAttributes: p } = param;
-    return /* @__PURE__ */ s(be, {
+}, Ot = (e)=>/* @__PURE__ */ n(Ne, _object_spread({}, e)), Vt = (param)=>{
+    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: f, initialActiveItem: h, onPageChange: I, dataAttributes: i } = param;
+    return /* @__PURE__ */ n(Ne, {
         items: e,
         itemStyle: t,
-        itemClassName: o,
+        itemClassName: s,
         itemsPerPage: {
             mobile: 1,
             tablet: 1,
@@ -364,130 +425,162 @@ const de = (e, t)=>{
         centered: !0,
         itemsToScroll: 1,
         gap: 0,
-        withBullets: l,
-        renderBullets: h,
-        initialActiveItem: m,
+        withBullets: r,
+        renderBullets: f,
+        initialActiveItem: h,
         onPageChange: I,
-        dataAttributes: p
+        dataAttributes: i
     });
-}, pe = /*#__PURE__*/ c.createContext(!1), Bt = ()=>c.useContext(pe), at = (param)=>{
+}, Se = /*#__PURE__*/ o.createContext(!1), zt = ()=>o.useContext(Se), vt = (param)=>{
     let { children: e } = param;
-    return /* @__PURE__ */ s(pe.Provider, {
+    return /* @__PURE__ */ n(Se.Provider, {
         value: !0,
         children: e
     });
-}, Lt = (param)=>{
-    let { items: e, withBullets: t, autoplay: o, onPageChange: l, dataAttributes: h, inverseBullets: m = !0 } = param;
-    const { texts: I, platformOverrides: p } = ce(), n = c.useRef(null), [{ scrollLeft: S, scrollRight: N }, B] = c.useState({
+}, _t = (param)=>{
+    let { items: e, withBullets: t, autoplay: s, initialPageIndex: r = 0, onPageChange: f, dataAttributes: h, inverseBullets: I = !0 } = param;
+    const { texts: i, platformOverrides: d } = he(), C = o.useContext(re), b = o.useRef(null), [{ scrollLeft: S, scrollRight: x }, A] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), g = c.useCallback(()=>{
-        const a = n.current;
-        a && a.scrollBy({
-            left: -a.clientWidth,
+    }), y = o.useCallback(()=>{
+        const l = b.current;
+        l && l.scrollBy({
+            left: -l.clientWidth,
             behavior: "smooth"
         });
-    }, []), x = c.useCallback(()=>{
-        const a = n.current;
-        a && a.scrollBy({
-            left: a.clientWidth,
+    }, []), M = o.useCallback(()=>{
+        const l = b.current;
+        l && l.scrollBy({
+            left: l.clientWidth,
             behavior: "smooth"
         });
-    }, []), U = N !== 0, A = S !== 0, M = n.current ? Math.floor((S + n.current.clientWidth / 2) / n.current.clientWidth) : 0;
-    c.useLayoutEffect(()=>{
-        const a = n.current;
-        if (a) {
-            const i = ()=>{
-                const { scrollWidth: k, clientWidth: q } = a, v = Math.round(a.scrollLeft), b = Math.round(k - (v + q));
-                B({
-                    scrollLeft: v,
-                    scrollRight: b
+    }, []), k = o.useCallback(function(l) {
+        let m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+        const v = b.current;
+        v && v.scrollTo({
+            left: v.clientWidth * l,
+            behavior: m ? "smooth" : "auto"
+        });
+    }, [
+        b
+    ]), J = x !== 0, Q = S !== 0, a = b.current ? Math.floor((S + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
+    o.useLayoutEffect(()=>{
+        const l = b.current;
+        if (l) {
+            const m = ()=>{
+                const { scrollWidth: w, clientWidth: B } = l, D = Math.round(l.scrollLeft), G = Math.round(w - (D + B));
+                A({
+                    scrollLeft: D,
+                    scrollRight: G
                 });
             };
-            i(), a.addEventListener("scroll", i);
-            const C = ie(a, i);
+            m(), l.addEventListener("scroll", m);
+            const v = me(l, m);
             return ()=>{
-                a.removeEventListener("scroll", i), C();
+                l.removeEventListener("scroll", m), v();
             };
         }
     }, [
         e.length
     ]);
-    const E = de(!!o, n);
-    return c.useEffect(()=>{
-        if (E && o) {
-            const a = typeof o == "boolean" ? me : o.time, i = typeof o == "object" && o.loop, C = setInterval(()=>{
-                var k;
-                N !== 0 ? x() : i && ((k = n.current) == null || k.scrollTo({
+    const R = ve(!!s, b);
+    o.useEffect(()=>{
+        if (R && s) {
+            const l = typeof s == "boolean" ? we : s.time, m = typeof s == "object" && s.loop, v = setInterval(()=>{
+                var w;
+                x !== 0 ? M() : m && ((w = b.current) == null || w.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
-            }, a);
-            return ()=>clearInterval(C);
+            }, l);
+            return ()=>clearInterval(v);
         }
     }, [
-        o,
+        s,
+        M,
         x,
-        N,
-        E
-    ]), c.useEffect(()=>{
-        l && l(M);
+        R
+    ]);
+    const W = o.useRef(!1), j = o.useRef(0);
+    o.useEffect(()=>{
+        f && (W.current ? j.current !== a && f(a) : W.current = r === a), j.current = a;
     }, [
+        a,
+        r,
+        f
+    ]), o.useEffect(()=>{
+        const l = b.current;
+        r !== void 0 && l && !W.current && l.scrollTo({
+            left: l.clientWidth * r
+        });
+    }, [
+        r
+    ]);
+    const P = o.useMemo(()=>({
+            currentIndex: a,
+            numPages: e.length
+        }), [
+        a,
+        e.length
+    ]);
+    return o.useEffect(()=>{
+        C && (C.setGoPrev(y), C.setGoNext(M), C.setGoToPage(k), C.setBulletsProps(P));
+    }, [
+        C,
         M,
-        l
-    ]), /* @__PURE__ */ s(at, {
-        children: /* @__PURE__ */ J("div", _object_spread_props(_object_spread({
-            className: De
-        }, ae(h, "SlideShow")), {
+        y,
+        P,
+        k
+    ]), /* @__PURE__ */ n(vt, {
+        children: /* @__PURE__ */ te("div", _object_spread_props(_object_spread({
+            className: Ye
+        }, pe(h, "SlideShow")), {
             children: [
-                /* @__PURE__ */ s(R, {
+                /* @__PURE__ */ n(z, {
                     isInverse: !1,
-                    children: /* @__PURE__ */ s(T, {
-                        className: Oe,
-                        "aria-label": I.carouselPrevButton,
-                        onPress: g,
-                        disabled: !A,
-                        children: /* @__PURE__ */ s(le, {})
+                    children: /* @__PURE__ */ n(_, {
+                        className: qe,
+                        "aria-label": i.carouselPrevButton,
+                        onPress: y,
+                        disabled: !Q,
+                        children: /* @__PURE__ */ n(ue, {})
                     })
                 }),
-                /* @__PURE__ */ s("div", {
-                    style: fe({
-                        [lt.mediaBorderRadius]: "0px"
+                /* @__PURE__ */ n("div", {
+                    style: ge({
+                        [ht.mediaBorderRadius]: "0px"
                     }),
-                    children: /* @__PURE__ */ s("div", {
-                        className: Ve,
-                        ref: n,
-                        children: e.map((a, i)=>/* @__PURE__ */ s("div", {
-                                className: ze,
+                    children: /* @__PURE__ */ n("div", {
+                        className: Ke,
+                        ref: b,
+                        children: e.map((l, m)=>/* @__PURE__ */ n("div", {
+                                className: $e,
                                 style: {
-                                    scrollSnapStop: ue(p) ? "always" : "normal"
+                                    scrollSnapStop: be(d) ? "always" : "normal"
                                 },
-                                children: a
-                            }, i))
+                                children: l
+                            }, m))
                     })
                 }),
-                /* @__PURE__ */ s(R, {
+                /* @__PURE__ */ n(z, {
                     isInverse: !1,
-                    children: /* @__PURE__ */ s(T, {
-                        className: _e,
-                        "aria-label": I.carouselNextButton,
-                        onPress: x,
-                        disabled: !U,
-                        children: /* @__PURE__ */ s(re, {})
+                    children: /* @__PURE__ */ n(_, {
+                        className: He,
+                        "aria-label": i.carouselNextButton,
+                        onPress: M,
+                        disabled: !J,
+                        children: /* @__PURE__ */ n(fe, {})
                     })
                 }),
-                t && e.length > 1 && /* @__PURE__ */ s(R, {
-                    isInverse: m,
-                    children: /* @__PURE__ */ s("div", {
-                        className: je,
-                        children: /* @__PURE__ */ s(he, {
-                            numPages: e.length,
-                            currentIndex: M
-                        })
+                t && e.length > 1 && /* @__PURE__ */ n(z, {
+                    isInverse: I,
+                    children: /* @__PURE__ */ n("div", {
+                        className: Je,
+                        children: /* @__PURE__ */ n(xe, _object_spread({}, P))
                     })
                 })
             ]
         }))
     });
 };
-export { Pt as Carousel, Nt as CenteredCarousel, at as IsInsideSlideshowProvider, he as PageBullets, Lt as Slideshow, Bt as useIsInsideSlideshowContext };
+export { Ot as Carousel, Gt as CarouselContextConsummer, Wt as CarouselContextProvider, Vt as CenteredCarousel, vt as IsInsideSlideshowProvider, xe as PageBullets, _t as Slideshow, Dt as useCarouselContext, zt as useIsInsideSlideshowContext };