@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/carousel.js

@@ -51,50 +51,51 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as n, jsxs as te } from "react/jsx-runtime";
+import { jsx as n, jsxs as oe } from "react/jsx-runtime";
 import * as o from "react";
-import { createElement as De } 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 Ge } from "./hooks.js";
-import Oe from "./inline.js";
-import { BaseTouchable as j } from "./touchable.js";
-import z from "classnames";
-import { useIsInverseVariant as Ve, ThemeVariant as _ } from "./theme-variant-context.js";
-import { listenResize as me, getPrefixedDataAttributes as pe } from "./utils/dom.js";
-import { isAndroid as be, isIos as ze, isRunningAcceptanceTest as _e } from "./utils/platform.js";
-import { useDocumentVisibility as je } from "./utils/document-visibility.js";
-import { bulletButton as Fe, bulletButtonMobile as Ke, bulletButtonTablet as Ue, bulletButtonDesktop as Ye, slideshowContainer as qe, slideshowWithBullets as Ze, slideshowPrevArrowButton as $e, slideshow as He, slideshowItem as Je, slideshowNextArrowButton as Qe, slideshowBullets as Xe, bulletActiveInverse as et, bulletInverse as tt, bulletActive as ot, bullet as st, carouselContainer as rt, carouselPrevArrowButton as lt, carousel as nt, centeredCarousel as ct, carouselWithScrollMobile as at, carouselWithScrollTablet as it, vars as B, carouselItem as ut, carouselNextArrowButton as ft, carouselBullets as dt, noCarouselBulletsDesktop as ht, noCarouselBulletsTablet as mt, noCarouselBulletsMobile as pt } from "./carousel.css-mistica.js";
-import { vars as bt } from "./image.css-mistica.js";
-import { useDesktopContainerType as gt } from "./desktop-container-type-context.js";
-import { VIVO_NEW_SKIN as vt } from "./skins/constants.js";
-import { applyCssVars as ge } from "./utils/css.js";
-import { ResetResponsiveLayout as xt } from "./responsive-layout.js";
-const ve = (t, e)=>{
-    const s = je();
-    return Ge(e, !1) && s && !!t;
-}, xe = (param)=>{
+import { createElement as Ve } from "react";
+import fe from "./generated/mistica-icons/icon-chevron-left-regular.js";
+import de from "./generated/mistica-icons/icon-chevron-right-regular.js";
+import { useScreenSize as he, useTheme as me, useIsInViewport as ze } from "./hooks.js";
+import _e from "./inline.js";
+import { BaseTouchable as _ } from "./touchable.js";
+import V from "classnames";
+import { useIsInverseOrMediaVariant as je, ThemeVariant as z } from "./theme-variant-context.js";
+import { listenResize as pe, getPrefixedDataAttributes as be } from "./utils/dom.js";
+import { isAndroid as ge, isIos as Fe, isRunningAcceptanceTest as Ke } from "./utils/platform.js";
+import { useDocumentVisibility as Ue } from "./utils/document-visibility.js";
+import { bulletButton as Ye, bulletButtonMobile as qe, bulletButtonTablet as Ze, bulletButtonDesktop as $e, slideshowContainer as He, slideshowWithBullets as Je, slideshowPrevArrowButton as Qe, slideshow as Xe, slideshowItem as et, slideshowNextArrowButton as tt, slideshowBullets as ot, bulletActiveInverse as st, bulletInverse as rt, bulletActive as lt, bullet as nt, carouselContainer as ct, carouselPrevArrowButton as at, carousel as it, centeredCarousel as ut, carouselWithScrollMobile as ft, carouselWithScrollTablet as dt, vars as y, carouselItem as ht, carouselNextArrowButton as mt, carouselBullets as pt, noCarouselBulletsDesktop as bt, noCarouselBulletsTablet as gt, noCarouselBulletsMobile as vt } from "./carousel.css-mistica.js";
+import { vars as xt } from "./image.css-mistica.js";
+import { useDesktopContainerType as Ct } from "./desktop-container-type-context.js";
+import { VIVO_NEW_SKIN as Pt } from "./skins/constants.js";
+import { applyCssVars as ve } from "./utils/css.js";
+import { ResetResponsiveLayout as wt } from "./responsive-layout.js";
+import { carouselPrevButton as xe, carouselNextButton as Ce } from "./text-tokens.js";
+const Pe = (t, e)=>{
+    const s = Ue();
+    return ze(e, !1) && s && !!t;
+}, we = (param)=>{
     let { currentIndex: t, numPages: e, onPress: s } = param;
     var _e_tablet;
-    const r = Ve(), { isDesktopOrBigger: i } = de(), h = (u)=>{
+    const r = je(), { isDesktopOrBigger: i } = he(), m = (u)=>{
         const f = u === t;
-        return r ? f ? et : tt : f ? ot : st;
-    }, w = typeof e == "number" ? e : Math.max(e.mobile, (_e_tablet = e.tablet) !== null && _e_tablet !== void 0 ? _e_tablet : e.mobile, e.desktop);
-    return /* @__PURE__ */ n(Oe, {
+        return r ? f ? st : rt : f ? lt : nt;
+    }, P = typeof e == "number" ? e : Math.max(e.mobile, (_e_tablet = e.tablet) !== null && _e_tablet !== void 0 ? _e_tablet : e.mobile, e.desktop);
+    return /* @__PURE__ */ n(_e, {
         space: 0,
         alignItems: "center",
         dataAttributes: {
             "component-name": "PageBullets"
         },
         children: Array.from({
-            length: w
+            length: P
         }, (u, f)=>/* @__PURE__ */ {
             var _e_tablet;
-            return n(j, {
-                className: z(typeof e == "number" ? Fe : {
-                    [Ke]: f < e.mobile,
-                    [Ue]: f < ((_e_tablet = e.tablet) !== null && _e_tablet !== void 0 ? _e_tablet : e.mobile),
-                    [Ye]: f < e.desktop
+            return n(_, {
+                className: V(typeof e == "number" ? Ye : {
+                    [qe]: f < e.mobile,
+                    [Ze]: f < ((_e_tablet = e.tablet) !== null && _e_tablet !== void 0 ? _e_tablet : e.mobile),
+                    [$e]: f < e.desktop
                 }),
                 style: f === 0 ? {
                     paddingLeft: 0
@@ -102,24 +103,24 @@ const ve = (t, e)=>{
                 maybe: !0,
                 onPress: i && s ? ()=>s(f) : void 0,
                 children: /* @__PURE__ */ n("div", {
-                    className: h(f)
+                    className: m(f)
                 })
             }, f);
         })
     });
-}, oe = ()=>{
+}, se = ()=>{
     throw new Error("You must wrap your component with a CarouselContextProvider to use CarouselContext");
-}, Ce = oe, Pe = oe, we = oe, Ie = {
+}, Ie = se, Me = se, ke = se, Ne = {
     currentIndex: 0,
     numPages: 0
-}, se = /*#__PURE__*/ o.createContext({
-    goPrev: Ce,
-    goNext: Pe,
-    goToPage: we,
-    bulletsProps: Ie
-}), re = /*#__PURE__*/ o.createContext(null), zt = (param)=>{
+}, re = /*#__PURE__*/ o.createContext({
+    goPrev: Ie,
+    goNext: Me,
+    goToPage: ke,
+    bulletsProps: Ne
+}), le = /*#__PURE__*/ o.createContext(null), Kt = (param)=>{
     let { children: t } = param;
-    const [e, s] = o.useState(Ie), r = o.useRef(Ce), i = o.useRef(Pe), h = o.useRef(we), w = o.useMemo(()=>({
+    const [e, s] = o.useState(Ne), r = o.useRef(Ie), i = o.useRef(Me), m = o.useRef(ke), P = o.useMemo(()=>({
             goPrev: ()=>{
                 r.current();
             },
@@ -128,15 +129,15 @@ const ve = (t, e)=>{
             },
             goToPage: function(u) {
                 let f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-                h.current(u, f);
+                m.current(u, f);
             },
             bulletsProps: e
         }), [
         e
     ]);
-    return /* @__PURE__ */ n(se.Provider, {
-        value: w,
-        children: /* @__PURE__ */ n(re.Provider, {
+    return /* @__PURE__ */ n(re.Provider, {
+        value: P,
+        children: /* @__PURE__ */ n(le.Provider, {
             value: {
                 setGoPrev: (u)=>{
                     r.current = u;
@@ -145,14 +146,14 @@ const ve = (t, e)=>{
                     i.current = u;
                 },
                 setGoToPage: (u)=>{
-                    h.current = u;
+                    m.current = u;
                 },
                 setBulletsProps: s
             },
             children: t
         })
     });
-}, _t = ()=>o.useContext(se), jt = se.Consumer, ae = (t, e, s)=>s ? typeof s == "number" ? s : s[t] || e[t] : e[t], Ct = (t, e)=>{
+}, Ut = ()=>o.useContext(re), Yt = re.Consumer, ie = (t, e, s)=>s ? typeof s == "number" ? s : s[t] || e[t] : e[t], It = (t, e)=>{
     const s = {
         mobile: 1,
         tablet: 2,
@@ -163,55 +164,55 @@ const ve = (t, e)=>{
         }
     };
     if (!e) return _object_spread_props(_object_spread({}, s), {
-        desktop: ae(t, s.desktop)
+        desktop: ie(t, s.desktop)
     });
     if (typeof e == "number") return {
         mobile: e,
         tablet: e,
         desktop: e
     };
-    const r = ae(t, s.desktop, e.desktop);
+    const r = ie(t, s.desktop, e.desktop);
     return _object_spread_props(_object_spread({}, s, e), {
         desktop: r
     });
-}, ie = (t, e)=>{
+}, ue = (t, e)=>{
     if (t.length === 0) return [];
     const s = Math.ceil(t.length / e), r = [];
     for(let i = 0; i < t.length; i += s)r.push(t[i]);
     return r[r.length - 1] = t[t.length - s], r;
-}, Pt = (t, e)=>{
+}, Mt = (t, e)=>{
     const s = [];
     for(let r = 0; r < e.length; r++)r === 0 ? s.push(e[0]) : s.push((e[r] + e[r - 1]) / 2);
     for(let r = s.length - 1; r >= 0; r--)if (t - s[r] >= -1) return r;
     return 0;
-}, ke = 5e3, Me = (param)=>{
-    let { items: t, itemStyle: e, itemClassName: s, withBullets: r, renderBullets: i, initialActiveItem: h, itemsPerPage: w, itemsToScroll: u, mobilePageOffset: f, gap: C, free: b, centered: N, autoplay: x, onPageChange: y, dataAttributes: W } = param;
-    const { texts: I, platformOverrides: S, skinName: H } = he(), J = gt(), a = Ct(J || "large", w), { isDesktopOrBigger: R, isTablet: A } = de(), F = A ? a.tablet : a.mobile, P = Math.max(Math.floor(R ? a.desktop : F), 1), l = o.useRef(null), m = Math.ceil(t.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(t.length / Math.max(Math.floor(a.tablet), 1)), k = Math.ceil(t.length / Math.max(Math.floor(a.desktop), 1)), E = Math.ceil(t.length / P), [{ scrollLeft: D, scrollRight: G }, Re] = o.useState({
+}, Se = 5e3, Re = (param)=>{
+    let { items: t, itemStyle: e, itemClassName: s, withBullets: r, renderBullets: i, initialActiveItem: m, itemsPerPage: P, itemsToScroll: u, mobilePageOffset: f, gap: S, free: I, centered: h, autoplay: x, onPageChange: N, dataAttributes: J } = param;
+    const { texts: R, platformOverrides: w, skinName: j, t: F } = me(), Q = Ct(), a = It(Q || "large", P), { isDesktopOrBigger: B, isTablet: W } = he(), K = W ? a.tablet : a.mobile, C = Math.max(Math.floor(B ? a.desktop : K), 1), l = o.useRef(null), p = Math.ceil(t.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(t.length / Math.max(Math.floor(a.tablet), 1)), M = Math.ceil(t.length / Math.max(Math.floor(a.desktop), 1)), E = Math.ceil(t.length / C), [{ scrollLeft: A, scrollRight: D }, Le] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [Q, Ee] = o.useState([]), K = o.useMemo(()=>ie(Q, E), [
-        Q,
+    }), [X, Te] = o.useState([]), U = o.useMemo(()=>ue(X, E), [
+        X,
         E
-    ]), U = u ? ie(Q, Math.ceil(t.length / u)) : K, Le = G !== 0, Te = D !== 0;
+    ]), Y = u ? ue(X, Math.ceil(t.length / u)) : U, ye = D !== 0, We = A !== 0;
     o.useEffect(()=>{
         if (l.current) {
             const c = l.current, d = ()=>{
-                const { scrollWidth: q, clientWidth: V } = c, Z = Math.round(c.scrollLeft), $ = Math.round(q - (Z + V));
-                Re({
-                    scrollLeft: Z,
-                    scrollRight: $
+                const { scrollWidth: Z, clientWidth: O } = c, $ = Math.round(c.scrollLeft), H = Math.round(Z - ($ + O));
+                Le({
+                    scrollLeft: $,
+                    scrollRight: H
                 });
-            }, p = ()=>{
-                const q = c.scrollWidth - c.clientWidth;
-                Ee(Array.from(c.querySelectorAll("[data-item]")).map((V, Z)=>{
-                    if (Z === t.length - 1) return q;
-                    const $ = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = N && !R ? $ - V.clientWidth / 2 : $;
-                    return Math.min(Ae - We - c.offsetLeft, q);
+            }, b = ()=>{
+                const Z = c.scrollWidth - c.clientWidth;
+                Te(Array.from(c.querySelectorAll("[data-item]")).map((O, $)=>{
+                    if ($ === t.length - 1) return Z;
+                    const H = O.offsetLeft, Ge = parseInt(getComputedStyle(O).scrollMargin), Oe = h && !B ? H - O.clientWidth / 2 : H;
+                    return Math.min(Oe - Ge - c.offsetLeft, Z);
                 }));
             };
-            d(), p(), c.addEventListener("scroll", d);
-            const g = me(c, ()=>{
-                d(), p();
+            d(), b(), c.addEventListener("scroll", d);
+            const g = pe(c, ()=>{
+                d(), b();
             });
             return ()=>{
                 c.removeEventListener("scroll", d), g();
@@ -223,198 +224,198 @@ const ve = (t, e)=>{
         a.tablet,
         a.mobile,
         E,
-        C,
-        N,
-        R,
+        S,
+        h,
+        B,
         t.length
     ]);
     const L = o.useCallback(function(c) {
         let d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-        const p = l.current;
-        if (p) {
-            const g = K[c];
-            p.scrollTo({
+        const b = l.current;
+        if (b) {
+            const g = U[c];
+            b.scrollTo({
                 left: g,
                 behavior: d ? "smooth" : "auto"
             });
         }
     }, [
-        K
-    ]), X = o.useCallback(()=>{
+        U
+    ]), ee = o.useCallback(()=>{
         const c = l.current;
         if (c) {
-            const { scrollLeft: d } = c, p = [
-                ...U
+            const { scrollLeft: d } = c, b = [
+                ...Y
             ].reverse().find((g)=>g - d < -1);
             c.scrollTo({
-                left: p,
+                left: b,
                 behavior: "smooth"
             });
         }
     }, [
-        U
-    ]), O = o.useCallback(()=>{
+        Y
+    ]), G = o.useCallback(()=>{
         const c = l.current;
         if (c) {
-            const { scrollLeft: d } = c, p = U.find((g)=>g - d > 1);
+            const { scrollLeft: d } = c, b = Y.find((g)=>g - d > 1);
             c.scrollTo({
-                left: p,
+                left: b,
                 behavior: "smooth"
             });
         }
     }, [
-        U
-    ]), le = ve(!!x, l);
+        Y
+    ]), ne = Pe(!!x, l);
     o.useEffect(()=>{
-        h !== void 0 && L(Math.floor(h / P), !1);
+        m !== void 0 && L(Math.floor(m / C), !1);
     }, [
-        h,
+        m,
         L,
-        P
+        C
     ]), o.useEffect(()=>{
-        if (le && x) {
-            const c = typeof x == "boolean" ? ke : x.time, d = typeof x == "object" && x.loop, p = setInterval(()=>{
+        if (ne && x) {
+            const c = typeof x == "boolean" ? Se : x.time, d = typeof x == "object" && x.loop, b = setInterval(()=>{
                 var g;
-                G !== 0 ? O() : d && ((g = l.current) == null || g.scrollTo({
+                D !== 0 ? G() : d && ((g = l.current) == null || g.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
             }, c);
-            return ()=>clearInterval(p);
+            return ()=>clearInterval(b);
         }
     }, [
         x,
-        O,
         G,
-        le
+        D,
+        ne
     ]);
-    const M = Pt(D, K), ne = o.useRef(!h), ce = o.useRef(0);
+    const k = Mt(A, U), ce = o.useRef(!m), ae = o.useRef(0);
     o.useEffect(()=>{
-        if (y) {
-            const c = Math.min((M + 1) * P - 1, t.length - 1), d = [];
-            for(let p = 0; p < P; p++){
-                const g = c - p;
+        if (N) {
+            const c = Math.min((k + 1) * C - 1, t.length - 1), d = [];
+            for(let b = 0; b < C; b++){
+                const g = c - b;
                 g >= 0 && d.unshift(g);
             }
-            ne.current ? ce.current !== M && y({
-                pageIndex: M,
+            ce.current ? ae.current !== k && N({
+                pageIndex: k,
                 shownItemIndexes: d
-            }) : ne.current = d.includes(h || 0), ce.current = M;
+            }) : ce.current = d.includes(m || 0), ae.current = k;
         }
     }, [
-        M,
+        k,
         t.length,
-        P,
-        h,
-        y
+        C,
+        m,
+        N
     ]);
-    const T = o.useContext(re), ee = o.useMemo(()=>({
-            currentIndex: M,
+    const T = o.useContext(le), te = o.useMemo(()=>({
+            currentIndex: k,
             numPages: {
-                mobile: m,
+                mobile: p,
                 tablet: v,
-                desktop: k
+                desktop: M
             }
         }), [
-        M,
         k,
-        m,
+        M,
+        p,
         v
     ]);
     o.useEffect(()=>{
-        T && (T.setGoPrev(X), T.setGoNext(O), T.setGoToPage(L), T.setBulletsProps(ee));
+        T && (T.setGoPrev(ee), T.setGoNext(G), T.setGoToPage(L), T.setBulletsProps(te));
     }, [
         T,
-        O,
-        X,
+        G,
         ee,
+        te,
         L
     ]);
-    let Y = null;
-    i ? Y = i({
+    let q = null;
+    i ? q = i({
         numPages: E,
-        currentIndex: M,
+        currentIndex: k,
         onPress: L
-    }) : r && (Y = /* @__PURE__ */ n(xe, _object_spread_props(_object_spread({}, ee), {
+    }) : r && (q = /* @__PURE__ */ n(we, _object_spread_props(_object_spread({}, te), {
         onPress: L
     })));
-    const Be = "64px", ye = "36px";
-    return /* @__PURE__ */ te("div", _object_spread_props(_object_spread({}, pe(_object_spread({
+    const Ae = "64px", De = "36px";
+    return /* @__PURE__ */ oe("div", _object_spread_props(_object_spread({}, be(_object_spread({
         "component-name": "Carousel"
-    }, W))), {
+    }, J))), {
         children: [
-            /* @__PURE__ */ te("div", {
-                className: rt,
+            /* @__PURE__ */ oe("div", {
+                className: ct,
                 children: [
-                    /* @__PURE__ */ n(_, {
+                    /* @__PURE__ */ n(z, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(j, {
-                            className: lt,
-                            "aria-label": I.carouselPrevButton,
-                            onPress: X,
-                            disabled: !Te,
-                            children: /* @__PURE__ */ n(ue, {})
+                        children: /* @__PURE__ */ n(_, {
+                            className: at,
+                            "aria-label": R.carouselPrevButton || F(xe),
+                            onPress: ee,
+                            disabled: !We,
+                            children: /* @__PURE__ */ n(fe, {})
                         })
                     }),
                     /* @__PURE__ */ n("div", {
-                        className: z(nt, {
-                            [ct]: N,
-                            [at]: m > 1,
-                            [it]: v > 1
+                        className: V(it, {
+                            [ut]: h,
+                            [ft]: p > 1,
+                            [dt]: v > 1
                         }),
-                        style: _object_spread_props(_object_spread({}, ge(_object_spread({
-                            [B.itemsPerPageDesktop]: String(a.desktop),
-                            [B.itemsPerPageTablet]: String(a.tablet),
-                            [B.itemsPerPageMobile]: String(a.mobile)
+                        style: _object_spread_props(_object_spread({}, ve(_object_spread({
+                            [y.itemsPerPageDesktop]: String(a.desktop),
+                            [y.itemsPerPageTablet]: String(a.tablet),
+                            [y.itemsPerPageMobile]: String(a.mobile)
                         }, f === "large" ? {
-                            [B.mobilePageOffset]: Be
-                        } : H === vt ? {
-                            [B.mobilePageOffset]: ye
-                        } : {}, C !== void 0 ? {
-                            [B.gap]: String(C)
+                            [y.mobilePageOffset]: Ae
+                        } : j === Pt ? {
+                            [y.mobilePageOffset]: De
+                        } : {}, S !== void 0 ? {
+                            [y.gap]: String(S)
                         } : {}))), {
-                            scrollSnapType: b ? "initial" : "x mandatory",
+                            scrollSnapType: I ? "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: ze(S) && !_e(S) ? 0.5 : void 0
+                            paddingBottom: Fe(w) && !Ke(w) ? 0.5 : void 0
                         }),
                         ref: l,
                         children: t.map((c, d)=>/* @__PURE__ */ n("div", {
-                                className: z(ut, s),
+                                className: V(ht, s),
                                 style: _object_spread_props(_object_spread({}, e), {
-                                    scrollSnapStop: be(S) ? "always" : "normal"
+                                    scrollSnapStop: ge(w) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: c
                             }, d))
                     }),
-                    /* @__PURE__ */ n(_, {
+                    /* @__PURE__ */ n(z, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(j, {
-                            className: ft,
-                            "aria-label": I.carouselNextButton,
-                            onPress: O,
-                            disabled: !Le,
-                            children: /* @__PURE__ */ n(fe, {})
+                        children: /* @__PURE__ */ n(_, {
+                            className: mt,
+                            "aria-label": R.carouselNextButton || F(Ce),
+                            onPress: G,
+                            disabled: !ye,
+                            children: /* @__PURE__ */ n(de, {})
                         })
                     })
                 ]
             }),
-            Y && /* @__PURE__ */ n("div", {
-                className: z(dt, // when renderBullets is provided, we let the consumer decide if the bullets should be hidden
+            q && /* @__PURE__ */ n("div", {
+                className: V(pt, // when renderBullets is provided, we let the consumer decide if the bullets should be hidden
                 !i && {
-                    [ht]: k <= 1,
-                    [mt]: v <= 1,
-                    [pt]: m <= 1
+                    [bt]: M <= 1,
+                    [gt]: v <= 1,
+                    [vt]: p <= 1
                 }),
-                children: Y
+                children: q
             })
         ]
     }));
-}, Ne = ()=>{
+}, Be = ()=>{
     const [t, e] = o.useState(1);
     return o.useEffect(()=>{
         const s = ()=>{
@@ -424,15 +425,15 @@ const ve = (t, e)=>{
             window.removeEventListener("resize", s);
         };
     }, []), t;
-}, Ft = (t)=>{
-    const e = Ne();
-    return /* @__PURE__ */ /*#__PURE__*/ De(Me, _object_spread_props(_object_spread({}, t), {
+}, qt = (t)=>{
+    const e = Be();
+    return /* @__PURE__ */ /*#__PURE__*/ Ve(Re, _object_spread_props(_object_spread({}, t), {
         key: e
     }));
-}, Kt = (param)=>{
-    let { items: t, itemStyle: e, itemClassName: s, withBullets: r, renderBullets: i, initialActiveItem: h, onPageChange: w, dataAttributes: u } = param;
-    const f = Ne();
-    return /* @__PURE__ */ n(Me, {
+}, Zt = (param)=>{
+    let { items: t, itemStyle: e, itemClassName: s, withBullets: r, renderBullets: i, initialActiveItem: m, onPageChange: P, dataAttributes: u } = param;
+    const f = Be();
+    return /* @__PURE__ */ n(Re, {
         items: t,
         itemStyle: e,
         itemClassName: s,
@@ -446,62 +447,62 @@ const ve = (t, e)=>{
         gap: 0,
         withBullets: r,
         renderBullets: i,
-        initialActiveItem: h,
-        onPageChange: w,
+        initialActiveItem: m,
+        onPageChange: P,
         dataAttributes: u
     }, f);
-}, Se = /*#__PURE__*/ o.createContext(void 0), Ut = ()=>o.useContext(Se), Yt = (param)=>{
-    let { items: t, withBullets: e, autoplay: s, initialPageIndex: r = 0, onPageChange: i, dataAttributes: h, inverseBullets: w = !0 } = param;
-    const { texts: u, platformOverrides: f } = he(), C = o.useContext(re), b = o.useRef(null), [{ scrollLeft: N, scrollRight: x }, y] = o.useState({
+}, Ee = /*#__PURE__*/ o.createContext(void 0), $t = ()=>o.useContext(Ee), Ht = (param)=>{
+    let { items: t, withBullets: e, autoplay: s, initialPageIndex: r = 0, onPageChange: i, dataAttributes: m, inverseBullets: P = !0 } = param;
+    const { texts: u, platformOverrides: f, t: S } = me(), I = o.useContext(le), h = o.useRef(null), [{ scrollLeft: x, scrollRight: N }, J] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), W = o.useCallback(()=>{
-        const l = b.current;
+    }), R = o.useCallback(()=>{
+        const l = h.current;
         l && l.scrollBy({
             left: -l.clientWidth,
             behavior: "smooth"
         });
-    }, []), I = o.useCallback(()=>{
-        const l = b.current;
+    }, []), w = o.useCallback(()=>{
+        const l = h.current;
         l && l.scrollBy({
             left: l.clientWidth,
             behavior: "smooth"
         });
-    }, []), S = o.useCallback(function(l) {
-        let m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-        const v = b.current;
+    }, []), j = o.useCallback(function(l) {
+        let p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+        const v = h.current;
         v && v.scrollTo({
             left: v.clientWidth * l,
-            behavior: m ? "smooth" : "auto"
+            behavior: p ? "smooth" : "auto"
         });
     }, [
-        b
-    ]), H = x !== 0, J = N !== 0, a = b.current ? Math.floor((N + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
+        h
+    ]), F = N !== 0, Q = x !== 0, a = h.current ? Math.floor((x + h.current.clientWidth / 2) / h.current.clientWidth) : 0;
     o.useLayoutEffect(()=>{
-        const l = b.current;
+        const l = h.current;
         if (l) {
-            const m = ()=>{
-                const { scrollWidth: k, clientWidth: E } = l, D = Math.round(l.scrollLeft), G = Math.round(k - (D + E));
-                y({
-                    scrollLeft: D,
-                    scrollRight: G
+            const p = ()=>{
+                const { scrollWidth: M, clientWidth: E } = l, A = Math.round(l.scrollLeft), D = Math.round(M - (A + E));
+                J({
+                    scrollLeft: A,
+                    scrollRight: D
                 });
             };
-            m(), l.addEventListener("scroll", m);
-            const v = me(l, m);
+            p(), l.addEventListener("scroll", p);
+            const v = pe(l, p);
             return ()=>{
-                l.removeEventListener("scroll", m), v();
+                l.removeEventListener("scroll", p), v();
             };
         }
     }, [
         t.length
     ]);
-    const R = ve(!!s, b);
+    const B = Pe(!!s, h);
     o.useEffect(()=>{
-        if (R && s) {
-            const l = typeof s == "boolean" ? ke : s.time, m = typeof s == "object" && s.loop, v = setInterval(()=>{
-                var k;
-                x !== 0 ? I() : m && ((k = b.current) == null || k.scrollTo({
+        if (B && s) {
+            const l = typeof s == "boolean" ? Se : s.time, p = typeof s == "object" && s.loop, v = setInterval(()=>{
+                var M;
+                N !== 0 ? w() : p && ((M = h.current) == null || M.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
@@ -510,26 +511,26 @@ const ve = (t, e)=>{
         }
     }, [
         s,
-        I,
-        x,
-        R
+        w,
+        N,
+        B
     ]);
-    const A = o.useRef(!1), F = o.useRef(0);
+    const W = o.useRef(!1), K = o.useRef(0);
     o.useEffect(()=>{
-        i && (A.current ? F.current !== a && i(a) : A.current = r === a), F.current = a;
+        i && (W.current ? K.current !== a && i(a) : W.current = r === a), K.current = a;
     }, [
         a,
         r,
         i
     ]), o.useEffect(()=>{
-        const l = b.current;
-        r !== void 0 && l && !A.current && l.scrollTo({
+        const l = h.current;
+        r !== void 0 && l && !W.current && l.scrollTo({
             left: l.clientWidth * r
         });
     }, [
         r
     ]);
-    const P = o.useMemo(()=>({
+    const C = o.useMemo(()=>({
             currentIndex: a,
             numPages: t.length
         }), [
@@ -537,66 +538,66 @@ const ve = (t, e)=>{
         t.length
     ]);
     return o.useEffect(()=>{
-        C && (C.setGoPrev(W), C.setGoNext(I), C.setGoToPage(S), C.setBulletsProps(P));
+        I && (I.setGoPrev(R), I.setGoNext(w), I.setGoToPage(j), I.setBulletsProps(C));
     }, [
-        C,
         I,
-        W,
-        P,
-        S
-    ]), /* @__PURE__ */ n(Se.Provider, {
+        w,
+        R,
+        C,
+        j
+    ]), /* @__PURE__ */ n(Ee.Provider, {
         value: {
             withBullets: !!e
         },
-        children: /* @__PURE__ */ n(xt, {
+        children: /* @__PURE__ */ n(wt, {
             skipDesktop: !0,
-            children: /* @__PURE__ */ te("div", _object_spread_props(_object_spread({
-                className: z(qe, {
-                    [Ze]: !!e
+            children: /* @__PURE__ */ oe("div", _object_spread_props(_object_spread({
+                className: V(He, {
+                    [Je]: !!e
                 })
-            }, pe(h, "SlideShow")), {
+            }, be(m, "SlideShow")), {
                 children: [
-                    /* @__PURE__ */ n(_, {
+                    /* @__PURE__ */ n(z, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(j, {
-                            className: $e,
-                            "aria-label": u.carouselPrevButton,
-                            onPress: W,
-                            disabled: !J,
-                            children: /* @__PURE__ */ n(ue, {})
+                        children: /* @__PURE__ */ n(_, {
+                            className: Qe,
+                            "aria-label": u.carouselPrevButton || S(xe),
+                            onPress: R,
+                            disabled: !Q,
+                            children: /* @__PURE__ */ n(fe, {})
                         })
                     }),
                     /* @__PURE__ */ n("div", {
-                        style: ge({
-                            [bt.mediaBorderRadius]: "0px"
+                        style: ve({
+                            [xt.mediaBorderRadius]: "0px"
                         }),
                         children: /* @__PURE__ */ n("div", {
-                            className: He,
-                            ref: b,
-                            children: t.map((l, m)=>/* @__PURE__ */ n("div", {
-                                    className: Je,
+                            className: Xe,
+                            ref: h,
+                            children: t.map((l, p)=>/* @__PURE__ */ n("div", {
+                                    className: et,
                                     style: {
-                                        scrollSnapStop: be(f) ? "always" : "normal"
+                                        scrollSnapStop: ge(f) ? "always" : "normal"
                                     },
                                     children: l
-                                }, m))
+                                }, p))
                         })
                     }),
-                    /* @__PURE__ */ n(_, {
+                    /* @__PURE__ */ n(z, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(j, {
-                            className: Qe,
-                            "aria-label": u.carouselNextButton,
-                            onPress: I,
-                            disabled: !H,
-                            children: /* @__PURE__ */ n(fe, {})
+                        children: /* @__PURE__ */ n(_, {
+                            className: tt,
+                            "aria-label": u.carouselNextButton || S(Ce),
+                            onPress: w,
+                            disabled: !F,
+                            children: /* @__PURE__ */ n(de, {})
                         })
                     }),
-                    e && t.length > 1 && /* @__PURE__ */ n(_, {
-                        isInverse: w,
+                    e && t.length > 1 && /* @__PURE__ */ n(z, {
+                        isInverse: P,
                         children: /* @__PURE__ */ n("div", {
-                            className: Xe,
-                            children: /* @__PURE__ */ n(xe, _object_spread({}, P))
+                            className: ot,
+                            children: /* @__PURE__ */ n(we, _object_spread({}, C))
                         })
                     })
                 ]
@@ -604,4 +605,4 @@ const ve = (t, e)=>{
         })
     });
 };
-export { Ft as Carousel, jt as CarouselContextConsumer, zt as CarouselContextProvider, Kt as CenteredCarousel, xe as PageBullets, Yt as Slideshow, _t as useCarouselContext, Ut as useSlideshowContext };
+export { qt as Carousel, Yt as CarouselContextConsumer, Kt as CarouselContextProvider, Zt as CenteredCarousel, we as PageBullets, Ht as Slideshow, Ut as useCarouselContext, $t as useSlideshowContext };