@telefonica/mistica 15.9.0 → 15.11.0

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

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
-var y = "_1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3 _1y2v1nf4y", f = "_1abcu72 _1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3 _1y2v1nf4z", u = "_1abcu72 _1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3 _1y2v1nf5i", e = "_1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", b = "_1abcu78 _1abcu75 _1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", r = "_1abcu76 _1abcu75 _1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", c = "_1abcu77 _1abcu75 _1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", t = "_1abcu7b _1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3", l = "_1abcu7s _1abcu7h _1y2v1nfhk _1y2v1nfj4", o = "_1abcu712 _1y2v1nfhk _1y2v1nfht _1y2v1nf7y", i = "_1y2v1nfhd _1y2v1nfjh _1y2v1nfhe", s = "_1abcu7w", h = "_1abcu710 _1abcu7y _1abcu7j _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf", k = "_1abcu7z _1abcu7y _1abcu7j _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf", m = "_1abcu7t", d = "_1abcu7u", B = "_1abcu7v", w = "_1abcu713", p = "_1abcu715", P = "_1abcu714", j = "_1abcu717 _1abcu7h _1y2v1nfhk _1y2v1nfj4", z = "_1abcu71f _1y2v1nfhf _1y2v1nfm7 _1y2v1nfhk _1y2v1nfht _1y2v1nfi7", A = "_1y2v1nfhe", C = "_1abcu719 _1y2v1nfi7 _1y2v1nfi2", g = "_1abcu71d _1abcu7y _1abcu7j _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf _1y2v1nfls", q = "_1abcu71b _1abcu7y _1abcu7j _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf _1y2v1nfld", I = {
-    itemsPerPageMobile: "var(--_1abcu7m)",
-    itemsPerPageTablet: "var(--_1abcu7n)",
-    itemsPerPageDesktop: "var(--_1abcu7o)",
-    gap: "var(--_1abcu7p)",
-    mobilePageOffset: "var(--_1abcu7q)"
+var f = "_1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3 _1y2v1nf4y", y = "_1abcu72 _1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3 _1y2v1nf4z", u = "_1abcu72 _1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3 _1y2v1nf5i", e = "_1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", b = "_1abcu78 _1abcu75 _1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", r = "_1abcu76 _1abcu75 _1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", c = "_1abcu77 _1abcu75 _1abcu74 _1y2v1nf7d _1y2v1nf8m _1y2v1nfaa _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nf7c", l = "_1abcu7b _1abcu71 _1y2v1nfic _1y2v1nfis _1y2v1nfk3", t = "_1abcu7u _1abcu7j _1y2v1nfhk _1y2v1nfj4", o = "_1abcu714 _1y2v1nfhk _1y2v1nfht _1y2v1nf7y", i = "_1y2v1nfhd _1y2v1nfjh _1y2v1nfhe", s = "_1abcu7y", h = "_1abcu712 _1abcu710 _1abcu7l _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf", k = "_1abcu711 _1abcu710 _1abcu7l _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf", m = "_1abcu7v", d = "_1abcu7w", B = "_1abcu7x", w = "_1abcu715", p = "_1abcu717", P = "_1abcu716", A = "_1abcu719 _1abcu7j _1y2v1nfhk _1y2v1nfj4", C = "_1abcu71h _1y2v1nfhf _1y2v1nfm7 _1y2v1nfhk _1y2v1nfht _1y2v1nfi7", g = "_1abcu7h _1y2v1nfhe", j = "_1abcu71b _1y2v1nfi7 _1y2v1nfi2", q = "_1abcu71f _1abcu710 _1abcu7l _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf _1y2v1nfls", z = "_1abcu71d _1abcu710 _1abcu7l _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3 _1y2v1nf3q _1y2v1nfii _1y2v1nfiy _1y2v1nfk1 _1y2v1nfhf _1y2v1nfld", x = "_1abcu7i", I = {
+    itemsPerPageMobile: "var(--_1abcu7o)",
+    itemsPerPageTablet: "var(--_1abcu7p)",
+    itemsPerPageDesktop: "var(--_1abcu7q)",
+    gap: "var(--_1abcu7r)",
+    mobilePageOffset: "var(--_1abcu7s)"
 };
-export { y as bullet, f as bulletActive, u as bulletActiveInverse, e as bulletButton, b as bulletButtonDesktop, r as bulletButtonMobile, c as bulletButtonTablet, t as bulletInverse, l as carousel, o as carouselBullets, i as carouselContainer, s as carouselItem, h as carouselNextArrowButton, k as carouselPrevArrowButton, m as carouselWithScrollMobile, d as carouselWithScrollTablet, B as centeredCarousel, w as noCarouselBulletsDesktop, p as noCarouselBulletsMobile, P as noCarouselBulletsTablet, j as slideshow, z as slideshowBullets, A as slideshowContainer, C as slideshowItem, g as slideshowNextArrowButton, q as slideshowPrevArrowButton, I as vars };
+export { f as bullet, y as bulletActive, u as bulletActiveInverse, e as bulletButton, b as bulletButtonDesktop, r as bulletButtonMobile, c as bulletButtonTablet, l as bulletInverse, t as carousel, o as carouselBullets, i as carouselContainer, s as carouselItem, h as carouselNextArrowButton, k as carouselPrevArrowButton, m as carouselWithScrollMobile, d as carouselWithScrollTablet, B as centeredCarousel, w as noCarouselBulletsDesktop, p as noCarouselBulletsMobile, P as noCarouselBulletsTablet, A as slideshow, C as slideshowBullets, g as slideshowContainer, j as slideshowItem, q as slideshowNextArrowButton, z as slideshowPrevArrowButton, x as slideshowWithBullets, I as vars };

package/dist-es/carousel.js

@@ -58,18 +58,18 @@ import ue from "./generated/mistica-icons/icon-chevron-left-regular.js";
 import fe from "./generated/mistica-icons/icon-chevron-right-regular.js";
 import { useScreenSize as de, useTheme as he, useIsInViewport as Ge } from "./hooks.js";
 import Oe from "./inline.js";
-import { BaseTouchable as _ } from "./touchable.js";
-import $ from "classnames";
-import { useIsInverseVariant as Ve, ThemeVariant as z } from "./theme-variant-context.js";
+import { BaseTouchable as j } from "./touchable.js";
+import z from "classnames";
+import { useIsInverseVariant as Ve, ThemeVariant as _ } from "./theme-variant-context.js";
 import { listenResize as me, getPrefixedDataAttributes as pe } from "./utils/dom.js";
 import { isAndroid as be, isIos as ze, isRunningAcceptanceTest as _e } from "./utils/platform.js";
 import { useDocumentVisibility as je } from "./utils/document-visibility.js";
-import { bulletButton as Fe, bulletButtonMobile as Ke, bulletButtonTablet as Ue, bulletButtonDesktop as Ye, slideshowContainer as qe, slideshowPrevArrowButton as Ze, slideshow as $e, slideshowItem as He, slideshowNextArrowButton as Je, slideshowBullets as Qe, bulletActiveInverse as Xe, bulletInverse as et, bulletActive as tt, bullet as ot, carouselContainer as st, carouselPrevArrowButton as rt, carousel as lt, centeredCarousel as nt, carouselWithScrollMobile as ct, carouselWithScrollTablet as at, vars as T, carouselItem as it, carouselNextArrowButton as ut, carouselBullets as ft, noCarouselBulletsDesktop as dt, noCarouselBulletsTablet as ht, noCarouselBulletsMobile as mt } from "./carousel.css-mistica.js";
-import { vars as pt } from "./image.css-mistica.js";
-import { useDesktopContainerType as bt } from "./desktop-container-type-context.js";
-import { VIVO_NEW_SKIN as gt } from "./skins/constants.js";
+import { bulletButton as Fe, bulletButtonMobile as Ke, bulletButtonTablet as Ue, bulletButtonDesktop as Ye, slideshowContainer as qe, slideshowWithBullets as Ze, slideshowPrevArrowButton as $e, slideshow as He, slideshowItem as Je, slideshowNextArrowButton as Qe, slideshowBullets as Xe, bulletActiveInverse as et, bulletInverse as tt, bulletActive as ot, bullet as st, carouselContainer as rt, carouselPrevArrowButton as lt, carousel as nt, centeredCarousel as ct, carouselWithScrollMobile as at, carouselWithScrollTablet as it, vars as T, carouselItem as ut, carouselNextArrowButton as ft, carouselBullets as dt, noCarouselBulletsDesktop as ht, noCarouselBulletsTablet as mt, noCarouselBulletsMobile as pt } from "./carousel.css-mistica.js";
+import { vars as bt } from "./image.css-mistica.js";
+import { useDesktopContainerType as gt } from "./desktop-container-type-context.js";
+import { VIVO_NEW_SKIN as vt } from "./skins/constants.js";
 import { applyCssVars as ge } from "./utils/css.js";
-import { ResetResponsiveLayout as vt } from "./responsive-layout.js";
+import { ResetResponsiveLayout as xt } from "./responsive-layout.js";
 const ve = (t, e)=>{
     const s = je();
     return Ge(e, !1) && s && !!t;
@@ -78,7 +78,7 @@ const ve = (t, e)=>{
     var _e_tablet;
     const r = Ve(), { isDesktopOrBigger: d } = de(), h = (i)=>{
         const u = i === t;
-        return r ? u ? Xe : et : u ? tt : ot;
+        return r ? u ? et : tt : u ? ot : st;
     }, w = typeof e == "number" ? e : Math.max(e.mobile, (_e_tablet = e.tablet) !== null && _e_tablet !== void 0 ? _e_tablet : e.mobile, e.desktop);
     return /* @__PURE__ */ n(Oe, {
         space: 0,
@@ -90,8 +90,8 @@ const ve = (t, e)=>{
             length: w
         }, (i, u)=>/* @__PURE__ */ {
             var _e_tablet;
-            return n(_, {
-                className: $(typeof e == "number" ? Fe : {
+            return n(j, {
+                className: z(typeof e == "number" ? Fe : {
                     [Ke]: u < e.mobile,
                     [Ue]: u < ((_e_tablet = e.tablet) !== null && _e_tablet !== void 0 ? _e_tablet : e.mobile),
                     [Ye]: u < e.desktop
@@ -117,7 +117,7 @@ const ve = (t, e)=>{
     goNext: Pe,
     goToPage: we,
     bulletsProps: Ie
-}), re = /*#__PURE__*/ o.createContext(null), Vt = (param)=>{
+}), re = /*#__PURE__*/ o.createContext(null), zt = (param)=>{
     let { children: t } = param;
     const [e, s] = o.useState(Ie), r = o.useRef(Ce), d = o.useRef(Pe), h = o.useRef(we), w = o.useMemo(()=>({
             goPrev: ()=>{
@@ -152,7 +152,7 @@ const ve = (t, e)=>{
             children: t
         })
     });
-}, zt = ()=>o.useContext(se), _t = se.Consumer, ae = (t, e, s)=>s ? typeof s == "number" ? s : s[t] || e[t] : e[t], xt = (t, e)=>{
+}, _t = ()=>o.useContext(se), jt = se.Consumer, ae = (t, e, s)=>s ? typeof s == "number" ? s : s[t] || e[t] : e[t], Ct = (t, e)=>{
     const s = {
         mobile: 1,
         tablet: 2,
@@ -179,34 +179,34 @@ const ve = (t, e)=>{
     const s = Math.ceil(t.length / e), r = [];
     for(let d = 0; d < t.length; d += s)r.push(t[d]);
     return r[r.length - 1] = t[t.length - s], r;
-}, Ct = (t, e)=>{
+}, Pt = (t, e)=>{
     const s = [];
     for(let r = 0; r < e.length; r++)r === 0 ? s.push(e[0]) : s.push((e[r] + e[r - 1]) / 2);
     for(let r = s.length - 1; r >= 0; r--)if (t - s[r] >= -1) return r;
     return 0;
 }, ke = 5e3, Me = (param)=>{
     let { items: t, itemStyle: e, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, itemsPerPage: w, itemsToScroll: i, mobilePageOffset: u, gap: C, free: b, centered: N, autoplay: x, onPageChange: y, dataAttributes: W } = param;
-    const { texts: I, platformOverrides: S, skinName: H } = he(), J = bt(), a = xt(J || "large", w), { isDesktopOrBigger: R, isTablet: A } = de(), j = A ? a.tablet : a.mobile, P = Math.max(Math.floor(R ? a.desktop : j), 1), l = o.useRef(null), m = Math.ceil(t.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(t.length / Math.max(Math.floor(a.tablet), 1)), k = Math.ceil(t.length / Math.max(Math.floor(a.desktop), 1)), E = Math.ceil(t.length / P), [{ scrollLeft: D, scrollRight: G }, Re] = o.useState({
+    const { texts: I, platformOverrides: S, skinName: H } = he(), J = gt(), a = Ct(J || "large", w), { isDesktopOrBigger: R, isTablet: A } = de(), F = A ? a.tablet : a.mobile, P = Math.max(Math.floor(R ? a.desktop : F), 1), l = o.useRef(null), m = Math.ceil(t.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(t.length / Math.max(Math.floor(a.tablet), 1)), k = Math.ceil(t.length / Math.max(Math.floor(a.desktop), 1)), E = Math.ceil(t.length / P), [{ scrollLeft: D, scrollRight: G }, Re] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [Q, Ee] = o.useState([]), F = o.useMemo(()=>ie(Q, E), [
+    }), [Q, Ee] = o.useState([]), K = o.useMemo(()=>ie(Q, E), [
         Q,
         E
-    ]), K = i ? ie(Q, Math.ceil(t.length / i)) : F, Be = G !== 0, Le = D !== 0;
+    ]), U = i ? ie(Q, Math.ceil(t.length / i)) : K, Be = G !== 0, Le = D !== 0;
     o.useEffect(()=>{
         if (l.current) {
             const c = l.current, f = ()=>{
-                const { scrollWidth: Y, clientWidth: V } = c, q = Math.round(c.scrollLeft), Z = Math.round(Y - (q + V));
+                const { scrollWidth: q, clientWidth: V } = c, Z = Math.round(c.scrollLeft), $ = Math.round(q - (Z + V));
                 Re({
-                    scrollLeft: q,
-                    scrollRight: Z
+                    scrollLeft: Z,
+                    scrollRight: $
                 });
             }, p = ()=>{
-                const Y = c.scrollWidth - c.clientWidth;
-                Ee(Array.from(c.querySelectorAll("[data-item]")).map((V, q)=>{
-                    if (q === t.length - 1) return Y;
-                    const Z = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = N && !R ? Z - V.clientWidth / 2 : Z;
-                    return Math.min(Ae - We - c.offsetLeft, Y);
+                const q = c.scrollWidth - c.clientWidth;
+                Ee(Array.from(c.querySelectorAll("[data-item]")).map((V, Z)=>{
+                    if (Z === t.length - 1) return q;
+                    const $ = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = N && !R ? $ - V.clientWidth / 2 : $;
+                    return Math.min(Ae - We - c.offsetLeft, q);
                 }));
             };
             f(), p(), c.addEventListener("scroll", f);
@@ -232,19 +232,19 @@ const ve = (t, e)=>{
         let f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const p = l.current;
         if (p) {
-            const g = F[c];
+            const g = K[c];
             p.scrollTo({
                 left: g,
                 behavior: f ? "smooth" : "auto"
             });
         }
     }, [
-        F
+        K
     ]), X = o.useCallback(()=>{
         const c = l.current;
         if (c) {
             const { scrollLeft: f } = c, p = [
-                ...K
+                ...U
             ].reverse().find((g)=>g - f < -1);
             c.scrollTo({
                 left: p,
@@ -252,18 +252,18 @@ const ve = (t, e)=>{
             });
         }
     }, [
-        K
+        U
     ]), O = o.useCallback(()=>{
         const c = l.current;
         if (c) {
-            const { scrollLeft: f } = c, p = K.find((g)=>g - f > 1);
+            const { scrollLeft: f } = c, p = U.find((g)=>g - f > 1);
             c.scrollTo({
                 left: p,
                 behavior: "smooth"
             });
         }
     }, [
-        K
+        U
     ]), le = ve(!!x, l);
     o.useEffect(()=>{
         h !== void 0 && B(Math.floor(h / P), !1);
@@ -288,7 +288,7 @@ const ve = (t, e)=>{
         G,
         le
     ]);
-    const M = Ct(D, F), ne = o.useRef(!h), ce = o.useRef(0);
+    const M = Pt(D, K), ne = o.useRef(!h), ce = o.useRef(0);
     o.useEffect(()=>{
         if (y) {
             const c = Math.min((M + 1) * P - 1, t.length - 1), f = [];
@@ -330,12 +330,12 @@ const ve = (t, e)=>{
         ee,
         B
     ]);
-    let U = null;
-    d ? U = d({
+    let Y = null;
+    d ? Y = d({
         numPages: E,
         currentIndex: M,
         onPress: B
-    }) : r && (U = /* @__PURE__ */ n(xe, _object_spread_props(_object_spread({}, ee), {
+    }) : r && (Y = /* @__PURE__ */ n(xe, _object_spread_props(_object_spread({}, ee), {
         onPress: B
     })));
     const Te = "64px", ye = "36px";
@@ -344,12 +344,12 @@ const ve = (t, e)=>{
     }, W))), {
         children: [
             /* @__PURE__ */ te("div", {
-                className: st,
+                className: rt,
                 children: [
-                    /* @__PURE__ */ n(z, {
+                    /* @__PURE__ */ n(_, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(_, {
-                            className: rt,
+                        children: /* @__PURE__ */ n(j, {
+                            className: lt,
                             "aria-label": I.carouselPrevButton,
                             onPress: X,
                             disabled: !Le,
@@ -357,10 +357,10 @@ const ve = (t, e)=>{
                         })
                     }),
                     /* @__PURE__ */ n("div", {
-                        className: $(lt, {
-                            [nt]: N,
-                            [ct]: m > 1,
-                            [at]: v > 1
+                        className: z(nt, {
+                            [ct]: N,
+                            [at]: m > 1,
+                            [it]: v > 1
                         }),
                         style: _object_spread_props(_object_spread({}, ge(_object_spread({
                             [T.itemsPerPageDesktop]: String(a.desktop),
@@ -368,7 +368,7 @@ const ve = (t, e)=>{
                             [T.itemsPerPageMobile]: String(a.mobile)
                         }, u === "large" ? {
                             [T.mobilePageOffset]: Te
-                        } : H === gt ? {
+                        } : H === vt ? {
                             [T.mobilePageOffset]: ye
                         } : {}, C !== void 0 ? {
                             [T.gap]: String(C)
@@ -383,7 +383,7 @@ const ve = (t, e)=>{
                         }),
                         ref: l,
                         children: t.map((c, f)=>/* @__PURE__ */ n("div", {
-                                className: $(it, s),
+                                className: z(ut, s),
                                 style: _object_spread_props(_object_spread({}, e), {
                                     scrollSnapStop: be(S) ? "always" : "normal"
                                 }),
@@ -391,10 +391,10 @@ const ve = (t, e)=>{
                                 children: c
                             }, f))
                     }),
-                    /* @__PURE__ */ n(z, {
+                    /* @__PURE__ */ n(_, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(_, {
-                            className: ut,
+                        children: /* @__PURE__ */ n(j, {
+                            className: ft,
                             "aria-label": I.carouselNextButton,
                             onPress: O,
                             disabled: !Be,
@@ -403,13 +403,13 @@ const ve = (t, e)=>{
                     })
                 ]
             }),
-            U && /* @__PURE__ */ n("div", {
-                className: $(ft, {
-                    [dt]: k <= 1,
-                    [ht]: v <= 1,
-                    [mt]: m <= 1
+            Y && /* @__PURE__ */ n("div", {
+                className: z(dt, {
+                    [ht]: k <= 1,
+                    [mt]: v <= 1,
+                    [pt]: m <= 1
                 }),
-                children: U
+                children: Y
             })
         ]
     }));
@@ -423,12 +423,12 @@ const ve = (t, e)=>{
             window.removeEventListener("resize", s);
         };
     }, []), t;
-}, jt = (t)=>{
+}, Ft = (t)=>{
     const e = Ne();
     return /* @__PURE__ */ /*#__PURE__*/ De(Me, _object_spread_props(_object_spread({}, t), {
         key: e
     }));
-}, Ft = (param)=>{
+}, Kt = (param)=>{
     let { items: t, itemStyle: e, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, onPageChange: w, dataAttributes: i } = param;
     const u = Ne();
     return /* @__PURE__ */ n(Me, {
@@ -449,7 +449,7 @@ const ve = (t, e)=>{
         onPageChange: w,
         dataAttributes: i
     }, u);
-}, Se = /*#__PURE__*/ o.createContext(void 0), Kt = ()=>o.useContext(Se), Ut = (param)=>{
+}, Se = /*#__PURE__*/ o.createContext(void 0), Ut = ()=>o.useContext(Se), Yt = (param)=>{
     let { items: t, withBullets: e, autoplay: s, initialPageIndex: r = 0, onPageChange: d, dataAttributes: h, inverseBullets: w = !0 } = param;
     const { texts: i, platformOverrides: u } = he(), C = o.useContext(re), b = o.useRef(null), [{ scrollLeft: N, scrollRight: x }, y] = o.useState({
         scrollLeft: 0,
@@ -513,9 +513,9 @@ const ve = (t, e)=>{
         x,
         R
     ]);
-    const A = o.useRef(!1), j = o.useRef(0);
+    const A = o.useRef(!1), F = o.useRef(0);
     o.useEffect(()=>{
-        d && (A.current ? j.current !== a && d(a) : A.current = r === a), j.current = a;
+        d && (A.current ? F.current !== a && d(a) : A.current = r === a), F.current = a;
     }, [
         a,
         r,
@@ -547,16 +547,18 @@ const ve = (t, e)=>{
         value: {
             withBullets: !!e
         },
-        children: /* @__PURE__ */ n(vt, {
+        children: /* @__PURE__ */ n(xt, {
             skipDesktop: !0,
             children: /* @__PURE__ */ te("div", _object_spread_props(_object_spread({
-                className: qe
+                className: z(qe, {
+                    [Ze]: !!e
+                })
             }, pe(h, "SlideShow")), {
                 children: [
-                    /* @__PURE__ */ n(z, {
+                    /* @__PURE__ */ n(_, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(_, {
-                            className: Ze,
+                        children: /* @__PURE__ */ n(j, {
+                            className: $e,
                             "aria-label": i.carouselPrevButton,
                             onPress: W,
                             disabled: !J,
@@ -565,13 +567,13 @@ const ve = (t, e)=>{
                     }),
                     /* @__PURE__ */ n("div", {
                         style: ge({
-                            [pt.mediaBorderRadius]: "0px"
+                            [bt.mediaBorderRadius]: "0px"
                         }),
                         children: /* @__PURE__ */ n("div", {
-                            className: $e,
+                            className: He,
                             ref: b,
                             children: t.map((l, m)=>/* @__PURE__ */ n("div", {
-                                    className: He,
+                                    className: Je,
                                     style: {
                                         scrollSnapStop: be(u) ? "always" : "normal"
                                     },
@@ -579,20 +581,20 @@ const ve = (t, e)=>{
                                 }, m))
                         })
                     }),
-                    /* @__PURE__ */ n(z, {
+                    /* @__PURE__ */ n(_, {
                         isInverse: !1,
-                        children: /* @__PURE__ */ n(_, {
-                            className: Je,
+                        children: /* @__PURE__ */ n(j, {
+                            className: Qe,
                             "aria-label": i.carouselNextButton,
                             onPress: I,
                             disabled: !H,
                             children: /* @__PURE__ */ n(fe, {})
                         })
                     }),
-                    e && t.length > 1 && /* @__PURE__ */ n(z, {
+                    e && t.length > 1 && /* @__PURE__ */ n(_, {
                         isInverse: w,
                         children: /* @__PURE__ */ n("div", {
-                            className: Qe,
+                            className: Xe,
                             children: /* @__PURE__ */ n(xe, _object_spread({}, P))
                         })
                     })
@@ -601,4 +603,4 @@ const ve = (t, e)=>{
         })
     });
 };
-export { jt as Carousel, _t as CarouselContextConsumer, Vt as CarouselContextProvider, Ft as CenteredCarousel, xe as PageBullets, Ut as Slideshow, zt as useCarouselContext, Kt as useSlideshowContext };
+export { Ft as Carousel, jt as CarouselContextConsumer, zt as CarouselContextProvider, Kt as CenteredCarousel, xe as PageBullets, Yt as Slideshow, _t as useCarouselContext, Ut as useSlideshowContext };

package/dist-es/chip.js

@@ -51,21 +51,21 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as g, Fragment as x, jsx as e } from "react/jsx-runtime";
-import n from "classnames";
-import { useTheme as D } from "./hooks.js";
+import { jsxs as l, Fragment as x, jsx as t } from "react/jsx-runtime";
+import d from "classnames";
+import { useTheme as j } from "./hooks.js";
 import A from "./badge.js";
 import i from "./box.js";
-import { Text2 as V } from "./text.js";
-import z from "./generated/mistica-icons/icon-close-regular.js";
-import { pxToRem as a } from "./utils/css.js";
-import { iconActive as L, icon as M, chipVariants as o, chipWrapper as s, button as F, wrappedContent as W, chipInteractiveVariants as $ } from "./chip.css-mistica.js";
-import { vars as q } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as R } from "./utils/dom.js";
+import { Text2 as D } from "./text.js";
+import V from "./generated/mistica-icons/icon-close-regular.js";
+import { pxToRem as o } from "./utils/css.js";
+import { iconActive as z, icon as L, chipVariants as m, chipWrapper as h, button as M, wrappedContent as F, chipInteractiveVariants as W } from "./chip.css-mistica.js";
+import { vars as $ } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as q } from "./utils/dom.js";
 import { useThemeVariant as E } from "./theme-variant-context.js";
 import G, { BaseTouchable as H } from "./touchable.js";
-const J = (t)=>{
-    const { Icon: c, children: T, id: k, dataAttributes: l, active: d, badge: r, onClose: m } = t, { texts: I, isDarkMode: B, textPresets: N } = D(), h = E() === "alternative", p = c ? {
+const J = (e)=>{
+    const { Icon: n, children: R, id: T, dataAttributes: p, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = j(), u = E() === "alternative", f = n ? {
         mobile: 16,
         desktop: 8
     } : {
@@ -74,85 +74,78 @@ const J = (t)=>{
     }, w = {
         mobile: 20,
         desktop: 12
-    }, b = {
+    }, g = {
         mobile: 16,
         desktop: 8
-    }, y = ()=>r ? /* @__PURE__ */ e(x, {
-            children: r === !0 ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(A, {
-                value: r
-            })
-        }) : null, u = /* @__PURE__ */ g(x, {
+    }, b = /* @__PURE__ */ l(x, {
         children: [
-            c && /* @__PURE__ */ e(i, {
+            n && /* @__PURE__ */ t(i, {
                 paddingRight: 4,
-                className: d ? L : M,
-                children: /* @__PURE__ */ e(c, {
+                className: a ? z : L,
+                children: /* @__PURE__ */ t(n, {
                     color: "currentColor",
-                    size: a(16)
+                    size: o(16)
                 })
             }),
-            /* @__PURE__ */ e(i, {
-                paddingRight: r ? 8 : m ? 4 : 0,
-                children: /* @__PURE__ */ e(V, {
-                    id: k,
-                    weight: N.indicator.weight,
+            /* @__PURE__ */ t(i, {
+                paddingRight: r ? 8 : s ? 4 : 0,
+                children: /* @__PURE__ */ t(D, {
+                    id: T,
+                    weight: B.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: T
+                    children: R
                 })
             })
         ]
     });
-    if (r) return /* @__PURE__ */ g(i, _object_spread_props(_object_spread({
-        className: n(h ? o.overAlternative : o.default, s),
-        paddingLeft: p,
-        paddingRight: b
-    }, R(l, "Chip")), {
+    if (s) return /* @__PURE__ */ l(i, _object_spread_props(_object_spread({
+        className: d(u ? m.overAlternative : m.default, h),
+        paddingLeft: f,
+        paddingRight: g
+    }, q(p, "Chip")), {
         children: [
-            u,
-            y()
-        ]
-    }));
-    if (m) return /* @__PURE__ */ g(i, _object_spread_props(_object_spread({
-        className: n(h ? o.overAlternative : o.default, s),
-        paddingLeft: p,
-        paddingRight: b
-    }, R(l, "Chip")), {
-        children: [
-            u,
-            /* @__PURE__ */ e(G, {
+            b,
+            /* @__PURE__ */ t(G, {
                 style: {
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center",
-                    width: a(24),
-                    height: a(24)
+                    width: o(24),
+                    height: o(24)
                 },
-                "aria-label": I.closeButtonLabel,
-                onPress: ()=>m(),
-                children: /* @__PURE__ */ e(z, {
-                    size: a(16),
-                    color: q.colors.neutralMedium
+                "aria-label": k.closeButtonLabel,
+                onPress: ()=>s(),
+                children: /* @__PURE__ */ t(V, {
+                    size: o(16),
+                    color: $.colors.neutralMedium
                 })
             })
         ]
     }));
-    const f = t.href || t.onPress || t.to, P = d !== void 0 || f, v = _object_spread({
+    const c = e.href || e.onPress || e.to, y = a !== void 0 || c, v = _object_spread({
         "component-name": "Chip"
-    }, l), C = (j)=>/* @__PURE__ */ e(i, {
-            className: n(o[d ? "active" : h ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
-            f ? W : s, {
-                [$[B ? "dark" : "light"]]: P
+    }, p), N = ()=>r ? /* @__PURE__ */ t(x, {
+            children: r === !0 ? /* @__PURE__ */ t(A, {}) : /* @__PURE__ */ t(A, {
+                value: r
+            })
+        }) : null, C = (P)=>/* @__PURE__ */ l(i, {
+            className: d(m[a ? "active" : u ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
+            c ? F : h, {
+                [W[I ? "dark" : "light"]]: y
             }),
-            paddingLeft: p,
-            paddingRight: w,
-            dataAttributes: j,
-            children: u
+            paddingLeft: f,
+            paddingRight: r ? g : w,
+            dataAttributes: P,
+            children: [
+                b,
+                N()
+            ]
         });
-    return f ? /* @__PURE__ */ e(H, _object_spread_props(_object_spread({}, t), {
-        className: n(s, F),
+    return c ? /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, e), {
+        className: d(h, M),
         dataAttributes: v,
         children: C()
     })) : C(v);
-}, oe = J;
-export { oe as default };
+}, ot = J;
+export { ot as default };

package/dist-es/circle.js

@@ -50,24 +50,23 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as m } from "react/jsx-runtime";
-import { circle as a } from "./circle.css-mistica.js";
-import { vars as d } from "./skins/skin-contract.css-mistica.js";
+import { jsx as a } from "react/jsx-runtime";
+import { circle as d } from "./circle.css-mistica.js";
+import { vars as n } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as f } from "./utils/dom.js";
-const n = (param)=>{
-    let { children: e, backgroundColor: i, backgroundImage: o, size: t, border: r = !1, dataAttributes: s } = param;
-    const l = r === !0 ? d.colors.border : r, c = r ? `1px solid ${l}` : void 0;
-    return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
-        className: a,
+const $ = (param)=>{
+    let { children: i, background: o, backgroundColor: c, backgroundImage: t, size: e, border: r, dataAttributes: s } = param;
+    const l = r === !0 ? n.colors.border : r, m = r ? `1px solid ${l}` : void 0, p = t ? `url(${t})` : "";
+    return /* @__PURE__ */ a("div", _object_spread_props(_object_spread({
+        className: d,
         style: {
-            width: t,
-            height: t,
-            backgroundColor: i,
-            backgroundImage: o ? `url(${o})` : "none",
-            border: c
+            width: e,
+            height: e,
+            background: o || `center / cover no-repeat ${p} ${c || ""}`,
+            border: m
         }
     }, f(s, "Circle")), {
-        children: e
+        children: i
     }));
-}, b = n;
-export { b as default };
+}, h = $;
+export { h as default };

package/dist-es/community/advanced-data-card.css-mistica.js

@@ -1,10 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var n = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", v = {
+var v = 216, n = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", _ = {
     default: "_1x00fruk",
     mobile: "_1x00frul"
-}, _ = "_1x00frur", t = "_1x00frun", u = "_1x00fruo _1x00frun", o = "_1x00fru9 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", i = "_1x00frud _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq _1y2v1nfi7 _1y2v1nfio _1x00frub", x = "_1x00frui", y = "_1x00fruq _1y2v1nfhk _1y2v1nfhp", e = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", h = "_1x00frum", b = "_1x00frus", d = "_1x00frub", c = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", l = "_1x00fruu", m = "_1x00fru4", p = "_1x00fru7", s = "_1x00fru5", g = {
+}, t = "_1x00frur", u = "_1x00frun", o = "_1x00fruo _1x00frun", i = "_1x00fru9 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", x = "_1x00frud _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", y = "_1x00frui", e = "_1x00fruq _1y2v1nfhk _1y2v1nfhp", h = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", d = "_1x00frum", b = "_1x00frus", c = "_1x00frub", l = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", m = "_1x00fruu", p = "_1x00fru4", s = "_1x00fru7", g = "_1x00fru5", k = {
     topActionsCount: "var(--_1x00frut)"
-}, k = "_1x00frua";
-export { n as actions, v as actionsVariants, _ as adjustButtonLink, t as button, u as buttonMobile, o as cardContentStyle, i as dataCard, x as divider, y as footerDirection, e as footerText, h as marginRightAuto, b as marginRightButton, d as minHeight, c as paddingX, l as topActionsWithoutIcon, m as touchableArea, p as touchableCardOverlay, s as touchableContainer, g as vars, k as zindex };
+}, j = "_1x00frua";
+export { v as MIN_HEIGHT, n as actions, _ as actionsVariants, t as adjustButtonLink, u as button, o as buttonMobile, i as cardContentStyle, x as dataCard, y as divider, e as footerDirection, h as footerText, d as marginRightAuto, b as marginRightButton, c as minHeight, l as paddingX, m as topActionsWithoutIcon, p as touchableArea, s as touchableCardOverlay, g as touchableContainer, k as vars, j as zindex };