@telefonica/mistica 12.11.0 → 12.12.0

package/dist/carousel.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     Carousel: function() {
-        return nt;
+        return lt;
     },
     CenteredCarousel: function() {
-        return ct;
+        return nt;
     },
     PageBullets: function() {
-        return oe;
+        return re;
     },
     Slideshow: function() {
-        return it;
+        return ct;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -28,7 +28,7 @@ var _iconChevronRightRegularJs = /*#__PURE__*/ _interopRequireDefault(require(".
 var _hooksJs = require("./hooks.js");
 var _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
 var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-var _touchableJs = /*#__PURE__*/ _interopRequireWildcard(require("./touchable.js"));
+var _touchableJs = require("./touchable.js");
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
 var _themeVariantContextJs = require("./theme-variant-context.js");
 var _imageJs = require("./image.js");
@@ -37,6 +37,7 @@ var _platformJs = require("./utils/platform.js");
 var _documentVisibilityJs = require("./utils/document-visibility.js");
 var _carouselCssMisticaJs = require("./carousel.css-mistica.js");
 var _dynamic = require("@vanilla-extract/dynamic");
+var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -192,24 +193,33 @@ 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);
 }
-var re = function re(e, c) {
+var te = function te(e, c) {
     var l = (0, _documentVisibilityJs.useDocumentVisibility)();
     return (0, _hooksJs.useIsInViewport)(c, !1) && l && !!e;
-}, oe = function oe(param) {
+}, re = function re(param) {
     var e = param.currentIndex, c = param.numPages, l = param.onPress;
-    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useScreenSize)(), h = ref.isDesktopOrBigger, g = function g(I) {
-        var n = I === e;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useScreenSize)(), d = ref.isDesktopOrBigger, g = function g(b) {
+        var n = b === e;
         return r ? n ? _carouselCssMisticaJs.bulletActiveInverse : _carouselCssMisticaJs.bulletInverse : n ? _carouselCssMisticaJs.bulletActive : _carouselCssMisticaJs.bullet;
     };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
-        space: h ? 16 : 8,
+        space: d ? 16 : 8,
         alignItems: "center",
+        dataAttributes: {
+            "component-name": "PageBullets"
+        },
         children: Array.from({
             length: c
-        }, function(I, n) {
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+        }, function(b, n) {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
+                className: (0, _sprinklesCssMisticaJs.sprinkles)({
+                    display: "block",
+                    padding: 0,
+                    border: "none",
+                    background: "transparent"
+                }),
                 maybe: !0,
-                onPress: h && l ? function() {
+                onPress: d && l ? function() {
                     return l(n);
                 } : void 0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -218,7 +228,7 @@ var re = function re(e, c) {
             }, n);
         })
     });
-}, Fe = function Fe(e) {
+}, je = function je(e) {
     var c = {
         mobile: 1,
         desktop: 3
@@ -227,53 +237,51 @@ var re = function re(e, c) {
         mobile: e,
         desktop: e
     } : _objectSpread({}, c, e) : c;
-}, Ue = function Ue(e) {
-    return typeof e == "number" ? {
+}, _e = function _e(e) {
+    return typeof e == "number" || e === void 0 ? {
         next: e,
         prev: e
     } : e;
-}, J = function J(e, c) {
+}, H = function H(e, c) {
     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]);
+    for(var d = 0; d < e.length; d += l)r.push(e[d]);
     return r[r.length - 1] = e[e.length - l], r;
-}, qe = function qe(e, c) {
+}, Fe = function Fe(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;
     return 0;
-}, se = 5e3, le = function le(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 = (0, _hooksJs.useTheme)(), w = ref.texts, M = ref.platformOverrides, o = Fe(I), f = Ue(C), ref1 = (0, _hooksJs.useScreenSize)(), P = ref1.isDesktopOrBigger, d = _react.useRef(null), x = Math.floor(P ? o.desktop : o.mobile), b = Math.ceil(e.length / x), ref2 = _slicedToArray(_react.useState({
+}, oe = 5e3, se = function se(param) {
+    var e = param.items, c = param.itemStyle, l = param.itemClassName, r = param.withBullets, d = param.renderBullets, g = param.initialActiveItem, b = param.itemsPerPage, n = param.itemsToScroll, k = param.mobilePageOffset, P = param.gap, j = param.free, L = param.centered, p = param.autoplay, S = param.onPageChange, _ = param.dataAttributes;
+    var ref = (0, _hooksJs.useTheme)(), w = ref.texts, B = ref.platformOverrides, o = je(b), u = _e(k), ref1 = (0, _hooksJs.useScreenSize)(), x = ref1.isDesktopOrBigger, h = _react.useRef(null), I = Math.floor(x ? o.desktop : o.mobile), v = Math.ceil(e.length / I), ref2 = _slicedToArray(_react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref3 = ref2[0], B = ref3.scrollLeft, j = ref3.scrollRight, ne = ref2[1], ref4 = _slicedToArray(_react.useState([]), 2), F = ref4[0], ce = ref4[1], T = _react.useMemo(function() {
-        return J(F, b);
+    }), 2), ref3 = ref2[0], E = ref3.scrollLeft, F = ref3.scrollRight, le = ref2[1], ref4 = _slicedToArray(_react.useState([]), 2), U = ref4[0], ne = ref4[1], y = _react.useMemo(function() {
+        return H(U, v);
     }, [
-        F,
-        b
-    ]), k = n ? J(F, Math.ceil(e.length / n)) : T, ie = j !== 0, ae = B !== 0;
+        U,
+        v
+    ]), T = n ? H(U, Math.ceil(e.length / n)) : y, ce = F !== 0, ie = E !== 0;
     (0, _hooksJs.useIsomorphicLayoutEffect)(function() {
-        if (d.current) {
-            var s = d.current, i = function i() {
-                var D = s.scrollWidth, q = s.clientWidth, L = Math.round(s.scrollLeft), O = Math.round(D - (L + q));
-                ne({
-                    scrollLeft: L,
+        if (h.current) {
+            var s = h.current, i = function i() {
+                var V = s.scrollWidth, A = s.clientWidth, z = Math.round(s.scrollLeft), O = Math.round(V - (z + A));
+                le({
+                    scrollLeft: z,
                     scrollRight: O
                 });
-            }, u = function u() {
-                var D = s.scrollWidth - s.clientWidth, q = function q(L) {
-                    return S || L === 0 ? 0 : P ? -(p != null ? p : _carouselCssMisticaJs.DEFAULT_DESKTOP_GAP) : 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 f() {
+                var V = s.scrollWidth - s.clientWidth;
+                ne(Array.from(s.querySelectorAll("[data-item]")).map(function(A, z) {
+                    if (z === e.length - 1) return V;
+                    var O = A.offsetLeft, ue = parseInt(getComputedStyle(A).scrollMargin), fe = L && !x ? O - A.clientWidth / 2 : O;
+                    return Math.min(fe - ue - s.offsetLeft, V);
                 }));
             };
-            i(), u(), s.addEventListener("scroll", i);
+            i(), f(), s.addEventListener("scroll", i);
             var m = (0, _domJs.listenResize)(s, function() {
-                i(), u();
+                i(), f();
             });
             return function() {
                 s.removeEventListener("scroll", i), m();
@@ -283,110 +291,112 @@ var re = function re(e, c) {
     }, [
         o.desktop,
         o.mobile,
-        f.next,
-        f.prev,
-        b,
-        p,
-        S,
+        u.next,
+        u.prev,
+        v,
         P,
+        L,
+        x,
         e.length
     ]);
-    var y = _react.useCallback(function(s) {
+    var W = _react.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({
+        var f = h.current;
+        if (f) {
+            var m = y[s];
+            f.scrollTo({
                 left: m,
                 behavior: i ? "smooth" : "auto"
             });
         }
     }, [
-        T
-    ]), ue = _react.useCallback(function() {
-        var s = d.current;
+        y
+    ]), ae = _react.useCallback(function() {
+        var s = h.current;
         if (s) {
-            var i = s.scrollLeft, u = _toConsumableArray(k).reverse().find(function(m) {
+            var i = s.scrollLeft, f = _toConsumableArray(T).reverse().find(function(m) {
                 return m - i < -1;
             });
             s.scrollTo({
-                left: u,
+                left: f,
                 behavior: "smooth"
             });
         }
     }, [
-        k
-    ]), U = _react.useCallback(function() {
-        var s = d.current;
+        T
+    ]), $ = _react.useCallback(function() {
+        var s = h.current;
         if (s) {
-            var i = s.scrollLeft, u = k.find(function(m) {
+            var i = s.scrollLeft, f = T.find(function(m) {
                 return m - i > 1;
             });
             s.scrollTo({
-                left: u,
+                left: f,
                 behavior: "smooth"
             });
         }
     }, [
-        k
-    ]), K = re(!!v, d);
+        T
+    ]), Y = te(!!p, h);
     _react.useEffect(function() {
-        g !== void 0 && y(Math.floor(g / x), !1);
+        g !== void 0 && W(Math.floor(g / I), !1);
     }, [
         g,
-        y,
-        x
+        W,
+        I
     ]), _react.useEffect(function() {
-        if (K && v) {
-            var s = typeof v == "boolean" ? se : v.time, i = typeof v == "object" && v.loop, u = setInterval(function() {
+        if (Y && p) {
+            var s = typeof p == "boolean" ? oe : p.time, i = typeof p == "object" && p.loop, f = setInterval(function() {
                 var m;
-                j !== 0 ? U() : i && ((m = d.current) == null || m.scrollTo({
+                F !== 0 ? $() : i && ((m = h.current) == null || m.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
             }, s);
             return function() {
-                return clearInterval(u);
+                return clearInterval(f);
             };
         }
     }, [
-        v,
-        U,
-        j,
-        K
+        p,
+        $,
+        F,
+        Y
     ]);
-    var A = qe(B, T);
+    var N = Fe(E, y);
     _react.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;
+        if (S) {
+            var s = Math.min((N + 1) * I - 1, e.length - 1), i = [];
+            for(var f = 0; f < I; f++){
+                var m = s - f;
                 m >= 0 && i.unshift(m);
             }
-            N({
-                pageIndex: A,
+            S({
+                pageIndex: N,
                 shownItemIndexes: i
             });
         }
     }, [
-        A,
+        N,
         e.length,
-        x,
-        N
+        I,
+        S
     ]);
-    var W = null;
+    var D = null;
     var _obj, _obj1;
-    return h ? W = h({
-        numPages: b,
-        currentIndex: A,
-        onPress: y
-    }) : r && (W = b > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(oe, {
-        numPages: b,
-        currentIndex: A,
-        onPress: y
+    return d ? D = d({
+        numPages: v,
+        currentIndex: N,
+        onPress: W
+    }) : r && (D = v > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(re, {
+        numPages: v,
+        currentIndex: N,
+        onPress: W
     })), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
         space: 24,
-        dataAttributes: _,
+        dataAttributes: _objectSpread({
+            "component-name": "Carousel"
+        }, _),
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                 className: _carouselCssMisticaJs.carouselContainer,
@@ -396,22 +406,22 @@ var re = function re(e, c) {
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                             className: _carouselCssMisticaJs.carouselPrevArrowButton,
                             "aria-label": w.carouselPrevButton,
-                            onPress: ue,
-                            disabled: !ae,
+                            onPress: ae,
+                            disabled: !ie,
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronLeftRegularJs.default, {})
                         })
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                        className: (0, _classnames.default)(_carouselCssMisticaJs.carousel, (_obj = {}, _defineProperty(_obj, _carouselCssMisticaJs.centeredCarousel, S), _defineProperty(_obj, _carouselCssMisticaJs.carouselWithScroll, b > 1), _obj)),
-                        style: _objectSpreadProps(_objectSpread({}, (0, _dynamic.assignInlineVars)(_objectSpread((_obj1 = {}, _defineProperty(_obj1, _carouselCssMisticaJs.vars.itemsPerPageDesktop, String(o.desktop)), _defineProperty(_obj1, _carouselCssMisticaJs.vars.itemsPerPageMobile, String(o.mobile)), _defineProperty(_obj1, _carouselCssMisticaJs.vars.mobilePageOffsetNext, String(f.next)), _defineProperty(_obj1, _carouselCssMisticaJs.vars.mobilePageOffsetPrev, String(f.prev)), _obj1), p !== void 0 ? _defineProperty({}, _carouselCssMisticaJs.vars.gap, String(p)) : {}))), {
-                            scrollSnapType: z ? "initial" : "x mandatory"
+                        className: (0, _classnames.default)(_carouselCssMisticaJs.carousel, (_obj = {}, _defineProperty(_obj, _carouselCssMisticaJs.centeredCarousel, L), _defineProperty(_obj, _carouselCssMisticaJs.carouselWithScroll, v > 1), _obj)),
+                        style: _objectSpreadProps(_objectSpread({}, (0, _dynamic.assignInlineVars)(_objectSpread((_obj1 = {}, _defineProperty(_obj1, _carouselCssMisticaJs.vars.itemsPerPageDesktop, String(o.desktop)), _defineProperty(_obj1, _carouselCssMisticaJs.vars.itemsPerPageMobile, String(o.mobile)), _defineProperty(_obj1, _carouselCssMisticaJs.vars.mobilePageOffsetNext, u.next ? "".concat(u.next, "px") : ""), _defineProperty(_obj1, _carouselCssMisticaJs.vars.mobilePageOffsetPrev, u.prev ? "".concat(u.prev, "px") : ""), _obj1), P !== void 0 ? _defineProperty({}, _carouselCssMisticaJs.vars.gap, String(P)) : {}))), {
+                            scrollSnapType: j ? "initial" : "x mandatory"
                         }),
-                        ref: d,
+                        ref: h,
                         children: e.map(function(s, i) {
                             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                                 className: (0, _classnames.default)(_carouselCssMisticaJs.carouselItem, l),
                                 style: _objectSpreadProps(_objectSpread({}, c), {
-                                    scrollSnapStop: (0, _platformJs.isAndroid)(M) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platformJs.isAndroid)(B) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: s
@@ -423,24 +433,24 @@ var re = function re(e, c) {
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                             className: _carouselCssMisticaJs.carouselNextArrowButton,
                             "aria-label": w.carouselNextButton,
-                            onPress: U,
-                            disabled: !ie,
+                            onPress: $,
+                            disabled: !ce,
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronRightRegularJs.default, {})
                         })
                     })
                 ]
             }),
-            W && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            D && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: _carouselCssMisticaJs.carouselBullets,
-                children: W
+                children: D
             })
         ]
     });
-}, nt = function nt(e) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(le, _objectSpread({}, e));
-}, ct = function ct(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__ */ (0, _jsxRuntimeJs.jsx)(le, {
+}, lt = function lt(e) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(se, _objectSpread({}, e));
+}, nt = function nt(param) {
+    var e = param.items, c = param.itemStyle, l = param.itemClassName, r = param.withBullets, d = param.renderBullets, g = param.initialActiveItem, b = param.onPageChange, n = param.dataAttributes;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(se, {
         items: e,
         itemStyle: c,
         itemClassName: l,
@@ -453,67 +463,67 @@ var re = function re(e, c) {
         mobilePageOffset: 0,
         gap: 0,
         withBullets: r,
-        renderBullets: h,
+        renderBullets: d,
         initialActiveItem: g,
-        onPageChange: I,
+        onPageChange: b,
         dataAttributes: n
     });
-}, it = function it(param) {
-    var e = param.items, c = param.withBullets, l = param.autoplay, r = param.onPageChange, h = param.dataAttributes;
-    var ref = (0, _hooksJs.useTheme)(), g = ref.texts, I = ref.platformOverrides, n = _react.useRef(null), ref1 = _slicedToArray(_react.useState({
+}, ct = function ct(param) {
+    var e = param.items, c = param.withBullets, l = param.autoplay, r = param.onPageChange, d = param.dataAttributes;
+    var ref = (0, _hooksJs.useTheme)(), g = ref.texts, b = ref.platformOverrides, n = _react.useRef(null), ref1 = _slicedToArray(_react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref2 = ref1[0], C = ref2.scrollLeft, p = ref2.scrollRight, z = ref1[1], S = _react.useCallback(function() {
+    }), 2), ref2 = ref1[0], k = ref2.scrollLeft, P = ref2.scrollRight, j = ref1[1], L = _react.useCallback(function() {
         var o = n.current;
         o && o.scrollBy({
             left: -o.clientWidth,
             behavior: "smooth"
         });
-    }, []), v = _react.useCallback(function() {
+    }, []), p = _react.useCallback(function() {
         var o = n.current;
         o && o.scrollBy({
             left: o.clientWidth,
             behavior: "smooth"
         });
-    }, []), N = p !== 0, _ = C !== 0, w = n.current ? Math.floor((C + n.current.clientWidth / 2) / n.current.clientWidth) : 0;
+    }, []), S = P !== 0, _ = k !== 0, w = n.current ? Math.floor((k + n.current.clientWidth / 2) / n.current.clientWidth) : 0;
     _react.useLayoutEffect(function() {
         var o = n.current;
         if (o) {
-            var f = function f() {
-                var d = o.scrollWidth, x = o.clientWidth, b = Math.round(o.scrollLeft), B = Math.round(d - (b + x));
-                z({
-                    scrollLeft: b,
-                    scrollRight: B
+            var u = function u() {
+                var h = o.scrollWidth, I = o.clientWidth, v = Math.round(o.scrollLeft), E = Math.round(h - (v + I));
+                j({
+                    scrollLeft: v,
+                    scrollRight: E
                 });
             };
-            f(), o.addEventListener("scroll", f);
-            var P = (0, _domJs.listenResize)(o, f);
+            u(), o.addEventListener("scroll", u);
+            var x = (0, _domJs.listenResize)(o, u);
             return function() {
-                o.removeEventListener("scroll", f), P();
+                o.removeEventListener("scroll", u), x();
             };
         }
     }, [
         e.length
     ]);
-    var M = re(!!l, n);
+    var B = te(!!l, n);
     return _react.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({
+        if (B && l) {
+            var o = typeof l == "boolean" ? oe : l.time, u = typeof l == "object" && l.loop, x = setInterval(function() {
+                var h;
+                P !== 0 ? p() : u && ((h = n.current) == null || h.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
             }, o);
             return function() {
-                return clearInterval(P);
+                return clearInterval(x);
             };
         }
     }, [
         l,
-        v,
         p,
-        M
+        P,
+        B
     ]), _react.useEffect(function() {
         r && r(w);
     }, [
@@ -521,14 +531,14 @@ var re = function re(e, c) {
         r
     ]), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
         className: _carouselCssMisticaJs.slideshowContainer
-    }, (0, _domJs.getPrefixedDataAttributes)(h)), {
+    }, (0, _domJs.getPrefixedDataAttributes)(d, "SlideShow")), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
                 isInverse: !1,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                     className: _carouselCssMisticaJs.slideshowPrevArrowButton,
                     "aria-label": g.carouselPrevButton,
-                    onPress: S,
+                    onPress: L,
                     disabled: !_,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronLeftRegularJs.default, {})
                 })
@@ -537,14 +547,14 @@ var re = function re(e, c) {
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _carouselCssMisticaJs.slideshow,
                     ref: n,
-                    children: e.map(function(o, f) {
+                    children: e.map(function(o, u) {
                         return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                             className: _carouselCssMisticaJs.slideshowItem,
                             style: {
-                                scrollSnapStop: (0, _platformJs.isAndroid)(I) ? "always" : "normal"
+                                scrollSnapStop: (0, _platformJs.isAndroid)(b) ? "always" : "normal"
                             },
                             children: o
-                        }, f);
+                        }, u);
                     })
                 })
             }),
@@ -553,8 +563,8 @@ var re = function re(e, c) {
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                     className: _carouselCssMisticaJs.slideshowNextArrowButton,
                     "aria-label": g.carouselNextButton,
-                    onPress: v,
-                    disabled: !N,
+                    onPress: p,
+                    disabled: !S,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronRightRegularJs.default, {})
                 })
             }),
@@ -562,7 +572,7 @@ var re = function re(e, c) {
                 isInverse: !0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _carouselCssMisticaJs.slideshowBullets,
-                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(oe, {
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(re, {
                         numPages: e.length,
                         currentIndex: w
                     })

package/dist/checkbox.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return n;
     },
     checkChecked: function() {
-        return r;
+        return y;
     },
     checkboxContainer: function() {
-        return y;
+        return r;
     },
     disabled: function() {
         return b;
@@ -28,7 +28,7 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.js");
 require("./checkbox.css.ts.vanilla.js");
 var f = {
-    ios: "_1rz9b14 _1rz9b13 _1y2v1nf7c _1y2v1nf7k _1y2v1nf7q _1y2v1nf7t _1y2v1nfbb _1y2v1nf2f",
-    rest: "_1rz9b15 _1rz9b13 _1y2v1nf7c _1y2v1nf7k _1y2v1nf7q _1y2v1nf7t _1y2v1nfbb _1y2v1nf2f",
-    checked: "_1rz9b16 _1rz9b13 _1y2v1nf7c _1y2v1nf7k _1y2v1nf7q _1y2v1nf7t _1y2v1nfbb _1y2v1nf2f"
-}, n = "_1rz9b18 _1y2v1nf7d", r = "_1rz9b19", y = "_1rz9b11 _1y2v1nf7e", b = "_1rz9b1a";
+    ios: "_1rz9b14 _1rz9b13 _1y2v1nf4z _1y2v1nf57 _1y2v1nf5d _1y2v1nf5g _1y2v1nf8y _1y2v1nf2f",
+    rest: "_1rz9b15 _1rz9b13 _1y2v1nf4z _1y2v1nf57 _1y2v1nf5d _1y2v1nf5g _1y2v1nf8y _1y2v1nf2f",
+    checked: "_1rz9b16 _1rz9b13 _1y2v1nf4z _1y2v1nf57 _1y2v1nf5d _1y2v1nf5g _1y2v1nf8y _1y2v1nf2f"
+}, n = "_1rz9b18 _1y2v1nf50", y = "_1rz9b19", r = "_1rz9b11 _1y2v1nf51", b = "_1rz9b1a";

package/dist/checkbox.js

@@ -212,7 +212,7 @@ var V = function V(param) {
         "aria-label": t,
         "aria-labelledby": t ? void 0 : l,
         "aria-disabled": d
-    }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes)), {
+    }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes, "Checkbox")), {
         children: e.render ? e.render({
             controlElement: m,
             labelId: l,

package/dist/chip.css-mistica.js

@@ -28,6 +28,6 @@ var t = {
     light: "cc7htn8 cc7htn7",
     dark: "cc7htn9 cc7htn7"
 }, v = {
-    default: "cc7htn1 _1y2v1nf7c _1y2v1nf7k _1y2v1nf7q _1y2v1nfb8 _1y2v1nf4u _1y2v1nf1i",
-    active: "cc7htn6 cc7htn2 cc7htn1 _1y2v1nf7c _1y2v1nf7k _1y2v1nf7q _1y2v1nfb8 _1y2v1nfu _1y2v1nf6z"
+    default: "cc7htn1 _1y2v1nf4z _1y2v1nf57 _1y2v1nf5d _1y2v1nf8v _1y2v1nf2g _1y2v1nf1i",
+    active: "cc7htn6 cc7htn2 cc7htn1 _1y2v1nf4z _1y2v1nf57 _1y2v1nf5d _1y2v1nf8v _1y2v1nfu _1y2v1nf4l"
 }, a = "cc7htna", f = "cc7htnb";

package/dist/chip.d.ts

@@ -1,22 +1,18 @@
 import * as React from 'react';
-import type { IconProps } from './utils/types';
-interface ChipBaseProps {
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes, IconProps } from './utils/types';
+interface SimpleChipProps {
     children: string;
     Icon?: React.FC<IconProps>;
     id?: string;
+    dataAttributes?: DataAttributes;
 }
-interface SimpleChipProps extends ChipBaseProps {
-    onClose?: undefined;
-    active?: undefined;
-}
-interface ClosableChipProps extends ChipBaseProps {
+interface ClosableChipProps extends SimpleChipProps {
     onClose: () => void;
-    active?: undefined;
 }
-interface ToggleChipProps extends ChipBaseProps {
+interface ToggleChipProps extends SimpleChipProps {
     active: boolean;
-    onClose?: undefined;
 }
-declare type ChipProps = SimpleChipProps | ClosableChipProps | ToggleChipProps;
+declare type ChipProps = ExclusifyUnion<SimpleChipProps | ClosableChipProps | ToggleChipProps>;
 declare const Chip: React.FC<ChipProps>;
 export default Chip;