@telefonica/mistica 14.30.0 → 14.31.1

package/dist-es/carousel.js

@@ -54,31 +54,31 @@ import { jsx as s, jsxs as G } from "react/jsx-runtime";
 import * as n from "react";
 import te from "./generated/mistica-icons/icon-chevron-left-regular.js";
 import se from "./generated/mistica-icons/icon-chevron-right-regular.js";
-import { useScreenSize as oe, useTheme as re, useIsInViewport as xe, useIsomorphicLayoutEffect as we } from "./hooks.js";
-import Se from "./inline.js";
-import ke from "./stack.js";
+import { useScreenSize as oe, useTheme as re, useIsInViewport as xe } from "./hooks.js";
+import we from "./inline.js";
+import Se from "./stack.js";
 import { BaseTouchable as E } from "./touchable.js";
 import Z from "classnames";
-import { useIsInverseVariant as Ne, ThemeVariant as B } from "./theme-variant-context.js";
-import { MediaBorderRadiusProvider as Le } from "./image.js";
+import { useIsInverseVariant as ke, ThemeVariant as B } from "./theme-variant-context.js";
+import { MediaBorderRadiusProvider as Ne } from "./image.js";
 import { listenResize as le, getPrefixedDataAttributes as Ce } from "./utils/dom.js";
-import { isAndroid as ne, isIos as Re, isRunningAcceptanceTest as Ae } from "./utils/platform.js";
-import { useDocumentVisibility as Me } from "./utils/document-visibility.js";
-import { slideshowContainer as Be, slideshowPrevArrowButton as Ee, slideshow as Te, slideshowItem as ye, slideshowNextArrowButton as We, slideshowBullets as Oe, bulletActiveInverse as De, bulletInverse as Ve, bulletActive as ze, bullet as _e, carouselContainer as je, carouselPrevArrowButton as Fe, carousel as Ue, centeredCarousel as qe, carouselWithScroll as Ke, vars as C, carouselItem as Ye, carouselNextArrowButton as Ge, carouselBullets as He } from "./carousel.css-mistica.js";
-import { assignInlineVars as Je } from "@vanilla-extract/dynamic";
-import { sprinkles as Qe } from "./sprinkles.css-mistica.js";
-import { useDesktopContainerType as Xe } from "./desktop-container-type-context.js";
-import { VIVO_NEW_SKIN as Ze } from "./skins/constants.js";
+import { isAndroid as ne, isIos as Le, isRunningAcceptanceTest as Re } from "./utils/platform.js";
+import { useDocumentVisibility as Ae } from "./utils/document-visibility.js";
+import { slideshowContainer as Me, slideshowPrevArrowButton as Be, slideshow as Ee, slideshowItem as Te, slideshowNextArrowButton as ye, slideshowBullets as We, bulletActiveInverse as Oe, bulletInverse as De, bulletActive as Ve, bullet as ze, carouselContainer as _e, carouselPrevArrowButton as je, carousel as Fe, centeredCarousel as Ue, carouselWithScroll as qe, vars as L, carouselItem as Ke, carouselNextArrowButton as Ye, carouselBullets as Ge } from "./carousel.css-mistica.js";
+import { assignInlineVars as He } from "@vanilla-extract/dynamic";
+import { sprinkles as Je } from "./sprinkles.css-mistica.js";
+import { useDesktopContainerType as Qe } from "./desktop-container-type-context.js";
+import { VIVO_NEW_SKIN as Xe } from "./skins/constants.js";
 const ce = (e, r)=>{
-    const t = Me();
+    const t = Ae();
     return xe(r, !1) && t && !!e;
 }, ie = (param)=>{
     let { currentIndex: e , numPages: r , onPress: t  } = param;
-    const o = Ne(), { isDesktopOrBigger: f  } = oe(), m = (b)=>{
+    const o = ke(), { isDesktopOrBigger: f  } = oe(), m = (b)=>{
         const d = b === e;
-        return o ? d ? De : Ve : d ? ze : _e;
+        return o ? d ? Oe : De : d ? Ve : ze;
     };
-    return /* @__PURE__ */ s(Se, {
+    return /* @__PURE__ */ s(we, {
         space: f ? 16 : 8,
         alignItems: "center",
         dataAttributes: {
@@ -87,7 +87,7 @@ const ce = (e, r)=>{
         children: Array.from({
             length: r
         }, (b, d)=>/* @__PURE__ */ s(E, {
-                className: Qe({
+                className: Je({
                     display: "block",
                     padding: 0,
                     border: "none",
@@ -100,7 +100,7 @@ const ce = (e, r)=>{
                 })
             }, d))
     });
-}, $ = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], $e = (e, r)=>{
+}, $ = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Ze = (e, r)=>{
     const t = {
         mobile: 1,
         tablet: 2,
@@ -127,21 +127,21 @@ const ce = (e, r)=>{
     const t = Math.ceil(e.length / r), o = [];
     for(let f = 0; f < e.length; f += t)o.push(e[f]);
     return o[o.length - 1] = e[e.length - t], o;
-}, et = (e, r)=>{
+}, $e = (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;
 }, ae = 5e3, ue = (param)=>{
     let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: f , initialActiveItem: m , itemsPerPage: b , itemsToScroll: d , mobilePageOffset: g , gap: N , free: R , centered: A , autoplay: v , onPageChange: P , dataAttributes: F  } = param;
-    const { texts: T , platformOverrides: x , skinName: y  } = re(), c = Xe(), i = $e(c || "large", b), { isDesktopOrBigger: w , isTablet: L  } = oe(), U = L ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), p = n.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: H , scrollRight: q  }, de] = n.useState({
+    const { texts: T , platformOverrides: x , skinName: y  } = re(), c = Qe(), i = Ze(c || "large", b), { isDesktopOrBigger: w , isTablet: C  } = oe(), U = C ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), p = n.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: H , scrollRight: q  }, de] = n.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), [K, he] = n.useState([]), W = n.useMemo(()=>ee(K, S), [
         K,
         S
     ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, me = q !== 0, ge = H !== 0;
-    we(()=>{
+    n.useEffect(()=>{
         if (p.current) {
             const l = p.current, a = ()=>{
                 const { scrollWidth: z , clientWidth: M  } = l, _ = Math.round(l.scrollLeft), j = Math.round(z - (_ + M));
@@ -236,7 +236,7 @@ const ce = (e, r)=>{
         q,
         J
     ]);
-    const k = et(H, W), Q = n.useRef(!m), X = n.useRef(0);
+    const k = $e(H, W), Q = n.useRef(!m), X = n.useRef(0);
     n.useEffect(()=>{
         if (P) {
             const l = Math.min((k + 1) * I - 1, e.length - 1), a = [];
@@ -267,19 +267,19 @@ const ce = (e, r)=>{
         onPress: D
     }));
     const be = "64px", ve = "36px";
-    return /* @__PURE__ */ G(ke, {
+    return /* @__PURE__ */ G(Se, {
         space: 24,
         dataAttributes: _object_spread({
             "component-name": "Carousel"
         }, F),
         children: [
             /* @__PURE__ */ G("div", {
-                className: je,
+                className: _e,
                 children: [
                     /* @__PURE__ */ s(B, {
                         isInverse: !1,
                         children: /* @__PURE__ */ s(E, {
-                            className: Fe,
+                            className: je,
                             "aria-label": T.carouselPrevButton,
                             onPress: pe,
                             disabled: !ge,
@@ -287,20 +287,20 @@ const ce = (e, r)=>{
                         })
                     }),
                     /* @__PURE__ */ s("div", {
-                        className: Z(Ue, {
-                            [qe]: A,
-                            [Ke]: S > 1
+                        className: Z(Fe, {
+                            [Ue]: A,
+                            [qe]: S > 1
                         }),
-                        style: _object_spread_props(_object_spread({}, Je(_object_spread({
-                            [C.itemsPerPageDesktop]: String(i.desktop),
-                            [C.itemsPerPageTablet]: String(i.tablet),
-                            [C.itemsPerPageMobile]: String(i.mobile)
+                        style: _object_spread_props(_object_spread({}, He(_object_spread({
+                            [L.itemsPerPageDesktop]: String(i.desktop),
+                            [L.itemsPerPageTablet]: String(i.tablet),
+                            [L.itemsPerPageMobile]: String(i.mobile)
                         }, g === "large" ? {
-                            [C.mobilePageOffset]: be
-                        } : y === Ze ? {
-                            [C.mobilePageOffset]: ve
+                            [L.mobilePageOffset]: be
+                        } : y === Xe ? {
+                            [L.mobilePageOffset]: ve
                         } : {}, N !== void 0 ? {
-                            [C.gap]: String(N)
+                            [L.gap]: String(N)
                         } : {}))), {
                             scrollSnapType: R ? "initial" : "x mandatory",
                             // Hack to fix https://jira.tid.es/browse/NOVUMCC-8988
@@ -308,11 +308,11 @@ const ce = (e, r)=>{
                             // the bottom of the scrollable area in retina displays when it has a height with
                             // decimals. This extra padding avoids that line to partially cover the carousel
                             // slides border:
-                            paddingBottom: Re(x) && !Ae(x) ? 0.5 : void 0
+                            paddingBottom: Le(x) && !Re(x) ? 0.5 : void 0
                         }),
                         ref: p,
                         children: e.map((l, a)=>/* @__PURE__ */ s("div", {
-                                className: Z(Ye, t),
+                                className: Z(Ke, t),
                                 style: _object_spread_props(_object_spread({}, r), {
                                     scrollSnapStop: ne(x) ? "always" : "normal"
                                 }),
@@ -323,7 +323,7 @@ const ce = (e, r)=>{
                     /* @__PURE__ */ s(B, {
                         isInverse: !1,
                         children: /* @__PURE__ */ s(E, {
-                            className: Ge,
+                            className: Ye,
                             "aria-label": T.carouselNextButton,
                             onPress: Y,
                             disabled: !me,
@@ -333,12 +333,12 @@ const ce = (e, r)=>{
                 ]
             }),
             V && /* @__PURE__ */ s("div", {
-                className: He,
+                className: Ge,
                 children: V
             })
         ]
     });
-}, Pt = (e)=>/* @__PURE__ */ s(ue, _object_spread({}, e)), xt = (param)=>/* @__PURE__ */ {
+}, It = (e)=>/* @__PURE__ */ s(ue, _object_spread({}, e)), Pt = (param)=>/* @__PURE__ */ {
     let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: f , initialActiveItem: m , onPageChange: b , dataAttributes: d  } = param;
     return s(ue, {
         items: e,
@@ -358,13 +358,13 @@ const ce = (e, r)=>{
         onPageChange: b,
         dataAttributes: d
     });
-}, fe = /*#__PURE__*/ n.createContext(!1), wt = ()=>n.useContext(fe), tt = (param)=>/* @__PURE__ */ {
+}, fe = /*#__PURE__*/ n.createContext(!1), xt = ()=>n.useContext(fe), et = (param)=>/* @__PURE__ */ {
     let { children: e  } = param;
     return s(fe.Provider, {
         value: !0,
         children: e
     });
-}, St = (param)=>{
+}, wt = (param)=>{
     let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: f , inverseBullets: m = !0  } = param;
     const { texts: b , platformOverrides: d  } = re(), g = n.useRef(null), [{ scrollLeft: N , scrollRight: R  }, A] = n.useState({
         scrollLeft: 0,
@@ -386,7 +386,7 @@ const ce = (e, r)=>{
         const c = g.current;
         if (c) {
             const i = ()=>{
-                const { scrollWidth: L , clientWidth: U  } = c, I = Math.round(c.scrollLeft), p = Math.round(L - (I + U));
+                const { scrollWidth: C , clientWidth: U  } = c, I = Math.round(c.scrollLeft), p = Math.round(C - (I + U));
                 A({
                     scrollLeft: I,
                     scrollRight: p
@@ -405,8 +405,8 @@ const ce = (e, r)=>{
     return n.useEffect(()=>{
         if (y && t) {
             const c = typeof t == "boolean" ? ae : t.time, i = typeof t == "object" && t.loop, w = setInterval(()=>{
-                var L;
-                R !== 0 ? P() : i && ((L = g.current) == null || L.scrollTo({
+                var C;
+                R !== 0 ? P() : i && ((C = g.current) == null || C.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
@@ -423,28 +423,28 @@ const ce = (e, r)=>{
     }, [
         x,
         o
-    ]), /* @__PURE__ */ s(tt, {
+    ]), /* @__PURE__ */ s(et, {
         children: /* @__PURE__ */ G("div", _object_spread_props(_object_spread({
-            className: Be
+            className: Me
         }, Ce(f, "SlideShow")), {
             children: [
                 /* @__PURE__ */ s(B, {
                     isInverse: !1,
                     children: /* @__PURE__ */ s(E, {
-                        className: Ee,
+                        className: Be,
                         "aria-label": b.carouselPrevButton,
                         onPress: v,
                         disabled: !T,
                         children: /* @__PURE__ */ s(te, {})
                     })
                 }),
-                /* @__PURE__ */ s(Le, {
+                /* @__PURE__ */ s(Ne, {
                     value: !1,
                     children: /* @__PURE__ */ s("div", {
-                        className: Te,
+                        className: Ee,
                         ref: g,
                         children: e.map((c, i)=>/* @__PURE__ */ s("div", {
-                                className: ye,
+                                className: Te,
                                 style: {
                                     scrollSnapStop: ne(d) ? "always" : "normal"
                                 },
@@ -455,7 +455,7 @@ const ce = (e, r)=>{
                 /* @__PURE__ */ s(B, {
                     isInverse: !1,
                     children: /* @__PURE__ */ s(E, {
-                        className: We,
+                        className: ye,
                         "aria-label": b.carouselNextButton,
                         onPress: P,
                         disabled: !F,
@@ -465,7 +465,7 @@ const ce = (e, r)=>{
                 r && e.length > 1 && /* @__PURE__ */ s(B, {
                     isInverse: m,
                     children: /* @__PURE__ */ s("div", {
-                        className: Oe,
+                        className: We,
                         children: /* @__PURE__ */ s(ie, {
                             numPages: e.length,
                             currentIndex: x
@@ -476,4 +476,4 @@ const ce = (e, r)=>{
         }))
     });
 };
-export { Pt as Carousel, xt as CenteredCarousel, tt as IsInsideSlideshowProvider, ie as PageBullets, St as Slideshow, wt as useIsInsideSlideshowContext };
+export { It as Carousel, Pt as CenteredCarousel, et as IsInsideSlideshowProvider, ie as PageBullets, wt as Slideshow, xt as useIsInsideSlideshowContext };

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./checkbox.css.ts.vanilla.css-mistica.js";
 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";
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32"
+}, n = "_1rz9b1a _1y2v1nfbc", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfbd", y = "_1rz9b13 _1rz9b11 _1y2v1nfbd", e = "_1rz9b1c";
 export { v as boxVariant, n as check, r as checkChecked, f as checkboxContainer, y as checkboxContainerDisabled, e as disabled };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./chip.css.ts.vanilla.css-mistica.js";
-var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdo _1y2v1nf5y", f = {
+var c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
-}, 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";
-export { c as button, f as chipInteractiveVariants, t as chipVariants, y as icon, _ as iconActive };
+}, y = {
+    default: "cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf33 _1y2v1nf1y",
+    overAlternative: "cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf3a _1y2v1nf1y",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf16 _1y2v1nf5o"
+}, f = "cc7htnd", _ = "cc7htne";
+export { c as button, t as chipInteractiveVariants, y as chipVariants, f as icon, _ as iconActive };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./circle.css.ts.vanilla.css-mistica.js";
-var f = "_1wpwyyp1 _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp";
-export { f as circle };
+var r = "_1wpwyyp1 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt";
+export { r as circle };

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

@@ -1,7 +1,7 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var _ = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfbi _1y2v1nf7t", v = {
+var _ = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", v = {
     default: "_1x00frui",
     mobile: "_1x00fruj"
-}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t _1y2v1nfb0", y = "_1x00frub _1y2v1nfb0 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfbc _1y2v1nfbt _1y2v1nfca _1x00fru9", b = "_1x00frug", o = "_1x00fruo _1y2v1nfb6 _1y2v1nfbb", i = "_1y2v1nfb6 _1y2v1nfbs _1y2v1nfbl _1y2v1nfdf", x = "_1x00fruk", e = "_1y2v1nffb", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", c = "_1x00fru5", g = "_1x00fru6", m = "_1x00fru4";
-export { _ as actions, v as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, u as cardContentStyle, y as dataCard, b as divider, o as footerDirection, i as footerText, x as marginRightAuto, e as marginRightButton, d as minHeight, l as paddingX, c as touchable, g as touchableCardOverlay, m as touchableContainer };
+}, a = "_1x00frup", n = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x _1y2v1nfb4", y = "_1x00frub _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00fru9", x = "_1x00frug", o = "_1x00fruo _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00fruk", e = "_1y2v1nfff", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", c = "_1x00fru5", g = "_1x00fru6", m = "_1x00fru4";
+export { _ as actions, v as actionsVariants, a as adjustButtonLink, n as button, t as buttonMobile, u as cardContentStyle, y as dataCard, x as divider, o as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, l as paddingX, c as touchable, g as touchableCardOverlay, m as touchableContainer };

package/dist-es/community/blocks.css-mistica.js

@@ -1,4 +1,4 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./blocks.css.ts.vanilla.css-mistica.js";
-var t = "_1y2v1nfb6 _1y2v1nfbc", o = "llrsen1";
+var t = "_1y2v1nfba _1y2v1nfbg", o = "llrsen1";
 export { t as column, o as rightContent };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./counter.css.ts.vanilla.css-mistica.js";
-var r = "rijsns8 _1y2v1nf5y _1y2v1nfdo _1y2v1nfb1 _1y2v1nfc4 _1y2v1nfck", s = "rijsnse _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb1 _1y2v1nfdv _1y2v1nf5k", a = "rijsns6", f = "rijsns3 _1y2v1nfdv _1y2v1nf31 _1y2v1nfb7 _1y2v1nfe6", t = "rijsnsc rijsnsa _1y2v1nfb1", y = "rijsnsa _1y2v1nfb1", _ = "rijsns4", i = "rijsns0", o = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb1", e = "_1y2v1nfb0 _1y2v1nfb6 _1y2v1nfbf";
-export { r as button, s as buttonBackground, a as buttonContainer, f as counter, t as decreaseButtonIcon, y as defaultButtonIcon, _ as disabled, i as hasTrashIcon, o as isButtonDisabled, b as trashButtonIcon, e as valueContainer };
+var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfea", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";
+export { s as button, v as buttonBackground, a as buttonContainer, t as counter, f as decreaseButtonIcon, o as defaultButtonIcon, y as disabled, _ as hasTrashIcon, i as isButtonDisabled, b as trashButtonIcon, e as valueContainer };

package/dist-es/credit-card-number-field.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
-var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nfb1", f = {
-    default: "yvyo3q4 _1y2v1nfb0 yvyo3q5",
-    backface: "yvyo3q4 _1y2v1nfb0 yvyo3q6"
+var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nfb5", f = {
+    default: "yvyo3q4 _1y2v1nfb4 yvyo3q5",
+    backface: "yvyo3q4 _1y2v1nfb4 yvyo3q6"
 };
 export { a as flip, o as flipBack, r as flipFront, f as variants };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./dialog.css.ts.vanilla.css-mistica.js";
-var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6k", l = "_3dl29lj _1y2v1nfbs _1y2v1nfd6", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", o = "_3dl29la _1y2v1nf30 _1y2v1nfdx", r = "_3dl29l5 _1y2v1nfb2 _1y2v1nfb6 _1y2v1nfbf _1y2v1nfbl _1y2v1nfbc _1y2v1nfec _1y2v1nff6 _1y2v1nffl _1y2v1nfer _1y2v1nf3b", t = {
-    dialog: "_3dl29ld _1y2v1nfb6 _1y2v1nfbc _1y2v1nfbi _1y2v1nf92 _1y2v1nfab _1y2v1nf6q _1y2v1nf7t",
-    default: "_3dl29ld _1y2v1nfb6 _1y2v1nfbc _1y2v1nfbi _1y2v1nf6k _1y2v1nf7t _1y2v1nf92 _1y2v1nfab"
-}, b = "_3dl29l3 _1y2v1nfb0";
-export { _ as closedModalContent, f as closedOpactityLayer, y as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, b as wrapper };
+var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6o", a = "_3dl29lj _1y2v1nfbw _1y2v1nfda", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", o = "_3dl29la _1y2v1nf32 _1y2v1nfe1", r = "_3dl29l5 _1y2v1nfb6 _1y2v1nfba _1y2v1nfbj _1y2v1nfbp _1y2v1nfbg _1y2v1nfeg _1y2v1nffa _1y2v1nffp _1y2v1nfev _1y2v1nf3d", t = {
+    dialog: "_3dl29ld _1y2v1nfba _1y2v1nfbg _1y2v1nfbm _1y2v1nf96 _1y2v1nfaf _1y2v1nf6u _1y2v1nf7x",
+    default: "_3dl29ld _1y2v1nfba _1y2v1nfbg _1y2v1nfbm _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf"
+}, e = "_3dl29l3 _1y2v1nfb4";
+export { _ as closedModalContent, f as closedOpactityLayer, y as dialogActions, a as dialogContent, l as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };

package/dist-es/double-field.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
 import "./double-field.css.ts.vanilla.css-mistica.js";
-var r = {
-    default: "skrulh1 _1y2v1nfb6 _1y2v1nfbb _1y2v1nfbt",
-    fullWidth: "skrulh2 _1y2v1nfb6 _1y2v1nfbb _1y2v1nfbt"
+var n = {
+    default: "skrulh1 _1y2v1nfba _1y2v1nfbf _1y2v1nfbx",
+    fullWidth: "skrulh2 _1y2v1nfba _1y2v1nfbf _1y2v1nfbx"
 };
-export { r as variants };
+export { n as variants };

package/dist-es/empty-state-card.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state-card.css.ts.vanilla.css-mistica.js";
-var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nfc5 _1y2v1nfcl", v = "_1azor6p2 _1y2v1nfb8 _1y2v1nfcn";
-export { a as container, o as iconContainer, v as image };
+var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfc9 _1y2v1nfcp", p = "_1azor6p2 _1y2v1nfbc _1y2v1nfcr";
+export { n as container, o as iconContainer, p as image };

package/dist-es/empty-state.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state.css.ts.vanilla.css-mistica.js";
-var n = "_13fzrua2 _1y2v1nfb6 _1y2v1nf5y", v = {
+var n = "_13fzrua2 _1y2v1nfba _1y2v1nf62", e = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nfc7 _1y2v1nfcn", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfca", o = "_13fzrua5", u = "_13fzruab _1y2v1nfb8", t = {
+}, v = "_13fzrua9 _1y2v1nfcb _1y2v1nfcr", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfce", o = "_13fzrua5", u = "_13fzruab _1y2v1nfbc", t = {
     backgroundColor: "var(--_13fzrua0)"
 };
-export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };
+export { n as container, e as contentVariants, v as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var r = "gx6h6a3 _1y2v1nfb6 _1y2v1nfca _1y2v1nfbt", n = "_1y2v1nfdy _1y2v1nfb6 _1y2v1nfbi", t = "gx6h6a1", v = "gx6h6ab", c = "gx6h6a6", f = "gx6h6a8 gx6h6a7", i = "gx6h6a9 gx6h6a7", p = "gx6h6aa gx6h6a7", o = "_1y2v1nfc5 _1y2v1nfcl", x = "gx6h6a4";
-export { r as container, n as desktopContainer, t as desktopContent, v as feedbackData, c as feedbackDataAppear, f as feedbackDataAppearActiveFast, i as feedbackDataAppearActiveMedium, p as feedbackDataAppearActiveSlow, o as iconContainer, x as innerContainer };
+var r = "gx6h6a3 _1y2v1nfba _1y2v1nfce _1y2v1nfbx", n = "_1y2v1nfe2 _1y2v1nfba _1y2v1nfbm", v = "gx6h6a1", t = "gx6h6ab", p = "gx6h6a6", c = "gx6h6a8 gx6h6a7", f = "gx6h6a9 gx6h6a7", x = "gx6h6aa gx6h6a7", i = "_1y2v1nfc9 _1y2v1nfcp", o = "gx6h6a4";
+export { r as container, n as desktopContainer, v as desktopContent, t as feedbackData, p as feedbackDataAppear, c as feedbackDataAppearActiveFast, f as feedbackDataAppearActiveMedium, x as feedbackDataAppearActiveSlow, i as iconContainer, o as innerContainer };

package/dist-es/fixed-footer-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
-var v = "p5j8j58", t = "p5j8j56 _1y2v1nf31", a = "p5j8j54", j = "p5j8j53 _1y2v1nfbt _1y2v1nf30", e = {
+var v = "p5j8j58", a = "p5j8j56 _1y2v1nf33", j = "p5j8j54", t = "p5j8j53 _1y2v1nfbx _1y2v1nf32", e = {
     footerHeight: "var(--p5j8j50)",
     backgroundColor: "var(--p5j8j51)"
-}, p = "_1y2v1nfb5";
-export { v as container, t as elevated, a as fixedFooter, j as footer, e as vars, p as withoutFooter };
+}, p = "_1y2v1nfb9";
+export { v as container, a as elevated, j as fixedFooter, t as footer, e as vars, p as withoutFooter };

package/dist-es/fixed-footer-layout.js

@@ -50,77 +50,78 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as D, Fragment as L, jsx as c } from "react/jsx-runtime";
+import { jsxs as L, Fragment as O, jsx as c } from "react/jsx-runtime";
 import * as l from "react";
-import O from "classnames";
-import { debounce as W } from "./utils/helpers.js";
+import W from "classnames";
+import { debounce as $ } from "./utils/helpers.js";
 import { isRunningAcceptanceTest as k } from "./utils/platform.js";
-import { useScreenSize as z, useTheme as N, useElementDimensions as P, useWindowHeight as $, useScreenHeight as j, useIsomorphicLayoutEffect as _, useIsWithinIFrame as B } from "./hooks.js";
-import { getScrollableParentElement as H, addPassiveEventListener as v, removePassiveEventListener as h, hasScroll as V, getScrollDistanceToBottom as q } from "./utils/dom.js";
-import { container as G, vars as E, footer as J, withoutFooter as K, elevated as M, fixedFooter as Q } from "./fixed-footer-layout.css-mistica.js";
-import { assignInlineVars as U } from "@vanilla-extract/dynamic";
-const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
+import { useScreenSize as z, useTheme as N, useElementDimensions as P, useWindowHeight as j, useScreenHeight as B, useIsomorphicLayoutEffect as _, useIsWithinIFrame as H } from "./hooks.js";
+import { getScrollableParentElement as V, addPassiveEventListener as v, removePassiveEventListener as h, hasScroll as q, getScrollDistanceToBottom as G } from "./utils/dom.js";
+import { container as J, vars as E, footer as K, withoutFooter as M, elevated as Q, fixedFooter as U } from "./fixed-footer-layout.css-mistica.js";
+import { assignInlineVars as X } from "@vanilla-extract/dynamic";
+import { safeAreaInsetBottom as x } from "./utils/css.js";
+const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
     const n = setTimeout(e, 0);
     return {
         cancel: ()=>clearTimeout(n)
     };
-}, C = (param)=>{
-    let { isFooterVisible: e = !0 , footer: n , footerHeight: x = "auto" , footerBgColor: S , containerBgColor: m , children: T , onChangeFooterHeight: o  } = param;
-    const [g, y] = l.useState(!1), u = l.useRef(null), { isTabletOrSmaller: w  } = z(), { platformOverrides: d  } = N(), { height: s , ref: F  } = P(), b = B(), f = $(), I = j(), i = f - s > (b ? f : I) / X;
+}, ee = (param)=>{
+    let { isFooterVisible: e = !0 , footer: n , footerHeight: S = "auto" , footerBgColor: T , containerBgColor: m , children: g , onChangeFooterHeight: o  } = param;
+    const [y, w] = l.useState(!1), d = l.useRef(null), { isTabletOrSmaller: F  } = z(), { platformOverrides: u  } = N(), { height: s , ref: I  } = P(), b = H(), f = j(), A = B(), i = f - s > (b ? f : A) / Y;
     _(()=>{
         o == null || o(s);
     }, [
         o,
         s
     ]), l.useEffect(()=>{
-        const a = H(u.current), R = ()=>k(d) || !i ? !1 : V(a) ? q(a) > 1 : !1, t = W(()=>{
-            y(R());
+        const a = V(d.current), R = ()=>k(u) || !i ? !1 : q(a) ? G(a) > 1 : !1, t = $(()=>{
+            w(R());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), A = Z(t), r = Y(a);
+        }), D = C(t), r = Z(a);
         return v(r, "resize", t), v(r, "scroll", t), ()=>{
-            t.cancel(), h(r, "scroll", t), h(r, "resize", t), A.cancel();
+            t.cancel(), h(r, "scroll", t), h(r, "resize", t), D.cancel();
         };
     }, [
         i,
-        d
+        u
     ]);
     const p = i;
-    return /* @__PURE__ */ D(L, {
+    return /* @__PURE__ */ L(O, {
         children: [
             /* @__PURE__ */ c("div", {
-                ref: u,
-                className: G,
-                style: U(_object_spread_props(_object_spread({}, m && {
+                ref: d,
+                className: J,
+                style: X(_object_spread_props(_object_spread({}, m && {
                     [E.backgroundColor]: m
                 }), {
-                    [E.footerHeight]: p ? `${s}px` : "0px"
+                    [E.footerHeight]: p ? `calc(${x} + ${s}px)` : "0px"
                 })),
-                children: T
+                children: g
             }),
             /* @__PURE__ */ c("div", {
-                className: O(J, {
-                    [K]: !e,
-                    [M]: g,
-                    [Q]: p
+                className: W(K, {
+                    [M]: !e,
+                    [Q]: y,
+                    [U]: p
                 }),
                 style: {
-                    background: w ? S : void 0
+                    background: F ? T : void 0
                 },
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
                 children: e && /* @__PURE__ */ c("aside", {
-                    ref: F,
+                    ref: I,
                     "data-component-name": "FixedFooter",
                     style: {
-                        height: x,
-                        marginBottom: "env(safe-area-inset-bottom)"
+                        height: S,
+                        marginBottom: x
                     },
                     children: n
                 })
             })
         ]
     });
-}, ce = C;
-export { ce as default };
+}, me = ee;
+export { me as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./header.css.ts.vanilla.css-mistica.js";
-var t = "mtk7e90 _1y2v1nf7y", m = "mtk7e93", a = "mtk7e90";
+var t = "mtk7e90 _1y2v1nf82", m = "mtk7e93", a = "mtk7e90";
 export { t as breadcrumbs, m as hideOnDesktop, a as hideOnTabletOrSmaller };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./hero.css.ts.vanilla.css-mistica.js";
-var v = "_16rbpto6 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfbm", a = "_16rbpto2 _1y2v1nfb6", n = "_1y2v1nfbl _1y2v1nfca", b = "_1y2v1nfbc", _ = "_16rbpto7", i = {
+var t = "_16rbpto6 _1y2v1nfba _1y2v1nfbw _1y2v1nfbq", v = "_16rbpto2 _1y2v1nfba", n = "_1y2v1nfbp _1y2v1nfce", b = "_1y2v1nfbg", _ = "_16rbpto7", p = {
     height: "var(--_16rbpto0)"
 };
-export { v as actions, a as container, n as containerDesktop, b as containerMobile, _ as layout, i as vars };
+export { t as actions, v as container, n as containerDesktop, b as containerMobile, _ as layout, p as vars };

package/dist-es/highlighted-card.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./highlighted-card.css.ts.vanilla.css-mistica.js";
-var y = "wrb8722 _1y2v1nfb6 _1y2v1nfbb _1y2v1nfbi _1y2v1nfbo", f = "wrb8725 _1y2v1nfb6", _ = {
-    withImage: "wrb8728 wrb8727 _1y2v1nfb6 _1y2v1nfbc _1y2v1nfbk _1y2v1nf6k _1y2v1nf7t _1y2v1nf8w",
-    withoutImage: "wrb8729 wrb8727 _1y2v1nfb6 _1y2v1nfbc _1y2v1nfbk _1y2v1nf6k _1y2v1nf7t _1y2v1nf8w"
-}, b = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb6 _1y2v1nfbo _1y2v1nfdo _1y2v1nfbt _1y2v1nf5y";
-export { y as container, f as imageContent, _ as textContainerVariant, b as touchableContainer };
+var f = "wrb8722 _1y2v1nfba _1y2v1nfbf _1y2v1nfbm _1y2v1nfbs", y = "wrb8725 _1y2v1nfba", _ = {
+    withImage: "wrb8728 wrb8727 _1y2v1nfba _1y2v1nfbg _1y2v1nfbo _1y2v1nf6o _1y2v1nf7x _1y2v1nf90",
+    withoutImage: "wrb8729 wrb8727 _1y2v1nfba _1y2v1nfbg _1y2v1nfbo _1y2v1nf6o _1y2v1nf7x _1y2v1nf90"
+}, b = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfba _1y2v1nfbs _1y2v1nfds _1y2v1nfbx _1y2v1nf62";
+export { f as container, y as imageContent, _ as textContainerVariant, b as touchableContainer };

package/dist-es/horizontal-scroll.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./horizontal-scroll.css.ts.vanilla.css-mistica.js";
-var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nfb6";
+var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nfba";
 export { m as noScrollbar, v as scroll };

package/dist-es/icon-button.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
-var t = "yqt1oe1 _1y2v1nfba";
-export { t as base };
+var r = "yqt1oe1 _1y2v1nfbe";
+export { r as base };