@telefonica/mistica 12.11.1 → 12.13.0

package/dist-es/carousel.js

@@ -108,399 +108,427 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as a from "react";
-import Q from "./generated/mistica-icons/icon-chevron-left-regular.js";
-import X from "./generated/mistica-icons/icon-chevron-right-regular.js";
-import { useScreenSize as Z, useTheme as $, useIsInViewport as de, useIsomorphicLayoutEffect as me } from "./hooks.js";
-import ve from "./inline.js";
-import ge from "./stack.js";
-import pe, { BaseTouchable as V } from "./touchable.js";
-import H from "classnames";
-import { useIsInverseVariant as be, ThemeVariant as R } from "./theme-variant-context.js";
-import { DisableBorderRadiusProvider as Ie } from "./image.js";
-import { listenResize as ee, getPrefixedDataAttributes as Pe } from "./utils/dom.js";
-import { isAndroid as te } from "./utils/platform.js";
-import { useDocumentVisibility as xe } from "./utils/document-visibility.js";
-import { slideshowContainer as Le, slideshowPrevArrowButton as Se, slideshow as we, slideshowItem as Ne, slideshowNextArrowButton as Ae, slideshowBullets as Ee, bulletActiveInverse as Re, bulletInverse as Ce, bulletActive as Me, bullet as Be, carouselContainer as Te, carouselPrevArrowButton as ke, carousel as ye, centeredCarousel as We, carouselWithScroll as De, vars as E, carouselItem as Oe, carouselNextArrowButton as Ve, carouselBullets as ze, DEFAULT_DESKTOP_GAP as _e } from "./carousel.css-mistica.js";
-import { assignInlineVars as je } from "@vanilla-extract/dynamic";
-import { jsx as t, jsxs as G } from "./_virtual/jsx-runtime.js";
-var re = function(e, c) {
-    var l = xe();
-    return de(c, !1) && l && !!e;
-}, oe = function(param) {
-    var e = param.currentIndex, c = param.numPages, l = param.onPress;
-    var r = be(), ref = Z(), h = ref.isDesktopOrBigger, g = function(I) {
-        var n = I === e;
-        return r ? n ? Re : Ce : n ? Me : Be;
+import * as u from "react";
+import Z 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 oe, useIsInViewport as ge, useIsomorphicLayoutEffect as ve } from "./hooks.js";
+import be from "./inline.js";
+import Ie from "./stack.js";
+import { BaseTouchable as B } from "./touchable.js";
+import K from "classnames";
+import { useIsInverseVariant as xe, ThemeVariant as R } from "./theme-variant-context.js";
+import { DisableBorderRadiusProvider as Pe } from "./image.js";
+import { listenResize as se, getPrefixedDataAttributes as we } from "./utils/dom.js";
+import { isAndroid as re } from "./utils/platform.js";
+import { useDocumentVisibility as Se } from "./utils/document-visibility.js";
+import { slideshowContainer as ke, slideshowPrevArrowButton as Le, slideshow as Ne, slideshowItem as Ae, slideshowNextArrowButton as Ce, slideshowBullets as Me, bulletActiveInverse as Re, bulletInverse as Be, bulletActive as Ee, bullet as ye, carouselContainer as Te, carouselPrevArrowButton as We, carousel as De, centeredCarousel as Ve, carouselWithScroll as Oe, vars as L, carouselItem as ze, carouselNextArrowButton as je, carouselBullets as _e } from "./carousel.css-mistica.js";
+import { assignInlineVars as Fe } from "@vanilla-extract/dynamic";
+import { sprinkles as Ue } from "./sprinkles.css-mistica.js";
+import { useDesktopContainerType as $e } from "./desktop-container-type-context.js";
+import { jsx as r, jsxs as G } from "./_virtual/jsx-runtime.js";
+var le = function(e, s) {
+    var t = Se();
+    return ge(s, !1) && t && !!e;
+}, ne = function(param) {
+    var e = param.currentIndex, s = param.numPages, t = param.onPress;
+    var o = xe(), ref = te(), d = ref.isDesktopOrBigger, p = function(v) {
+        var n = v === e;
+        return o ? n ? Re : Be : n ? Ee : ye;
     };
-    return /* @__PURE__ */ t(ve, {
-        space: h ? 16 : 8,
+    return /* @__PURE__ */ r(be, {
+        space: d ? 16 : 8,
         alignItems: "center",
+        dataAttributes: {
+            "component-name": "PageBullets"
+        },
         children: Array.from({
-            length: c
-        }, function(I, n) {
-            return /* @__PURE__ */ t(pe, {
+            length: s
+        }, function(v, n) {
+            return /* @__PURE__ */ r(B, {
+                className: Ue({
+                    display: "block",
+                    padding: 0,
+                    border: "none",
+                    background: "transparent"
+                }),
                 maybe: !0,
-                onPress: h && l ? function() {
-                    return l(n);
+                onPress: d && t ? function() {
+                    return t(n);
                 } : void 0,
-                children: /* @__PURE__ */ t("div", {
-                    className: g(n)
+                children: /* @__PURE__ */ r("div", {
+                    className: p(n)
                 })
             }, n);
         })
     });
-}, Fe = function(e) {
-    var c = {
+}, Q = function(e, s, t) {
+    return t ? typeof t == "number" ? t : t[e] || s[e] : s[e];
+}, qe = function(e, s) {
+    var t = {
         mobile: 1,
-        desktop: 3
+        tablet: 2,
+        desktop: {
+            small: 1,
+            medium: 2,
+            large: 3
+        }
     };
-    return e ? typeof e == "number" ? {
-        mobile: e,
-        desktop: e
-    } : _objectSpread({}, c, e) : c;
-}, Ue = function(e) {
-    return typeof e == "number" ? {
+    if (!s) return _objectSpreadProps(_objectSpread({}, t), {
+        desktop: Q(e, t.desktop)
+    });
+    if (typeof s == "number") return {
+        mobile: s,
+        tablet: s,
+        desktop: s
+    };
+    var o = Q(e, t.desktop, s.desktop);
+    return _objectSpreadProps(_objectSpread({}, t, s), {
+        desktop: o
+    });
+}, Ye = function(e) {
+    return typeof e == "number" || e === void 0 ? {
         next: e,
         prev: e
     } : e;
-}, J = function(e, c) {
+}, X = function(e, s) {
     if (e.length === 0) return [];
-    var l = Math.ceil(e.length / c), r = [];
-    for(var h = 0; h < e.length; h += l)r.push(e[h]);
-    return r[r.length - 1] = e[e.length - l], r;
-}, qe = function(e, c) {
-    var l = [];
-    for(var r = 0; r < c.length; r++)r === 0 ? l.push(c[0]) : l.push((c[r] + c[r - 1]) / 2);
-    for(var r1 = l.length - 1; r1 >= 0; r1--)if (e - l[r1] >= -1) return r1;
+    var t = Math.ceil(e.length / s), o = [];
+    for(var d = 0; d < e.length; d += t)o.push(e[d]);
+    return o[o.length - 1] = e[e.length - t], o;
+}, Ge = function(e, s) {
+    var t = [];
+    for(var o = 0; o < s.length; o++)o === 0 ? t.push(s[0]) : t.push((s[o] + s[o - 1]) / 2);
+    for(var o1 = t.length - 1; o1 >= 0; o1--)if (e - t[o1] >= -1) return o1;
     return 0;
-}, se = 5e3, le = function(param) {
-    var e = param.items, c = param.itemStyle, l = param.itemClassName, r = param.withBullets, h = param.renderBullets, g = param.initialActiveItem, I = param.itemsPerPage, n = param.itemsToScroll, tmp = param.mobilePageOffset, C = tmp === void 0 ? 16 : tmp, p = param.gap, z = param.free, S = param.centered, v = param.autoplay, N = param.onPageChange, _ = param.dataAttributes;
-    var ref = $(), w = ref.texts, M = ref.platformOverrides, o = Fe(I), f = Ue(C), ref1 = Z(), P = ref1.isDesktopOrBigger, d = a.useRef(null), x = Math.floor(P ? o.desktop : o.mobile), b = Math.ceil(e.length / x), ref2 = _slicedToArray(a.useState({
+}, ce = 5e3, ie = function(param) {
+    var e = param.items, s = param.itemStyle, t = param.itemClassName, o = param.withBullets, d = param.renderBullets, p = param.initialActiveItem, v = param.itemsPerPage, n = param.itemsToScroll, E = param.mobilePageOffset, x = param.gap, _ = param.free, N = param.centered, m = param.autoplay, A = param.onPageChange, F = param.dataAttributes;
+    var ref = oe(), S = ref.texts, y = ref.platformOverrides, c = $e(), i = qe(c || "large", v), ref1 = te(), P = ref1.isDesktopOrBigger, k = ref1.isMobile, U = k ? i.mobile : i.tablet, g = Math.max(Math.floor(P ? i.desktop : U), 1), b = Ye(E), I = u.useRef(null), w = Math.ceil(e.length / g), ref2 = _slicedToArray(u.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref3 = ref2[0], B = ref3.scrollLeft, j = ref3.scrollRight, ne = ref2[1], ref4 = _slicedToArray(a.useState([]), 2), F = ref4[0], ce = ref4[1], T = a.useMemo(function() {
-        return J(F, b);
+    }), 2), ref3 = ref2[0], H = ref3.scrollLeft, $ = ref3.scrollRight, ae = ref2[1], ref4 = _slicedToArray(u.useState([]), 2), q = ref4[0], ue = ref4[1], T = u.useMemo(function() {
+        return X(q, w);
     }, [
-        F,
-        b
-    ]), k = n ? J(F, Math.ceil(e.length / n)) : T, ie = j !== 0, ae = B !== 0;
-    me(function() {
-        if (d.current) {
-            var s = d.current, i = function() {
-                var D = s.scrollWidth, q = s.clientWidth, L = Math.round(s.scrollLeft), O = Math.round(D - (L + q));
-                ne({
-                    scrollLeft: L,
-                    scrollRight: O
+        q,
+        w
+    ]), W = n ? X(q, Math.ceil(e.length / n)) : T, fe = $ !== 0, de = H !== 0;
+    ve(function() {
+        if (I.current) {
+            var l = I.current, a = function() {
+                var O = l.scrollWidth, M = l.clientWidth, z = Math.round(l.scrollLeft), j = Math.round(O - (z + M));
+                ae({
+                    scrollLeft: z,
+                    scrollRight: j
                 });
-            }, u = function() {
-                var D = s.scrollWidth - s.clientWidth, q = function(L) {
-                    return S || L === 0 ? 0 : P ? -(p != null ? p : _e) : f.prev;
-                };
-                ce(Array.from(s.querySelectorAll("[data-item]")).map(function(L, O) {
-                    if (O === e.length - 1) return D;
-                    var Y = L.offsetLeft, fe = q(O), he = S && !P ? Y - L.clientWidth / 2 : Y;
-                    return Math.min(he - fe - s.offsetLeft, D);
+            }, f = function() {
+                var O = l.scrollWidth - l.clientWidth;
+                ue(Array.from(l.querySelectorAll("[data-item]")).map(function(M, z) {
+                    if (z === e.length - 1) return O;
+                    var j = M.offsetLeft, me = parseInt(getComputedStyle(M).scrollMargin), pe = N && !P ? j - M.clientWidth / 2 : j;
+                    return Math.min(pe - me - l.offsetLeft, O);
                 }));
             };
-            i(), u(), s.addEventListener("scroll", i);
-            var m = ee(s, function() {
-                i(), u();
+            a(), f(), l.addEventListener("scroll", a);
+            var h = se(l, function() {
+                a(), f();
             });
             return function() {
-                s.removeEventListener("scroll", i), m();
+                l.removeEventListener("scroll", a), h();
             };
         }
         return function() {};
     }, [
-        o.desktop,
-        o.mobile,
-        f.next,
-        f.prev,
-        b,
-        p,
-        S,
+        i.desktop,
+        i.tablet,
+        i.mobile,
+        b.next,
+        b.prev,
+        w,
+        x,
+        N,
         P,
         e.length
     ]);
-    var y = a.useCallback(function(s) {
-        var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-        var u = d.current;
-        if (u) {
-            var m = T[s];
-            u.scrollTo({
-                left: m,
-                behavior: i ? "smooth" : "auto"
+    var D = u.useCallback(function(l) {
+        var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+        var f = I.current;
+        if (f) {
+            var h = T[l];
+            f.scrollTo({
+                left: h,
+                behavior: a ? "smooth" : "auto"
             });
         }
     }, [
         T
-    ]), ue = a.useCallback(function() {
-        var s = d.current;
-        if (s) {
-            var i = s.scrollLeft, u = _toConsumableArray(k).reverse().find(function(m) {
-                return m - i < -1;
+    ]), he = u.useCallback(function() {
+        var l = I.current;
+        if (l) {
+            var a = l.scrollLeft, f = _toConsumableArray(W).reverse().find(function(h) {
+                return h - a < -1;
             });
-            s.scrollTo({
-                left: u,
+            l.scrollTo({
+                left: f,
                 behavior: "smooth"
             });
         }
     }, [
-        k
-    ]), U = a.useCallback(function() {
-        var s = d.current;
-        if (s) {
-            var i = s.scrollLeft, u = k.find(function(m) {
-                return m - i > 1;
+        W
+    ]), Y = u.useCallback(function() {
+        var l = I.current;
+        if (l) {
+            var a = l.scrollLeft, f = W.find(function(h) {
+                return h - a > 1;
             });
-            s.scrollTo({
-                left: u,
+            l.scrollTo({
+                left: f,
                 behavior: "smooth"
             });
         }
     }, [
-        k
-    ]), K = re(!!v, d);
-    a.useEffect(function() {
-        g !== void 0 && y(Math.floor(g / x), !1);
+        W
+    ]), J = le(!!m, I);
+    u.useEffect(function() {
+        p !== void 0 && D(Math.floor(p / g), !1);
     }, [
-        g,
-        y,
-        x
-    ]), a.useEffect(function() {
-        if (K && v) {
-            var s = typeof v == "boolean" ? se : v.time, i = typeof v == "object" && v.loop, u = setInterval(function() {
-                var m;
-                j !== 0 ? U() : i && ((m = d.current) == null || m.scrollTo({
+        p,
+        D,
+        g
+    ]), u.useEffect(function() {
+        if (J && m) {
+            var l = typeof m == "boolean" ? ce : m.time, a = typeof m == "object" && m.loop, f = setInterval(function() {
+                var h;
+                $ !== 0 ? Y() : a && ((h = I.current) == null || h.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
-            }, s);
+            }, l);
             return function() {
-                return clearInterval(u);
+                return clearInterval(f);
             };
         }
     }, [
-        v,
-        U,
-        j,
-        K
+        m,
+        Y,
+        $,
+        J
     ]);
-    var A = qe(B, T);
-    a.useEffect(function() {
-        if (N) {
-            var s = Math.min((A + 1) * x - 1, e.length - 1), i = [];
-            for(var u = 0; u < x; u++){
-                var m = s - u;
-                m >= 0 && i.unshift(m);
+    var C = Ge(H, T);
+    u.useEffect(function() {
+        if (A) {
+            var l = Math.min((C + 1) * g - 1, e.length - 1), a = [];
+            for(var f = 0; f < g; f++){
+                var h = l - f;
+                h >= 0 && a.unshift(h);
             }
-            N({
-                pageIndex: A,
-                shownItemIndexes: i
+            A({
+                pageIndex: C,
+                shownItemIndexes: a
             });
         }
     }, [
-        A,
+        C,
         e.length,
-        x,
-        N
+        g,
+        A
     ]);
-    var W = null;
+    var V = null;
     var _obj, _obj1;
-    return h ? W = h({
-        numPages: b,
-        currentIndex: A,
-        onPress: y
-    }) : r && (W = b > 1 && /* @__PURE__ */ t(oe, {
-        numPages: b,
-        currentIndex: A,
-        onPress: y
-    })), /* @__PURE__ */ G(ge, {
+    return d ? V = d({
+        numPages: w,
+        currentIndex: C,
+        onPress: D
+    }) : o && (V = w > 1 && /* @__PURE__ */ r(ne, {
+        numPages: w,
+        currentIndex: C,
+        onPress: D
+    })), /* @__PURE__ */ G(Ie, {
         space: 24,
-        dataAttributes: _,
+        dataAttributes: _objectSpread({
+            "component-name": "Carousel"
+        }, F),
         children: [
             /* @__PURE__ */ G("div", {
                 className: Te,
                 children: [
-                    /* @__PURE__ */ t(R, {
+                    /* @__PURE__ */ r(R, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ t(V, {
-                            className: ke,
-                            "aria-label": w.carouselPrevButton,
-                            onPress: ue,
-                            disabled: !ae,
-                            children: /* @__PURE__ */ t(Q, {})
+                        children: /* @__PURE__ */ r(B, {
+                            className: We,
+                            "aria-label": S.carouselPrevButton,
+                            onPress: he,
+                            disabled: !de,
+                            children: /* @__PURE__ */ r(Z, {})
                         })
                     }),
-                    /* @__PURE__ */ t("div", {
-                        className: H(ye, (_obj = {}, _defineProperty(_obj, We, S), _defineProperty(_obj, De, b > 1), _obj)),
-                        style: _objectSpreadProps(_objectSpread({}, je(_objectSpread((_obj1 = {}, _defineProperty(_obj1, E.itemsPerPageDesktop, String(o.desktop)), _defineProperty(_obj1, E.itemsPerPageMobile, String(o.mobile)), _defineProperty(_obj1, E.mobilePageOffsetNext, String(f.next)), _defineProperty(_obj1, E.mobilePageOffsetPrev, String(f.prev)), _obj1), p !== void 0 ? _defineProperty({}, E.gap, String(p)) : {}))), {
-                            scrollSnapType: z ? "initial" : "x mandatory"
+                    /* @__PURE__ */ r("div", {
+                        className: K(De, (_obj = {}, _defineProperty(_obj, Ve, N), _defineProperty(_obj, Oe, w > 1), _obj)),
+                        style: _objectSpreadProps(_objectSpread({}, Fe(_objectSpread((_obj1 = {}, _defineProperty(_obj1, L.itemsPerPageDesktop, String(i.desktop)), _defineProperty(_obj1, L.itemsPerPageTablet, String(i.tablet)), _defineProperty(_obj1, L.itemsPerPageMobile, String(i.mobile)), _defineProperty(_obj1, L.mobilePageOffsetNext, b.next ? "".concat(b.next, "px") : ""), _defineProperty(_obj1, L.mobilePageOffsetPrev, b.prev ? "".concat(b.prev, "px") : ""), _obj1), x !== void 0 ? _defineProperty({}, L.gap, String(x)) : {}))), {
+                            scrollSnapType: _ ? "initial" : "x mandatory"
                         }),
-                        ref: d,
-                        children: e.map(function(s, i) {
-                            return /* @__PURE__ */ t("div", {
-                                className: H(Oe, l),
-                                style: _objectSpreadProps(_objectSpread({}, c), {
-                                    scrollSnapStop: te(M) ? "always" : "normal"
+                        ref: I,
+                        children: e.map(function(l, a) {
+                            return /* @__PURE__ */ r("div", {
+                                className: K(ze, t),
+                                style: _objectSpreadProps(_objectSpread({}, s), {
+                                    scrollSnapStop: re(y) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
-                                children: s
-                            }, i);
+                                children: l
+                            }, a);
                         })
                     }),
-                    /* @__PURE__ */ t(R, {
+                    /* @__PURE__ */ r(R, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ t(V, {
-                            className: Ve,
-                            "aria-label": w.carouselNextButton,
-                            onPress: U,
-                            disabled: !ie,
-                            children: /* @__PURE__ */ t(X, {})
+                        children: /* @__PURE__ */ r(B, {
+                            className: je,
+                            "aria-label": S.carouselNextButton,
+                            onPress: Y,
+                            disabled: !fe,
+                            children: /* @__PURE__ */ r(ee, {})
                         })
                     })
                 ]
             }),
-            W && /* @__PURE__ */ t("div", {
-                className: ze,
-                children: W
+            V && /* @__PURE__ */ r("div", {
+                className: _e,
+                children: V
             })
         ]
     });
-}, nt = function(e) {
-    return /* @__PURE__ */ t(le, _objectSpread({}, e));
-}, ct = function(param) {
-    var e = param.items, c = param.itemStyle, l = param.itemClassName, r = param.withBullets, h = param.renderBullets, g = param.initialActiveItem, I = param.onPageChange, n = param.dataAttributes;
-    return /* @__PURE__ */ t(le, {
+}, ft = function(e) {
+    return /* @__PURE__ */ r(ie, _objectSpread({}, e));
+}, dt = function(param) {
+    var e = param.items, s = param.itemStyle, t = param.itemClassName, o = param.withBullets, d = param.renderBullets, p = param.initialActiveItem, v = param.onPageChange, n = param.dataAttributes;
+    return /* @__PURE__ */ r(ie, {
         items: e,
-        itemStyle: c,
-        itemClassName: l,
+        itemStyle: s,
+        itemClassName: t,
         itemsPerPage: {
             mobile: 1,
+            tablet: 1,
             desktop: 3
         },
         centered: !0,
         itemsToScroll: 1,
         mobilePageOffset: 0,
         gap: 0,
-        withBullets: r,
-        renderBullets: h,
-        initialActiveItem: g,
-        onPageChange: I,
+        withBullets: o,
+        renderBullets: d,
+        initialActiveItem: p,
+        onPageChange: v,
         dataAttributes: n
     });
-}, it = function(param) {
-    var e = param.items, c = param.withBullets, l = param.autoplay, r = param.onPageChange, h = param.dataAttributes;
-    var ref = $(), g = ref.texts, I = ref.platformOverrides, n = a.useRef(null), ref1 = _slicedToArray(a.useState({
+}, ht = function(param) {
+    var e = param.items, s = param.withBullets, t = param.autoplay, o = param.onPageChange, d = param.dataAttributes;
+    var ref = oe(), p = ref.texts, v = ref.platformOverrides, n = u.useRef(null), ref1 = _slicedToArray(u.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref2 = ref1[0], C = ref2.scrollLeft, p = ref2.scrollRight, z = ref1[1], S = a.useCallback(function() {
-        var o = n.current;
-        o && o.scrollBy({
-            left: -o.clientWidth,
+    }), 2), ref2 = ref1[0], E = ref2.scrollLeft, x = ref2.scrollRight, _ = ref1[1], N = u.useCallback(function() {
+        var c = n.current;
+        c && c.scrollBy({
+            left: -c.clientWidth,
             behavior: "smooth"
         });
-    }, []), v = a.useCallback(function() {
-        var o = n.current;
-        o && o.scrollBy({
-            left: o.clientWidth,
+    }, []), m = u.useCallback(function() {
+        var c = n.current;
+        c && c.scrollBy({
+            left: c.clientWidth,
             behavior: "smooth"
         });
-    }, []), N = p !== 0, _ = C !== 0, w = n.current ? Math.floor((C + n.current.clientWidth / 2) / n.current.clientWidth) : 0;
-    a.useLayoutEffect(function() {
-        var o = n.current;
-        if (o) {
-            var f = function() {
-                var d = o.scrollWidth, x = o.clientWidth, b = Math.round(o.scrollLeft), B = Math.round(d - (b + x));
-                z({
-                    scrollLeft: b,
-                    scrollRight: B
+    }, []), A = x !== 0, F = E !== 0, S = n.current ? Math.floor((E + n.current.clientWidth / 2) / n.current.clientWidth) : 0;
+    u.useLayoutEffect(function() {
+        var c = n.current;
+        if (c) {
+            var i = function() {
+                var k = c.scrollWidth, U = c.clientWidth, g = Math.round(c.scrollLeft), b = Math.round(k - (g + U));
+                _({
+                    scrollLeft: g,
+                    scrollRight: b
                 });
             };
-            f(), o.addEventListener("scroll", f);
-            var P = ee(o, f);
+            i(), c.addEventListener("scroll", i);
+            var P = se(c, i);
             return function() {
-                o.removeEventListener("scroll", f), P();
+                c.removeEventListener("scroll", i), P();
             };
         }
     }, [
         e.length
     ]);
-    var M = re(!!l, n);
-    return a.useEffect(function() {
-        if (M && l) {
-            var o = typeof l == "boolean" ? se : l.time, f = typeof l == "object" && l.loop, P = setInterval(function() {
-                var d;
-                p !== 0 ? v() : f && ((d = n.current) == null || d.scrollTo({
+    var y = le(!!t, n);
+    return u.useEffect(function() {
+        if (y && t) {
+            var c = typeof t == "boolean" ? ce : t.time, i = typeof t == "object" && t.loop, P = setInterval(function() {
+                var k;
+                x !== 0 ? m() : i && ((k = n.current) == null || k.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
-            }, o);
+            }, c);
             return function() {
                 return clearInterval(P);
             };
         }
     }, [
-        l,
-        v,
-        p,
-        M
-    ]), a.useEffect(function() {
-        r && r(w);
+        t,
+        m,
+        x,
+        y
+    ]), u.useEffect(function() {
+        o && o(S);
     }, [
-        w,
-        r
+        S,
+        o
     ]), /* @__PURE__ */ G("div", _objectSpreadProps(_objectSpread({
-        className: Le
-    }, Pe(h)), {
+        className: ke
+    }, we(d, "SlideShow")), {
         children: [
-            /* @__PURE__ */ t(R, {
+            /* @__PURE__ */ r(R, {
                 isInverse: !1,
-                children: /* @__PURE__ */ t(V, {
-                    className: Se,
-                    "aria-label": g.carouselPrevButton,
-                    onPress: S,
-                    disabled: !_,
-                    children: /* @__PURE__ */ t(Q, {})
+                children: /* @__PURE__ */ r(B, {
+                    className: Le,
+                    "aria-label": p.carouselPrevButton,
+                    onPress: N,
+                    disabled: !F,
+                    children: /* @__PURE__ */ r(Z, {})
                 })
             }),
-            /* @__PURE__ */ t(Ie, {
-                children: /* @__PURE__ */ t("div", {
-                    className: we,
+            /* @__PURE__ */ r(Pe, {
+                children: /* @__PURE__ */ r("div", {
+                    className: Ne,
                     ref: n,
-                    children: e.map(function(o, f) {
-                        return /* @__PURE__ */ t("div", {
-                            className: Ne,
+                    children: e.map(function(c, i) {
+                        return /* @__PURE__ */ r("div", {
+                            className: Ae,
                             style: {
-                                scrollSnapStop: te(I) ? "always" : "normal"
+                                scrollSnapStop: re(v) ? "always" : "normal"
                             },
-                            children: o
-                        }, f);
+                            children: c
+                        }, i);
                     })
                 })
             }),
-            /* @__PURE__ */ t(R, {
+            /* @__PURE__ */ r(R, {
                 isInverse: !1,
-                children: /* @__PURE__ */ t(V, {
-                    className: Ae,
-                    "aria-label": g.carouselNextButton,
-                    onPress: v,
-                    disabled: !N,
-                    children: /* @__PURE__ */ t(X, {})
+                children: /* @__PURE__ */ r(B, {
+                    className: Ce,
+                    "aria-label": p.carouselNextButton,
+                    onPress: m,
+                    disabled: !A,
+                    children: /* @__PURE__ */ r(ee, {})
                 })
             }),
-            c && e.length > 1 && /* @__PURE__ */ t(R, {
+            s && e.length > 1 && /* @__PURE__ */ r(R, {
                 isInverse: !0,
-                children: /* @__PURE__ */ t("div", {
-                    className: Ee,
-                    children: /* @__PURE__ */ t(oe, {
+                children: /* @__PURE__ */ r("div", {
+                    className: Me,
+                    children: /* @__PURE__ */ r(ne, {
                         numPages: e.length,
-                        currentIndex: w
+                        currentIndex: S
                     })
                 })
             })
         ]
     }));
 };
-export { nt as Carousel, ct as CenteredCarousel, oe as PageBullets, it as Slideshow };
+export { ft as Carousel, dt as CenteredCarousel, ne as PageBullets, ht as Slideshow };