@telefonica/mistica 16.53.0 → 16.55.0

package/dist-es/card-internal.js

@@ -80,48 +80,48 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as i, jsxs as y, Fragment as Q } from "react/jsx-runtime";
 import * as I from "react";
-import { touchableContent as mt, touchableCardOverlayInverse as gt, touchableCardOverlay as bt, contentContainer as ft, textContent as vt, containerPaddingXVariants as Z, containerPaddingBottomVariants as Ge, containerPaddingTopVariants as ge, touchable as Ae, touchableContainer as kt, topActionsContainer as xt, vars as yt, boxed as St, container as Bt, backgroundImageOrVideoContainer as Rt, actionsContainerVariants as Ht } from "./card-internal.css-mistica.js";
+import { touchableContent as mt, touchableCardOverlayInverse as gt, touchableCardOverlay as bt, contentContainer as ft, textContent as vt, slotContainerSpaceBetween as kt, containerPaddingXVariants as Z, containerPaddingBottomVariants as Ge, containerPaddingTopVariants as ge, touchable as Ve, touchableContainer as xt, topActionsContainer as yt, vars as St, boxed as Bt, container as Rt, backgroundImageOrVideoContainer as Ht, actionsContainerVariants as wt } from "./card-internal.css-mistica.js";
 import { vars as te } from "./image.css-mistica.js";
-import { closeButtonLabel as wt, playIconButtonLabel as Lt, pauseIconButtonLabel as Tt } from "./text-tokens.js";
+import { closeButtonLabel as Lt, playIconButtonLabel as Ct, pauseIconButtonLabel as Tt } from "./text-tokens.js";
 import { Text as J } from "./text.js";
-import { useInnerText as Ve, useTheme as ie } from "./hooks.js";
+import { useInnerText as Ae, useTheme as ie } from "./hooks.js";
 import { useThemeVariant as be, normalizeVariant as Fe, ThemeVariant as fe } from "./theme-variant-context.js";
 import zt from "./tag.js";
 import Oe from "./stack.js";
 import _e from "./image.js";
-import Ct from "./video.js";
+import Dt from "./video.js";
 import Me from "./inline.js";
-import Dt from "./spinner.js";
-import It from "./generated/mistica-icons/icon-play-filled.js";
-import Nt from "./generated/mistica-icons/icon-pause-filled.js";
-import Pt from "./generated/mistica-icons/icon-close-regular.js";
+import It from "./spinner.js";
+import Nt from "./generated/mistica-icons/icon-play-filled.js";
+import Pt from "./generated/mistica-icons/icon-pause-filled.js";
+import Vt from "./generated/mistica-icons/icon-close-regular.js";
 import { getPrefixedDataAttributes as At } from "./utils/dom.js";
-import { applyCssVars as G } from "./utils/css.js";
-import { InternalBoxed as Vt } from "./boxed.js";
-import { BaseTouchable as Ft } from "./touchable.js";
-import { aspectRatioToNumber as ve, AspectRatioContainer as Ot } from "./utils/aspect-ratio-support.js";
+import { applyCssVars as _ } from "./utils/css.js";
+import { InternalBoxed as Ft } from "./boxed.js";
+import { BaseTouchable as Ot } from "./touchable.js";
+import { aspectRatioToNumber as ve, AspectRatioContainer as Mt } from "./utils/aspect-ratio-support.js";
 import { vars as g } from "./skins/skin-contract.css-mistica.js";
-import { IconButton as Mt, ToggleIconButton as Et } from "./icon-button.js";
-import { combineRefs as $t } from "./utils/common.js";
+import { IconButton as Et, ToggleIconButton as $t } from "./icon-button.js";
+import { combineRefs as jt } from "./utils/common.js";
 import { isRunningAcceptanceTest as Ee } from "./utils/platform.js";
-import L from "classnames";
-import jt from "./button-group.js";
+import w from "classnames";
+import Gt from "./button-group.js";
 import { isBiggerHeading as Xe } from "./utils/headings.js";
-import { applyAlpha as Gt } from "./utils/color.js";
-const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
-    let { type: e, children: o, width: a, height: r, aspectRatio: n, "aria-label": l, "aria-labelledby": u, "aria-description": h, "aria-describedby": m, dataAttributes: d, backgroundColor: b, variant: v } = param;
-    const x = a && r ? void 0 : ve(n), f = x ? G({
-        [yt.aspectRatio]: String(x)
-    }) : {}, k = b ? "none" : void 0, s = e === "naked";
+import { applyAlpha as _t } from "./utils/color.js";
+const Xt = /*#__PURE__*/ I.forwardRef((param, p)=>{
+    let { type: e, children: o, width: a, height: r, aspectRatio: n, "aria-label": s, "aria-labelledby": u, "aria-description": h, "aria-describedby": m, dataAttributes: d, backgroundColor: b, variant: v } = param;
+    const x = a && r ? void 0 : ve(n), f = x ? _({
+        [St.aspectRatio]: String(x)
+    }) : {}, k = b ? "none" : void 0, l = e === "naked";
     return(// aria-description should be vaild, but this eslint rule is complaining about it
     // eslint-disable-next-line jsx-a11y/role-supports-aria-props
     /* @__PURE__ */ i("section", _object_spread_props(_object_spread({
         ref: p,
-        "aria-label": l,
+        "aria-label": s,
         "aria-labelledby": u,
         "aria-description": h,
         "aria-describedby": m,
-        className: L(Bt)
+        className: w(Rt)
     }, At(d, "InternalCard")), {
         style: _object_spread({
             width: a || "100%",
@@ -136,14 +136,14 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                 position: "relative",
                 minHeight: "100%"
             },
-            children: /* @__PURE__ */ i(Vt, {
+            children: /* @__PURE__ */ i(Ft, {
                 width: "100%",
                 height: "100%",
                 variant: v,
-                className: L(St),
-                background: s ? "transparent" : b,
-                borderRadius: s ? "none" : g.borderRadii.container,
-                border: s ? "none" : k,
+                className: w(Bt),
+                background: l ? "transparent" : b,
+                borderRadius: l ? "none" : g.borderRadii.container,
+                border: l ? "none" : k,
                 overflow: "visible",
                 children: o
             })
@@ -164,7 +164,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
     const n = /* @__PURE__ */ i("div", {
         "data-testid": "asset",
         "aria-hidden": !0,
-        style: G({
+        style: _({
             [te.mediaBorderRadius]: g.borderRadii.mediaSmall
         }),
         children: a
@@ -175,21 +175,21 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             top: 0,
             left: 0
         },
-        className: L(Z[e], ge[e]),
+        className: w(Z[e], ge[e]),
         children: n
     }) : /* @__PURE__ */ i("div", {
-        className: L({
+        className: w({
             [Z[e]]: r !== "naked"
         }),
         children: n
     });
-}, Xt = (param)=>{
+}, Kt = (param)=>{
     let { video: e, src: o, srcSet: a, backgroundVariant: r } = param;
     return /* @__PURE__ */ i(fe, {
         variant: r,
         children: /* @__PURE__ */ i("div", {
-            className: Rt,
-            style: G({
+            className: Ht,
+            style: _({
                 [te.mediaBorderRadius]: "0px",
                 borderRadius: g.borderRadii.container,
                 overflow: "hidden"
@@ -206,7 +206,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             })
         })
     });
-}, Kt = {
+}, Wt = {
     loading: {
         play: "playing",
         pause: "paused",
@@ -226,28 +226,28 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
     error: {
         reset: "loading"
     }
-}, Wt = (e, o)=>Kt[e][o] || e, Yt = (param)=>{
+}, Yt = (e, o)=>Wt[e][o] || e, qt = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ i(Dt, {
+    return /* @__PURE__ */ i(It, {
         color: e,
         size: 16,
         delay: "0"
     });
-}, qt = (param)=>{
+}, Jt = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ i(Nt, {
+    return /* @__PURE__ */ i(Pt, {
         color: e,
         size: 12
     });
-}, Jt = (param)=>{
+}, Qt = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ i(It, {
+    return /* @__PURE__ */ i(Nt, {
         color: e,
         size: 12
     });
-}, Qt = (param)=>{
-    let { src: e, poster: o, ref: a, autoHeight: r, loop: n, autoPlay: l, dataAttributes: u } = param;
-    const { texts: h, t: m } = ie(), d = I.useRef(null), b = I.useRef(!1), [v, p] = I.useReducer(Wt, process.env.NODE_ENV === "test" ? "playing" : "loading");
+}, Ut = (param)=>{
+    let { src: e, poster: o, ref: a, autoHeight: r, loop: n, autoPlay: s, dataAttributes: u } = param;
+    const { texts: h, t: m } = ie(), d = I.useRef(null), b = I.useRef(!1), [v, p] = I.useReducer(Yt, process.env.NODE_ENV === "test" ? "playing" : "loading");
     I.useEffect(()=>{
         var _d_current;
         return b.current = !1, (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.load(), ()=>{
@@ -259,16 +259,16 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
     const x = I.useMemo(()=>{
         if (e === void 0) return;
         const t = ()=>{
-            l === !1 && !b.current && (b.current = !0, p("pause"));
+            s === !1 && !b.current && (b.current = !0, p("pause"));
         };
-        return /* @__PURE__ */ i(Ct, {
-            ref: $t(d, a),
+        return /* @__PURE__ */ i(Dt, {
+            ref: jt(d, a),
             src: e,
             poster: o,
             width: "100%",
             height: r ? void 0 : "100%",
             loop: n,
-            autoPlay: l,
+            autoPlay: s,
             dataAttributes: u,
             onLoad: t,
             onError: ()=>p("fail"),
@@ -281,7 +281,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
         o,
         r,
         n,
-        l,
+        s,
         u
     ]), f = ()=>{
         const t = d.current;
@@ -290,14 +290,14 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
     if (v === "error") return {
         video: x
     };
-    const k = v === "loading", s = x ? {
+    const k = v === "loading", l = x ? {
         uncheckedProps: {
-            Icon: k && !Ee() ? Yt : qt,
+            Icon: k && !Ee() ? qt : Jt,
             label: k ? "" : h.pauseIconButtonLabel || m(Tt)
         },
         checkedProps: {
-            Icon: Jt,
-            label: h.playIconButtonLabel || m(Lt)
+            Icon: Qt,
+            label: h.playIconButtonLabel || m(Ct)
         },
         onChange: f,
         disabled: Ee() ? !1 : k,
@@ -305,21 +305,21 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
     } : void 0;
     return {
         video: x,
-        videoAction: s
+        videoAction: l
     };
-}, Ut = (param)=>{
+}, Zt = (param)=>{
     let { size: e, buttonPrimary: o, buttonSecondary: a, buttonLink: r } = param;
     return /* @__PURE__ */ i("div", {
-        className: Ht[e],
-        children: /* @__PURE__ */ i(jt, {
+        className: wt[e],
+        children: /* @__PURE__ */ i(Gt, {
             primaryButton: o,
             secondaryButton: a,
             link: r
         })
     });
-}, Zt = (e)=>{
+}, ei = (e)=>{
     const o = be();
-    if (e.Icon) return /* @__PURE__ */ i(Mt, _object_spread_props(_object_spread({}, e), {
+    if (e.Icon) return /* @__PURE__ */ i(Et, _object_spread_props(_object_spread({}, e), {
         small: !0,
         "aria-label": e.label,
         type: "neutral",
@@ -329,7 +329,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
         "checkedProps",
         "uncheckedProps"
     ]);
-    return /* @__PURE__ */ i(Et, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ i($t, _object_spread_props(_object_spread({
         small: !0
     }, n), {
         checkedProps: _object_spread_props(_object_spread({}, a), {
@@ -344,25 +344,25 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
         })
     }));
 }, $e = (param)=>{
-    let { testid: e = "topActions", onClose: o, closeButtonLabel: a, actions: r, variant: n, containerStyles: l = {} } = param;
+    let { testid: e = "topActions", onClose: o, closeButtonLabel: a, actions: r, variant: n, containerStyles: s = {} } = param;
     const { texts: u, t: h } = ie(), m = r ? [
         ...r
     ] : [];
     return o && m.push({
-        label: a || u.closeButtonLabel || h(wt),
+        label: a || u.closeButtonLabel || h(Lt),
         onPress: o,
-        Icon: Pt
+        Icon: Vt
     }), m.length === 0 ? /* @__PURE__ */ i(Q, {}) : /* @__PURE__ */ i(fe, {
         variant: n,
         children: /* @__PURE__ */ i("div", {
-            className: xt,
-            style: l,
+            className: yt,
+            style: s,
             "data-testid": e,
-            children: m.map((d, b)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ i(Zt, _object_spread({}, d), b) : d)
+            children: m.map((d, b)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ i(ei, _object_spread({}, d), b) : d)
         })
     });
-}, ei = (param)=>{
-    let { type: e, size: o, asset: a, imageSrc: r, imageSrcSet: n, imageFit: l, imageAlt: u = "", video: h, mediaAspectRatio: m, mediaPosition: d, mediaWidth: b, circledImage: v } = param;
+}, ti = (param)=>{
+    let { type: e, size: o, asset: a, imageSrc: r, imageSrcSet: n, imageFit: s, imageAlt: u = "", video: h, mediaAspectRatio: m, mediaPosition: d, mediaWidth: b, circledImage: v } = param;
     const p = ve(m), x = e === "naked" && v ? {
         circular: !0
     } : {
@@ -393,19 +393,19 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                     testid: "image"
                 },
                 alt: u
-            }), t ? c[l] : {}));
+            }), t ? c[s] : {}));
         }
         return null;
     })();
     if (!k) return /* @__PURE__ */ i(Q, {});
-    const s = _object_spread({}, e === "naked" ? void 0 : G({
+    const l = _object_spread({}, e === "naked" ? void 0 : _({
         [te.mediaBorderRadius]: "0px"
     }));
     return d === "top" ? /* @__PURE__ */ y(Q, {
         children: [
-            /* @__PURE__ */ i(Ot, {
+            /* @__PURE__ */ i(Mt, {
                 aspectRatio: p,
-                style: s,
+                style: l,
                 children: k
             }),
             /* @__PURE__ */ i(ee, {
@@ -418,7 +418,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
     }) : /* @__PURE__ */ y(Q, {
         children: [
             /* @__PURE__ */ i("div", {
-                style: _object_spread_props(_object_spread({}, s), {
+                style: _object_spread_props(_object_spread({}, l), {
                     width: b,
                     flexShrink: 0,
                     flexGrow: 0,
@@ -435,15 +435,15 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             })
         ]
     });
-}, ti = (param)=>{
-    let { type: e, size: o, variant: a, footerSlot: r, buttonPrimary: n, buttonSecondary: l, buttonLink: u, hasBackgroundImageOrVideo: h, footerVariant: m, footerBackgroundColor: d, footerDivider: b, externalVariant: v, overlayColor: p } = param;
-    const x = !!(n || l || u), f = !!(n && l && u), k = {
+}, ii = (param)=>{
+    let { type: e, size: o, variant: a, footerSlot: r, buttonPrimary: n, buttonSecondary: s, buttonLink: u, hasBackgroundImageOrVideo: h, footerVariant: m, footerBackgroundColor: d, footerDivider: b, externalVariant: v, overlayColor: p } = param;
+    const x = !!(n || s || u), f = !!(n && s && u), k = {
         default: g.colors.divider,
         brand: g.colors.dividerBrand,
         negative: g.colors.dividerNegative,
         media: g.colors.dividerBrand,
         alternative: g.colors.divider
-    }[a], s = e === "naked", t = d || (m && m !== a ? m === "default" ? g.colors.backgroundContainer : v === "brand" || v === "media" || v === "negative" ? g.colors.backgroundContainerBrandOverBrand : g.colors.backgroundContainerBrand : void 0), c = b !== null && b !== void 0 ? b : !t;
+    }[a], l = e === "naked", t = d || (m && m !== a ? m === "default" ? g.colors.backgroundContainer : v === "brand" || v === "media" || v === "negative" ? g.colors.backgroundContainerBrandOverBrand : g.colors.backgroundContainerBrand : void 0), c = b !== null && b !== void 0 ? b : !t;
     return /* @__PURE__ */ y(fe, {
         variant: m || a,
         children: [
@@ -453,26 +453,26 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                     background: t || (h ? p : void 0),
                     position: "relative",
                     backdropFilter: h ? "blur(12px)" : void 0,
-                    borderBottomLeftRadius: s ? 0 : g.borderRadii.container,
-                    borderBottomRightRadius: s ? 0 : g.borderRadii.container
+                    borderBottomLeftRadius: l ? 0 : g.borderRadii.container,
+                    borderBottomRightRadius: l ? 0 : g.borderRadii.container
                 },
                 children: [
                     /* @__PURE__ */ i("div", {
                         style: {
                             borderTop: c ? `1px solid ${k}` : void 0,
-                            marginRight: s ? 16 : 0
+                            marginRight: l ? 16 : 0
                         }
                     }),
                     /* @__PURE__ */ i("div", {
                         "data-testid": "footer",
-                        className: L({
-                            [Z[o]]: !s,
-                            [Ge[o]]: !s
+                        className: w({
+                            [Z[o]]: !l,
+                            [Ge[o]]: !l
                         }),
                         style: {
                             paddingTop: 16,
-                            paddingBottom: s ? 0 : void 0,
-                            paddingRight: s ? 16 : void 0
+                            paddingBottom: l ? 0 : void 0,
+                            paddingRight: l ? 16 : void 0
                         },
                         children: /* @__PURE__ */ y(Oe, {
                             space: 16,
@@ -489,7 +489,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                                             alignItems: "center",
                                             children: [
                                                 n,
-                                                l
+                                                s
                                             ]
                                         }),
                                         /* @__PURE__ */ i("div", {
@@ -504,7 +504,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                                     alignItems: "center",
                                     children: [
                                         n,
-                                        l,
+                                        s,
                                         u
                                     ]
                                 }))
@@ -515,9 +515,9 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             })
         ]
     });
-}, ii = (param)=>{
-    let { type: e, hasCustomBackground: o, headlineRef: a, size: r, variant: n, headline: l, title: u, titleAs: h = "h3", titleLinesMax: m, pretitle: d, pretitleAs: b, pretitleLinesMax: v, subtitle: p, subtitleLinesMax: x, description: f, descriptionLinesMax: k, withTextShadow: s } = param;
-    const { textPresets: t, colorValues: c } = ie(), M = be(), T = {
+}, oi = (param)=>{
+    let { type: e, hasCustomBackground: o, headlineRef: a, size: r, variant: n, headline: s, title: u, titleAs: h = "h3", titleLinesMax: m, pretitle: d, pretitleAs: b, pretitleLinesMax: v, subtitle: p, subtitleLinesMax: x, description: f, descriptionLinesMax: k, withTextShadow: l } = param;
+    const { textPresets: t, colorValues: c } = ie(), M = be(), C = {
         hyphens: "auto"
     }, E = {
         default: {
@@ -635,7 +635,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                 weight: "regular"
             }
         }
-    }, P = E[n] || E[M] || E.default, w = N[r] || N.default, A = s ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, oe = l && // Read order 2. Visual order 1
+    }, P = E[n] || E[M] || E.default, L = N[r] || N.default, V = l ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, oe = s && // Read order 2. Visual order 1
     /* @__PURE__ */ i("div", {
         style: {
             paddingBottom: 8,
@@ -643,36 +643,36 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
         },
         "data-testid": "headline",
         ref: a,
-        children: typeof l == "string" ? /* @__PURE__ */ i(zt, {
+        children: typeof s == "string" ? /* @__PURE__ */ i(zt, {
             type: "promo",
-            children: l
-        }) : l
-    }), z = d && // Read order: 3 or 1. Visual order 2
+            children: s
+        }) : s
+    }), T = d && // Read order: 3 or 1. Visual order 2
     /* @__PURE__ */ i("div", {
         style: {
             paddingBottom: 4,
             order: 2
         },
         "data-testid": "pretitle",
-        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, T, w.pretitle), {
+        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, C, L.pretitle), {
             as: b || "p",
             truncate: v,
             color: P.pretitle,
-            textShadow: A,
+            textShadow: V,
             children: d
         }))
-    }), _ = u && // Read order: 1 or 3. Visual order 3
+    }), X = u && // Read order: 1 or 3. Visual order 3
     /* @__PURE__ */ i("div", {
         style: {
             paddingBottom: 4,
             order: 3
         },
         "data-testid": "title",
-        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, T, w.title), {
+        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, C, L.title), {
             as: h,
             truncate: m,
             color: P.title,
-            textShadow: A,
+            textShadow: V,
             children: u
         }))
     }), re = p && // Read order: 4. Visual order 4
@@ -682,11 +682,11 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             order: 4
         },
         "data-testid": "subtitle",
-        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, T, w.subtitle), {
+        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, C, L.subtitle), {
             as: "p",
             truncate: x,
             color: P.subtitle,
-            textShadow: A,
+            textShadow: V,
             children: p
         }))
     }), ae = f && // Read order: 5. Visual order 5
@@ -696,19 +696,19 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             order: 5
         },
         "data-testid": "description",
-        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, T, w.description), {
+        children: /* @__PURE__ */ i(J, _object_spread_props(_object_spread({}, C, L.description), {
             as: "p",
             truncate: k,
             color: P.description,
-            textShadow: A,
+            textShadow: V,
             children: f
         }))
-    }), [X, K] = u && Xe(h, b) ? [
-        _,
-        z
+    }), [K, $] = u && Xe(h, b) ? [
+        X,
+        T
     ] : [
-        z,
-        _
+        T,
+        X
     ];
     return /* @__PURE__ */ y("div", {
         style: {
@@ -716,18 +716,18 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
             flexDirection: "column"
         },
         children: [
-            X,
-            oe,
             K,
+            oe,
+            $,
             re,
             ae
         ]
     });
-}, oi = [
+}, ri = [
     g.colors.cardContentOverlay,
     g.colors.cardFooterOverlay
-], ri = /rgba\([^,]+,\s*[^,]+,\s*[^,]+,\s*([^)]+)\)/g, je = (e, o)=>e.replace(ri, (a, r)=>Gt(o, parseFloat(r))), Pi = /*#__PURE__*/ I.forwardRef((_param, et)=>{
-    var { type: e, size: o, backgroundColor: a, imageSrc: r, imageSrcSet: n, imageAlt: l = "", imageFit: u = "fill-center", videoSrc: h, videoRef: m, media: d, mediaAspectRatio: b = "auto", mediaPosition: v = "top", mediaWidth: p = 150, circledImage: x, asset: f, headline: k, title: s, titleAs: t = "h3", titleLinesMax: c, pretitle: M, pretitleAs: T, pretitleLinesMax: E, subtitle: N, subtitleLinesMax: P, description: w, descriptionLinesMax: A, dataAttributes: oe, variant: z, width: _, height: re, aspectRatio: ae, slot: X, slotAlignment: K = "content", buttonPrimary: ne, buttonSecondary: de, buttonLink: le, showFooter: Ke, footerBackgroundColor: We, footerVariant: Ye, footerSlot: ke, footerDivider: qe, topActions: xe, onClose: ye, closeButtonLabel: Je, "aria-label": Se, "aria-labelledby": se, "aria-description": Be, "aria-describedby": Re, gradientOverlayColor: W, videoLoop: Qe, videoAutoPlay: Ue, videoDataAttributes: Ze } = _param, V = _object_without_properties(_param, [
+], ai = /rgba\([^,]+,\s*[^,]+,\s*[^,]+,\s*([^)]+)\)/g, je = (e, o)=>e.replace(ai, (a, r)=>_t(o, parseFloat(r))), Vi = /*#__PURE__*/ I.forwardRef((_param, et)=>{
+    var { type: e, size: o, backgroundColor: a, imageSrc: r, imageSrcSet: n, imageAlt: s = "", imageFit: u = "fill-center", videoSrc: h, videoRef: m, media: d, mediaAspectRatio: b = "auto", mediaPosition: v = "top", mediaWidth: p = 150, circledImage: x, asset: f, headline: k, title: l, titleAs: t = "h3", titleLinesMax: c, pretitle: M, pretitleAs: C, pretitleLinesMax: E, subtitle: N, subtitleLinesMax: P, description: L, descriptionLinesMax: V, dataAttributes: oe, variant: T, width: X, height: re, aspectRatio: ae, slot: K, slotAlignment: $ = "content", buttonPrimary: ne, buttonSecondary: de, buttonLink: se, showFooter: Ke, footerBackgroundColor: We, footerVariant: Ye, footerSlot: ke, footerDivider: qe, topActions: xe, onClose: ye, closeButtonLabel: Je, "aria-label": Se, "aria-labelledby": le, "aria-description": Be, "aria-describedby": Re, gradientOverlayColor: W, videoLoop: Qe, videoAutoPlay: Ue, videoDataAttributes: Ze } = _param, A = _object_without_properties(_param, [
         "type",
         "size",
         "backgroundColor",
@@ -781,29 +781,29 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
         "videoAutoPlay",
         "videoDataAttributes"
     ]);
-    const { text: He, ref: tt } = Ve(), { text: we, ref: it } = Ve(), B = !!(V.href || V.to || V.onPress), ce = !!(ne || de || le), { colorValues: Le } = ie(), pe = e === "media" || e === "naked", ot = pe && (r !== void 0 || n !== void 0), Te = pe && h !== void 0, ze = ot || Te, ue = pe && !!d && !ze, R = ze || ue, H = e === "naked", S = R ? v : "top", Ce = e === "naked" && x ? 1 : b, he = e === "cover" && (r !== void 0 || n !== void 0), Y = e === "cover" && h !== void 0, De = !!a || he || Y, F = he || Y, rt = Te || Y, { video: Ie, videoAction: me } = Qt({
+    const { text: He, ref: tt } = Ae(), { text: we, ref: it } = Ae(), B = !!(A.href || A.to || A.onPress), ce = !!(ne || de || se), { colorValues: Le } = ie(), pe = e === "media" || e === "naked", ot = pe && (r !== void 0 || n !== void 0), Ce = pe && h !== void 0, Te = ot || Ce, ue = pe && !!d && !Te, R = Te || ue, H = e === "naked", S = R ? v : "top", ze = e === "naked" && x ? 1 : b, he = e === "cover" && (r !== void 0 || n !== void 0), Y = e === "cover" && h !== void 0, De = !!a || he || Y, F = he || Y, rt = Ce || Y, { video: Ie, videoAction: me } = Ut({
         src: rt ? h : void 0,
         poster: r,
         ref: m,
-        autoHeight: e === "cover" || S !== "top" ? !1 : ve(Ce) === 0,
+        autoHeight: e === "cover" || S !== "top" ? !1 : ve(ze) === 0,
         loop: Qe,
         autoPlay: Ue,
         dataAttributes: Ze
-    }), $ = be(), at = z ? Fe(z) : $, C = z && Fe(z) || (e === "cover" && De ? "media" : "default"), nt = C === "brand" ? gt : bt, D = Ke && (ce || !!ke) || ce && B, Ne = !D && ce, q = ((xe === null || xe === void 0 ? void 0 : xe.length) || 0) + (ye ? 1 : 0), Pe = me ? q + 1 : q, dt = f && !(R && S === "left"), lt = e !== "cover" && Pe > 0 && !dt && !k, j = e === "cover" || e === "data" && o === "display", O = g.borderRadii.container, st = he || Y ? "transparent" : a || (C === "media" ? $ === "brand" || $ === "media" || $ === "negative" ? g.colors.backgroundContainerBrandOverBrand : g.colors.backgroundBrand : C === "alternative" ? g.colors.backgroundAlternative : void 0), ct = Se || (se ? void 0 : (s && Xe(t, T) ? [
-        s,
+    }), j = be(), at = T ? Fe(T) : j, z = T && Fe(T) || (e === "cover" && De ? "media" : "default"), nt = z === "brand" ? gt : bt, D = Ke && (ce || !!ke) || ce && B, Ne = !D && ce, q = ((xe === null || xe === void 0 ? void 0 : xe.length) || 0) + (ye ? 1 : 0), Pe = me ? q + 1 : q, dt = f && !(R && S === "left"), st = e !== "cover" && Pe > 0 && !dt && !k, G = e === "cover" || e === "data" && o === "display", O = g.borderRadii.container, lt = he || Y ? "transparent" : a || (z === "media" ? j === "brand" || j === "media" || j === "negative" ? g.colors.backgroundContainerBrandOverBrand : g.colors.backgroundBrand : z === "alternative" ? g.colors.backgroundAlternative : void 0), ct = Se || (le ? void 0 : (l && Xe(t, C) ? [
         l,
+        s,
         we,
         M,
         N,
-        w,
+        L,
         He
     ] : [
         M,
         we,
-        s,
         l,
+        s,
         N,
-        w,
+        L,
         He
     ]).filter(Boolean).join(" ")), pt = ()=>W === "transparent" ? [
             "transparent",
@@ -811,23 +811,23 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
         ] : W ? [
             je(Le.cardContentOverlay, W),
             je(Le.cardFooterOverlay, W)
-        ] : oi, [ut, ht] = pt();
-    return /* @__PURE__ */ y(_t, {
+        ] : ri, [ut, ht] = pt();
+    return /* @__PURE__ */ y(Xt, {
         "aria-label": B ? void 0 : Se,
-        "aria-labelledby": B ? void 0 : se,
+        "aria-labelledby": B ? void 0 : le,
         "aria-description": B ? void 0 : Be,
         "aria-describedby": B ? void 0 : Re,
         type: e,
         size: o,
         dataAttributes: oe,
         ref: et,
-        variant: C,
-        width: _,
+        variant: z,
+        width: X,
         height: re,
         aspectRatio: ae,
-        backgroundColor: st,
+        backgroundColor: lt,
         children: [
-            F && /* @__PURE__ */ i(Xt, {
+            F && /* @__PURE__ */ i(Kt, {
                 video: Ie,
                 src: r,
                 srcSet: n,
@@ -850,16 +850,16 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                     }
                 })
             }),
-            /* @__PURE__ */ i(Ft, _object_spread_props(_object_spread({
+            /* @__PURE__ */ i(Ot, _object_spread_props(_object_spread({
                 maybe: !0,
                 "aria-label": B ? ct : void 0,
-                "aria-labelledby": B ? se : void 0,
+                "aria-labelledby": B ? le : void 0,
                 "aria-description": B ? Be : void 0,
                 "aria-describedby": B ? Re : void 0,
-                className: L(Ae, kt)
-            }, V), {
+                className: w(Ve, xt)
+            }, A), {
                 children: /* @__PURE__ */ y("div", {
-                    role: V.href || V.to ? "text" : void 0,
+                    role: A.href || A.to ? "text" : void 0,
                     className: mt,
                     style: {
                         flexDirection: S === "top" ? "column" : S === "left" ? "row" : "row-reverse",
@@ -877,7 +877,7 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                                 // for some reason, this width is required to pass headless screenshot tests
                                 // otherwise, it gets 0px width and the media is not visible
                                 width: "100%"
-                            }, e === "naked" ? void 0 : G({
+                            }, e === "naked" ? void 0 : _({
                                 [te.mediaBorderRadius]: "0px"
                             })),
                             children: d
@@ -888,24 +888,24 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                             asset: f,
                             type: e
                         }),
-                        R && /* @__PURE__ */ i(ei, {
+                        R && /* @__PURE__ */ i(ti, {
                             type: e,
                             size: o,
-                            mediaAspectRatio: Ce,
+                            mediaAspectRatio: ze,
                             mediaPosition: S,
                             asset: f,
                             video: Ie,
                             imageFit: u,
                             imageSrc: r,
                             imageSrcSet: n,
-                            imageAlt: l,
+                            imageAlt: s,
                             mediaWidth: p,
                             circledImage: x
                         }),
                         /* @__PURE__ */ y("div", {
                             "aria-hidden": B,
                             "data-testid": "body",
-                            className: L(Ae, {
+                            className: w(Ve, {
                                 [ge[o]]: !!f && e !== "naked" && (!R || S === "right")
                             }),
                             children: [
@@ -914,18 +914,18 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                                     asset: f,
                                     type: e
                                 }),
-                                j && /* @__PURE__ */ i(U, {
+                                G && /* @__PURE__ */ i(U, {
                                     minHeight: e === "cover" && Pe > 0 && !f ? 56 : 0
                                 }),
                                 /* @__PURE__ */ y("div", {
-                                    className: L(Z[o], Ge[o], ge[o]),
+                                    className: w(Z[o], Ge[o], ge[o]),
                                     style: {
                                         display: "flex",
                                         flexDirection: "column",
-                                        height: j ? void 0 : "100%",
+                                        height: G ? void 0 : "100%",
                                         background: F ? ut : void 0,
                                         // padding overrides for specific cases
-                                        paddingTop: j && F ? 40 : f || H && S !== "top" ? 16 : H && !R ? 0 : void 0,
+                                        paddingTop: G && F ? 40 : f || H && S !== "top" ? 16 : H && !R ? 0 : void 0,
                                         paddingLeft: H && (S !== "left" || !R) ? 0 : void 0,
                                         paddingRight: H && S !== "right" ? 16 : void 0,
                                         paddingBottom: D ? 16 : H ? 0 : void 0,
@@ -938,27 +938,27 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                                             children: [
                                                 /* @__PURE__ */ i("div", {
                                                     className: vt,
-                                                    children: /* @__PURE__ */ i(ii, {
+                                                    children: /* @__PURE__ */ i(oi, {
                                                         type: e,
                                                         hasCustomBackground: De,
                                                         headlineRef: it,
-                                                        variant: C,
+                                                        variant: z,
                                                         size: o,
                                                         headline: k,
                                                         pretitle: M,
-                                                        pretitleAs: T,
+                                                        pretitleAs: C,
                                                         pretitleLinesMax: E,
-                                                        title: s,
+                                                        title: l,
                                                         titleAs: t,
                                                         titleLinesMax: c,
                                                         subtitle: N,
                                                         subtitleLinesMax: P,
-                                                        description: w,
-                                                        descriptionLinesMax: A,
+                                                        description: L,
+                                                        descriptionLinesMax: V,
                                                         withTextShadow: F
                                                     })
                                                 }),
-                                                lt && /* @__PURE__ */ i("div", {
+                                                st && /* @__PURE__ */ i("div", {
                                                     style: {
                                                         flexShrink: 0,
                                                         flexGrow: 0,
@@ -969,18 +969,19 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                                                 })
                                             ]
                                         }),
-                                        !j && K === "bottom" && /* @__PURE__ */ i(U, {}),
-                                        X && /* @__PURE__ */ i("div", {
+                                        !G && $ === "bottom" && /* @__PURE__ */ i(U, {}),
+                                        K && /* @__PURE__ */ i("div", {
                                             ref: tt,
                                             "data-testid": "slot",
-                                            children: X
+                                            className: w($ === "space-between" && kt),
+                                            children: K
                                         }),
-                                        !j && K === "content" && Ne && /* @__PURE__ */ i(U, {}),
-                                        Ne && /* @__PURE__ */ i(Ut, {
+                                        !G && $ === "content" && Ne && /* @__PURE__ */ i(U, {}),
+                                        Ne && /* @__PURE__ */ i(Zt, {
                                             size: o,
                                             buttonPrimary: ne,
                                             buttonSecondary: de,
-                                            buttonLink: le
+                                            buttonLink: se
                                         })
                                     ]
                                 })
@@ -989,9 +990,9 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                     ]
                 })
             })),
-            D && /* @__PURE__ */ i(ti, {
+            D && /* @__PURE__ */ i(ii, {
                 type: e,
-                variant: C,
+                variant: z,
                 footerVariant: Ye,
                 footerBackgroundColor: We,
                 footerDivider: qe,
@@ -999,18 +1000,18 @@ const _t = /*#__PURE__*/ I.forwardRef((param, p)=>{
                 footerSlot: ke,
                 buttonPrimary: ne,
                 buttonSecondary: de,
-                buttonLink: le,
+                buttonLink: se,
                 hasBackgroundImageOrVideo: F,
-                externalVariant: $,
+                externalVariant: j,
                 overlayColor: ht
             }),
             /* @__PURE__ */ i($e, {
                 onClose: ye,
                 closeButtonLabel: Je,
                 actions: xe,
-                variant: F || R && S !== "left" ? "media" : C
+                variant: F || R && S !== "left" ? "media" : z
             })
         ]
     });
 });
-export { Zt as CardActionIconButton, Yt as CardActionSpinner, Pi as InternalCard, $e as TopActions, Qt as useVideoWithControls };
+export { ei as CardActionIconButton, qt as CardActionSpinner, Vi as InternalCard, $e as TopActions, Ut as useVideoWithControls };