@telefonica/mistica 14.22.2 → 14.23.0

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

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-layout.css.ts.vanilla.css-mistica.js";
 var f = "kfxylhi", l = {
-    right: "_1y2v1nfbf",
-    left: "_1y2v1nfbd",
-    center: "_1y2v1nfbe",
-    "full-width": "kfxylhh _1y2v1nfbe"
-}, i = "kfxylh6 _1y2v1nfb5", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nfb5 _1y2v1nfbs", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
+    right: "_1y2v1nfbg",
+    left: "_1y2v1nfbe",
+    center: "_1y2v1nfbf",
+    "full-width": "kfxylhh _1y2v1nfbf"
+}, t = "kfxylh6 _1y2v1nfb6", i = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nfb6 _1y2v1nfbt", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
     buttonWidth: "var(--kfxylh0)"
 };
-export { f as alignMoreThanOneChildred, l as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
+export { f as alignMoreThanOneChildred, l as alignVariant, t as baseContainer, i as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 104, y = 2, r = 8, f = 24, b = 12, a = 6, e = 20, p = 16, t = 20, I = 14.5, N = 10.5, i = "rrbrpni _1y2v1nf28", d = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb9 _1y2v1nfaz _1y2v1nfbt _1y2v1nfdu _1y2v1nfe5 _1y2v1nf21 _1y2v1nf3s",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb9 _1y2v1nfaz _1y2v1nfbt _1y2v1nfdu _1y2v1nfe5 _1y2v1nf25 _1y2v1nf5y",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb9 _1y2v1nfaz _1y2v1nfbt _1y2v1nfdu _1y2v1nfe5 _1y2v1nf20 _1y2v1nf3m"
-}, z = "rrbrpn0", L = "rrbrpng _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb9 _1y2v1nfbt _1y2v1nfaz _1y2v1nfdu _1y2v1nfdn _1y2v1nf27 _1y2v1nf5y _1y2v1nfe5 _1y2v1nfcz", o = "rrbrpn7 _1y2v1nfb6 _1y2v1nfb0 _1y2v1nfeb _1y2v1nffk _1y2v1nfbe _1y2v1nfbk", s = "rrbrpn4 _1y2v1nfb7 _1y2v1nfca _1y2v1nfe5", A = "rrbrpn5", D = "rrbrpn9 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe", P = "rrbrpnk _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe", S = {
-    primary: "rrbrpnl rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb9 _1y2v1nfaz _1y2v1nfbt _1y2v1nfdu _1y2v1nfe5 _1y2v1nf20 _1y2v1nf3r",
-    secondary: "rrbrpnm rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb9 _1y2v1nfaz _1y2v1nfbt _1y2v1nfdu _1y2v1nfe5 _1y2v1nf23 _1y2v1nf5y",
-    danger: "rrbrpnn rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb9 _1y2v1nfaz _1y2v1nfbt _1y2v1nfdu _1y2v1nfe5 _1y2v1nf20 _1y2v1nf3m"
+var _ = 104, y = 2, r = 8, f = 24, b = 12, a = 6, p = 20, e = 16, I = 20, N = 14.5, i = 10.5, d = "rrbrpni _1y2v1nf28", t = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfba _1y2v1nfb0 _1y2v1nfbu _1y2v1nfdv _1y2v1nfe6 _1y2v1nf21 _1y2v1nf3s",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfba _1y2v1nfb0 _1y2v1nfbu _1y2v1nfdv _1y2v1nfe6 _1y2v1nf25 _1y2v1nf5y",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfba _1y2v1nfb0 _1y2v1nfbu _1y2v1nfdv _1y2v1nfe6 _1y2v1nf20 _1y2v1nf3m"
+}, o = "rrbrpn0", L = "rrbrpng _1y2v1nf8t _1y2v1nfa2 _1y2v1nfba _1y2v1nfbu _1y2v1nfb0 _1y2v1nfdv _1y2v1nfdo _1y2v1nf27 _1y2v1nf5y _1y2v1nfe6 _1y2v1nfd0", l = "rrbrpn7 _1y2v1nfb7 _1y2v1nfb1 _1y2v1nfec _1y2v1nffl _1y2v1nfbf _1y2v1nfbl", s = "rrbrpn4 _1y2v1nfb8 _1y2v1nfcb _1y2v1nfe6", A = "rrbrpn5", D = "rrbrpn9 _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf", P = "rrbrpnk _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf", S = {
+    primary: "rrbrpnl rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfba _1y2v1nfb0 _1y2v1nfbu _1y2v1nfdv _1y2v1nfe6 _1y2v1nf20 _1y2v1nf3r",
+    secondary: "rrbrpnm rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfba _1y2v1nfb0 _1y2v1nfbu _1y2v1nfdv _1y2v1nfe6 _1y2v1nf23 _1y2v1nf5y",
+    danger: "rrbrpnn rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfba _1y2v1nfb0 _1y2v1nfbu _1y2v1nfdv _1y2v1nfe6 _1y2v1nf20 _1y2v1nf3m"
 };
-export { _ as BUTTON_MIN_WIDTH, y as CHEVRON_MARGIN_LEFT_LINK, r as ICON_MARGIN_PX, f as ICON_SIZE, b as PADDING_X_LINK, a as PADDING_Y_LINK, e as SMALL_ICON_SIZE, p as SMALL_SPINNER_SIZE, t as SPINNER_SIZE, I as X_PADDING_PX, N as X_SMALL_PADDING_PX, i as inverseLink, d as inverseVariants, z as isLoading, L as link, o as loadingContent, s as loadingFiller, A as small, D as textContent, P as textContentLink, S as variants };
+export { _ as BUTTON_MIN_WIDTH, y as CHEVRON_MARGIN_LEFT_LINK, r as ICON_MARGIN_PX, f as ICON_SIZE, b as PADDING_X_LINK, a as PADDING_Y_LINK, p as SMALL_ICON_SIZE, e as SMALL_SPINNER_SIZE, I as SPINNER_SIZE, N as X_PADDING_PX, i as X_SMALL_PADDING_PX, d as inverseLink, t as inverseVariants, o as isLoading, L as link, l as loadingContent, s as loadingFiller, A as small, D as textContent, P as textContentLink, S as variants };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./callout.css.ts.vanilla.css-mistica.js";
-var y = "_14g0jmy1 _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfdw _1y2v1nfe5", _ = "_14g0jmy3 _1y2v1nfbr";
+var y = "_14g0jmy1 _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdx _1y2v1nfe6", _ = "_14g0jmy3 _1y2v1nfbs";
 export { y as container, _ as content };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./card.css.ts.vanilla.css-mistica.js";
-var n = "_15e54s91 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbl", a = "_15e54s93 _1y2v1nfb5 _1y2v1nfaz", y = "_15e54s9v _1y2v1nfc2 _1y2v1nfci _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", f = "_1y2v1nfb5 _1y2v1nfc4 _1y2v1nfck _1y2v1nfbk _1y2v1nfbe", e = "_15e54s9w _1y2v1nfc2 _1y2v1nfci _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", r = "_15e54s9x _1y2v1nfc2 _1y2v1nfci _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", b = "_15e54s9z", s = "_15e54s98", d = "_15e54s9k _1y2v1nf8w _1y2v1nfa5 _1y2v1nf6k _1y2v1nf7t _1y2v1nfb5 _1y2v1nfbr _1y2v1nfaz _1y2v1nfbb _1y2v1nfbs", c = "_15e54s9r", t = "_1y2v1nfbs _1y2v1nfc9 _1y2v1nfb5 _1y2v1nfaz", o = "_15e54s9q", i = "_15e54s9s", C = "_1y2v1nfb5 _1y2v1nfbb _1y2v1nfc9 _1y2v1nfbs _1y2v1nfbr", l = "_15e54s9f _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfaz _1y2v1nf6e _1y2v1nf7t _1y2v1nfbb _1y2v1nfbh", h = "_15e54s9g", k = "_15e54s9i _1y2v1nfb5 _1y2v1nfbr _1y2v1nfaz _1y2v1nfbb _1y2v1nfbh _1y2v1nf6e", u = "_15e54s9m _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfaz _1y2v1nfc9 _1y2v1nfbb _1y2v1nfbh _1y2v1nfbs _1y2v1nfbr", p = "_15e54s95", z = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", O = "_15e54s9c _15e54s96", M = "_15e54s94", w = "_15e54s97 _15e54s96", A = "_15e54s99 _15e54s96", I = {
+var n = "_15e54s91 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfbm", a = "_15e54s93 _1y2v1nfb6 _1y2v1nfb0", y = "_15e54s9v _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", f = "_1y2v1nfb6 _1y2v1nfc5 _1y2v1nfcl _1y2v1nfbl _1y2v1nfbf", e = "_15e54s9w _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", r = "_15e54s9x _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", b = "_15e54s9z", s = "_15e54s98", c = "_15e54s9k _1y2v1nf8w _1y2v1nfa5 _1y2v1nf6k _1y2v1nf7t _1y2v1nfb6 _1y2v1nfbs _1y2v1nfb0 _1y2v1nfbc _1y2v1nfbt", d = "_15e54s9r", t = "_1y2v1nfbt _1y2v1nfca _1y2v1nfb6 _1y2v1nfb0", i = "_15e54s9q", o = "_15e54s9s", l = "_1y2v1nfb6 _1y2v1nfbc _1y2v1nfca _1y2v1nfbt _1y2v1nfbs", C = "_15e54s9f _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfb0 _1y2v1nf6e _1y2v1nf7t _1y2v1nfbc _1y2v1nfbi", p = "_15e54s9g", u = "_15e54s9i _1y2v1nfb6 _1y2v1nfbs _1y2v1nfb0 _1y2v1nfbc _1y2v1nfbi _1y2v1nf6e", h = "_15e54s9m _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfb0 _1y2v1nfca _1y2v1nfbc _1y2v1nfbi _1y2v1nfbt _1y2v1nfbs", m = "_15e54s95", O = "_15e54s9a _15e54s96", k = "_15e54s9b _15e54s96", M = "_15e54s9c _15e54s96", w = "_15e54s94", A = "_15e54s97 _15e54s96", I = "_15e54s99 _15e54s96", j = {
     aspectRatio: "var(--_15e54s9y)"
 };
-export { n as actions, a as boxed, y as cardAction, f as cardActionIconButton, e as cardActionInverse, r as cardActionMedia, b as cardContainer, s as circularMediaOverlay, d as dataCard, c as displayCardBackground, t as displayCardContainer, o as displayCardContent, i as displayCardGradient, C as mediaCard, l as mediaCardContent, h as mediaCardIcon, k as nakedCardContent, u as snapCard, p as touchable, z as touchableCardOverlay, m as touchableCardOverlayInverse, O as touchableCardOverlayMedia, M as touchableContainer, w as touchableMediaCardOverlay, A as touchableNakedMediaOverlay, I as vars };
+export { n as actions, a as boxed, y as cardAction, f as cardActionIconButton, e as cardActionInverse, r as cardActionMedia, b as cardContainer, s as circularMediaOverlay, c as dataCard, d as displayCardBackground, t as displayCardContainer, i as displayCardContent, o as displayCardGradient, l as mediaCard, C as mediaCardContent, p as mediaCardIcon, u as nakedCardContent, h as snapCard, m as touchable, O as touchableCardOverlay, k as touchableCardOverlayInverse, M as touchableCardOverlayMedia, w as touchableContainer, A as touchableMediaCardOverlay, I as touchableNakedMediaOverlay, j as vars };

package/dist-es/card.js

@@ -83,12 +83,12 @@ import Be from "./tag.js";
 import C from "./stack.js";
 import S from "./box.js";
 import { Text2 as A, Text6 as Se, Text3 as Ie, Text as ne } from "./text.js";
-import { Boxed as Q, InternalBoxed as te } from "./boxed.js";
-import Y from "./button-group.js";
-import $, { MediaBorderRadiusProvider as Re } from "./image.js";
+import { Boxed as Y, InternalBoxed as te } from "./boxed.js";
+import $ from "./button-group.js";
+import V, { MediaBorderRadiusProvider as Re } from "./image.js";
 import { BaseTouchable as D } from "./touchable.js";
 import { vars as y } from "./skins/skin-contract.css-mistica.js";
-import { cardContainer as Me, vars as ze, touchableContainer as O, boxed as _, touchable as H, touchableMediaCardOverlay as De, mediaCard as V, mediaCardContent as Oe, mediaCardIcon as se, touchableNakedMediaOverlay as le, circularMediaOverlay as oe, nakedCardContent as de, touchableCardOverlay as Z, dataCard as He, actions as ce, snapCard as Ee, displayCardContainer as he, displayCardBackground as me, displayCardContent as pe, displayCardGradient as ue, cardActionIconButton as Ge, touchableCardOverlayInverse as ee, touchableCardOverlayMedia as fe, cardAction as ke, cardActionInverse as Xe, cardActionMedia as je } from "./card.css-mistica.js";
+import { cardContainer as Me, vars as ze, touchableContainer as O, boxed as _, touchable as H, touchableMediaCardOverlay as De, mediaCard as ee, mediaCardContent as Oe, mediaCardIcon as se, touchableNakedMediaOverlay as le, circularMediaOverlay as oe, nakedCardContent as de, touchableCardOverlay as Z, dataCard as He, actions as ce, snapCard as Ee, displayCardContainer as he, displayCardBackground as me, displayCardContent as pe, displayCardGradient as ue, cardActionIconButton as Ge, touchableCardOverlayInverse as re, touchableCardOverlayMedia as fe, cardAction as ke, cardActionInverse as Xe, cardActionMedia as je } from "./card.css-mistica.js";
 import { useTheme as q } from "./hooks.js";
 import { sprinkles as ve } from "./sprinkles.css-mistica.js";
 import Fe from "./icon-button.js";
@@ -99,10 +99,11 @@ import { combineRefs as Le } from "./utils/common.js";
 import Ue from "./spinner.js";
 import Ze from "./video.js";
 import { useIsInverseVariant as ye, ThemeVariant as ge } from "./theme-variant-context.js";
-import re from "classnames";
+import ae from "classnames";
 import { assignInlineVars as qe } from "@vanilla-extract/dynamic";
 import Je from "./inline.js";
 import { getPrefixedDataAttributes as Ke } from "./utils/dom.js";
+import { isRunningAcceptanceTest as Qe } from "./utils/platform.js";
 const Ne = (r, a)=>{
     const { texts: i  } = q(), l = r ? [
         ...r
@@ -156,7 +157,7 @@ const Ne = (r, a)=>{
             })
         })
     }) : /* @__PURE__ */ e(we, {});
-}, Qe = (r)=>r ? typeof r == "number" ? r : ({
+}, Ye = (r)=>r ? typeof r == "number" ? r : ({
         "1:1": 1,
         "16:9": 16 / 9,
         "7:10": 7 / 10,
@@ -164,11 +165,11 @@ const Ne = (r, a)=>{
         auto: 0
     })[r] : 0, E = /*#__PURE__*/ N.forwardRef((param, d)=>{
     let { children: r , width: a = "100%" , height: i = "100%" , aspectRatio: l , dataAttributes: m , className: s , "aria-label": o  } = param;
-    const p = Qe(l);
+    const p = Ye(l);
     return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, Ke(m)), {
         ref: d,
         "aria-label": o,
-        className: re(s, Me),
+        className: ae(s, Me),
         style: _object_spread({
             width: a,
             height: i
@@ -177,11 +178,11 @@ const Ne = (r, a)=>{
         }) : {}),
         children: r
     }));
-}), Te = (r)=>/* @__PURE__ */ e($, {
+}), Te = (r)=>/* @__PURE__ */ e(V, {
         width: "100%",
         height: "100%",
         src: r !== null && r !== void 0 ? r : "//:0"
-    }), Ye = {
+    }), $e = {
     loading: {
         showSpinner: "loadingTimeout",
         play: "playing",
@@ -205,27 +206,27 @@ const Ne = (r, a)=>{
     error: {
         reset: "loading"
     }
-}, $e = (r, a)=>Ye[r][a] || r, Ve = (param)=>/* @__PURE__ */ {
+}, Ve = (r, a)=>$e[r][a] || r, er = (param)=>/* @__PURE__ */ {
     let { color: r  } = param;
     return e(Ue, {
         color: r,
         size: 16,
         delay: "0"
     });
-}, ie = (param)=>/* @__PURE__ */ {
+}, Q = (param)=>/* @__PURE__ */ {
     let { color: r  } = param;
     return e(_e, {
         color: r,
         size: 12
     });
-}, er = (param)=>/* @__PURE__ */ {
+}, rr = (param)=>/* @__PURE__ */ {
     let { color: r  } = param;
     return e(We, {
         color: r,
         size: 12
     });
 }, be = (r, a, i)=>{
-    const { texts: l  } = q(), m = N.useRef(null), [s, o] = N.useReducer($e, "loading");
+    const { texts: l  } = q(), m = N.useRef(null), [s, o] = N.useReducer(Ve, "loading");
     N.useEffect(()=>{
         var h;
         const t = setTimeout(()=>o("showSpinner"), 2e3);
@@ -257,10 +258,10 @@ const Ne = (r, a)=>{
     };
     const c = {
         Icon: {
-            playing: ie,
-            loading: ie,
-            paused: er,
-            loadingTimeout: Ve
+            playing: Q,
+            loading: Q,
+            paused: rr,
+            loadingTimeout: Qe() ? Q : er
         }[s],
         onPress: p,
         label: {
@@ -275,7 +276,7 @@ const Ne = (r, a)=>{
         video: d,
         videoAction: c
     };
-}, ae = (param)=>{
+}, ie = (param)=>{
     let { headline: r , pretitle: a , pretitleLinesMax: i , title: l , titleLinesMax: m , subtitle: s , subtitleLinesMax: o , description: d , descriptionLinesMax: p , extra: c , button: t , buttonLink: h  } = param;
     const { textPresets: u  } = q(), v = ()=>r ? typeof r == "string" ? /* @__PURE__ */ e(Be, {
             type: "promo",
@@ -349,14 +350,14 @@ const Ne = (r, a)=>{
             }),
             (t || h) && /* @__PURE__ */ e("div", {
                 className: ce,
-                children: /* @__PURE__ */ e(Y, {
+                children: /* @__PURE__ */ e($, {
                     primaryButton: t,
                     link: h
                 })
             })
         ]
     });
-}, Br = /*#__PURE__*/ N.forwardRef((_param, I)=>{
+}, Ir = /*#__PURE__*/ N.forwardRef((_param, I)=>{
     var { media: r , icon: a , headline: i , pretitle: l , pretitleLinesMax: m , subtitle: s , subtitleLinesMax: o , title: d , titleLinesMax: p , description: c , descriptionLinesMax: t , extra: h , actions: u , button: v , buttonLink: w , dataAttributes: b , "aria-label": T , onClose: g  } = _param, f = _object_without_properties(_param, [
         "media",
         "icon",
@@ -386,7 +387,7 @@ const Ne = (r, a)=>{
         "aria-label": T,
         className: O,
         children: [
-            /* @__PURE__ */ e(Q, {
+            /* @__PURE__ */ e(Y, {
                 className: _,
                 width: "100%",
                 height: "100%",
@@ -400,7 +401,7 @@ const Ne = (r, a)=>{
                             className: De
                         }),
                         /* @__PURE__ */ n("div", {
-                            className: V,
+                            className: ee,
                             children: [
                                 /* @__PURE__ */ e(Re, {
                                     value: !1,
@@ -408,7 +409,7 @@ const Ne = (r, a)=>{
                                 }),
                                 /* @__PURE__ */ e("div", {
                                     className: Oe,
-                                    children: /* @__PURE__ */ e(ae, {
+                                    children: /* @__PURE__ */ e(ie, {
                                         headline: i,
                                         pretitle: l,
                                         pretitleLinesMax: m,
@@ -447,7 +448,7 @@ const Ne = (r, a)=>{
             })
         ]
     });
-}), Sr = /*#__PURE__*/ N.forwardRef((_param, I)=>{
+}), Rr = /*#__PURE__*/ N.forwardRef((_param, I)=>{
     var { media: r , icon: a , headline: i , pretitle: l , pretitleLinesMax: m , subtitle: s , subtitleLinesMax: o , title: d , titleLinesMax: p , description: c , descriptionLinesMax: t , extra: h , actions: u , button: v , buttonLink: w , dataAttributes: b , "aria-label": T , onClose: g  } = _param, f = _object_without_properties(_param, [
         "media",
         "icon",
@@ -468,7 +469,7 @@ const Ne = (r, a)=>{
         "aria-label",
         "onClose"
     ]);
-    const x = f.href || f.to || f.onPress, M = r && r.type === $ && r.props.circular;
+    const x = f.href || f.to || f.onPress, M = r && r.type === V && r.props.circular;
     return /* @__PURE__ */ n(E, {
         ref: I,
         dataAttributes: _object_spread({
@@ -483,7 +484,7 @@ const Ne = (r, a)=>{
                 className: H,
                 "aria-label": T,
                 children: /* @__PURE__ */ n("div", {
-                    className: V,
+                    className: ee,
                     children: [
                         /* @__PURE__ */ n("div", {
                             style: {
@@ -491,7 +492,7 @@ const Ne = (r, a)=>{
                             },
                             children: [
                                 x && /* @__PURE__ */ e("div", {
-                                    className: re(le, {
+                                    className: ae(le, {
                                         [oe]: M
                                     })
                                 }),
@@ -500,7 +501,7 @@ const Ne = (r, a)=>{
                         }),
                         /* @__PURE__ */ e("div", {
                             className: de,
-                            children: /* @__PURE__ */ e(ae, {
+                            children: /* @__PURE__ */ e(ie, {
                                 headline: i,
                                 pretitle: l,
                                 pretitleLinesMax: m,
@@ -537,7 +538,7 @@ const Ne = (r, a)=>{
             })
         ]
     });
-}), Ir = /*#__PURE__*/ N.forwardRef((_param, h)=>{
+}), Mr = /*#__PURE__*/ N.forwardRef((_param, h)=>{
     var { media: r , title: a , titleLinesMax: i , subtitle: l , subtitleLinesMax: m , description: s , descriptionLinesMax: o , extra: d , dataAttributes: p , "aria-label": c  } = _param, t = _object_without_properties(_param, [
         "media",
         "title",
@@ -550,7 +551,7 @@ const Ne = (r, a)=>{
         "dataAttributes",
         "aria-label"
     ]);
-    const u = t.href || t.to || t.onPress, v = r && r.type === $ && r.props.circular;
+    const u = t.href || t.to || t.onPress, v = r && r.type === V && r.props.circular;
     return /* @__PURE__ */ e(E, {
         ref: h,
         dataAttributes: _object_spread({
@@ -564,7 +565,7 @@ const Ne = (r, a)=>{
             className: H,
             "aria-label": c,
             children: /* @__PURE__ */ n("div", {
-                className: V,
+                className: ee,
                 children: [
                     /* @__PURE__ */ n("div", {
                         style: {
@@ -572,7 +573,7 @@ const Ne = (r, a)=>{
                         },
                         children: [
                             u && /* @__PURE__ */ e("div", {
-                                className: re(le, {
+                                className: ae(le, {
                                     [oe]: v
                                 })
                             }),
@@ -622,7 +623,7 @@ const Ne = (r, a)=>{
             })
         }))
     });
-}), Rr = /*#__PURE__*/ N.forwardRef((_param, I)=>{
+}), zr = /*#__PURE__*/ N.forwardRef((_param, I)=>{
     var { icon: r , headline: a , pretitle: i , pretitleLinesMax: l , title: m , titleLinesMax: s , subtitle: o , subtitleLinesMax: d , description: p , descriptionLinesMax: c , extra: t , actions: h , button: u , buttonLink: v , dataAttributes: w , "aria-label": b , onClose: T , aspectRatio: g  } = _param, f = _object_without_properties(_param, [
         "icon",
         "headline",
@@ -657,7 +658,7 @@ const Ne = (r, a)=>{
         className: O,
         aspectRatio: g,
         children: [
-            /* @__PURE__ */ e(Q, {
+            /* @__PURE__ */ e(Y, {
                 className: _,
                 width: "100%",
                 minHeight: "100%",
@@ -680,7 +681,7 @@ const Ne = (r, a)=>{
                                             space: 16,
                                             children: [
                                                 x ? r : null,
-                                                /* @__PURE__ */ e(ae, {
+                                                /* @__PURE__ */ e(ie, {
                                                     headline: a,
                                                     pretitle: i,
                                                     pretitleLinesMax: l,
@@ -703,7 +704,7 @@ const Ne = (r, a)=>{
                                 }),
                                 (u || v) && /* @__PURE__ */ e("div", {
                                     className: ce,
-                                    children: /* @__PURE__ */ e(Y, {
+                                    children: /* @__PURE__ */ e($, {
                                         primaryButton: u,
                                         link: v
                                     })
@@ -720,7 +721,7 @@ const Ne = (r, a)=>{
             })
         ]
     });
-}), Mr = /*#__PURE__*/ N.forwardRef((_param, h)=>{
+}), Dr = /*#__PURE__*/ N.forwardRef((_param, h)=>{
     var { icon: r , title: a , titleLinesMax: i , subtitle: l , subtitleLinesMax: m , dataAttributes: s , "aria-label": o , extra: d , isInverse: p = !1 , aspectRatio: c  } = _param, t = _object_without_properties(_param, [
         "icon",
         "title",
@@ -733,7 +734,7 @@ const Ne = (r, a)=>{
         "isInverse",
         "aspectRatio"
     ]);
-    const u = t.href || t.to || t.onPress, v = p ? ee : Z;
+    const u = t.href || t.to || t.onPress, v = p ? re : Z;
     return /* @__PURE__ */ e(E, {
         dataAttributes: _object_spread({
             "component-name": "SnapCard"
@@ -741,7 +742,7 @@ const Ne = (r, a)=>{
         ref: h,
         className: O,
         aspectRatio: c,
-        children: /* @__PURE__ */ e(Q, {
+        children: /* @__PURE__ */ e(Y, {
             className: _,
             isInverse: p,
             width: "100%",
@@ -826,7 +827,7 @@ const Ne = (r, a)=>{
     i && (g = R ? [
         R
     ] : []);
-    const F = ye(), B = !!a || !!i, P = B ? "0 0 16px rgba(0,0,0,0.4)" : void 0, U = (g == null ? void 0 : g.length) || T, X = k.href || k.to || k.onPress, K = a || i ? fe : r ? ee : Z;
+    const F = ye(), B = !!a || !!i, P = B ? "0 0 16px rgba(0,0,0,0.4)" : void 0, U = (g == null ? void 0 : g.length) || T, X = k.href || k.to || k.onPress, K = a || i ? fe : r ? re : Z;
     return /* @__PURE__ */ n(E, {
         dataAttributes: I,
         ref: J,
@@ -932,7 +933,7 @@ const Ne = (r, a)=>{
                                                             v
                                                         ]
                                                     }),
-                                                    (w || b || f) && /* @__PURE__ */ e(Y, {
+                                                    (w || b || f) && /* @__PURE__ */ e($, {
                                                         primaryButton: w,
                                                         secondaryButton: b,
                                                         link: f
@@ -954,7 +955,7 @@ const Ne = (r, a)=>{
             })
         ]
     });
-}), zr = /*#__PURE__*/ N.forwardRef((_param, i)=>/* @__PURE__ */ {
+}), Or = /*#__PURE__*/ N.forwardRef((_param, i)=>/* @__PURE__ */ {
     var { dataAttributes: r  } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -965,7 +966,7 @@ const Ne = (r, a)=>{
             "component-name": "DisplayMediaCard"
         })
     }));
-}), Dr = /*#__PURE__*/ N.forwardRef((_param, i)=>/* @__PURE__ */ {
+}), Hr = /*#__PURE__*/ N.forwardRef((_param, i)=>/* @__PURE__ */ {
     var { dataAttributes: r  } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -975,7 +976,7 @@ const Ne = (r, a)=>{
             "component-name": "DisplayDataCard"
         })
     }));
-}), Or = /*#__PURE__*/ N.forwardRef((_param, G)=>{
+}), Er = /*#__PURE__*/ N.forwardRef((_param, G)=>{
     var { dataAttributes: r , backgroundImage: a , backgroundVideo: i , poster: l , backgroundVideoRef: m , width: s , height: o , aspectRatio: d = "7:10" , ariaLabel: p , actions: c , onClose: t , icon: h , headline: u , pretitle: v , pretitleLinesMax: w , title: b , titleLinesMax: T , description: g , descriptionLinesMax: f , variant: I , isInverse: x , backgroundColor: M  } = _param, z = _object_without_properties(_param, [
         "dataAttributes",
         "backgroundImage",
@@ -1008,7 +1009,7 @@ const Ne = (r, a)=>{
             default: y.colors.backgroundContainer,
             inverse: j ? y.colors.backgroundContainerBrandOverInverse : y.colors.backgroundBrand,
             alternative: y.colors.backgroundAlternative
-        })[X], Ae = a || i ? fe : X === "inverse" ? ee : Z;
+        })[X], Ae = a || i ? fe : X === "inverse" ? re : Z;
     return /* @__PURE__ */ n(E, {
         width: s,
         height: o,
@@ -1139,4 +1140,4 @@ const Ne = (r, a)=>{
         ]
     });
 });
-export { Ve as CardActionSpinner, W as CardActionsGroup, Rr as DataCard, Dr as DisplayDataCard, zr as DisplayMediaCard, Br as MediaCard, Sr as NakedCard, Or as PosterCard, Ir as SmallNakedCard, Mr as SnapCard, Ce as TOP_ACTION_BUTTON_SIZE };
+export { er as CardActionSpinner, W as CardActionsGroup, zr as DataCard, Hr as DisplayDataCard, Or as DisplayMediaCard, Ir as MediaCard, Rr as NakedCard, Er as PosterCard, Mr as SmallNakedCard, Dr as SnapCard, Ce as TOP_ACTION_BUTTON_SIZE };

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

@@ -2,10 +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 f = "_1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo", r = "_1abcu7l _1abcu7b _1y2v1nfb5 _1y2v1nfcp", e = "_1y2v1nfb5 _1y2v1nfbe", u = "_1y2v1nfd2 _1y2v1nfaz", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", s = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", l = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb5 _1y2v1nfcp", m = "_1abcu713 _1y2v1nfb0 _1y2v1nffr _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbs", w = "_1y2v1nfaz", p = "_1abcu7x _1y2v1nfbs _1y2v1nfbn", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nffc", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nfex", P = {
+var y = "_1abcu71 _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf44", a = "_1abcu72 _1abcu71 _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf45", b = "_1abcu72 _1abcu71 _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf4k", r = "_1abcu75 _1abcu71 _1y2v1nfby _1y2v1nfce _1y2v1nfdp", c = "_1abcu7m _1abcu7b _1y2v1nfb6 _1y2v1nfcq", e = "_1y2v1nfb6 _1y2v1nfbf", u = "_1y2v1nfaz _1y2v1nfd3 _1y2v1nfb0", t = "_1abcu7p", l = "_1abcu7t _1abcu7r _1abcu7d _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp _1y2v1nf31 _1y2v1nfc4 _1y2v1nfck _1y2v1nfdn _1y2v1nfb1", o = "_1abcu7s _1abcu7r _1abcu7d _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp _1y2v1nf31 _1y2v1nfc4 _1y2v1nfck _1y2v1nfdn _1y2v1nfb1", s = "_1abcu7n", d = "_1abcu7o", i = "_1abcu7w _1abcu7b _1y2v1nfb6 _1y2v1nfcq", p = "_1abcu714 _1y2v1nfb1 _1y2v1nffs _1y2v1nfb6 _1y2v1nfbf _1y2v1nfbt", m = "_1y2v1nfb0", w = "_1abcu7y _1y2v1nfbt _1y2v1nfbo", P = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp _1y2v1nf31 _1y2v1nfc4 _1y2v1nfck _1y2v1nfdn _1y2v1nfb1 _1y2v1nffd", h = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp _1y2v1nf31 _1y2v1nfc4 _1y2v1nfck _1y2v1nfdn _1y2v1nfb1 _1y2v1nfey", k = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",
-    gap: "var(--_1abcu7j)"
+    gap: "var(--_1abcu7j)",
+    mobilePageOffset: "var(--_1abcu7k)"
 };
-export { f as bullet, b as bulletActive, y as bulletActiveInverse, c as bulletInverse, r as carousel, e as carouselBullets, u as carouselContainer, o as carouselItem, t as carouselNextArrowButton, s as carouselPrevArrowButton, l as carouselWithScroll, d as centeredCarousel, i as slideshow, m as slideshowBullets, w as slideshowContainer, p as slideshowItem, x as slideshowNextArrowButton, h as slideshowPrevArrowButton, P as vars };
+export { y as bullet, a as bulletActive, b as bulletActiveInverse, r as bulletInverse, c as carousel, e as carouselBullets, u as carouselContainer, t as carouselItem, l as carouselNextArrowButton, o as carouselPrevArrowButton, s as carouselWithScroll, d as centeredCarousel, i as slideshow, p as slideshowBullets, m as slideshowContainer, w as slideshowItem, P as slideshowNextArrowButton, h as slideshowPrevArrowButton, k as vars };