@telefonica/mistica 14.22.1 → 14.23.0

package/dist/carousel.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     Carousel: function() {
-        return dt;
+        return vt;
     },
     CenteredCarousel: function() {
-        return ht;
+        return It;
     },
     IsInsideSlideshowProvider: function() {
-        return Je;
+        return $e;
     },
     PageBullets: function() {
-        return ne;
+        return ie;
     },
     Slideshow: function() {
-        return pt;
+        return xt;
     },
     useIsInsideSlideshowContext: function() {
-        return mt;
+        return Pt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -46,6 +46,7 @@ const _carouselcssmistica = require("./carousel.css-mistica.js");
 const _dynamic = require("@vanilla-extract/dynamic");
 const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _desktopcontainertypecontext = require("./desktop-container-type-context.js");
+const _constants = require("./skins/constants.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -142,24 +143,24 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const le = (e, r)=>{
+const ce = (e, r)=>{
     const t = (0, _documentvisibility.useDocumentVisibility)();
     return (0, _hooks.useIsInViewport)(r, !1) && t && !!e;
-}, ne = (param)=>{
+}, ie = (param)=>{
     let { currentIndex: e , numPages: r , onPress: t  } = param;
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), { isDesktopOrBigger: u  } = (0, _hooks.useScreenSize)(), m = (P)=>{
-        const f = P === e;
-        return o ? f ? _carouselcssmistica.bulletActiveInverse : _carouselcssmistica.bulletInverse : f ? _carouselcssmistica.bulletActive : _carouselcssmistica.bullet;
+    const o = (0, _themevariantcontext.useIsInverseVariant)(), { isDesktopOrBigger: f  } = (0, _hooks.useScreenSize)(), m = (b)=>{
+        const d = b === e;
+        return o ? d ? _carouselcssmistica.bulletActiveInverse : _carouselcssmistica.bulletInverse : d ? _carouselcssmistica.bulletActive : _carouselcssmistica.bullet;
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
-        space: u ? 16 : 8,
+        space: f ? 16 : 8,
         alignItems: "center",
         dataAttributes: {
             "component-name": "PageBullets"
         },
         children: Array.from({
             length: r
-        }, (P, f)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+        }, (b, d)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                 className: (0, _sprinklescssmistica.sprinkles)({
                     display: "block",
                     padding: 0,
@@ -167,13 +168,13 @@ const le = (e, r)=>{
                     background: "transparent"
                 }),
                 maybe: !0,
-                onPress: u && t ? ()=>t(f) : void 0,
+                onPress: f && t ? ()=>t(d) : void 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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,
@@ -184,165 +185,167 @@ 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  } = (0, _hooks.useTheme)(), C = (0, _desktopcontainertypecontext.useDesktopContainerType)(), p = Ge(C || "large", P), { isDesktopOrBigger: n , isTablet: b  } = (0, _hooks.useScreenSize)(), N = b ? p.tablet : p.mobile, g = Math.max(Math.floor(n ? p.desktop : N), 1), v = _react.useRef(null), I = Math.ceil(e.length / g), [{ scrollLeft: T , scrollRight: U  }, ue] = _react.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  } = (0, _hooks.useTheme)(), c = (0, _desktopcontainertypecontext.useDesktopContainerType)(), i = Xe(c || "large", b), { isDesktopOrBigger: x , isTablet: N  } = (0, _hooks.useScreenSize)(), U = N ? i.tablet : i.mobile, I = Math.max(Math.floor(x ? i.desktop : U), 1), p = _react.useRef(null), w = Math.ceil(e.length / I), [{ scrollLeft: H , scrollRight: q  }, de] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [q, fe] = _react.useState([]), y = _react.useMemo(()=>Z(q, I), [
-        q,
-        I
-    ]), W = f ? Z(q, Math.ceil(e.length / f)) : y, de = U !== 0, he = T !== 0;
+    }), [K, he] = _react.useState([]), W = _react.useMemo(()=>ee(K, w), [
+        K,
+        w
+    ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, me = q !== 0, ge = H !== 0;
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        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,
+        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);
+            a(), u(), l.addEventListener("scroll", a);
             const h = (0, _dom.listenResize)(l, ()=>{
-                i(), a();
+                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 = _react.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({
+        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 = _react.useCallback(()=>{
-        const l = v.current;
+        W
+    ]), pe = _react.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
+        O
     ]), Y = _react.useCallback(()=>{
-        const l = v.current;
+        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);
+        O
+    ]), J = ce(!!v, p);
     _react.useEffect(()=>{
-        m !== void 0 && D(Math.floor(m / g), !1);
+        m !== void 0 && D(Math.floor(m / I), !1);
     }, [
         m,
         D,
-        g
+        I
     ]), _react.useEffect(()=>{
-        if (H && x) {
-            const l = typeof x == "boolean" ? ce : x.time, i = typeof x == "object" && x.loop, a = setInterval(()=>{
+        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 = _react.useRef(!m), K = _react.useRef(0);
+    const S = Ze(H, W), Q = _react.useRef(!m), X = _react.useRef(0);
     _react.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);
+        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__ */ (0, _jsxruntime.jsx)(ne, {
-        numPages: I,
+    }) : o && (V = w > 1 && /* @__PURE__ */ (0, _jsxruntime.jsx)(ie, {
+        numPages: w,
         currentIndex: S,
         onPress: D
-    })), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+    }));
+    const be = "64px", ve = "36px";
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 24,
         dataAttributes: _object_spread({
             "component-name": "Carousel"
-        }, L),
+        }, F),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _carouselcssmistica.carouselContainer,
@@ -351,43 +354,47 @@ const le = (e, r)=>{
                         isInverse: !1,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                             className: _carouselcssmistica.carouselPrevArrowButton,
-                            "aria-label": E.carouselPrevButton,
-                            onPress: me,
-                            disabled: !he,
+                            "aria-label": T.carouselPrevButton,
+                            onPress: pe,
+                            disabled: !ge,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {})
                         })
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_carouselcssmistica.carousel, {
-                            [_carouselcssmistica.centeredCarousel]: w,
-                            [_carouselcssmistica.carouselWithScroll]: I > 1
+                            [_carouselcssmistica.centeredCarousel]: R,
+                            [_carouselcssmistica.carouselWithScroll]: w > 1
                         }),
                         style: _object_spread_props(_object_spread({}, (0, _dynamic.assignInlineVars)(_object_spread({
-                            [_carouselcssmistica.vars.itemsPerPageDesktop]: String(p.desktop),
-                            [_carouselcssmistica.vars.itemsPerPageTablet]: String(p.tablet),
-                            [_carouselcssmistica.vars.itemsPerPageMobile]: String(p.mobile)
-                        }, d !== void 0 ? {
-                            [_carouselcssmistica.vars.gap]: String(d)
+                            [_carouselcssmistica.vars.itemsPerPageDesktop]: String(i.desktop),
+                            [_carouselcssmistica.vars.itemsPerPageTablet]: String(i.tablet),
+                            [_carouselcssmistica.vars.itemsPerPageMobile]: String(i.mobile)
+                        }, g === "large" ? {
+                            [_carouselcssmistica.vars.mobilePageOffset]: be
+                        } : y === _constants.VIVO_NEW_SKIN ? {
+                            [_carouselcssmistica.vars.mobilePageOffset]: ve
+                        } : {}, k !== void 0 ? {
+                            [_carouselcssmistica.vars.gap]: String(k)
                         } : {}))), {
-                            scrollSnapType: B ? "initial" : "x mandatory"
+                            scrollSnapType: C ? "initial" : "x mandatory"
                         }),
-                        ref: v,
-                        children: e.map((l, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        ref: p,
+                        children: e.map((l, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_carouselcssmistica.carouselItem, t),
                                 style: _object_spread_props(_object_spread({}, r), {
-                                    scrollSnapStop: (0, _platform.isAndroid)(F) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platform.isAndroid)(M) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: l
-                            }, i))
+                            }, a))
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                         isInverse: !1,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                             className: _carouselcssmistica.carouselNextArrowButton,
-                            "aria-label": E.carouselNextButton,
+                            "aria-label": T.carouselNextButton,
                             onPress: Y,
-                            disabled: !de,
+                            disabled: !me,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightregular.default, {})
                         })
                     })
@@ -399,9 +406,9 @@ const le = (e, r)=>{
             })
         ]
     });
-}, dt = (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(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 (0, _jsxruntime.jsx)(ie, {
+}, vt = (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(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 (0, _jsxruntime.jsx)(ue, {
         items: e,
         itemStyle: r,
         itemClassName: t,
@@ -414,88 +421,88 @@ 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__*/ _react.createContext(!1), mt = ()=>_react.useContext(ae), Je = (param)=>/* @__PURE__ */ {
+}, fe = /*#__PURE__*/ _react.createContext(!1), Pt = ()=>_react.useContext(fe), $e = (param)=>/* @__PURE__ */ {
     let { children: e  } = param;
-    return (0, _jsxruntime.jsx)(ae.Provider, {
+    return (0, _jsxruntime.jsx)(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  } = (0, _hooks.useTheme)(), d = _react.useRef(null), [{ scrollLeft: B , scrollRight: w  }, x] = _react.useState({
+}, xt = (param)=>{
+    let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: f , inverseBullets: m = !0  } = param;
+    const { texts: b , platformOverrides: d  } = (0, _hooks.useTheme)(), g = _react.useRef(null), [{ scrollLeft: k , scrollRight: C  }, R] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), k = _react.useCallback(()=>{
-        const n = d.current;
-        n && n.scrollBy({
-            left: -n.clientWidth,
+    }), v = _react.useCallback(()=>{
+        const c = g.current;
+        c && c.scrollBy({
+            left: -c.clientWidth,
             behavior: "smooth"
         });
-    }, []), L = _react.useCallback(()=>{
-        const n = d.current;
-        n && n.scrollBy({
-            left: n.clientWidth,
+    }, []), P = _react.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;
+    }, []), F = C !== 0, T = k !== 0, M = g.current ? Math.floor((k + g.current.clientWidth / 2) / g.current.clientWidth) : 0;
     _react.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({
+        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 = (0, _dom.listenResize)(n, b);
+            i(), c.addEventListener("scroll", i);
+            const x = (0, _dom.listenResize)(c, i);
             return ()=>{
-                n.removeEventListener("scroll", b), N();
+                c.removeEventListener("scroll", i), x();
             };
         }
     }, [
         e.length
     ]);
-    const p = le(!!t, d);
+    const y = ce(!!t, g);
     return _react.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({
+        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
+        P,
+        C,
+        y
     ]), _react.useEffect(()=>{
-        o && o(C);
+        o && o(M);
     }, [
-        C,
+        M,
         o
-    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(Je, {
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)($e, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _carouselcssmistica.slideshowContainer
-        }, (0, _dom.getPrefixedDataAttributes)(u, "SlideShow")), {
+        }, (0, _dom.getPrefixedDataAttributes)(f, "SlideShow")), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                     isInverse: !1,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                         className: _carouselcssmistica.slideshowPrevArrowButton,
-                        "aria-label": P.carouselPrevButton,
-                        onPress: k,
-                        disabled: !F,
+                        "aria-label": b.carouselPrevButton,
+                        onPress: v,
+                        disabled: !T,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {})
                     })
                 }),
@@ -503,23 +510,23 @@ const le = (e, r)=>{
                     value: !1,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _carouselcssmistica.slideshow,
-                        ref: d,
-                        children: e.map((n, b)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        ref: g,
+                        children: e.map((c, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _carouselcssmistica.slideshowItem,
                                 style: {
-                                    scrollSnapStop: (0, _platform.isAndroid)(f) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platform.isAndroid)(d) ? "always" : "normal"
                                 },
-                                children: n
-                            }, b))
+                                children: c
+                            }, i))
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                     isInverse: !1,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                         className: _carouselcssmistica.slideshowNextArrowButton,
-                        "aria-label": P.carouselNextButton,
-                        onPress: L,
-                        disabled: !E,
+                        "aria-label": b.carouselNextButton,
+                        onPress: P,
+                        disabled: !F,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightregular.default, {})
                     })
                 }),
@@ -527,9 +534,9 @@ const le = (e, r)=>{
                     isInverse: m,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _carouselcssmistica.slideshowBullets,
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ie, {
                             numPages: e.length,
-                            currentIndex: C
+                            currentIndex: M
                         })
                     })
                 })

package/dist/checkbox.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     boxVariant: function() {
-        return n;
+        return v;
     },
     check: function() {
-        return v;
+        return n;
     },
     checkChecked: function() {
         return r;
@@ -30,8 +30,8 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./checkbox.css.ts.vanilla.css-mistica.js");
-var n = {
-    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
-    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
-    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30"
-}, v = "_1rz9b1a _1y2v1nfb7", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfb8", y = "_1rz9b13 _1rz9b11 _1y2v1nfb8", e = "_1rz9b1c";
+var v = {
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb7 _1y2v1nfbf _1y2v1nfbl _1y2v1nfbo _1y2v1nfe0 _1y2v1nf30",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb7 _1y2v1nfbf _1y2v1nfbl _1y2v1nfbo _1y2v1nfe0 _1y2v1nf30",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb7 _1y2v1nfbf _1y2v1nfbl _1y2v1nfbo _1y2v1nfe0 _1y2v1nf30"
+}, n = "_1rz9b1a _1y2v1nfb8", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfb9", y = "_1rz9b13 _1rz9b11 _1y2v1nfb9", e = "_1rz9b1c";

package/dist/chip.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return c;
     },
     chipInteractiveVariants: function() {
-        return t;
+        return f;
     },
     chipVariants: function() {
-        return f;
+        return t;
     },
     icon: function() {
         return y;
@@ -27,11 +27,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./chip.css.ts.vanilla.css-mistica.js");
-var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y", t = {
+var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdo _1y2v1nf5y", f = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
-}, f = {
-    default: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf31 _1y2v1nf1w",
-    overAlternative: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf38 _1y2v1nf1w",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf16 _1y2v1nf5k"
+}, t = {
+    default: "cc7htn1 _1y2v1nfb7 _1y2v1nfbf _1y2v1nfbl _1y2v1nfdn _1y2v1nf31 _1y2v1nf1w",
+    overAlternative: "cc7htn1 _1y2v1nfb7 _1y2v1nfbf _1y2v1nfbl _1y2v1nfdn _1y2v1nf38 _1y2v1nf1w",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb7 _1y2v1nfbf _1y2v1nfbl _1y2v1nfdn _1y2v1nf16 _1y2v1nf5k"
 }, y = "cc7htnd", _ = "cc7htne";