@telefonica/mistica 12.11.0 → 12.12.0

package/dist-es/carousel.js

@@ -109,39 +109,49 @@ function _unsupportedIterableToArray(o, minLen) {
     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();
+import J from "./generated/mistica-icons/icon-chevron-left-regular.js";
+import K from "./generated/mistica-icons/icon-chevron-right-regular.js";
+import { useScreenSize as Q, useTheme as X, useIsInViewport as de, useIsomorphicLayoutEffect as he } from "./hooks.js";
+import me from "./inline.js";
+import pe from "./stack.js";
+import { BaseTouchable as M } from "./touchable.js";
+import G from "classnames";
+import { useIsInverseVariant as ge, ThemeVariant as R } from "./theme-variant-context.js";
+import { DisableBorderRadiusProvider as ve } from "./image.js";
+import { listenResize as Z, getPrefixedDataAttributes as be } from "./utils/dom.js";
+import { isAndroid as ee } from "./utils/platform.js";
+import { useDocumentVisibility as Ie } from "./utils/document-visibility.js";
+import { slideshowContainer as Pe, slideshowPrevArrowButton as xe, slideshow as we, slideshowItem as Le, slideshowNextArrowButton as Se, slideshowBullets as Ne, bulletActiveInverse as Ae, bulletInverse as Ce, bulletActive as Re, bullet as Me, carouselContainer as ke, carouselPrevArrowButton as Be, carousel as Ee, centeredCarousel as ye, carouselWithScroll as Te, vars as C, carouselItem as We, carouselNextArrowButton as De, carouselBullets as Ve } from "./carousel.css-mistica.js";
+import { assignInlineVars as ze } from "@vanilla-extract/dynamic";
+import { sprinkles as Oe } from "./sprinkles.css-mistica.js";
+import { jsx as t, jsxs as q } from "./_virtual/jsx-runtime.js";
+var te = function(e, c) {
+    var l = Ie();
     return de(c, !1) && l && !!e;
-}, oe = function(param) {
+}, re = 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;
+    var r = ge(), ref = Q(), d = ref.isDesktopOrBigger, g = function(b) {
+        var n = b === e;
+        return r ? n ? Ae : Ce : n ? Re : Me;
     };
-    return /* @__PURE__ */ t(ve, {
-        space: h ? 16 : 8,
+    return /* @__PURE__ */ t(me, {
+        space: d ? 16 : 8,
         alignItems: "center",
+        dataAttributes: {
+            "component-name": "PageBullets"
+        },
         children: Array.from({
             length: c
-        }, function(I, n) {
-            return /* @__PURE__ */ t(pe, {
+        }, function(b, n) {
+            return /* @__PURE__ */ t(M, {
+                className: Oe({
+                    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__ */ t("div", {
@@ -150,7 +160,7 @@ var re = function(e, c) {
             }, n);
         })
     });
-}, Fe = function(e) {
+}, je = function(e) {
     var c = {
         mobile: 1,
         desktop: 3
@@ -159,53 +169,51 @@ var re = function(e, c) {
         mobile: e,
         desktop: e
     } : _objectSpread({}, c, e) : c;
-}, Ue = function(e) {
-    return typeof e == "number" ? {
+}, _e = function(e) {
+    return typeof e == "number" || e === void 0 ? {
         next: e,
         prev: e
     } : e;
-}, J = function(e, c) {
+}, H = function(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(e, c) {
+}, Fe = 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;
     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({
+}, oe = 5e3, se = function(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 = X(), w = ref.texts, B = ref.platformOverrides, o = je(b), u = _e(k), ref1 = Q(), x = ref1.isDesktopOrBigger, h = a.useRef(null), I = Math.floor(x ? o.desktop : o.mobile), v = Math.ceil(e.length / I), ref2 = _slicedToArray(a.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], E = ref3.scrollLeft, F = ref3.scrollRight, le = ref2[1], ref4 = _slicedToArray(a.useState([]), 2), U = ref4[0], ne = ref4[1], y = a.useMemo(function() {
+        return H(U, v);
     }, [
-        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,
+        U,
+        v
+    ]), T = n ? H(U, Math.ceil(e.length / n)) : y, ce = F !== 0, ie = E !== 0;
+    he(function() {
+        if (h.current) {
+            var s = h.current, i = function() {
+                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() {
-                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 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);
-            var m = ee(s, function() {
-                i(), u();
+            i(), f(), s.addEventListener("scroll", i);
+            var m = Z(s, function() {
+                i(), f();
             });
             return function() {
                 s.removeEventListener("scroll", i), m();
@@ -215,135 +223,137 @@ var re = function(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 = a.useCallback(function(s) {
+    var W = 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({
+        var f = h.current;
+        if (f) {
+            var m = y[s];
+            f.scrollTo({
                 left: m,
                 behavior: i ? "smooth" : "auto"
             });
         }
     }, [
-        T
-    ]), ue = a.useCallback(function() {
-        var s = d.current;
+        y
+    ]), ae = a.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 = a.useCallback(function() {
-        var s = d.current;
+        T
+    ]), $ = a.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);
     a.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
     ]), a.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);
     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;
+        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__ */ t(oe, {
-        numPages: b,
-        currentIndex: A,
-        onPress: y
-    })), /* @__PURE__ */ G(ge, {
+    return d ? D = d({
+        numPages: v,
+        currentIndex: N,
+        onPress: W
+    }) : r && (D = v > 1 && /* @__PURE__ */ t(re, {
+        numPages: v,
+        currentIndex: N,
+        onPress: W
+    })), /* @__PURE__ */ q(pe, {
         space: 24,
-        dataAttributes: _,
+        dataAttributes: _objectSpread({
+            "component-name": "Carousel"
+        }, _),
         children: [
-            /* @__PURE__ */ G("div", {
-                className: Te,
+            /* @__PURE__ */ q("div", {
+                className: ke,
                 children: [
                     /* @__PURE__ */ t(R, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ t(V, {
-                            className: ke,
+                        children: /* @__PURE__ */ t(M, {
+                            className: Be,
                             "aria-label": w.carouselPrevButton,
-                            onPress: ue,
-                            disabled: !ae,
-                            children: /* @__PURE__ */ t(Q, {})
+                            onPress: ae,
+                            disabled: !ie,
+                            children: /* @__PURE__ */ t(J, {})
                         })
                     }),
                     /* @__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"
+                        className: G(Ee, (_obj = {}, _defineProperty(_obj, ye, L), _defineProperty(_obj, Te, v > 1), _obj)),
+                        style: _objectSpreadProps(_objectSpread({}, ze(_objectSpread((_obj1 = {}, _defineProperty(_obj1, C.itemsPerPageDesktop, String(o.desktop)), _defineProperty(_obj1, C.itemsPerPageMobile, String(o.mobile)), _defineProperty(_obj1, C.mobilePageOffsetNext, u.next ? "".concat(u.next, "px") : ""), _defineProperty(_obj1, C.mobilePageOffsetPrev, u.prev ? "".concat(u.prev, "px") : ""), _obj1), P !== void 0 ? _defineProperty({}, C.gap, String(P)) : {}))), {
+                            scrollSnapType: j ? "initial" : "x mandatory"
                         }),
-                        ref: d,
+                        ref: h,
                         children: e.map(function(s, i) {
                             return /* @__PURE__ */ t("div", {
-                                className: H(Oe, l),
+                                className: G(We, l),
                                 style: _objectSpreadProps(_objectSpread({}, c), {
-                                    scrollSnapStop: te(M) ? "always" : "normal"
+                                    scrollSnapStop: ee(B) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: s
@@ -352,27 +362,27 @@ var re = function(e, c) {
                     }),
                     /* @__PURE__ */ t(R, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ t(V, {
-                            className: Ve,
+                        children: /* @__PURE__ */ t(M, {
+                            className: De,
                             "aria-label": w.carouselNextButton,
-                            onPress: U,
-                            disabled: !ie,
-                            children: /* @__PURE__ */ t(X, {})
+                            onPress: $,
+                            disabled: !ce,
+                            children: /* @__PURE__ */ t(K, {})
                         })
                     })
                 ]
             }),
-            W && /* @__PURE__ */ t("div", {
-                className: ze,
-                children: W
+            D && /* @__PURE__ */ t("div", {
+                className: Ve,
+                children: D
             })
         ]
     });
-}, 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, {
+}, lt = function(e) {
+    return /* @__PURE__ */ t(se, _objectSpread({}, e));
+}, nt = function(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__ */ t(se, {
         items: e,
         itemStyle: c,
         itemClassName: l,
@@ -385,116 +395,116 @@ var re = function(e, c) {
         mobilePageOffset: 0,
         gap: 0,
         withBullets: r,
-        renderBullets: h,
+        renderBullets: d,
         initialActiveItem: g,
-        onPageChange: I,
+        onPageChange: b,
         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({
+}, ct = function(param) {
+    var e = param.items, c = param.withBullets, l = param.autoplay, r = param.onPageChange, d = param.dataAttributes;
+    var ref = X(), g = ref.texts, b = ref.platformOverrides, n = a.useRef(null), ref1 = _slicedToArray(a.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref2 = ref1[0], C = ref2.scrollLeft, p = ref2.scrollRight, z = ref1[1], S = a.useCallback(function() {
+    }), 2), ref2 = ref1[0], k = ref2.scrollLeft, P = ref2.scrollRight, j = ref1[1], L = a.useCallback(function() {
         var o = n.current;
         o && o.scrollBy({
             left: -o.clientWidth,
             behavior: "smooth"
         });
-    }, []), v = a.useCallback(function() {
+    }, []), p = a.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;
     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
+            var u = function() {
+                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 = ee(o, f);
+            u(), o.addEventListener("scroll", u);
+            var x = Z(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 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({
+        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
     ]), a.useEffect(function() {
         r && r(w);
     }, [
         w,
         r
-    ]), /* @__PURE__ */ G("div", _objectSpreadProps(_objectSpread({
-        className: Le
-    }, Pe(h)), {
+    ]), /* @__PURE__ */ q("div", _objectSpreadProps(_objectSpread({
+        className: Pe
+    }, be(d, "SlideShow")), {
         children: [
             /* @__PURE__ */ t(R, {
                 isInverse: !1,
-                children: /* @__PURE__ */ t(V, {
-                    className: Se,
+                children: /* @__PURE__ */ t(M, {
+                    className: xe,
                     "aria-label": g.carouselPrevButton,
-                    onPress: S,
+                    onPress: L,
                     disabled: !_,
-                    children: /* @__PURE__ */ t(Q, {})
+                    children: /* @__PURE__ */ t(J, {})
                 })
             }),
-            /* @__PURE__ */ t(Ie, {
+            /* @__PURE__ */ t(ve, {
                 children: /* @__PURE__ */ t("div", {
                     className: we,
                     ref: n,
-                    children: e.map(function(o, f) {
+                    children: e.map(function(o, u) {
                         return /* @__PURE__ */ t("div", {
-                            className: Ne,
+                            className: Le,
                             style: {
-                                scrollSnapStop: te(I) ? "always" : "normal"
+                                scrollSnapStop: ee(b) ? "always" : "normal"
                             },
                             children: o
-                        }, f);
+                        }, u);
                     })
                 })
             }),
             /* @__PURE__ */ t(R, {
                 isInverse: !1,
-                children: /* @__PURE__ */ t(V, {
-                    className: Ae,
+                children: /* @__PURE__ */ t(M, {
+                    className: Se,
                     "aria-label": g.carouselNextButton,
-                    onPress: v,
-                    disabled: !N,
-                    children: /* @__PURE__ */ t(X, {})
+                    onPress: p,
+                    disabled: !S,
+                    children: /* @__PURE__ */ t(K, {})
                 })
             }),
             c && e.length > 1 && /* @__PURE__ */ t(R, {
                 isInverse: !0,
                 children: /* @__PURE__ */ t("div", {
-                    className: Ee,
-                    children: /* @__PURE__ */ t(oe, {
+                    className: Ne,
+                    children: /* @__PURE__ */ t(re, {
                         numPages: e.length,
                         currentIndex: w
                     })
@@ -503,4 +513,4 @@ var re = function(e, c) {
         ]
     }));
 };
-export { nt as Carousel, ct as CenteredCarousel, oe as PageBullets, it as Slideshow };
+export { lt as Carousel, nt as CenteredCarousel, re as PageBullets, ct as Slideshow };

package/dist-es/checkbox.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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";
-export { f as boxVariant, n as check, r as checkChecked, y as checkboxContainer, b as disabled };
+    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";
+export { f as boxVariant, n as check, y as checkChecked, r as checkboxContainer, b as disabled };

package/dist-es/checkbox.js

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

package/dist-es/chip.css-mistica.js

@@ -4,7 +4,7 @@ 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";
 export { t as chipInteractiveVariants, v as chipVariants, a as icon, f as iconActive };