@telefonica/mistica 16.71.0 → 16.72.0

package/dist-es/card-internal.js

@@ -78,56 +78,58 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as y, Fragment as ne } from "react/jsx-runtime";
-import * as N from "react";
-import { touchableCardOverlayInverse as kt, touchableCardOverlay as yt, contentContainer as St, textContent as Bt, slotContainerSpaceBetween as Rt, containerPaddingXVariants as le, containerPaddingBottomVariants as Ze, containerPaddingTopVariants as Re, touchable as Q, topActionsContainer as Ht, vars as wt, boxed as Lt, container as zt, backgroundImageOrVideoContainer as Ct, touchableContent as It, touchableContainer as Be, stretchedTouchable as Nt, actionsContainerVariants as Dt, stretchedLink as Tt } from "./card-internal.css-mistica.js";
-import { vars as ce } from "./image.css-mistica.js";
-import { closeButtonLabel as Vt, playIconButtonLabel as At, pauseIconButtonLabel as Ot } from "./text-tokens.js";
-import { Text as ae } from "./text.js";
-import { useInnerText as Ke, useTheme as pe } from "./hooks.js";
-import { useThemeVariant as Le, normalizeVariant as We, ThemeVariant as ze } from "./theme-variant-context.js";
-import Ft from "./tag.js";
-import Ye from "./stack.js";
-import et from "./image.js";
-import Pt from "./video.js";
-import qe from "./inline.js";
-import Mt from "./spinner.js";
-import Et from "./generated/mistica-icons/icon-play-filled.js";
-import $t from "./generated/mistica-icons/icon-pause-filled.js";
-import jt from "./generated/mistica-icons/icon-close-regular.js";
-import { getPrefixedDataAttributes as Gt } from "./utils/dom.js";
-import { applyCssVars as U } from "./utils/css.js";
-import { InternalBoxed as _t } from "./boxed.js";
-import { BaseTouchable as He } from "./touchable.js";
-import { aspectRatioToNumber as Ce, AspectRatioContainer as Xt } from "./utils/aspect-ratio-support.js";
-import { vars as f } from "./skins/skin-contract.css-mistica.js";
-import { IconButton as Kt, ToggleIconButton as Wt } from "./icon-button.js";
-import { combineRefs as Yt } from "./utils/common.js";
-import { isRunningAcceptanceTest as Je } from "./utils/platform.js";
+import { jsx as t, jsxs as k, Fragment as ae } from "react/jsx-runtime";
+import * as T from "react";
+import { touchableCardOverlayInverse as ft, touchableCardOverlay as vt, contentContainer as xt, textContent as kt, slotContainerSpaceBetween as yt, containerPaddingXVariants as le, containerPaddingBottomVariants as Je, containerPaddingTopVariants as ke, touchable as Z, topActionsContainer as St, vars as Bt, boxed as Rt, container as Ht, backgroundImageOrVideoContainer as wt, touchableContent as Lt, touchableContainer as xe, stretchedTouchable as zt, actionsContainerVariants as Ct, stretchedLink as It } from "./card-internal.css-mistica.js";
+import { vars as Re } from "./image.css-mistica.js";
+import { closeButtonLabel as Nt, playIconButtonLabel as Tt, pauseIconButtonLabel as Dt } from "./text-tokens.js";
+import { Text as ne } from "./text.js";
+import { useInnerText as Ge, useTheme as se } from "./hooks.js";
+import { useThemeVariant as He, normalizeVariant as _e, ThemeVariant as we } from "./theme-variant-context.js";
+import Vt from "./tag.js";
+import Xe from "./stack.js";
+import Qe from "./image.js";
+import At from "./video.js";
+import Ke from "./inline.js";
+import Ot from "./spinner.js";
+import Ft from "./generated/mistica-icons/icon-play-filled.js";
+import Pt from "./generated/mistica-icons/icon-pause-filled.js";
+import Et from "./generated/mistica-icons/icon-close-regular.js";
+import { getPrefixedDataAttributes as Mt } from "./utils/dom.js";
+import { applyCssVars as ce } from "./utils/css.js";
+import { InternalBoxed as $t } from "./boxed.js";
+import { BaseTouchable as ye } from "./touchable.js";
+import { aspectRatioToNumber as Le, AspectRatioContainer as jt } from "./utils/aspect-ratio-support.js";
+import { vars as v } from "./skins/skin-contract.css-mistica.js";
+import { IconButton as Gt, ToggleIconButton as _t } from "./icon-button.js";
+import { combineRefs as Xt } from "./utils/common.js";
+import { isRunningAcceptanceTest as We } from "./utils/platform.js";
 import R from "classnames";
-import qt from "./button-group.js";
-import { isBiggerHeading as we } from "./utils/headings.js";
-import { applyAlpha as Jt } from "./utils/color.js";
-const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
-    let { type: e, children: o, width: a, height: r, aspectRatio: d, "aria-label": u, "aria-labelledby": h, "aria-description": l, "aria-describedby": c, dataAttributes: n, backgroundColor: v, variant: m } = param;
-    const b = a && r ? void 0 : Ce(d), x = b ? U({
-        [wt.aspectRatio]: String(b)
-    }) : {}, k = v ? "none" : void 0, s = e === "naked";
+import Kt from "./button-group.js";
+import { isBiggerHeading as Se } from "./utils/headings.js";
+import { applyAlpha as Wt } from "./utils/color.js";
+const Yt = /*#__PURE__*/ T.forwardRef((param, g)=>{
+    let { type: e, children: o, width: n, height: r, aspectRatio: a, "aria-label": m, "aria-labelledby": h, "aria-description": l, "aria-describedby": s, dataAttributes: d, backgroundColor: x, variant: c } = param;
+    const p = n && r ? void 0 : Le(a), y = p ? ce({
+        [Bt.aspectRatio]: String(p)
+    }) : {}, b = x ? "none" : void 0, u = 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__ */ t("section", _object_spread_props(_object_spread({
-        ref: p,
-        "aria-label": u,
+        ref: g,
+        "aria-label": m,
         "aria-labelledby": h,
         "aria-description": l,
-        "aria-describedby": c,
-        className: R(zt)
-    }, Gt(n, "InternalCard")), {
+        "aria-describedby": s,
+        className: R(Ht)
+    }, Mt(_object_spread({
+        testid: "InternalCard"
+    }, d))), {
         style: _object_spread({
-            width: a || "100%",
+            width: n || "100%",
             height: r || "100%",
             position: "relative"
-        }, x),
+        }, y),
         children: /* @__PURE__ */ t("div", {
             style: {
                 display: "flex",
@@ -136,14 +138,14 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
                 position: "relative",
                 minHeight: "100%"
             },
-            children: /* @__PURE__ */ t(_t, {
+            children: /* @__PURE__ */ t($t, {
                 width: "100%",
                 height: "100%",
-                variant: m,
-                className: R(Lt),
-                background: s ? "transparent" : v,
-                borderRadius: s ? "none" : f.borderRadii.container,
-                border: s ? "none" : k,
+                variant: c,
+                className: R(Rt),
+                background: u ? "transparent" : x,
+                borderRadius: u ? "none" : v.borderRadii.container,
+                border: u ? "none" : b,
                 overflow: "visible",
                 children: o
             })
@@ -158,16 +160,16 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             minHeight: e
         }
     });
-}, se = (param)=>{
-    let { size: e, absolute: o, asset: a, type: r } = param;
-    if (!a) return null;
-    const d = /* @__PURE__ */ t("div", {
+}, Be = (param)=>{
+    let { size: e, absolute: o, asset: n, type: r } = param;
+    if (!n) return null;
+    const a = /* @__PURE__ */ t("div", {
         "data-testid": "asset",
         "aria-hidden": !0,
-        style: U({
-            [ce.mediaBorderRadius]: f.borderRadii.mediaSmall
+        style: ce({
+            [Re.mediaBorderRadius]: v.borderRadii.mediaSmall
         }),
-        children: a
+        children: n
     });
     return o ? /* @__PURE__ */ t("div", {
         style: {
@@ -175,38 +177,38 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             top: 0,
             left: 0
         },
-        className: R(le[e], Re[e]),
-        children: d
+        className: R(le[e], ke[e]),
+        children: a
     }) : /* @__PURE__ */ t("div", {
         className: R({
             [le[e]]: r !== "naked"
         }),
-        children: d
+        children: a
     });
-}, Ut = (param)=>{
-    let { video: e, src: o, srcSet: a, backgroundVariant: r } = param;
-    return /* @__PURE__ */ t(ze, {
+}, qt = (param)=>{
+    let { video: e, src: o, srcSet: n, backgroundVariant: r } = param;
+    return /* @__PURE__ */ t(we, {
         variant: r,
         children: /* @__PURE__ */ t("div", {
-            className: Ct,
-            style: U({
-                [ce.mediaBorderRadius]: "0px",
-                borderRadius: f.borderRadii.container,
+            className: wt,
+            style: ce({
+                [Re.mediaBorderRadius]: "0px",
+                borderRadius: v.borderRadii.container,
                 overflow: "hidden"
             }),
-            children: e || /* @__PURE__ */ t(et, {
+            children: e || /* @__PURE__ */ t(Qe, {
                 dataAttributes: {
                     testid: "image"
                 },
                 width: "100%",
                 height: "100%",
                 src: o || "",
-                srcSet: a,
+                srcSet: n,
                 alt: ""
             })
         })
     });
-}, Zt = {
+}, Jt = {
     loading: {
         play: "playing",
         pause: "paused",
@@ -226,113 +228,113 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
     error: {
         reset: "loading"
     }
-}, ei = (e, o)=>Zt[e][o] || e, ti = (param)=>{
+}, Qt = (e, o)=>Jt[e][o] || e, Ut = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ t(Mt, {
+    return /* @__PURE__ */ t(Ot, {
         color: e,
         size: 16,
         delay: "0"
     });
-}, ii = (param)=>{
+}, Zt = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ t($t, {
+    return /* @__PURE__ */ t(Pt, {
         color: e,
         size: 12
     });
-}, oi = (param)=>{
+}, ei = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ t(Et, {
+    return /* @__PURE__ */ t(Ft, {
         color: e,
         size: 12
     });
-}, ri = (param)=>{
-    let { src: e, poster: o, ref: a, autoHeight: r, loop: d, autoPlay: u, dataAttributes: h } = param;
-    const { texts: l, t: c } = pe(), n = N.useRef(null), v = N.useRef(!1), [m, p] = N.useReducer(ei, process.env.NODE_ENV === "test" ? "playing" : "loading");
-    N.useEffect(()=>{
-        var _n_current;
-        return v.current = !1, (_n_current = n.current) === null || _n_current === void 0 ? void 0 : _n_current.load(), ()=>{
-            p("reset");
+}, ti = (param)=>{
+    let { src: e, poster: o, ref: n, autoHeight: r, loop: a, autoPlay: m, dataAttributes: h } = param;
+    const { texts: l, t: s } = se(), d = T.useRef(null), x = T.useRef(!1), [c, g] = T.useReducer(Qt, process.env.NODE_ENV === "test" ? "playing" : "loading");
+    T.useEffect(()=>{
+        var _d_current;
+        return x.current = !1, (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.load(), ()=>{
+            g("reset");
         };
     }, [
         e
     ]);
-    const b = N.useMemo(()=>{
+    const p = T.useMemo(()=>{
         if (e === void 0) return;
         const S = ()=>{
-            u === !1 && !v.current && (v.current = !0, p("pause"));
+            m === !1 && !x.current && (x.current = !0, g("pause"));
         };
-        return /* @__PURE__ */ t(Pt, {
-            ref: Yt(n, a),
+        return /* @__PURE__ */ t(At, {
+            ref: Xt(d, n),
             src: e,
             poster: o,
             width: "100%",
             height: r ? void 0 : "100%",
-            loop: d,
-            autoPlay: u,
+            loop: a,
+            autoPlay: m,
             dataAttributes: h,
             onLoad: S,
-            onError: ()=>p("fail"),
-            onPause: ()=>p("pause"),
-            onPlay: ()=>p("play")
+            onError: ()=>g("fail"),
+            onPause: ()=>g("pause"),
+            onPlay: ()=>g("play")
         });
     }, [
-        a,
+        n,
         e,
         o,
         r,
-        d,
-        u,
+        a,
+        m,
         h
-    ]), x = ()=>{
-        const S = n.current;
-        S && (m === "playing" ? S.pause() : S.play().then(()=>p("play"), ()=>{}));
+    ]), y = ()=>{
+        const S = d.current;
+        S && (c === "playing" ? S.pause() : S.play().then(()=>g("play"), ()=>{}));
     };
-    if (m === "error") return {
-        video: b
+    if (c === "error") return {
+        video: p
     };
-    const k = m === "loading", s = b ? {
+    const b = c === "loading", u = p ? {
         uncheckedProps: {
-            Icon: k && !Je() ? ti : ii,
-            label: k ? "" : l.pauseIconButtonLabel || c(Ot)
+            Icon: b && !We() ? Ut : Zt,
+            label: b ? "" : l.pauseIconButtonLabel || s(Dt)
         },
         checkedProps: {
-            Icon: oi,
-            label: l.playIconButtonLabel || c(At)
+            Icon: ei,
+            label: l.playIconButtonLabel || s(Tt)
         },
-        onChange: x,
-        disabled: Je() ? !1 : k,
-        checked: m === "paused"
+        onChange: y,
+        disabled: We() ? !1 : b,
+        checked: c === "paused"
     } : void 0;
     return {
-        video: b,
-        videoAction: s
+        video: p,
+        videoAction: u
     };
-}, ai = (param)=>{
-    let { size: e, buttonPrimary: o, buttonSecondary: a, buttonLink: r } = param;
+}, ii = (param)=>{
+    let { size: e, buttonPrimary: o, buttonSecondary: n, buttonLink: r } = param;
     return /* @__PURE__ */ t("div", {
-        className: Dt[e],
-        children: /* @__PURE__ */ t(qt, {
+        className: Ct[e],
+        children: /* @__PURE__ */ t(Kt, {
             primaryButton: o,
-            secondaryButton: a,
+            secondaryButton: n,
             link: r
         })
     });
-}, ni = (e)=>{
-    const o = Le();
-    if (e.Icon) return /* @__PURE__ */ t(Kt, _object_spread_props(_object_spread({}, e), {
+}, oi = (e)=>{
+    const o = He();
+    if (e.Icon) return /* @__PURE__ */ t(Gt, _object_spread_props(_object_spread({}, e), {
         small: !0,
         "aria-label": e.label,
         type: "neutral",
         backgroundType: "transparent"
     }));
-    const { checkedProps: a, uncheckedProps: r } = e, d = _object_without_properties(e, [
+    const { checkedProps: n, uncheckedProps: r } = e, a = _object_without_properties(e, [
         "checkedProps",
         "uncheckedProps"
     ]);
-    return /* @__PURE__ */ t(Wt, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ t(_t, _object_spread_props(_object_spread({
         small: !0
-    }, d), {
-        checkedProps: _object_spread_props(_object_spread({}, a), {
+    }, a), {
+        checkedProps: _object_spread_props(_object_spread({}, n), {
             "aria-label": e.checkedProps.label,
             type: o === "media" ? "neutral" : "brand",
             backgroundType: "solid"
@@ -343,153 +345,153 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             backgroundType: "transparent"
         })
     }));
-}, Qe = (param)=>{
-    let { testid: e = "topActions", onClose: o, closeButtonLabel: a, actions: r, variant: d, containerStyles: u = {} } = param;
-    const { texts: h, t: l } = pe(), c = r ? [
+}, Ye = (param)=>{
+    let { testid: e = "topActions", onClose: o, closeButtonLabel: n, actions: r, variant: a, containerStyles: m = {} } = param;
+    const { texts: h, t: l } = se(), s = r ? [
         ...r
     ] : [];
-    return o && c.push({
-        label: a || h.closeButtonLabel || l(Vt),
+    return o && s.push({
+        label: n || h.closeButtonLabel || l(Nt),
         onPress: o,
-        Icon: jt
-    }), c.length === 0 ? /* @__PURE__ */ t(ne, {}) : /* @__PURE__ */ t(ze, {
-        variant: d,
+        Icon: Et
+    }), s.length === 0 ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ t(we, {
+        variant: a,
         children: /* @__PURE__ */ t("div", {
-            className: Ht,
-            style: u,
+            className: St,
+            style: m,
             "data-testid": e,
-            children: c.map((n, v)=>"Icon" in n || "checkedProps" in n ? /* @__PURE__ */ t(ni, _object_spread({}, n), v) : n)
+            children: s.map((d, x)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ t(oi, _object_spread({}, d), x) : d)
         })
     });
-}, di = (param)=>{
-    let { type: e, size: o, asset: a, imageSrc: r, imageSrcSet: d, imageFit: u, imageAlt: h = "", video: l, mediaAspectRatio: c, mediaPosition: n, mediaWidth: v, circledImage: m } = param;
-    const p = Ce(c), b = e === "naked" && m ? {
+}, ri = (param)=>{
+    let { type: e, size: o, asset: n, imageSrc: r, imageSrcSet: a, imageFit: m, imageAlt: h = "", video: l, mediaAspectRatio: s, mediaPosition: d, mediaWidth: x, circledImage: c } = param;
+    const g = Le(s), p = e === "naked" && c ? {
         circular: !0
     } : {
         width: "100%",
-        height: n === "top" && p === 0 ? void 0 : "100%"
-    }, k = (()=>{
+        height: d === "top" && g === 0 ? void 0 : "100%"
+    }, b = (()=>{
         if (l) return l;
-        if (r !== void 0 || d !== void 0) {
-            const S = n === "left" || n === "right", D = {
+        if (r !== void 0 || a !== void 0) {
+            const S = d === "left" || d === "right", H = {
                 fit: {
                     objectFit: "contain",
-                    objectPosition: `bottom ${n}`
+                    objectPosition: `bottom ${d}`
                 },
                 fill: {
                     objectFit: "cover",
-                    objectPosition: n
+                    objectPosition: d
                 },
                 "fill-center": {
                     objectFit: "cover",
                     objectPosition: "center"
                 }
             };
-            return /* @__PURE__ */ t(et, _object_spread(_object_spread_props(_object_spread({
+            return /* @__PURE__ */ t(Qe, _object_spread(_object_spread_props(_object_spread({
                 src: r || "",
-                srcSet: d
-            }, b), {
+                srcSet: a
+            }, p), {
                 dataAttributes: {
                     testid: "image"
                 },
                 alt: h
-            }), S ? D[u] : {}));
+            }), S ? H[m] : {}));
         }
         return null;
     })();
-    if (!k) return /* @__PURE__ */ t(ne, {});
-    const s = _object_spread({}, e === "naked" ? void 0 : U({
-        [ce.mediaBorderRadius]: "0px"
+    if (!b) return /* @__PURE__ */ t(ae, {});
+    const u = _object_spread({}, e === "naked" ? void 0 : ce({
+        [Re.mediaBorderRadius]: "0px"
     }));
-    return n === "top" ? /* @__PURE__ */ y(ne, {
+    return d === "top" ? /* @__PURE__ */ k(ae, {
         children: [
-            /* @__PURE__ */ t(Xt, {
-                aspectRatio: p,
-                style: s,
-                children: k
+            /* @__PURE__ */ t(jt, {
+                aspectRatio: g,
+                style: u,
+                children: b
             }),
-            /* @__PURE__ */ t(se, {
+            /* @__PURE__ */ t(Be, {
                 absolute: !0,
                 size: o,
-                asset: a,
+                asset: n,
                 type: e
             })
         ]
-    }) : /* @__PURE__ */ y(ne, {
+    }) : /* @__PURE__ */ k(ae, {
         children: [
             /* @__PURE__ */ t("div", {
-                style: _object_spread_props(_object_spread({}, s), {
-                    width: v,
+                style: _object_spread_props(_object_spread({}, u), {
+                    width: x,
                     flexShrink: 0,
                     flexGrow: 0,
                     height: "100%",
                     position: "relative"
                 }),
-                children: k
+                children: b
             }),
-            n !== "right" && /* @__PURE__ */ t(se, {
+            d !== "right" && /* @__PURE__ */ t(Be, {
                 absolute: !0,
                 size: o,
-                asset: a,
+                asset: n,
                 type: e
             })
         ]
     });
-}, li = (param)=>{
-    let { type: e, size: o, variant: a, footerSlot: r, buttonPrimary: d, buttonSecondary: u, buttonLink: h, hasBackgroundImageOrVideo: l, footerVariant: c, footerBackgroundColor: n, footerDivider: v, externalVariant: m, overlayColor: p } = param;
-    const b = !!(d || u || h), x = !!(d && u && h), k = {
-        default: f.colors.divider,
-        brand: f.colors.dividerBrand,
-        negative: f.colors.dividerNegative,
-        media: f.colors.dividerBrand,
-        alternative: f.colors.divider
-    }[a], s = e === "naked", S = n || (c && c !== a ? c === "default" ? f.colors.backgroundContainer : m === "brand" || m === "media" || m === "negative" ? f.colors.backgroundContainerBrandOverBrand : f.colors.backgroundContainerBrand : void 0), D = v !== null && v !== void 0 ? v : !S;
-    return /* @__PURE__ */ y(ze, {
-        variant: c || a,
+}, ni = (param)=>{
+    let { type: e, size: o, variant: n, footerSlot: r, buttonPrimary: a, buttonSecondary: m, buttonLink: h, hasBackgroundImageOrVideo: l, footerVariant: s, footerBackgroundColor: d, footerDivider: x, externalVariant: c, overlayColor: g } = param;
+    const p = !!(a || m || h), y = !!(a && m && h), b = {
+        default: v.colors.divider,
+        brand: v.colors.dividerBrand,
+        negative: v.colors.dividerNegative,
+        media: v.colors.dividerBrand,
+        alternative: v.colors.divider
+    }[n], u = e === "naked", S = d || (s && s !== n ? s === "default" ? v.colors.backgroundContainer : c === "brand" || c === "media" || c === "negative" ? v.colors.backgroundContainerBrandOverBrand : v.colors.backgroundContainerBrand : void 0), H = x !== null && x !== void 0 ? x : !S;
+    return /* @__PURE__ */ k(we, {
+        variant: s || n,
         children: [
             /* @__PURE__ */ t(de, {}),
-            /* @__PURE__ */ y("div", {
+            /* @__PURE__ */ k("div", {
                 style: {
-                    background: S || (l ? p : void 0),
+                    background: S || (l ? g : void 0),
                     position: "relative",
                     backdropFilter: l ? "blur(12px)" : void 0,
-                    borderBottomLeftRadius: s ? 0 : f.borderRadii.container,
-                    borderBottomRightRadius: s ? 0 : f.borderRadii.container
+                    borderBottomLeftRadius: u ? 0 : v.borderRadii.container,
+                    borderBottomRightRadius: u ? 0 : v.borderRadii.container
                 },
                 children: [
                     /* @__PURE__ */ t("div", {
                         style: {
-                            borderTop: D ? `1px solid ${k}` : void 0,
-                            marginRight: s ? 16 : 0
+                            borderTop: H ? `1px solid ${b}` : void 0,
+                            marginRight: u ? 16 : 0
                         }
                     }),
                     /* @__PURE__ */ t("div", {
                         "data-testid": "footer",
                         className: R({
-                            [le[o]]: !s,
-                            [Ze[o]]: !s
+                            [le[o]]: !u,
+                            [Je[o]]: !u
                         }),
                         style: {
                             paddingTop: 16,
-                            paddingBottom: s ? 0 : void 0,
-                            paddingRight: s ? 16 : void 0
+                            paddingBottom: u ? 0 : void 0,
+                            paddingRight: u ? 16 : void 0
                         },
-                        children: /* @__PURE__ */ y(Ye, {
+                        children: /* @__PURE__ */ k(Xe, {
                             space: 16,
                             children: [
                                 r,
-                                b && // @FIXME: We should use the ButtonGroup component
+                                p && // @FIXME: We should use the ButtonGroup component
                                 // https://jira.tid.es/browse/WEB-2278
                                 // https://www.figma.com/design/koROdh3HpEPG2O8jG52Emh/%F0%9F%94%B8-Buttons-Specs?node-id=4337-1606&t=HtImvar8DMbivDqC-0
-                                (x ? /* @__PURE__ */ y(Ye, {
+                                (y ? /* @__PURE__ */ k(Xe, {
                                     space: 16,
                                     children: [
-                                        /* @__PURE__ */ y(qe, {
+                                        /* @__PURE__ */ k(Ke, {
                                             space: "between",
                                             alignItems: "center",
                                             children: [
-                                                d,
-                                                u
+                                                a,
+                                                m
                                             ]
                                         }),
                                         /* @__PURE__ */ t("div", {
@@ -499,12 +501,12 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
                                             children: h
                                         })
                                     ]
-                                }) : /* @__PURE__ */ y(qe, {
+                                }) : /* @__PURE__ */ k(Ke, {
                                     space: "between",
                                     alignItems: "center",
                                     children: [
-                                        d,
-                                        u,
+                                        a,
+                                        m,
                                         h
                                     ]
                                 }))
@@ -515,40 +517,40 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             })
         ]
     });
-}, si = (param)=>{
-    let { type: e, hasCustomBackground: o, headlineRef: a, touchableRef: r, touchableProps: d, size: u, variant: h, headline: l, title: c, titleAs: n = "h3", titleLinesMax: v, pretitle: m, pretitleAs: p, pretitleLinesMax: b, subtitle: x, subtitleLinesMax: k, description: s, descriptionLinesMax: S, withTextShadow: D } = param;
-    const { textPresets: i, colorValues: g } = pe(), ue = Le(), H = typeof c == "string" ? {
+}, ai = (param)=>{
+    let { type: e, hasCustomBackground: o, headlineRef: n, touchableRef: r, touchableProps: a, size: m, variant: h, headline: l, title: s, titleAs: d = "h3", titleLinesMax: x, pretitle: c, pretitleAs: g, pretitleLinesMax: p, subtitle: y, subtitleLinesMax: b, description: u, descriptionLinesMax: S, withTextShadow: H } = param;
+    const { textPresets: i, colorValues: f } = se(), F = He(), I = typeof s == "string" ? {
+        text: s
+    } : s, w = typeof c == "string" ? {
         text: c
-    } : c, T = typeof m == "string" ? {
-        text: m
-    } : m, L = {
+    } : c, P = {
         hyphens: "auto"
-    }, X = {
+    }, K = {
         default: {
-            pretitle: g.textPrimary,
-            title: g.textPrimary,
-            subtitle: g.textPrimary,
-            description: g.textSecondary
+            pretitle: f.textPrimary,
+            title: f.textPrimary,
+            subtitle: f.textPrimary,
+            description: f.textSecondary
         },
         brand: {
-            pretitle: g.textPrimaryBrand,
-            title: g.textPrimaryBrand,
-            subtitle: g.textPrimaryBrand,
-            description: g.textSecondaryBrand
+            pretitle: f.textPrimaryBrand,
+            title: f.textPrimaryBrand,
+            subtitle: f.textPrimaryBrand,
+            description: f.textSecondaryBrand
         },
         negative: {
-            pretitle: g.textPrimaryNegative,
-            title: g.textPrimaryNegative,
-            subtitle: g.textPrimaryNegative,
-            description: g.textSecondaryNegative
+            pretitle: f.textPrimaryNegative,
+            title: f.textPrimaryNegative,
+            subtitle: f.textPrimaryNegative,
+            description: f.textSecondaryNegative
         },
         media: {
-            pretitle: g.textPrimaryMedia,
-            title: g.textPrimaryMedia,
-            subtitle: g.textPrimaryMedia,
-            description: e === "cover" && o ? g.textPrimaryMedia : g.textSecondaryMedia
+            pretitle: f.textPrimaryMedia,
+            title: f.textPrimaryMedia,
+            subtitle: f.textPrimaryMedia,
+            description: e === "cover" && o ? f.textPrimaryMedia : f.textSecondaryMedia
         }
-    }, Z = {
+    }, D = {
         snap: {
             pretitle: {
                 mobileSize: i.cardPretitleSnap.size.mobile,
@@ -639,17 +641,17 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
                 weight: "regular"
             }
         }
-    }, z = X[h] || X[ue] || X.default, P = Z[u] || Z.default, M = D ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, V = d ? (H === null || H === void 0 ? void 0 : H.text) && (T === null || T === void 0 ? void 0 : T.text) ? we(n, p) ? "title" : "pretitle" : (H === null || H === void 0 ? void 0 : H.text) ? "title" : (T === null || T === void 0 ? void 0 : T.text) ? "pretitle" : l ? "headline" : x ? "subtitle" : s ? "description" : null : null, I = (j, ee, te)=>j ? te ? /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, ee), {
-            children: /* @__PURE__ */ t(He, _object_spread_props(_object_spread({
+    }, E = K[h] || K[F] || K.default, M = D[m] || D.default, $ = H ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, N = a ? (I === null || I === void 0 ? void 0 : I.text) && (w === null || w === void 0 ? void 0 : w.text) ? Se(d, g) ? "title" : "pretitle" : (I === null || I === void 0 ? void 0 : I.text) ? "title" : (w === null || w === void 0 ? void 0 : w.text) ? "pretitle" : l ? "headline" : y ? "subtitle" : u ? "description" : null : null, z = (Y, q, te)=>Y ? te ? /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, q), {
+            children: /* @__PURE__ */ t(ye, _object_spread_props(_object_spread({
                 maybe: !0
-            }, d), {
+            }, a), {
                 ref: r,
-                className: R(Q, Tt),
-                children: j
+                className: R(Z, It),
+                children: Y
             }))
-        })) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, ee), {
-            children: j
-        })) : null, K = I(l && typeof l == "string" ? /* @__PURE__ */ t(Ft, {
+        })) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, q), {
+            children: Y
+        })) : null, W = z(l && typeof l == "string" ? /* @__PURE__ */ t(Vt, {
         type: "promo",
         children: l
     }) : l, // Read order 2. Visual order 1
@@ -659,27 +661,27 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             paddingBottom: 8
         },
         "data-testid": "headline",
-        ref: a
-    }, V === "headline"), E = I((T === null || T === void 0 ? void 0 : T.text) && /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({}, L, P.pretitle), {
-        as: p || "p",
-        truncate: b,
-        color: z.pretitle,
-        textShadow: M,
-        "aria-label": T === null || T === void 0 ? void 0 : T["aria-label"],
-        children: T.text
+        ref: n
+    }, N === "headline"), j = z((w === null || w === void 0 ? void 0 : w.text) && /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, P, M.pretitle), {
+        as: g || "p",
+        truncate: p,
+        color: E.pretitle,
+        textShadow: $,
+        "aria-label": w === null || w === void 0 ? void 0 : w["aria-label"],
+        children: w.text
     })), {
         style: {
             paddingBottom: 4,
             order: 2
         },
         "data-testid": "pretitle"
-    }, V === "pretitle"), $ = I((H === null || H === void 0 ? void 0 : H.text) && /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({}, L, P.title), {
-        as: n,
-        truncate: v,
-        color: z.title,
-        textShadow: M,
-        "aria-label": H === null || H === void 0 ? void 0 : H["aria-label"],
-        children: H.text
+    }, N === "pretitle"), G = z((I === null || I === void 0 ? void 0 : I.text) && /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, P, M.title), {
+        as: d,
+        truncate: x,
+        color: E.title,
+        textShadow: $,
+        "aria-label": I === null || I === void 0 ? void 0 : I["aria-label"],
+        children: I.text
     })), // Read order: 1 or 3. Visual order 3
     {
         style: {
@@ -687,12 +689,12 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             order: 3
         },
         "data-testid": "title"
-    }, V === "title"), W = I(x && /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({}, L, P.subtitle), {
+    }, N === "title"), pe = z(y && /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, P, M.subtitle), {
         as: "p",
-        truncate: k,
-        color: z.subtitle,
-        textShadow: M,
-        children: x
+        truncate: b,
+        color: E.subtitle,
+        textShadow: $,
+        children: y
     })), // Read order: 4. Visual order 4
     {
         style: {
@@ -700,12 +702,12 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             order: 4
         },
         "data-testid": "subtitle"
-    }, V === "subtitle"), he = I(s && /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({}, L, P.description), {
+    }, N === "subtitle"), ue = z(u && /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, P, M.description), {
         as: "p",
         truncate: S,
-        color: z.description,
-        textShadow: M,
-        children: s
+        color: E.description,
+        textShadow: $,
+        children: u
     })), // Read order: 5. Visual order 5
     {
         style: {
@@ -713,79 +715,79 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
             order: 5
         },
         "data-testid": "description"
-    }, V === "description"), [me, ge] = H && we(n, p) ? [
-        $,
-        E
+    }, N === "description"), [me, ee] = I && Se(d, g) ? [
+        G,
+        j
     ] : [
-        E,
-        $
+        j,
+        G
     ];
-    return /* @__PURE__ */ y("div", {
+    return /* @__PURE__ */ k("div", {
         style: {
             display: "flex",
             flexDirection: "column"
         },
         children: [
             me,
-            K,
-            ge,
             W,
-            he
+            ee,
+            pe,
+            ue
         ]
     });
-}, ci = (param)=>{
-    let { children: e, isTouchable: o, touchableAriaLabel: a, ariaLabeledByProp: r, ariaDescriptionProp: d, ariaDescribedByProp: u, touchableProps: h, segregateTouchableContent: l, hasTouchableInContent: c, overlayClassname: n, contentStyle: v, contentRadiusStyle: m } = param;
-    const p = o && (!l || c), b = /**
+}, di = (param)=>{
+    let { children: e, isTouchable: o, touchableAriaLabel: n, ariaLabeledByProp: r, ariaDescriptionProp: a, ariaDescribedByProp: m, touchableProps: h, segregateTouchableContent: l, hasTouchableInContent: s, overlayClassname: d, contentStyle: x, contentRadiusStyle: c } = param;
+    const g = o && (!l || s), p = /**
      * role="text" makes VoiceOver read the whole div as a single text block. This is needed
      * for VoiceOver rectangle to cover the whole card when using aria-label in <a> elements,
      * otherwise it only renders a small rectangle in the begining of the <a> element.
      * This workaround is only needed for <a> not for <button> (ask safari developers why)
-     */ /* @__PURE__ */ y("div", {
+     */ /* @__PURE__ */ k("div", {
         role: !l && (h.href || h.to) ? "text" : void 0,
-        className: It,
-        style: _object_spread({}, v, m),
+        className: Lt,
+        style: _object_spread({}, x, c),
         children: [
-            p && /* @__PURE__ */ t("div", {
-                className: n
+            g && /* @__PURE__ */ t("div", {
+                className: d
             }),
             e
         ]
     });
-    return o && l ? c ? /* @__PURE__ */ t("div", {
-        className: R(Q, Be),
-        children: b
-    }) : /* @__PURE__ */ y("div", {
+    return o && l ? s ? /* @__PURE__ */ t("div", {
+        className: R(Z, xe),
+        children: p
+    }) : /* @__PURE__ */ k("div", {
         style: {
             position: "relative"
         },
         children: [
-            /* @__PURE__ */ t(He, _object_spread_props(_object_spread({
-                "aria-label": a,
+            /* @__PURE__ */ t(ye, _object_spread_props(_object_spread({
+                "aria-label": n,
                 maybe: !0
             }, h), {
-                className: R(Q, Be, Nt),
+                className: R(Z, xe, zt),
                 children: /* @__PURE__ */ t("div", {
-                    className: R(n),
-                    style: m
+                    className: R(d),
+                    style: c
                 })
             })),
-            b
+            p
         ]
-    }) : /* @__PURE__ */ t(He, _object_spread_props(_object_spread({
+    }) : /* @__PURE__ */ t(ye, _object_spread_props(_object_spread({
         maybe: !0,
-        "aria-label": o ? a : void 0,
+        "aria-label": o ? n : void 0,
         "aria-labelledby": o ? r : void 0,
-        "aria-description": o ? d : void 0,
-        "aria-describedby": o ? u : void 0,
-        className: R(Q, Be)
+        "aria-description": o ? a : void 0,
+        "aria-describedby": o ? m : void 0,
+        className: R(Z, xe)
     }, h), {
-        children: b
+        children: p
     }));
-}, pi = [
-    f.colors.cardContentOverlay,
-    f.colors.cardFooterOverlay
-], ui = /rgba\([^,]+,\s*[^,]+,\s*[^,]+,\s*([^)]+)\)/g, Ue = (e, o)=>e.replace(ui, (a, r)=>Jt(o, parseFloat(r))), ji = /*#__PURE__*/ N.forwardRef((_param, at)=>{
-    var { type: e, size: o, backgroundColor: a, imageSrc: r, imageSrcSet: d, imageAlt: u = "", imageFit: h = "fill-center", videoSrc: l, videoRef: c, media: n, mediaAspectRatio: v = "auto", mediaPosition: m = "top", mediaWidth: p = 150, circledImage: b, asset: x, headline: k, title: s, titleAs: S = "h3", titleLinesMax: D, pretitle: i, pretitleAs: g, pretitleLinesMax: ue, subtitle: H, subtitleLinesMax: T, description: L, descriptionLinesMax: X, dataAttributes: Z, variant: z, width: P, height: M, aspectRatio: V, slot: I, slotAlignment: K = "content", buttonPrimary: E, buttonSecondary: $, buttonLink: W, showFooter: he, footerBackgroundColor: me, footerVariant: ge, footerSlot: j, footerDivider: ee, topActions: te, onClose: Ie, closeButtonLabel: tt, "aria-label": Ne, "aria-labelledby": be, "aria-description": De, "aria-describedby": Te, gradientOverlayColor: ie, videoLoop: it, videoAutoPlay: ot, videoDataAttributes: rt, segregateTouchableContent: fe = !1, touchableAriaLabel: Ve } = _param, Y = _object_without_properties(_param, [
+}, li = [
+    v.colors.cardContentOverlay,
+    v.colors.cardFooterOverlay
+], si = /rgba\([^,]+,\s*[^,]+,\s*[^,]+,\s*([^)]+)\)/g, qe = (e, o)=>e.replace(si, (n, r)=>Wt(o, parseFloat(r))), Ei = /*#__PURE__*/ T.forwardRef((_param, it)=>{
+    var { type: e, size: o, backgroundColor: n, imageSrc: r, imageSrcSet: a, imageAlt: m = "", imageFit: h = "fill-center", videoSrc: l, videoRef: s, mediaAspectRatio: d = "auto", mediaPosition: x = "top", mediaWidth: c = 150, circledImage: g, asset: p, headline: y, title: b, titleAs: u = "h3", titleLinesMax: S, pretitle: H, pretitleAs: i, pretitleLinesMax: f, subtitle: F, subtitleLinesMax: I, description: w, descriptionLinesMax: P, dataAttributes: K, variant: D, width: E, height: M, aspectRatio: $, slot: N, slotAlignment: z = "content", buttonPrimary: W, buttonSecondary: j, buttonLink: G, showFooter: pe, footerBackgroundColor: ue, footerVariant: me, footerSlot: ee, footerDivider: Y, topActions: q, onClose: te, closeButtonLabel: Ue, "aria-label": ze, "aria-labelledby": he, "aria-description": Ce, "aria-describedby": Ie, gradientOverlayColor: ie, videoLoop: Ze, videoAutoPlay: et, videoDataAttributes: tt, segregateTouchableContent: ge = !1, touchableAriaLabel: Ne } = _param, J = _object_without_properties(_param, [
         "type",
         "size",
         "backgroundColor",
@@ -795,7 +797,6 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
         "imageFit",
         "videoSrc",
         "videoRef",
-        "media",
         "mediaAspectRatio",
         "mediaPosition",
         "mediaWidth",
@@ -841,185 +842,169 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
         "segregateTouchableContent",
         "touchableAriaLabel"
     ]);
-    const { text: Ae, ref: nt } = Ke(), { text: Oe, ref: dt } = Ke(), lt = N.useRef(null), A = !!(Y.href || Y.to || Y.onPress), Fe = !!(fe && !Ve && (s || i || k || H || L)), ve = !!(E || $ || W), { colorValues: Pe } = pe(), xe = e === "media" || e === "naked", st = xe && (r !== void 0 || d !== void 0), Me = xe && l !== void 0, Ee = st || Me, ke = xe && !!n && !Ee, w = Ee || ke, C = e === "naked", B = w ? m : "top", $e = e === "naked" && b ? 1 : v, ye = e === "cover" && (r !== void 0 || d !== void 0), oe = e === "cover" && l !== void 0, je = !!a || ye || oe, G = ye || oe, ct = Me || oe, { video: Ge, videoAction: Se } = ri({
-        src: ct ? l : void 0,
+    const { text: Te, ref: ot } = Ge(), { text: De, ref: rt } = Ge(), nt = T.useRef(null), V = !!(J.href || J.to || J.onPress), Ve = !!(ge && !Ne && (b || H || y || F || w)), be = !!(W || j || G), { colorValues: Ae } = se(), Oe = e === "media" || e === "naked", at = Oe && (r !== void 0 || a !== void 0), Fe = Oe && l !== void 0, L = at || Fe, C = e === "naked", B = L ? x : "top", Pe = e === "naked" && g ? 1 : d, fe = e === "cover" && (r !== void 0 || a !== void 0), oe = e === "cover" && l !== void 0, Ee = !!n || fe || oe, _ = fe || oe, dt = Fe || oe, { video: Me, videoAction: ve } = ti({
+        src: dt ? l : void 0,
         poster: r,
-        ref: c,
-        autoHeight: e === "cover" || B !== "top" ? !1 : Ce($e) === 0,
-        loop: it,
-        autoPlay: ot,
-        dataAttributes: rt
-    }), q = Le(), pt = z ? We(z) : q, O = z && We(z) || (e === "cover" && je ? "media" : "default"), ut = O === "brand" ? kt : yt, F = he && (ve || !!j) || ve && A, _e = !F && ve, re = ((te === null || te === void 0 ? void 0 : te.length) || 0) + (Ie ? 1 : 0), Xe = Se ? re + 1 : re, ht = x && !(w && B === "left"), mt = e !== "cover" && Xe > 0 && !ht && !k, J = e === "cover" || e === "data" && o === "display", _ = f.borderRadii.container, gt = ye || oe ? "transparent" : a || (O === "media" ? q === "brand" || q === "media" || q === "negative" ? f.colors.backgroundContainerBrandOverBrand : f.colors.backgroundBrand : O === "alternative" ? f.colors.backgroundAlternative : void 0), bt = Ve || Ne || (be ? void 0 : (s && we(S, g) ? [
-        s,
-        u,
-        Oe,
-        i,
+        ref: s,
+        autoHeight: e === "cover" || B !== "top" ? !1 : Le(Pe) === 0,
+        loop: Ze,
+        autoPlay: et,
+        dataAttributes: tt
+    }), Q = He(), lt = D ? _e(D) : Q, A = D && _e(D) || (e === "cover" && Ee ? "media" : "default"), st = A === "brand" ? ft : vt, O = pe && (be || !!ee) || be && V, $e = !O && be, re = ((q === null || q === void 0 ? void 0 : q.length) || 0) + (te ? 1 : 0), je = ve ? re + 1 : re, ct = p && !(L && B === "left"), pt = e !== "cover" && je > 0 && !ct && !y, U = e === "cover" || e === "data" && o === "display", X = v.borderRadii.container, ut = fe || oe ? "transparent" : n || (A === "media" ? Q === "brand" || Q === "media" || Q === "negative" ? v.colors.backgroundContainerBrandOverBrand : v.colors.backgroundBrand : A === "alternative" ? v.colors.backgroundAlternative : void 0), mt = Ne || ze || (he ? void 0 : (b && Se(u, i) ? [
+        b,
+        m,
+        De,
         H,
-        L,
-        Ae
+        F,
+        w,
+        Te
     ] : [
-        i,
-        Oe,
-        s,
-        u,
         H,
-        L,
-        Ae
-    ]).filter(Boolean).join(" ")), ft = ()=>ie === "transparent" ? [
+        De,
+        b,
+        m,
+        F,
+        w,
+        Te
+    ]).filter(Boolean).join(" ")), ht = ()=>ie === "transparent" ? [
             "transparent",
             "transparent"
         ] : ie ? [
-            Ue(Pe.cardContentOverlay, ie),
-            Ue(Pe.cardFooterOverlay, ie)
-        ] : pi, [vt, xt] = ft();
-    return /* @__PURE__ */ y(Qt, {
-        "aria-label": A ? void 0 : Ne,
-        "aria-labelledby": A ? void 0 : be,
-        "aria-description": A ? void 0 : De,
-        "aria-describedby": A ? void 0 : Te,
+            qe(Ae.cardContentOverlay, ie),
+            qe(Ae.cardFooterOverlay, ie)
+        ] : li, [gt, bt] = ht();
+    return /* @__PURE__ */ k(Yt, {
+        "aria-label": V ? void 0 : ze,
+        "aria-labelledby": V ? void 0 : he,
+        "aria-description": V ? void 0 : Ce,
+        "aria-describedby": V ? void 0 : Ie,
         type: e,
         size: o,
-        dataAttributes: Z,
-        ref: at,
-        variant: O,
-        width: P,
+        dataAttributes: K,
+        ref: it,
+        variant: A,
+        width: E,
         height: M,
-        aspectRatio: V,
-        backgroundColor: gt,
+        aspectRatio: $,
+        backgroundColor: ut,
         children: [
-            G && /* @__PURE__ */ t(Ut, {
-                video: Ge,
+            _ && /* @__PURE__ */ t(qt, {
+                video: Me,
                 src: r,
-                srcSet: d,
-                backgroundVariant: pt
+                srcSet: a,
+                backgroundVariant: lt
             }),
-            Se && // The video action is placed first in the card reading order, so it is placed outside the other topActions container
+            ve && // The video action is placed first in the card reading order, so it is placed outside the other topActions container
             /* @__PURE__ */ t("div", {
                 "data-testid": "videoAction",
-                children: /* @__PURE__ */ t(Qe, {
+                children: /* @__PURE__ */ t(Ye, {
                     testid: "videoAction",
                     variant: "media",
                     actions: [
-                        Se
+                        ve
                     ],
                     containerStyles: {
                         position: "absolute",
                         top: 16,
-                        left: B === "left" ? typeof p == "number" ? `calc(${p}px - 48px)` : `calc(${p} - 48px)` : "auto",
+                        left: B === "left" ? typeof c == "number" ? `calc(${c}px - 48px)` : `calc(${c} - 48px)` : "auto",
                         right: B !== "left" ? re * 48 + 16 : "auto"
                     }
                 })
             }),
-            /* @__PURE__ */ y(ci, {
-                isTouchable: A,
-                touchableAriaLabel: bt,
-                ariaLabeledByProp: be,
-                ariaDescriptionProp: De,
-                ariaDescribedByProp: Te,
-                touchableProps: Y,
-                segregateTouchableContent: fe,
-                hasTouchableInContent: Fe,
-                overlayClassname: ut,
+            /* @__PURE__ */ k(di, {
+                isTouchable: V,
+                touchableAriaLabel: mt,
+                ariaLabeledByProp: he,
+                ariaDescriptionProp: Ce,
+                ariaDescribedByProp: Ie,
+                touchableProps: J,
+                segregateTouchableContent: ge,
+                hasTouchableInContent: Ve,
+                overlayClassname: st,
                 contentStyle: {
                     flexDirection: B === "top" ? "column" : B === "left" ? "row" : "row-reverse"
                 },
                 contentRadiusStyle: {
-                    borderTopLeftRadius: C && !w ? 0 : `calc(${_} - 1px)`,
-                    borderTopRightRadius: C && !w ? 0 : `calc(${_} - 1px)`,
-                    borderBottomLeftRadius: F || C ? 0 : `calc(${_} - 1px)`,
-                    borderBottomRightRadius: F || C ? 0 : `calc(${_} - 1px)`
+                    borderTopLeftRadius: C && !L ? 0 : `calc(${X} - 1px)`,
+                    borderTopRightRadius: C && !L ? 0 : `calc(${X} - 1px)`,
+                    borderBottomLeftRadius: O || C ? 0 : `calc(${X} - 1px)`,
+                    borderBottomRightRadius: O || C ? 0 : `calc(${X} - 1px)`
                 },
                 children: [
-                    ke && /* @__PURE__ */ t("div", {
-                        style: _object_spread({
-                            // 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 : U({
-                            [ce.mediaBorderRadius]: "0px"
-                        })),
-                        children: n
-                    }),
-                    ke && /* @__PURE__ */ t(se, {
-                        absolute: !0,
-                        size: o,
-                        asset: x,
-                        type: e
-                    }),
-                    w && /* @__PURE__ */ t(di, {
+                    L && /* @__PURE__ */ t(ri, {
                         type: e,
                         size: o,
-                        mediaAspectRatio: $e,
+                        mediaAspectRatio: Pe,
                         mediaPosition: B,
-                        asset: x,
-                        video: Ge,
+                        asset: p,
+                        video: Me,
                         imageFit: h,
                         imageSrc: r,
-                        imageSrcSet: d,
-                        imageAlt: u,
-                        mediaWidth: p,
-                        circledImage: b
+                        imageSrcSet: a,
+                        imageAlt: m,
+                        mediaWidth: c,
+                        circledImage: g
                     }),
-                    /* @__PURE__ */ y("div", {
-                        "aria-hidden": A && !fe,
+                    /* @__PURE__ */ k("div", {
+                        "aria-hidden": V && !ge,
                         "data-testid": "body",
-                        className: R(Q, {
-                            [Re[o]]: !!x && e !== "naked" && (!w || B === "right")
+                        className: R(Z, {
+                            [ke[o]]: !!p && e !== "naked" && (!L || B === "right")
                         }),
                         children: [
-                            (!w || B === "right") && /* @__PURE__ */ t(se, {
+                            (!L || B === "right") && /* @__PURE__ */ t(Be, {
                                 size: o,
-                                asset: x,
+                                asset: p,
                                 type: e
                             }),
-                            J && /* @__PURE__ */ t(de, {
-                                minHeight: e === "cover" && Xe > 0 && !x ? 56 : 0
+                            U && /* @__PURE__ */ t(de, {
+                                minHeight: e === "cover" && je > 0 && !p ? 56 : 0
                             }),
-                            /* @__PURE__ */ y("div", {
-                                className: R(le[o], Ze[o], Re[o]),
+                            /* @__PURE__ */ k("div", {
+                                className: R(le[o], Je[o], ke[o]),
                                 style: {
                                     display: "flex",
                                     flexDirection: "column",
-                                    height: J ? void 0 : "100%",
-                                    background: G ? vt : void 0,
+                                    height: U ? void 0 : "100%",
+                                    background: _ ? gt : void 0,
                                     // padding overrides for specific cases
-                                    paddingTop: J && G ? 40 : x || C && B !== "top" ? 16 : C && !w ? 0 : void 0,
-                                    paddingLeft: C && (B !== "left" || !w) ? 0 : void 0,
+                                    paddingTop: U && _ ? 40 : p || C && B !== "top" ? 16 : C && !L ? 0 : void 0,
+                                    paddingLeft: C && (B !== "left" || !L) ? 0 : void 0,
                                     paddingRight: C && B !== "right" ? 16 : void 0,
-                                    paddingBottom: F ? 16 : C ? 0 : void 0,
-                                    borderBottomLeftRadius: F ? 0 : _,
-                                    borderBottomRightRadius: F ? 0 : _
+                                    paddingBottom: O ? 16 : C ? 0 : void 0,
+                                    borderBottomLeftRadius: O ? 0 : X,
+                                    borderBottomRightRadius: O ? 0 : X
                                 },
                                 children: [
-                                    /* @__PURE__ */ y("div", {
-                                        className: St,
+                                    /* @__PURE__ */ k("div", {
+                                        className: xt,
                                         children: [
                                             /* @__PURE__ */ t("div", {
-                                                className: Bt,
-                                                children: /* @__PURE__ */ t(si, _object_spread({
+                                                className: kt,
+                                                children: /* @__PURE__ */ t(ai, _object_spread({
                                                     type: e,
-                                                    hasCustomBackground: je,
-                                                    headlineRef: dt,
-                                                    variant: O,
+                                                    hasCustomBackground: Ee,
+                                                    headlineRef: rt,
+                                                    variant: A,
                                                     size: o,
-                                                    headline: k,
-                                                    pretitle: i,
-                                                    pretitleAs: g,
-                                                    pretitleLinesMax: ue,
-                                                    title: s,
-                                                    titleAs: S,
-                                                    titleLinesMax: D,
-                                                    subtitle: H,
-                                                    subtitleLinesMax: T,
-                                                    description: L,
-                                                    descriptionLinesMax: X,
-                                                    withTextShadow: G
-                                                }, Fe ? {
-                                                    touchableRef: lt,
-                                                    touchableProps: Y
+                                                    headline: y,
+                                                    pretitle: H,
+                                                    pretitleAs: i,
+                                                    pretitleLinesMax: f,
+                                                    title: b,
+                                                    titleAs: u,
+                                                    titleLinesMax: S,
+                                                    subtitle: F,
+                                                    subtitleLinesMax: I,
+                                                    description: w,
+                                                    descriptionLinesMax: P,
+                                                    withTextShadow: _
+                                                }, Ve ? {
+                                                    touchableRef: nt,
+                                                    touchableProps: J
                                                 } : {}))
                                             }),
-                                            mt && /* @__PURE__ */ t("div", {
+                                            pt && /* @__PURE__ */ t("div", {
                                                 style: {
                                                     flexShrink: 0,
                                                     flexGrow: 0,
@@ -1030,19 +1015,19 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
                                             })
                                         ]
                                     }),
-                                    !J && K === "bottom" && /* @__PURE__ */ t(de, {}),
-                                    I && /* @__PURE__ */ t("div", {
-                                        ref: nt,
+                                    !U && z === "bottom" && /* @__PURE__ */ t(de, {}),
+                                    N && /* @__PURE__ */ t("div", {
+                                        ref: ot,
                                         "data-testid": "slot",
-                                        className: R(K === "space-between" && Rt),
-                                        children: I
+                                        className: R(z === "space-between" && yt),
+                                        children: N
                                     }),
-                                    !J && K === "content" && _e && /* @__PURE__ */ t(de, {}),
-                                    _e && /* @__PURE__ */ t(ai, {
+                                    !U && z === "content" && $e && /* @__PURE__ */ t(de, {}),
+                                    $e && /* @__PURE__ */ t(ii, {
                                         size: o,
-                                        buttonPrimary: E,
-                                        buttonSecondary: $,
-                                        buttonLink: W
+                                        buttonPrimary: W,
+                                        buttonSecondary: j,
+                                        buttonLink: G
                                     })
                                 ]
                             })
@@ -1050,28 +1035,28 @@ const Qt = /*#__PURE__*/ N.forwardRef((param, p)=>{
                     })
                 ]
             }),
-            F && /* @__PURE__ */ t(li, {
+            O && /* @__PURE__ */ t(ni, {
                 type: e,
-                variant: O,
-                footerVariant: ge,
-                footerBackgroundColor: me,
-                footerDivider: ee,
+                variant: A,
+                footerVariant: me,
+                footerBackgroundColor: ue,
+                footerDivider: Y,
                 size: o,
-                footerSlot: j,
-                buttonPrimary: E,
-                buttonSecondary: $,
-                buttonLink: W,
-                hasBackgroundImageOrVideo: G,
-                externalVariant: q,
-                overlayColor: xt
+                footerSlot: ee,
+                buttonPrimary: W,
+                buttonSecondary: j,
+                buttonLink: G,
+                hasBackgroundImageOrVideo: _,
+                externalVariant: Q,
+                overlayColor: bt
             }),
-            /* @__PURE__ */ t(Qe, {
-                onClose: Ie,
-                closeButtonLabel: tt,
-                actions: te,
-                variant: G || w && B !== "left" ? "media" : O
+            /* @__PURE__ */ t(Ye, {
+                onClose: te,
+                closeButtonLabel: Ue,
+                actions: q,
+                variant: _ || L && B !== "left" ? "media" : A
             })
         ]
     });
 });
-export { ni as CardActionIconButton, ti as CardActionSpinner, ji as InternalCard, Qe as TopActions, ri as useVideoWithControls };
+export { oi as CardActionIconButton, Ut as CardActionSpinner, Ei as InternalCard, Ye as TopActions, ti as useVideoWithControls };