@telefonica/mistica 14.22.2 → 14.23.0

package/dist-es/carousel.js

@@ -51,55 +51,56 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { jsx as s, jsxs as G } from "react/jsx-runtime";
-import * as c from "react";
-import $ from "./generated/mistica-icons/icon-chevron-left-regular.js";
-import ee from "./generated/mistica-icons/icon-chevron-right-regular.js";
-import { useScreenSize as te, useTheme as se, useIsInViewport as be, useIsomorphicLayoutEffect as ve } from "./hooks.js";
-import Ie from "./inline.js";
-import Pe from "./stack.js";
-import { BaseTouchable as M } from "./touchable.js";
-import Q from "classnames";
-import { useIsInverseVariant as xe, ThemeVariant as A } from "./theme-variant-context.js";
-import { MediaBorderRadiusProvider as we } from "./image.js";
-import { listenResize as oe, getPrefixedDataAttributes as Se } from "./utils/dom.js";
-import { isAndroid as re } from "./utils/platform.js";
-import { useDocumentVisibility as ke } from "./utils/document-visibility.js";
-import { slideshowContainer as Le, slideshowPrevArrowButton as Ce, slideshow as Ne, slideshowItem as Re, slideshowNextArrowButton as Ae, slideshowBullets as Me, bulletActiveInverse as Be, bulletInverse as Ee, bulletActive as Te, bullet as ye, carouselContainer as We, carouselPrevArrowButton as De, carousel as Ve, centeredCarousel as ze, carouselWithScroll as Oe, vars as _, carouselItem as je, carouselNextArrowButton as _e, carouselBullets as Fe } from "./carousel.css-mistica.js";
-import { assignInlineVars as Ue } from "@vanilla-extract/dynamic";
-import { sprinkles as qe } from "./sprinkles.css-mistica.js";
-import { useDesktopContainerType as Ye } from "./desktop-container-type-context.js";
-const le = (e, r)=>{
-    const t = ke();
-    return be(r, !1) && t && !!e;
-}, ne = (param)=>{
+import * as n from "react";
+import te from "./generated/mistica-icons/icon-chevron-left-regular.js";
+import se from "./generated/mistica-icons/icon-chevron-right-regular.js";
+import { useScreenSize as oe, useTheme as re, useIsInViewport as xe, useIsomorphicLayoutEffect as we } from "./hooks.js";
+import Se from "./inline.js";
+import ke from "./stack.js";
+import { BaseTouchable as B } from "./touchable.js";
+import Z from "classnames";
+import { useIsInverseVariant as Ne, ThemeVariant as E } from "./theme-variant-context.js";
+import { MediaBorderRadiusProvider as Le } from "./image.js";
+import { listenResize as le, getPrefixedDataAttributes as Ce } from "./utils/dom.js";
+import { isAndroid as ne } from "./utils/platform.js";
+import { useDocumentVisibility as Re } from "./utils/document-visibility.js";
+import { slideshowContainer as Me, slideshowPrevArrowButton as Ae, slideshow as Ee, slideshowItem as Be, slideshowNextArrowButton as Te, slideshowBullets as ye, bulletActiveInverse as We, bulletInverse as Oe, bulletActive as De, bullet as Ve, carouselContainer as ze, carouselPrevArrowButton as _e, carousel as je, centeredCarousel as Fe, carouselWithScroll as Ue, vars as L, carouselItem as qe, carouselNextArrowButton as Ke, carouselBullets as Ye } from "./carousel.css-mistica.js";
+import { assignInlineVars as Ge } from "@vanilla-extract/dynamic";
+import { sprinkles as He } from "./sprinkles.css-mistica.js";
+import { useDesktopContainerType as Je } from "./desktop-container-type-context.js";
+import { VIVO_NEW_SKIN as Qe } from "./skins/constants.js";
+const ce = (e, r)=>{
+    const t = Re();
+    return xe(r, !1) && t && !!e;
+}, ie = (param)=>{
     let { currentIndex: e , numPages: r , onPress: t  } = param;
-    const o = xe(), { isDesktopOrBigger: u  } = te(), m = (P)=>{
-        const f = P === e;
-        return o ? f ? Be : Ee : f ? Te : ye;
+    const o = Ne(), { isDesktopOrBigger: f  } = oe(), m = (b)=>{
+        const d = b === e;
+        return o ? d ? We : Oe : d ? De : Ve;
     };
-    return /* @__PURE__ */ s(Ie, {
-        space: u ? 16 : 8,
+    return /* @__PURE__ */ s(Se, {
+        space: f ? 16 : 8,
         alignItems: "center",
         dataAttributes: {
             "component-name": "PageBullets"
         },
         children: Array.from({
             length: r
-        }, (P, f)=>/* @__PURE__ */ s(M, {
-                className: qe({
+        }, (b, d)=>/* @__PURE__ */ s(B, {
+                className: He({
                     display: "block",
                     padding: 0,
                     border: "none",
                     background: "transparent"
                 }),
                 maybe: !0,
-                onPress: u && t ? ()=>t(f) : void 0,
+                onPress: f && t ? ()=>t(d) : void 0,
                 children: /* @__PURE__ */ s("div", {
-                    className: m(f)
+                    className: m(d)
                 })
-            }, f))
+            }, d))
     });
-}, X = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Ge = (e, r)=>{
+}, $ = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Xe = (e, r)=>{
     const t = {
         mobile: 1,
         tablet: 2,
@@ -110,224 +111,230 @@ const le = (e, r)=>{
         }
     };
     if (!r) return _object_spread_props(_object_spread({}, t), {
-        desktop: X(e, t.desktop)
+        desktop: $(e, t.desktop)
     });
     if (typeof r == "number") return {
         mobile: r,
         tablet: r,
         desktop: r
     };
-    const o = X(e, t.desktop, r.desktop);
+    const o = $(e, t.desktop, r.desktop);
     return _object_spread_props(_object_spread({}, t, r), {
         desktop: o
     });
-}, Z = (e, r)=>{
+}, ee = (e, r)=>{
     if (e.length === 0) return [];
     const t = Math.ceil(e.length / r), o = [];
-    for(let u = 0; u < e.length; u += t)o.push(e[u]);
+    for(let f = 0; f < e.length; f += t)o.push(e[f]);
     return o[o.length - 1] = e[e.length - t], o;
-}, He = (e, r)=>{
+}, Ze = (e, r)=>{
     const t = [];
     for(let o = 0; o < r.length; o++)o === 0 ? t.push(r[0]) : t.push((r[o] + r[o - 1]) / 2);
     for(let o = t.length - 1; o >= 0; o--)if (e - t[o] >= -1) return o;
     return 0;
-}, ce = 5e3, ie = (param)=>{
-    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: u , initialActiveItem: m , itemsPerPage: P , itemsToScroll: f , gap: d , free: B , centered: w , autoplay: x , onPageChange: k , dataAttributes: L  } = param;
-    const { texts: E , platformOverrides: F  } = se(), C = Ye(), p = Ge(C || "large", P), { isDesktopOrBigger: n , isTablet: b  } = te(), N = b ? p.tablet : p.mobile, g = Math.max(Math.floor(n ? p.desktop : N), 1), v = c.useRef(null), I = Math.ceil(e.length / g), [{ scrollLeft: T , scrollRight: U  }, ue] = c.useState({
+}, ae = 5e3, ue = (param)=>{
+    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: f , initialActiveItem: m , itemsPerPage: b , itemsToScroll: d , mobilePageOffset: g , gap: k , free: C , centered: R , autoplay: v , onPageChange: P , dataAttributes: F  } = param;
+    const { texts: T , platformOverrides: M , skinName: y  } = re(), c = Je(), i = Xe(c || "large", b), { isDesktopOrBigger: x , isTablet: N  } = oe(), U = N ? i.tablet : i.mobile, I = Math.max(Math.floor(x ? i.desktop : U), 1), p = n.useRef(null), w = Math.ceil(e.length / I), [{ scrollLeft: H , scrollRight: q  }, de] = n.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [q, fe] = c.useState([]), y = c.useMemo(()=>Z(q, I), [
-        q,
-        I
-    ]), W = f ? Z(q, Math.ceil(e.length / f)) : y, de = U !== 0, he = T !== 0;
-    ve(()=>{
-        if (v.current) {
-            const l = v.current, i = ()=>{
-                const { scrollWidth: z , clientWidth: R  } = l, O = Math.round(l.scrollLeft), j = Math.round(z - (O + R));
-                ue({
-                    scrollLeft: O,
+    }), [K, he] = n.useState([]), W = n.useMemo(()=>ee(K, w), [
+        K,
+        w
+    ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, me = q !== 0, ge = H !== 0;
+    we(()=>{
+        if (p.current) {
+            const l = p.current, a = ()=>{
+                const { scrollWidth: z , clientWidth: A  } = l, _ = Math.round(l.scrollLeft), j = Math.round(z - (_ + A));
+                de({
+                    scrollLeft: _,
                     scrollRight: j
                 });
-            }, a = ()=>{
+            }, u = ()=>{
                 const z = l.scrollWidth - l.clientWidth;
-                fe(Array.from(l.querySelectorAll("[data-item]")).map((R, O)=>{
-                    if (O === e.length - 1) return z;
-                    const j = R.offsetLeft, pe = parseInt(getComputedStyle(R).scrollMargin), ge = w && !n ? j - R.clientWidth / 2 : j;
-                    return Math.min(ge - pe - l.offsetLeft, z);
+                he(Array.from(l.querySelectorAll("[data-item]")).map((A, _)=>{
+                    if (_ === e.length - 1) return z;
+                    const j = A.offsetLeft, Ie = parseInt(getComputedStyle(A).scrollMargin), Pe = R && !x ? j - A.clientWidth / 2 : j;
+                    return Math.min(Pe - Ie - l.offsetLeft, z);
                 }));
             };
-            i(), a(), l.addEventListener("scroll", i);
-            const h = oe(l, ()=>{
-                i(), a();
+            a(), u(), l.addEventListener("scroll", a);
+            const h = le(l, ()=>{
+                a(), u();
             });
             return ()=>{
-                l.removeEventListener("scroll", i), h();
+                l.removeEventListener("scroll", a), h();
             };
         }
         return ()=>{};
     }, [
-        p.desktop,
-        p.tablet,
-        p.mobile,
-        I,
-        d,
+        i.desktop,
+        i.tablet,
+        i.mobile,
         w,
-        n,
+        k,
+        R,
+        x,
         e.length
     ]);
-    const D = c.useCallback(function(l) {
-        let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-        const a = v.current;
-        if (a) {
-            const h = y[l];
-            a.scrollTo({
+    const D = n.useCallback(function(l) {
+        let a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+        const u = p.current;
+        if (u) {
+            const h = W[l];
+            u.scrollTo({
                 left: h,
-                behavior: i ? "smooth" : "auto"
+                behavior: a ? "smooth" : "auto"
             });
         }
     }, [
-        y
-    ]), me = c.useCallback(()=>{
-        const l = v.current;
+        W
+    ]), pe = n.useCallback(()=>{
+        const l = p.current;
         if (l) {
-            const { scrollLeft: i  } = l, a = [
-                ...W
-            ].reverse().find((h)=>h - i < -1);
+            const { scrollLeft: a  } = l, u = [
+                ...O
+            ].reverse().find((h)=>h - a < -1);
             l.scrollTo({
-                left: a,
+                left: u,
                 behavior: "smooth"
             });
         }
     }, [
-        W
-    ]), Y = c.useCallback(()=>{
-        const l = v.current;
+        O
+    ]), Y = n.useCallback(()=>{
+        const l = p.current;
         if (l) {
-            const { scrollLeft: i  } = l, a = W.find((h)=>h - i > 1);
+            const { scrollLeft: a  } = l, u = O.find((h)=>h - a > 1);
             l.scrollTo({
-                left: a,
+                left: u,
                 behavior: "smooth"
             });
         }
     }, [
-        W
-    ]), H = le(!!x, v);
-    c.useEffect(()=>{
-        m !== void 0 && D(Math.floor(m / g), !1);
+        O
+    ]), J = ce(!!v, p);
+    n.useEffect(()=>{
+        m !== void 0 && D(Math.floor(m / I), !1);
     }, [
         m,
         D,
-        g
-    ]), c.useEffect(()=>{
-        if (H && x) {
-            const l = typeof x == "boolean" ? ce : x.time, i = typeof x == "object" && x.loop, a = setInterval(()=>{
+        I
+    ]), n.useEffect(()=>{
+        if (J && v) {
+            const l = typeof v == "boolean" ? ae : v.time, a = typeof v == "object" && v.loop, u = setInterval(()=>{
                 var h;
-                U !== 0 ? Y() : i && ((h = v.current) == null || h.scrollTo({
+                q !== 0 ? Y() : a && ((h = p.current) == null || h.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
             }, l);
-            return ()=>clearInterval(a);
+            return ()=>clearInterval(u);
         }
     }, [
-        x,
+        v,
         Y,
-        U,
-        H
+        q,
+        J
     ]);
-    const S = He(T, y), J = c.useRef(!m), K = c.useRef(0);
-    c.useEffect(()=>{
-        if (k) {
-            const l = Math.min((S + 1) * g - 1, e.length - 1), i = [];
-            for(let a = 0; a < g; a++){
-                const h = l - a;
-                h >= 0 && i.unshift(h);
+    const S = Ze(H, W), Q = n.useRef(!m), X = n.useRef(0);
+    n.useEffect(()=>{
+        if (P) {
+            const l = Math.min((S + 1) * I - 1, e.length - 1), a = [];
+            for(let u = 0; u < I; u++){
+                const h = l - u;
+                h >= 0 && a.unshift(h);
             }
-            J.current ? K.current !== S && k({
+            Q.current ? X.current !== S && P({
                 pageIndex: S,
-                shownItemIndexes: i
-            }) : J.current = i.includes(m || 0), K.current = S;
+                shownItemIndexes: a
+            }) : Q.current = a.includes(m || 0), X.current = S;
         }
     }, [
         S,
         e.length,
-        g,
+        I,
         m,
-        k
+        P
     ]);
     let V = null;
-    return u ? V = u({
-        numPages: I,
+    f ? V = f({
+        numPages: w,
         currentIndex: S,
         onPress: D
-    }) : o && (V = I > 1 && /* @__PURE__ */ s(ne, {
-        numPages: I,
+    }) : o && (V = w > 1 && /* @__PURE__ */ s(ie, {
+        numPages: w,
         currentIndex: S,
         onPress: D
-    })), /* @__PURE__ */ G(Pe, {
+    }));
+    const be = "64px", ve = "36px";
+    return /* @__PURE__ */ G(ke, {
         space: 24,
         dataAttributes: _object_spread({
             "component-name": "Carousel"
-        }, L),
+        }, F),
         children: [
             /* @__PURE__ */ G("div", {
-                className: We,
+                className: ze,
                 children: [
-                    /* @__PURE__ */ s(A, {
+                    /* @__PURE__ */ s(E, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ s(M, {
-                            className: De,
-                            "aria-label": E.carouselPrevButton,
-                            onPress: me,
-                            disabled: !he,
-                            children: /* @__PURE__ */ s($, {})
+                        children: /* @__PURE__ */ s(B, {
+                            className: _e,
+                            "aria-label": T.carouselPrevButton,
+                            onPress: pe,
+                            disabled: !ge,
+                            children: /* @__PURE__ */ s(te, {})
                         })
                     }),
                     /* @__PURE__ */ s("div", {
-                        className: Q(Ve, {
-                            [ze]: w,
-                            [Oe]: I > 1
+                        className: Z(je, {
+                            [Fe]: R,
+                            [Ue]: w > 1
                         }),
-                        style: _object_spread_props(_object_spread({}, Ue(_object_spread({
-                            [_.itemsPerPageDesktop]: String(p.desktop),
-                            [_.itemsPerPageTablet]: String(p.tablet),
-                            [_.itemsPerPageMobile]: String(p.mobile)
-                        }, d !== void 0 ? {
-                            [_.gap]: String(d)
+                        style: _object_spread_props(_object_spread({}, Ge(_object_spread({
+                            [L.itemsPerPageDesktop]: String(i.desktop),
+                            [L.itemsPerPageTablet]: String(i.tablet),
+                            [L.itemsPerPageMobile]: String(i.mobile)
+                        }, g === "large" ? {
+                            [L.mobilePageOffset]: be
+                        } : y === Qe ? {
+                            [L.mobilePageOffset]: ve
+                        } : {}, k !== void 0 ? {
+                            [L.gap]: String(k)
                         } : {}))), {
-                            scrollSnapType: B ? "initial" : "x mandatory"
+                            scrollSnapType: C ? "initial" : "x mandatory"
                         }),
-                        ref: v,
-                        children: e.map((l, i)=>/* @__PURE__ */ s("div", {
-                                className: Q(je, t),
+                        ref: p,
+                        children: e.map((l, a)=>/* @__PURE__ */ s("div", {
+                                className: Z(qe, t),
                                 style: _object_spread_props(_object_spread({}, r), {
-                                    scrollSnapStop: re(F) ? "always" : "normal"
+                                    scrollSnapStop: ne(M) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: l
-                            }, i))
+                            }, a))
                     }),
-                    /* @__PURE__ */ s(A, {
+                    /* @__PURE__ */ s(E, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ s(M, {
-                            className: _e,
-                            "aria-label": E.carouselNextButton,
+                        children: /* @__PURE__ */ s(B, {
+                            className: Ke,
+                            "aria-label": T.carouselNextButton,
                             onPress: Y,
-                            disabled: !de,
-                            children: /* @__PURE__ */ s(ee, {})
+                            disabled: !me,
+                            children: /* @__PURE__ */ s(se, {})
                         })
                     })
                 ]
             }),
             V && /* @__PURE__ */ s("div", {
-                className: Fe,
+                className: Ye,
                 children: V
             })
         ]
     });
-}, dt = (e)=>/* @__PURE__ */ s(ie, _object_spread({}, e)), ht = (param)=>/* @__PURE__ */ {
-    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: u , initialActiveItem: m , onPageChange: P , dataAttributes: f  } = param;
-    return s(ie, {
+}, vt = (e)=>/* @__PURE__ */ s(ue, _object_spread({}, e)), It = (param)=>/* @__PURE__ */ {
+    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: f , initialActiveItem: m , onPageChange: b , dataAttributes: d  } = param;
+    return s(ue, {
         items: e,
         itemStyle: r,
         itemClassName: t,
@@ -340,122 +347,122 @@ const le = (e, r)=>{
         itemsToScroll: 1,
         gap: 0,
         withBullets: o,
-        renderBullets: u,
+        renderBullets: f,
         initialActiveItem: m,
-        onPageChange: P,
-        dataAttributes: f
+        onPageChange: b,
+        dataAttributes: d
     });
-}, ae = /*#__PURE__*/ c.createContext(!1), mt = ()=>c.useContext(ae), Je = (param)=>/* @__PURE__ */ {
+}, fe = /*#__PURE__*/ n.createContext(!1), Pt = ()=>n.useContext(fe), $e = (param)=>/* @__PURE__ */ {
     let { children: e  } = param;
-    return s(ae.Provider, {
+    return s(fe.Provider, {
         value: !0,
         children: e
     });
-}, pt = (param)=>{
-    let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: u , inverseBullets: m = !0  } = param;
-    const { texts: P , platformOverrides: f  } = se(), d = c.useRef(null), [{ scrollLeft: B , scrollRight: w  }, x] = c.useState({
+}, xt = (param)=>{
+    let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: f , inverseBullets: m = !0  } = param;
+    const { texts: b , platformOverrides: d  } = re(), g = n.useRef(null), [{ scrollLeft: k , scrollRight: C  }, R] = n.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), k = c.useCallback(()=>{
-        const n = d.current;
-        n && n.scrollBy({
-            left: -n.clientWidth,
+    }), v = n.useCallback(()=>{
+        const c = g.current;
+        c && c.scrollBy({
+            left: -c.clientWidth,
             behavior: "smooth"
         });
-    }, []), L = c.useCallback(()=>{
-        const n = d.current;
-        n && n.scrollBy({
-            left: n.clientWidth,
+    }, []), P = n.useCallback(()=>{
+        const c = g.current;
+        c && c.scrollBy({
+            left: c.clientWidth,
             behavior: "smooth"
         });
-    }, []), E = w !== 0, F = B !== 0, C = d.current ? Math.floor((B + d.current.clientWidth / 2) / d.current.clientWidth) : 0;
-    c.useLayoutEffect(()=>{
-        const n = d.current;
-        if (n) {
-            const b = ()=>{
-                const { scrollWidth: g , clientWidth: v  } = n, I = Math.round(n.scrollLeft), T = Math.round(g - (I + v));
-                x({
+    }, []), F = C !== 0, T = k !== 0, M = g.current ? Math.floor((k + g.current.clientWidth / 2) / g.current.clientWidth) : 0;
+    n.useLayoutEffect(()=>{
+        const c = g.current;
+        if (c) {
+            const i = ()=>{
+                const { scrollWidth: N , clientWidth: U  } = c, I = Math.round(c.scrollLeft), p = Math.round(N - (I + U));
+                R({
                     scrollLeft: I,
-                    scrollRight: T
+                    scrollRight: p
                 });
             };
-            b(), n.addEventListener("scroll", b);
-            const N = oe(n, b);
+            i(), c.addEventListener("scroll", i);
+            const x = le(c, i);
             return ()=>{
-                n.removeEventListener("scroll", b), N();
+                c.removeEventListener("scroll", i), x();
             };
         }
     }, [
         e.length
     ]);
-    const p = le(!!t, d);
-    return c.useEffect(()=>{
-        if (p && t) {
-            const n = typeof t == "boolean" ? ce : t.time, b = typeof t == "object" && t.loop, N = setInterval(()=>{
-                var g;
-                w !== 0 ? L() : b && ((g = d.current) == null || g.scrollTo({
+    const y = ce(!!t, g);
+    return n.useEffect(()=>{
+        if (y && t) {
+            const c = typeof t == "boolean" ? ae : t.time, i = typeof t == "object" && t.loop, x = setInterval(()=>{
+                var N;
+                C !== 0 ? P() : i && ((N = g.current) == null || N.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
-            }, n);
-            return ()=>clearInterval(N);
+            }, c);
+            return ()=>clearInterval(x);
         }
     }, [
         t,
-        L,
-        w,
-        p
-    ]), c.useEffect(()=>{
-        o && o(C);
-    }, [
+        P,
         C,
+        y
+    ]), n.useEffect(()=>{
+        o && o(M);
+    }, [
+        M,
         o
-    ]), /* @__PURE__ */ s(Je, {
+    ]), /* @__PURE__ */ s($e, {
         children: /* @__PURE__ */ G("div", _object_spread_props(_object_spread({
-            className: Le
-        }, Se(u, "SlideShow")), {
+            className: Me
+        }, Ce(f, "SlideShow")), {
             children: [
-                /* @__PURE__ */ s(A, {
+                /* @__PURE__ */ s(E, {
                     isInverse: !1,
-                    children: /* @__PURE__ */ s(M, {
-                        className: Ce,
-                        "aria-label": P.carouselPrevButton,
-                        onPress: k,
-                        disabled: !F,
-                        children: /* @__PURE__ */ s($, {})
+                    children: /* @__PURE__ */ s(B, {
+                        className: Ae,
+                        "aria-label": b.carouselPrevButton,
+                        onPress: v,
+                        disabled: !T,
+                        children: /* @__PURE__ */ s(te, {})
                     })
                 }),
-                /* @__PURE__ */ s(we, {
+                /* @__PURE__ */ s(Le, {
                     value: !1,
                     children: /* @__PURE__ */ s("div", {
-                        className: Ne,
-                        ref: d,
-                        children: e.map((n, b)=>/* @__PURE__ */ s("div", {
-                                className: Re,
+                        className: Ee,
+                        ref: g,
+                        children: e.map((c, i)=>/* @__PURE__ */ s("div", {
+                                className: Be,
                                 style: {
-                                    scrollSnapStop: re(f) ? "always" : "normal"
+                                    scrollSnapStop: ne(d) ? "always" : "normal"
                                 },
-                                children: n
-                            }, b))
+                                children: c
+                            }, i))
                     })
                 }),
-                /* @__PURE__ */ s(A, {
+                /* @__PURE__ */ s(E, {
                     isInverse: !1,
-                    children: /* @__PURE__ */ s(M, {
-                        className: Ae,
-                        "aria-label": P.carouselNextButton,
-                        onPress: L,
-                        disabled: !E,
-                        children: /* @__PURE__ */ s(ee, {})
+                    children: /* @__PURE__ */ s(B, {
+                        className: Te,
+                        "aria-label": b.carouselNextButton,
+                        onPress: P,
+                        disabled: !F,
+                        children: /* @__PURE__ */ s(se, {})
                     })
                 }),
-                r && e.length > 1 && /* @__PURE__ */ s(A, {
+                r && e.length > 1 && /* @__PURE__ */ s(E, {
                     isInverse: m,
                     children: /* @__PURE__ */ s("div", {
-                        className: Me,
-                        children: /* @__PURE__ */ s(ne, {
+                        className: ye,
+                        children: /* @__PURE__ */ s(ie, {
                             numPages: e.length,
-                            currentIndex: C
+                            currentIndex: M
                         })
                     })
                 })
@@ -463,4 +470,4 @@ const le = (e, r)=>{
         }))
     });
 };
-export { dt as Carousel, ht as CenteredCarousel, Je as IsInsideSlideshowProvider, ne as PageBullets, pt as Slideshow, mt as useIsInsideSlideshowContext };
+export { vt as Carousel, It as CenteredCarousel, $e as IsInsideSlideshowProvider, ie as PageBullets, xt as Slideshow, Pt as useIsInsideSlideshowContext };