@telefonica/mistica 14.42.1 → 14.44.0

package/dist/carousel.js

@@ -11,31 +11,31 @@ function _export(target, all) {
 }
 _export(exports, {
     Carousel: function() {
-        return Ot;
+        return _t;
     },
-    CarouselContextConsummer: function() {
-        return Gt;
+    CarouselContextConsumer: function() {
+        return zt;
     },
     CarouselContextProvider: function() {
-        return Wt;
+        return Ot;
     },
     CenteredCarousel: function() {
-        return Vt;
+        return jt;
     },
     IsInsideSlideshowProvider: function() {
-        return vt;
+        return Ct;
     },
     PageBullets: function() {
         return xe;
     },
     Slideshow: function() {
-        return _t;
+        return Kt;
     },
     useCarouselContext: function() {
-        return Dt;
+        return Vt;
     },
     useIsInsideSlideshowContext: function() {
-        return zt;
+        return Ft;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -159,10 +159,10 @@ const ve = (e, t)=>{
 }, xe = (param)=>{
     let { currentIndex: e, numPages: t, onPress: s } = param;
     var _t_tablet;
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), { isDesktopOrBigger: f } = (0, _hooks.useScreenSize)(), h = (i)=>{
-        const d = i === e;
-        return r ? d ? _carouselcssmistica.bulletActiveInverse : _carouselcssmistica.bulletInverse : d ? _carouselcssmistica.bulletActive : _carouselcssmistica.bullet;
-    }, I = typeof t == "number" ? t : Math.max(t.mobile, (_t_tablet = t.tablet) !== null && _t_tablet !== void 0 ? _t_tablet : t.mobile, t.desktop);
+    const r = (0, _themevariantcontext.useIsInverseVariant)(), { isDesktopOrBigger: d } = (0, _hooks.useScreenSize)(), h = (i)=>{
+        const u = i === e;
+        return r ? u ? _carouselcssmistica.bulletActiveInverse : _carouselcssmistica.bulletInverse : u ? _carouselcssmistica.bulletActive : _carouselcssmistica.bullet;
+    }, w = 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__ */ (0, _jsxruntime.jsx)(_inline.default, {
         space: 0,
         alignItems: "center",
@@ -170,62 +170,62 @@ const ve = (e, t)=>{
             "component-name": "PageBullets"
         },
         children: Array.from({
-            length: I
-        }, (i, d)=>/* @__PURE__ */ {
+            length: w
+        }, (i, u)=>/* @__PURE__ */ {
             var _t_tablet;
             return (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                 className: (0, _classnames.default)(typeof t == "number" ? _carouselcssmistica.bulletButton : {
-                    [_carouselcssmistica.bulletButtonMobile]: d < t.mobile,
-                    [_carouselcssmistica.bulletButtonTablet]: d < ((_t_tablet = t.tablet) !== null && _t_tablet !== void 0 ? _t_tablet : t.mobile),
-                    [_carouselcssmistica.bulletButtonDesktop]: d < t.desktop
+                    [_carouselcssmistica.bulletButtonMobile]: u < t.mobile,
+                    [_carouselcssmistica.bulletButtonTablet]: u < ((_t_tablet = t.tablet) !== null && _t_tablet !== void 0 ? _t_tablet : t.mobile),
+                    [_carouselcssmistica.bulletButtonDesktop]: u < t.desktop
                 }),
-                style: d === 0 ? {
+                style: u === 0 ? {
                     paddingLeft: 0
                 } : {},
                 maybe: !0,
-                onPress: f && s ? ()=>s(d) : void 0,
+                onPress: d && s ? ()=>s(u) : void 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    className: h(d)
+                    className: h(u)
                 })
-            }, d);
+            }, u);
         })
     });
 }, oe = ()=>{
     throw new Error("You must wrap your component with a CarouselContextProvider to use CarouselContext");
-}, Ce = oe, Pe = oe, Ie = oe, Me = {
+}, Ce = oe, Pe = oe, we = oe, Ie = {
     currentIndex: 0,
     numPages: 0
 }, se = /*#__PURE__*/ _react.createContext({
     goPrev: Ce,
     goNext: Pe,
-    goToPage: Ie,
-    bulletsProps: Me
-}), re = /*#__PURE__*/ _react.createContext(null), Wt = (param)=>{
+    goToPage: we,
+    bulletsProps: Ie
+}), re = /*#__PURE__*/ _react.createContext(null), Ot = (param)=>{
     let { children: e } = param;
-    const [t, s] = _react.useState(Me), r = _react.useRef(Ce), f = _react.useRef(Pe), h = _react.useRef(Ie), I = _react.useMemo(()=>({
+    const [t, s] = _react.useState(Ie), r = _react.useRef(Ce), d = _react.useRef(Pe), h = _react.useRef(we), w = _react.useMemo(()=>({
             goPrev: ()=>{
                 r.current();
             },
             goNext: ()=>{
-                f.current();
+                d.current();
             },
             goToPage: function(i) {
-                let d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-                h.current(i, d);
+                let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+                h.current(i, u);
             },
             bulletsProps: t
         }), [
         t
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(se.Provider, {
-        value: I,
+        value: w,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(re.Provider, {
             value: {
                 setGoPrev: (i)=>{
                     r.current = i;
                 },
                 setGoNext: (i)=>{
-                    f.current = i;
+                    d.current = i;
                 },
                 setGoToPage: (i)=>{
                     h.current = i;
@@ -235,7 +235,7 @@ const ve = (e, t)=>{
             children: e
         })
     });
-}, Dt = ()=>_react.useContext(se), Gt = se.Consumer, ae = (e, t, s)=>s ? typeof s == "number" ? s : s[e] || t[e] : t[e], bt = (e, t)=>{
+}, Vt = ()=>_react.useContext(se), zt = se.Consumer, ae = (e, t, s)=>s ? typeof s == "number" ? s : s[e] || t[e] : t[e], vt = (e, t)=>{
     const s = {
         mobile: 1,
         tablet: 2,
@@ -260,44 +260,44 @@ const ve = (e, t)=>{
 }, ie = (e, t)=>{
     if (e.length === 0) return [];
     const s = Math.ceil(e.length / t), r = [];
-    for(let f = 0; f < e.length; f += s)r.push(e[f]);
+    for(let d = 0; d < e.length; d += s)r.push(e[d]);
     return r[r.length - 1] = e[e.length - s], r;
-}, gt = (e, t)=>{
+}, xt = (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;
-}, 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 } = (0, _hooks.useTheme)(), Q = (0, _desktopcontainertypecontext.useDesktopContainerType)(), a = bt(Q || "large", I), { isDesktopOrBigger: R, isTablet: W } = (0, _hooks.useScreenSize)(), j = W ? a.tablet : a.mobile, P = Math.max(Math.floor(R ? a.desktop : j), 1), l = _react.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] = _react.useState({
+}, Me = 5e3, Se = (param)=>{
+    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, itemsPerPage: w, itemsToScroll: i, mobilePageOffset: u, gap: C, free: b, centered: k, autoplay: x, onPageChange: y, dataAttributes: W } = param;
+    const { texts: I, platformOverrides: N, skinName: H } = (0, _hooks.useTheme)(), J = (0, _desktopcontainertypecontext.useDesktopContainerType)(), a = vt(J || "large", w), { isDesktopOrBigger: E, isTablet: A } = (0, _hooks.useScreenSize)(), j = A ? a.tablet : a.mobile, P = Math.max(Math.floor(E ? a.desktop : j), 1), l = _react.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)), M = Math.ceil(e.length / Math.max(Math.floor(a.desktop), 1)), R = Math.ceil(e.length / P), [{ scrollLeft: D, scrollRight: G }, Ee] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [X, Re] = _react.useState([]), F = _react.useMemo(()=>ie(X, B), [
-        X,
-        B
-    ]), U = i ? ie(X, Math.ceil(e.length / i)) : F, Be = G !== 0, Te = D !== 0;
+    }), [Q, Re] = _react.useState([]), F = _react.useMemo(()=>ie(Q, R), [
+        Q,
+        R
+    ]), K = i ? ie(Q, Math.ceil(e.length / i)) : F, Be = G !== 0, Te = D !== 0;
     _react.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: $
+            const c = l.current, f = ()=>{
+                const { scrollWidth: Y, clientWidth: V } = c, q = Math.round(c.scrollLeft), Z = Math.round(Y - (q + V));
+                Ee({
+                    scrollLeft: q,
+                    scrollRight: 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);
+                const Y = c.scrollWidth - c.clientWidth;
+                Re(Array.from(c.querySelectorAll("[data-item]")).map((V, q)=>{
+                    if (q === e.length - 1) return Y;
+                    const Z = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = k && !E ? Z - V.clientWidth / 2 : Z;
+                    return Math.min(Ae - We - c.offsetLeft, Y);
                 }));
             };
-            u(), p(), c.addEventListener("scroll", u);
+            f(), p(), c.addEventListener("scroll", f);
             const g = (0, _dom.listenResize)(c, ()=>{
-                u(), p();
+                f(), p();
             });
             return ()=>{
-                c.removeEventListener("scroll", u), g();
+                c.removeEventListener("scroll", f), g();
             };
         }
         return ()=>{};
@@ -305,60 +305,60 @@ const ve = (e, t)=>{
         a.desktop,
         a.tablet,
         a.mobile,
-        B,
-        C,
-        S,
         R,
+        C,
+        k,
+        E,
         e.length
     ]);
-    const T = _react.useCallback(function(c) {
-        let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+    const B = _react.useCallback(function(c) {
+        let f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const p = l.current;
         if (p) {
             const g = F[c];
             p.scrollTo({
                 left: g,
-                behavior: u ? "smooth" : "auto"
+                behavior: f ? "smooth" : "auto"
             });
         }
     }, [
         F
-    ]), Z = _react.useCallback(()=>{
+    ]), X = _react.useCallback(()=>{
         const c = l.current;
         if (c) {
-            const { scrollLeft: u } = c, p = [
-                ...U
-            ].reverse().find((g)=>g - u < -1);
+            const { scrollLeft: f } = c, p = [
+                ...K
+            ].reverse().find((g)=>g - f < -1);
             c.scrollTo({
                 left: p,
                 behavior: "smooth"
             });
         }
     }, [
-        U
+        K
     ]), O = _react.useCallback(()=>{
         const c = l.current;
         if (c) {
-            const { scrollLeft: u } = c, p = U.find((g)=>g - u > 1);
+            const { scrollLeft: f } = c, p = K.find((g)=>g - f > 1);
             c.scrollTo({
                 left: p,
                 behavior: "smooth"
             });
         }
     }, [
-        U
+        K
     ]), le = ve(!!x, l);
     _react.useEffect(()=>{
-        h !== void 0 && T(Math.floor(h / P), !1);
+        h !== void 0 && B(Math.floor(h / P), !1);
     }, [
         h,
-        T,
+        B,
         P
     ]), _react.useEffect(()=>{
         if (le && x) {
-            const c = typeof x == "boolean" ? we : x.time, u = typeof x == "object" && x.loop, p = setInterval(()=>{
+            const c = typeof x == "boolean" ? Me : x.time, f = typeof x == "object" && x.loop, p = setInterval(()=>{
                 var g;
-                G !== 0 ? O() : u && ((g = l.current) == null || g.scrollTo({
+                G !== 0 ? O() : f && ((g = l.current) == null || g.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
@@ -371,60 +371,60 @@ const ve = (e, t)=>{
         G,
         le
     ]);
-    const N = gt(D, F), ne = _react.useRef(!h), ce = _react.useRef(0);
+    const S = xt(D, F), ne = _react.useRef(!h), ce = _react.useRef(0);
     _react.useEffect(()=>{
-        if (A) {
-            const c = Math.min((N + 1) * P - 1, e.length - 1), u = [];
+        if (y) {
+            const c = Math.min((S + 1) * P - 1, e.length - 1), f = [];
             for(let p = 0; p < P; p++){
                 const g = c - p;
-                g >= 0 && u.unshift(g);
+                g >= 0 && f.unshift(g);
             }
-            ne.current ? ce.current !== N && A({
-                pageIndex: N,
-                shownItemIndexes: u
-            }) : ne.current = u.includes(h || 0), ce.current = N;
+            ne.current ? ce.current !== S && y({
+                pageIndex: S,
+                shownItemIndexes: f
+            }) : ne.current = f.includes(h || 0), ce.current = S;
         }
     }, [
-        N,
+        S,
         e.length,
         P,
         h,
-        A
+        y
     ]);
-    const E = _react.useContext(re), ee = _react.useMemo(()=>({
-            currentIndex: N,
+    const T = _react.useContext(re), ee = _react.useMemo(()=>({
+            currentIndex: S,
             numPages: {
                 mobile: m,
                 tablet: v,
-                desktop: w
+                desktop: M
             }
         }), [
-        N,
-        w,
+        S,
+        M,
         m,
         v
     ]);
     _react.useEffect(()=>{
-        E && (E.setGoPrev(Z), E.setGoNext(O), E.setGoToPage(T), E.setBulletsProps(ee));
+        T && (T.setGoPrev(X), T.setGoNext(O), T.setGoToPage(B), T.setBulletsProps(ee));
     }, [
-        E,
+        T,
         O,
-        Z,
+        X,
         ee,
-        T
+        B
     ]);
-    let Y = null;
-    f ? Y = f({
-        numPages: B,
-        currentIndex: N,
-        onPress: T
-    }) : r && (Y = /* @__PURE__ */ (0, _jsxruntime.jsx)(xe, _object_spread_props(_object_spread({}, ee), {
-        onPress: T
+    let U = null;
+    d ? U = d({
+        numPages: R,
+        currentIndex: S,
+        onPress: B
+    }) : r && (U = /* @__PURE__ */ (0, _jsxruntime.jsx)(xe, _object_spread_props(_object_spread({}, ee), {
+        onPress: B
     })));
-    const Ee = "64px", Le = "36px";
+    const Le = "64px", ye = "36px";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
         "component-name": "Carousel"
-    }, y))), {
+    }, W))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _carouselcssmistica.carouselContainer,
@@ -433,15 +433,15 @@ const ve = (e, t)=>{
                         isInverse: !1,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                             className: _carouselcssmistica.carouselPrevArrowButton,
-                            "aria-label": M.carouselPrevButton,
-                            onPress: Z,
+                            "aria-label": I.carouselPrevButton,
+                            onPress: X,
                             disabled: !Te,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {})
                         })
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_carouselcssmistica.carousel, {
-                            [_carouselcssmistica.centeredCarousel]: S,
+                            [_carouselcssmistica.centeredCarousel]: k,
                             [_carouselcssmistica.carouselWithScrollMobile]: m > 1,
                             [_carouselcssmistica.carouselWithScrollTablet]: v > 1
                         }),
@@ -449,10 +449,10 @@ const ve = (e, t)=>{
                             [_carouselcssmistica.vars.itemsPerPageDesktop]: String(a.desktop),
                             [_carouselcssmistica.vars.itemsPerPageTablet]: String(a.tablet),
                             [_carouselcssmistica.vars.itemsPerPageMobile]: String(a.mobile)
-                        }, d === "large" ? {
-                            [_carouselcssmistica.vars.mobilePageOffset]: Ee
-                        } : J === _constants.VIVO_NEW_SKIN ? {
+                        }, u === "large" ? {
                             [_carouselcssmistica.vars.mobilePageOffset]: Le
+                        } : H === _constants.VIVO_NEW_SKIN ? {
+                            [_carouselcssmistica.vars.mobilePageOffset]: ye
                         } : {}, C !== void 0 ? {
                             [_carouselcssmistica.vars.gap]: String(C)
                         } : {}))), {
@@ -462,23 +462,23 @@ const ve = (e, t)=>{
                             // 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: (0, _platform.isIos)(k) && !(0, _platform.isRunningAcceptanceTest)(k) ? 0.5 : void 0
+                            paddingBottom: (0, _platform.isIos)(N) && !(0, _platform.isRunningAcceptanceTest)(N) ? 0.5 : void 0
                         }),
                         ref: l,
-                        children: e.map((c, u)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        children: e.map((c, f)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_carouselcssmistica.carouselItem, s),
                                 style: _object_spread_props(_object_spread({}, t), {
-                                    scrollSnapStop: (0, _platform.isAndroid)(k) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platform.isAndroid)(N) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: c
-                            }, u))
+                            }, f))
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                         isInverse: !1,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                             className: _carouselcssmistica.carouselNextArrowButton,
-                            "aria-label": M.carouselNextButton,
+                            "aria-label": I.carouselNextButton,
                             onPress: O,
                             disabled: !Be,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightregular.default, {})
@@ -486,19 +486,35 @@ const ve = (e, t)=>{
                     })
                 ]
             }),
-            Y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            U && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_carouselcssmistica.carouselBullets, {
-                    [_carouselcssmistica.noCarouselBulletsDesktop]: w <= 1,
+                    [_carouselcssmistica.noCarouselBulletsDesktop]: M <= 1,
                     [_carouselcssmistica.noCarouselBulletsTablet]: v <= 1,
                     [_carouselcssmistica.noCarouselBulletsMobile]: m <= 1
                 }),
-                children: Y
+                children: U
             })
         ]
     }));
-}, Ot = (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(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__ */ (0, _jsxruntime.jsx)(Ne, {
+}, ke = ()=>{
+    const [e, t] = _react.useState(1);
+    return _react.useEffect(()=>{
+        const s = ()=>{
+            window.innerWidth !== 0 && (t((r)=>r + 1), window.removeEventListener("resize", s));
+        };
+        return window.innerWidth === 0 && window.addEventListener("resize", s), ()=>{
+            window.removeEventListener("resize", s);
+        };
+    }, []), e;
+}, _t = (e)=>{
+    const t = ke();
+    return /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)(Se, _object_spread_props(_object_spread({}, e), {
+        key: t
+    }));
+}, jt = (param)=>{
+    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, onPageChange: w, dataAttributes: i } = param;
+    const u = ke();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Se, {
         items: e,
         itemStyle: t,
         itemClassName: s,
@@ -511,35 +527,35 @@ const ve = (e, t)=>{
         itemsToScroll: 1,
         gap: 0,
         withBullets: r,
-        renderBullets: f,
+        renderBullets: d,
         initialActiveItem: h,
-        onPageChange: I,
+        onPageChange: w,
         dataAttributes: i
-    });
-}, Se = /*#__PURE__*/ _react.createContext(!1), zt = ()=>_react.useContext(Se), vt = (param)=>{
+    }, u);
+}, Ne = /*#__PURE__*/ _react.createContext(!1), Ft = ()=>_react.useContext(Ne), Ct = (param)=>{
     let { children: e } = param;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Se.Provider, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne.Provider, {
         value: !0,
         children: e
     });
-}, _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 } = (0, _hooks.useTheme)(), C = _react.useContext(re), b = _react.useRef(null), [{ scrollLeft: S, scrollRight: x }, A] = _react.useState({
+}, Kt = (param)=>{
+    let { items: e, withBullets: t, autoplay: s, initialPageIndex: r = 0, onPageChange: d, dataAttributes: h, inverseBullets: w = !0 } = param;
+    const { texts: i, platformOverrides: u } = (0, _hooks.useTheme)(), C = _react.useContext(re), b = _react.useRef(null), [{ scrollLeft: k, scrollRight: x }, y] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), y = _react.useCallback(()=>{
+    }), W = _react.useCallback(()=>{
         const l = b.current;
         l && l.scrollBy({
             left: -l.clientWidth,
             behavior: "smooth"
         });
-    }, []), M = _react.useCallback(()=>{
+    }, []), I = _react.useCallback(()=>{
         const l = b.current;
         l && l.scrollBy({
             left: l.clientWidth,
             behavior: "smooth"
         });
-    }, []), k = _react.useCallback(function(l) {
+    }, []), N = _react.useCallback(function(l) {
         let m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const v = b.current;
         v && v.scrollTo({
@@ -548,13 +564,13 @@ const ve = (e, t)=>{
         });
     }, [
         b
-    ]), J = x !== 0, Q = S !== 0, a = b.current ? Math.floor((S + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
+    ]), H = x !== 0, J = k !== 0, a = b.current ? Math.floor((k + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
     _react.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({
+                const { scrollWidth: M, clientWidth: R } = l, D = Math.round(l.scrollLeft), G = Math.round(M - (D + R));
+                y({
                     scrollLeft: D,
                     scrollRight: G
                 });
@@ -568,12 +584,12 @@ const ve = (e, t)=>{
     }, [
         e.length
     ]);
-    const R = ve(!!s, b);
+    const E = ve(!!s, b);
     _react.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({
+        if (E && s) {
+            const l = typeof s == "boolean" ? Me : s.time, m = typeof s == "object" && s.loop, v = setInterval(()=>{
+                var M;
+                x !== 0 ? I() : m && ((M = b.current) == null || M.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
@@ -582,20 +598,20 @@ const ve = (e, t)=>{
         }
     }, [
         s,
-        M,
+        I,
         x,
-        R
+        E
     ]);
-    const W = _react.useRef(!1), j = _react.useRef(0);
+    const A = _react.useRef(!1), j = _react.useRef(0);
     _react.useEffect(()=>{
-        f && (W.current ? j.current !== a && f(a) : W.current = r === a), j.current = a;
+        d && (A.current ? j.current !== a && d(a) : A.current = r === a), j.current = a;
     }, [
         a,
         r,
-        f
+        d
     ]), _react.useEffect(()=>{
         const l = b.current;
-        r !== void 0 && l && !W.current && l.scrollTo({
+        r !== void 0 && l && !A.current && l.scrollTo({
             left: l.clientWidth * r
         });
     }, [
@@ -609,14 +625,14 @@ const ve = (e, t)=>{
         e.length
     ]);
     return _react.useEffect(()=>{
-        C && (C.setGoPrev(y), C.setGoNext(M), C.setGoToPage(k), C.setBulletsProps(P));
+        C && (C.setGoPrev(W), C.setGoNext(I), C.setGoToPage(N), C.setBulletsProps(P));
     }, [
         C,
-        M,
-        y,
+        I,
+        W,
         P,
-        k
-    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(vt, {
+        N
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(Ct, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _carouselcssmistica.slideshowContainer
         }, (0, _dom.getPrefixedDataAttributes)(h, "SlideShow")), {
@@ -626,8 +642,8 @@ const ve = (e, t)=>{
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                         className: _carouselcssmistica.slideshowPrevArrowButton,
                         "aria-label": i.carouselPrevButton,
-                        onPress: y,
-                        disabled: !Q,
+                        onPress: W,
+                        disabled: !J,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {})
                     })
                 }),
@@ -641,7 +657,7 @@ const ve = (e, t)=>{
                         children: e.map((l, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _carouselcssmistica.slideshowItem,
                                 style: {
-                                    scrollSnapStop: (0, _platform.isAndroid)(d) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platform.isAndroid)(u) ? "always" : "normal"
                                 },
                                 children: l
                             }, m))
@@ -652,13 +668,13 @@ const ve = (e, t)=>{
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                         className: _carouselcssmistica.slideshowNextArrowButton,
                         "aria-label": i.carouselNextButton,
-                        onPress: M,
-                        disabled: !J,
+                        onPress: I,
+                        disabled: !H,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightregular.default, {})
                     })
                 }),
                 t && e.length > 1 && /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-                    isInverse: I,
+                    isInverse: w,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _carouselcssmistica.slideshowBullets,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(xe, _object_spread({}, P))