@telefonica/mistica 13.2.3 → 13.4.0

package/dist-es/carousel.js

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