@telefonica/mistica 16.47.0 → 16.49.0

package/dist-es/card-internal.js

@@ -80,54 +80,54 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t, jsxs as k, Fragment as U } from "react/jsx-runtime";
 import * as O from "react";
-import { container as lt, boxed as ct, touchable as Pe, touchableContainer as ht, containerPaddingTopVariants as be, containerPaddingXVariants as ee, containerPaddingBottomVariants as pt, contentContainer as mt, textContent as ut, vars as gt, backgroundImageOrVideoContainer as bt, actionsContainerVariants as vt, topActionsContainer as xt, touchableCardOverlayInverse as ft, touchableCardOverlay as kt } from "./card-internal.css-mistica.js";
+import { container as ct, boxed as pt, touchable as Ve, touchableContainer as ut, containerPaddingTopVariants as be, containerPaddingXVariants as ee, containerPaddingBottomVariants as ht, contentContainer as mt, textContent as gt, vars as bt, backgroundImageOrVideoContainer as ft, actionsContainerVariants as vt, topActionsContainer as kt, touchableCardOverlayInverse as xt, touchableCardOverlay as yt } from "./card-internal.css-mistica.js";
 import { vars as ie } from "./image.css-mistica.js";
-import { pauseIconButtonLabel as yt, playIconButtonLabel as Bt, closeButtonLabel as Rt } from "./text-tokens.js";
+import { pauseIconButtonLabel as St, playIconButtonLabel as Bt, closeButtonLabel as Rt } from "./text-tokens.js";
 import { Text as Q } from "./text.js";
-import { useInnerText as Fe, useTheme as oe } from "./hooks.js";
-import { useThemeVariant as ve, ThemeVariant as xe, normalizeVariant as Oe } from "./theme-variant-context.js";
+import { useInnerText as Ae, useTheme as oe } from "./hooks.js";
+import { useThemeVariant as fe, ThemeVariant as ve, normalizeVariant as Fe } from "./theme-variant-context.js";
 import wt from "./tag.js";
-import Me from "./stack.js";
-import De from "./image.js";
+import Oe from "./stack.js";
+import Ge from "./image.js";
 import Ht from "./video.js";
-import Ee from "./inline.js";
-import zt from "./spinner.js";
-import Tt from "./generated/mistica-icons/icon-play-filled.js";
-import St from "./generated/mistica-icons/icon-pause-filled.js";
-import Ct from "./generated/mistica-icons/icon-close-regular.js";
-import { getPrefixedDataAttributes as It } from "./utils/dom.js";
-import { applyCssVars as D } from "./utils/css.js";
-import { InternalBoxed as Lt } from "./boxed.js";
+import Me from "./inline.js";
+import Tt from "./spinner.js";
+import zt from "./generated/mistica-icons/icon-play-filled.js";
+import Ct from "./generated/mistica-icons/icon-pause-filled.js";
+import It from "./generated/mistica-icons/icon-close-regular.js";
+import { getPrefixedDataAttributes as Lt } from "./utils/dom.js";
+import { applyCssVars as G } from "./utils/css.js";
+import { InternalBoxed as Dt } from "./boxed.js";
 import { BaseTouchable as Nt } from "./touchable.js";
-import { aspectRatioToNumber as fe, AspectRatioContainer as Vt } from "./utils/aspect-ratio-support.js";
-import { vars as u } from "./skins/skin-contract.css-mistica.js";
-import { IconButton as At, ToggleIconButton as Pt } from "./icon-button.js";
+import { aspectRatioToNumber as ke, AspectRatioContainer as Pt } from "./utils/aspect-ratio-support.js";
+import { vars as g } from "./skins/skin-contract.css-mistica.js";
+import { IconButton as Vt, ToggleIconButton as At } from "./icon-button.js";
 import { combineRefs as Ft } from "./utils/common.js";
-import { isRunningAcceptanceTest as je } from "./utils/platform.js";
+import { isRunningAcceptanceTest as Ee } from "./utils/platform.js";
 import T from "classnames";
 import Ot from "./button-group.js";
 import { isBiggerHeading as _e } from "./utils/headings.js";
 import { applyAlpha as Mt } from "./utils/color.js";
-const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
-    let { type: e, children: o, width: n, height: r, aspectRatio: a, "aria-label": c, "aria-labelledby": p, "aria-description": s, "aria-describedby": l, dataAttributes: d, backgroundColor: g, variant: B } = param;
-    const f = n && r ? void 0 : fe(a), x = f ? D({
-        [gt.aspectRatio]: String(f)
-    }) : {}, b = g ? "none" : void 0, v = e === "naked";
+const Et = /*#__PURE__*/ O.forwardRef((param, h)=>{
+    let { type: e, children: o, width: a, height: r, aspectRatio: n, "aria-label": p, "aria-labelledby": u, "aria-description": l, "aria-describedby": s, dataAttributes: d, backgroundColor: b, variant: x } = param;
+    const v = a && r ? void 0 : ke(n), f = v ? G({
+        [bt.aspectRatio]: String(v)
+    }) : {}, S = b ? "none" : void 0, m = 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: m,
-        "aria-label": c,
-        "aria-labelledby": p,
-        "aria-description": s,
-        "aria-describedby": l,
-        className: T(lt)
-    }, It(d, "InternalCard")), {
+        ref: h,
+        "aria-label": p,
+        "aria-labelledby": u,
+        "aria-description": l,
+        "aria-describedby": s,
+        className: T(ct)
+    }, Lt(d, "InternalCard")), {
         style: _object_spread({
-            width: n || "100%",
+            width: a || "100%",
             height: r || "100%",
             position: "relative"
-        }, x),
+        }, f),
         children: /* @__PURE__ */ t("div", {
             style: {
                 display: "flex",
@@ -136,14 +136,14 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
                 position: "relative",
                 minHeight: "100%"
             },
-            children: /* @__PURE__ */ t(Lt, {
+            children: /* @__PURE__ */ t(Dt, {
                 width: "100%",
                 height: "100%",
-                variant: B,
-                className: T(ct),
-                background: v ? "transparent" : g,
-                borderRadius: v ? "none" : u.borderRadii.container,
-                border: v ? "none" : b,
+                variant: x,
+                className: T(pt),
+                background: m ? "transparent" : b,
+                borderRadius: m ? "none" : g.borderRadii.container,
+                border: m ? "none" : S,
                 overflow: "visible",
                 children: o
             })
@@ -159,15 +159,15 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
         }
     });
 }, te = (param)=>{
-    let { size: e, absolute: o, asset: n, type: r } = param;
-    if (!n) return null;
-    const a = /* @__PURE__ */ t("div", {
+    let { size: e, absolute: o, asset: a, type: r } = param;
+    if (!a) return null;
+    const n = /* @__PURE__ */ t("div", {
         "data-testid": "asset",
         "aria-hidden": !0,
-        style: D({
-            [ie.mediaBorderRadius]: u.borderRadii.mediaSmall
+        style: G({
+            [ie.mediaBorderRadius]: g.borderRadii.mediaSmall
         }),
-        children: n
+        children: a
     });
     return o ? /* @__PURE__ */ t("div", {
         style: {
@@ -176,32 +176,32 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
             left: 0
         },
         className: T(ee[e], be[e]),
-        children: a
+        children: n
     }) : /* @__PURE__ */ t("div", {
         className: T({
             [ee[e]]: r !== "naked"
         }),
-        children: a
+        children: n
     });
 }, jt = (param)=>{
-    let { video: e, src: o, srcSet: n, backgroundVariant: r } = param;
-    return /* @__PURE__ */ t(xe, {
+    let { video: e, src: o, srcSet: a, backgroundVariant: r } = param;
+    return /* @__PURE__ */ t(ve, {
         variant: r,
         children: /* @__PURE__ */ t("div", {
-            className: bt,
-            style: D({
+            className: ft,
+            style: G({
                 [ie.mediaBorderRadius]: "0px",
-                borderRadius: u.borderRadii.container,
+                borderRadius: g.borderRadii.container,
                 overflow: "hidden"
             }),
-            children: e || /* @__PURE__ */ t(De, {
+            children: e || /* @__PURE__ */ t(Ge, {
                 dataAttributes: {
                     testid: "image"
                 },
                 width: "100%",
                 height: "100%",
                 src: o || "",
-                srcSet: n,
+                srcSet: a,
                 alt: ""
             })
         })
@@ -232,100 +232,100 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
     error: {
         reset: "loading"
     }
-}, Gt = (e, o)=>$t[e][o] || e, Dt = (param)=>{
+}, Gt = (e, o)=>$t[e][o] || e, _t = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ t(zt, {
+    return /* @__PURE__ */ t(Tt, {
         color: e,
         size: 16,
         delay: "0"
     });
-}, _t = (param)=>{
+}, Xt = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ t(St, {
+    return /* @__PURE__ */ t(Ct, {
         color: e,
         size: 12
     });
-}, Xt = (param)=>{
+}, Kt = (param)=>{
     let { color: e } = param;
-    return /* @__PURE__ */ t(Tt, {
+    return /* @__PURE__ */ t(zt, {
         color: e,
         size: 12
     });
-}, Kt = (e, o, n, r)=>{
-    const { texts: a, t: c } = oe(), p = O.useRef(null), [s, l] = O.useReducer(Gt, process.env.NODE_ENV === "test" ? "playing" : "loading");
+}, Wt = (e, o, a, r)=>{
+    const { texts: n, t: p } = oe(), u = O.useRef(null), [l, s] = O.useReducer(Gt, process.env.NODE_ENV === "test" ? "playing" : "loading");
     O.useEffect(()=>{
-        var f;
-        const m = setTimeout(()=>l("showSpinner"), 2e3);
-        return (f = p.current) == null || f.load(), ()=>{
-            clearTimeout(m), l("reset");
+        var v;
+        const h = setTimeout(()=>s("showSpinner"), 2e3);
+        return (v = u.current) == null || v.load(), ()=>{
+            clearTimeout(h), s("reset");
         };
     }, [
         e
     ]);
     const d = O.useMemo(()=>e !== void 0 ? /* @__PURE__ */ t(Ht, {
-            ref: Ft(p, n),
+            ref: Ft(u, a),
             src: e,
             poster: o,
             width: "100%",
             height: r ? void 0 : "100%",
-            onError: ()=>l("fail"),
-            onPause: ()=>l("pause"),
-            onPlay: ()=>l("play")
+            onError: ()=>s("fail"),
+            onPause: ()=>s("pause"),
+            onPlay: ()=>s("play")
         }) : void 0, [
-        n,
+        a,
         e,
         o,
         r
-    ]), g = ()=>{
-        const m = p.current;
-        m && (s === "loading" ? l("showSpinner") : s === "paused" ? m.play() : s === "playing" && m.pause());
+    ]), b = ()=>{
+        const h = u.current;
+        h && (l === "loading" ? s("showSpinner") : l === "paused" ? h.play() : l === "playing" && h.pause());
     };
-    if (s === "error") return {
+    if (l === "error") return {
         video: d
     };
-    const B = d ? {
+    const x = d ? {
         uncheckedProps: {
-            Icon: s === "loadingTimeout" && !je() ? Dt : _t,
-            label: s === "loadingTimeout" ? "" : a.pauseIconButtonLabel || c(yt)
+            Icon: l === "loadingTimeout" && !Ee() ? _t : Xt,
+            label: l === "loadingTimeout" ? "" : n.pauseIconButtonLabel || p(St)
         },
         checkedProps: {
-            Icon: Xt,
-            label: a.playIconButtonLabel || c(Bt)
+            Icon: Kt,
+            label: n.playIconButtonLabel || p(Bt)
         },
-        onChange: g,
-        disabled: je() ? !1 : s === "loadingTimeout",
-        checked: s === "paused"
+        onChange: b,
+        disabled: Ee() ? !1 : l === "loadingTimeout",
+        checked: l === "paused"
     } : void 0;
     return {
         video: d,
-        videoAction: B
+        videoAction: x
     };
-}, Wt = (param)=>{
-    let { size: e, buttonPrimary: o, buttonSecondary: n, buttonLink: r } = param;
+}, Yt = (param)=>{
+    let { size: e, buttonPrimary: o, buttonSecondary: a, buttonLink: r } = param;
     return /* @__PURE__ */ t("div", {
         className: vt[e],
         children: /* @__PURE__ */ t(Ot, {
             primaryButton: o,
-            secondaryButton: n,
+            secondaryButton: a,
             link: r
         })
     });
-}, Yt = (e)=>{
-    const o = ve();
-    if (e.Icon) return /* @__PURE__ */ t(At, _object_spread_props(_object_spread({}, e), {
+}, qt = (e)=>{
+    const o = fe();
+    if (e.Icon) return /* @__PURE__ */ t(Vt, _object_spread_props(_object_spread({}, e), {
         small: !0,
         "aria-label": e.label,
         type: "neutral",
         backgroundType: "transparent"
     }));
-    const { checkedProps: n, uncheckedProps: r } = e, a = _object_without_properties(e, [
+    const { checkedProps: a, uncheckedProps: r } = e, n = _object_without_properties(e, [
         "checkedProps",
         "uncheckedProps"
     ]);
-    return /* @__PURE__ */ t(Pt, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ t(At, _object_spread_props(_object_spread({
         small: !0
-    }, a), {
-        checkedProps: _object_spread_props(_object_spread({}, n), {
+    }, n), {
+        checkedProps: _object_spread_props(_object_spread({}, a), {
             "aria-label": e.checkedProps.label,
             type: o === "media" ? "neutral" : "brand",
             backgroundType: "solid"
@@ -336,35 +336,35 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
             backgroundType: "transparent"
         })
     }));
-}, $e = (param)=>{
-    let { testid: e = "topActions", onClose: o, closeButtonLabel: n, actions: r, variant: a, containerStyles: c = {} } = param;
-    const { texts: p, t: s } = oe(), l = r ? [
+}, je = (param)=>{
+    let { testid: e = "topActions", onClose: o, closeButtonLabel: a, actions: r, variant: n, containerStyles: p = {} } = param;
+    const { texts: u, t: l } = oe(), s = r ? [
         ...r
     ] : [];
-    return o && l.push({
-        label: n || p.closeButtonLabel || s(Rt),
+    return o && s.push({
+        label: a || u.closeButtonLabel || l(Rt),
         onPress: o,
-        Icon: Ct
-    }), l.length === 0 ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(xe, {
-        variant: a,
+        Icon: It
+    }), s.length === 0 ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(ve, {
+        variant: n,
         children: /* @__PURE__ */ t("div", {
-            className: xt,
-            style: c,
+            className: kt,
+            style: p,
             "data-testid": e,
-            children: l.map((d, g)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ t(Yt, _object_spread({}, d), g) : d)
+            children: s.map((d, b)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ t(qt, _object_spread({}, d), b) : d)
         })
     });
-}, qt = (param)=>{
-    let { type: e, size: o, asset: n, imageSrc: r, imageSrcSet: a, imageFit: c, imageAlt: p = "", video: s, mediaAspectRatio: l, mediaPosition: d, mediaWidth: g, circledImage: B } = param;
-    const m = fe(l), f = e === "naked" && B ? {
+}, Jt = (param)=>{
+    let { type: e, size: o, asset: a, imageSrc: r, imageSrcSet: n, imageFit: p, imageAlt: u = "", video: l, mediaAspectRatio: s, mediaPosition: d, mediaWidth: b, circledImage: x } = param;
+    const h = ke(s), v = e === "naked" && x ? {
         circular: !0
     } : {
         width: "100%",
-        height: d === "top" && m === 0 ? void 0 : "100%"
-    }, b = (()=>{
-        if (s) return s;
-        if (r !== void 0 || a !== void 0) {
-            const i = d === "left" || d === "right", h = {
+        height: d === "top" && h === 0 ? void 0 : "100%"
+    }, S = (()=>{
+        if (l) return l;
+        if (r !== void 0 || n !== void 0) {
+            const i = d === "left" || d === "right", c = {
                 fit: {
                     objectFit: "contain",
                     objectPosition: `bottom ${d}`
@@ -378,126 +378,126 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
                     objectPosition: "center"
                 }
             };
-            return /* @__PURE__ */ t(De, _object_spread(_object_spread_props(_object_spread({
+            return /* @__PURE__ */ t(Ge, _object_spread(_object_spread_props(_object_spread({
                 src: r || "",
-                srcSet: a
-            }, f), {
+                srcSet: n
+            }, v), {
                 dataAttributes: {
                     testid: "image"
                 },
-                alt: p
-            }), i ? h[c] : {}));
+                alt: u
+            }), i ? c[p] : {}));
         }
         return null;
     })();
-    if (!b) return /* @__PURE__ */ t(U, {});
-    const v = _object_spread({}, e === "naked" ? void 0 : D({
+    if (!S) return /* @__PURE__ */ t(U, {});
+    const m = _object_spread({}, e === "naked" ? void 0 : G({
         [ie.mediaBorderRadius]: "0px"
     }));
     return d === "top" ? /* @__PURE__ */ k(U, {
         children: [
-            /* @__PURE__ */ t(Vt, {
-                aspectRatio: m,
-                style: v,
-                children: b
+            /* @__PURE__ */ t(Pt, {
+                aspectRatio: h,
+                style: m,
+                children: S
             }),
             /* @__PURE__ */ t(te, {
                 absolute: !0,
                 size: o,
-                asset: n,
+                asset: a,
                 type: e
             })
         ]
     }) : /* @__PURE__ */ k(U, {
         children: [
             /* @__PURE__ */ t("div", {
-                style: _object_spread_props(_object_spread({}, v), {
-                    width: g,
+                style: _object_spread_props(_object_spread({}, m), {
+                    width: b,
                     flexShrink: 0,
                     flexGrow: 0,
                     height: "100%",
                     position: "relative"
                 }),
-                children: b
+                children: S
             }),
             d !== "right" && /* @__PURE__ */ t(te, {
                 absolute: !0,
                 size: o,
-                asset: n,
+                asset: a,
                 type: e
             })
         ]
     });
-}, Jt = (param)=>{
-    let { type: e, size: o, variant: n, footerSlot: r, buttonPrimary: a, buttonSecondary: c, buttonLink: p, hasBackgroundImageOrVideo: s, footerVariant: l, footerBackgroundColor: d, externalVariant: g, overlayColor: B } = param;
-    const m = !!(a || c || p), f = !!(a && c && p), x = {
-        default: u.colors.divider,
-        brand: u.colors.dividerBrand,
-        negative: u.colors.dividerNegative,
-        media: u.colors.dividerBrand,
-        alternative: u.colors.divider
-    }[n], b = e === "naked", v = d || (l && l !== n ? l === "default" ? u.colors.backgroundContainer : g === "brand" || g === "media" || g === "negative" ? u.colors.backgroundContainerBrandOverBrand : u.colors.backgroundContainerBrand : void 0);
-    return /* @__PURE__ */ k(xe, {
-        variant: l || n,
+}, Qt = (param)=>{
+    let { type: e, size: o, variant: a, footerSlot: r, buttonPrimary: n, buttonSecondary: p, buttonLink: u, hasBackgroundImageOrVideo: l, footerVariant: s, footerBackgroundColor: d, footerDivider: b, externalVariant: x, overlayColor: h } = param;
+    const v = !!(n || p || u), f = !!(n && p && u), S = {
+        default: g.colors.divider,
+        brand: g.colors.dividerBrand,
+        negative: g.colors.dividerNegative,
+        media: g.colors.dividerBrand,
+        alternative: g.colors.divider
+    }[a], m = e === "naked", i = d || (s && s !== a ? s === "default" ? g.colors.backgroundContainer : x === "brand" || x === "media" || x === "negative" ? g.colors.backgroundContainerBrandOverBrand : g.colors.backgroundContainerBrand : void 0), c = b !== null && b !== void 0 ? b : !i;
+    return /* @__PURE__ */ k(ve, {
+        variant: s || a,
         children: [
             /* @__PURE__ */ t(Z, {}),
             /* @__PURE__ */ k("div", {
                 style: {
-                    background: v || (s ? B : void 0),
+                    background: i || (l ? h : void 0),
                     position: "relative",
-                    backdropFilter: s ? "blur(12px)" : void 0,
-                    borderBottomLeftRadius: b ? 0 : u.borderRadii.container,
-                    borderBottomRightRadius: b ? 0 : u.borderRadii.container
+                    backdropFilter: l ? "blur(12px)" : void 0,
+                    borderBottomLeftRadius: m ? 0 : g.borderRadii.container,
+                    borderBottomRightRadius: m ? 0 : g.borderRadii.container
                 },
                 children: [
                     /* @__PURE__ */ t("div", {
                         style: {
-                            borderTop: v ? void 0 : `1px solid ${x}`,
-                            marginRight: b ? 16 : 0
+                            borderTop: c ? `1px solid ${S}` : void 0,
+                            marginRight: m ? 16 : 0
                         }
                     }),
                     /* @__PURE__ */ t("div", {
                         "data-testid": "footer",
                         className: T({
-                            [ee[o]]: !b
+                            [ee[o]]: !m
                         }),
                         style: {
                             paddingTop: 16,
-                            paddingBottom: b ? 0 : 16,
-                            paddingRight: b ? 16 : void 0
+                            paddingBottom: m ? 0 : 16,
+                            paddingRight: m ? 16 : void 0
                         },
-                        children: /* @__PURE__ */ k(Me, {
+                        children: /* @__PURE__ */ k(Oe, {
                             space: 16,
                             children: [
                                 r,
-                                m && // @FIXME: We should use the ButtonGroup component
+                                v && // @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
-                                (f ? /* @__PURE__ */ k(Me, {
+                                (f ? /* @__PURE__ */ k(Oe, {
                                     space: 16,
                                     children: [
-                                        /* @__PURE__ */ k(Ee, {
+                                        /* @__PURE__ */ k(Me, {
                                             space: "between",
                                             alignItems: "center",
                                             children: [
-                                                a,
-                                                c
+                                                n,
+                                                p
                                             ]
                                         }),
                                         /* @__PURE__ */ t("div", {
                                             style: {
                                                 marginLeft: -12
                                             },
-                                            children: p
+                                            children: u
                                         })
                                     ]
-                                }) : /* @__PURE__ */ k(Ee, {
+                                }) : /* @__PURE__ */ k(Me, {
                                     space: "between",
                                     alignItems: "center",
                                     children: [
-                                        a,
-                                        c,
-                                        p
+                                        n,
+                                        p,
+                                        u
                                     ]
                                 }))
                             ]
@@ -507,93 +507,93 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
             })
         ]
     });
-}, Qt = (param)=>{
-    let { type: e, hasCustomBackground: o, headlineRef: n, size: r, variant: a, headline: c, title: p, titleAs: s = "h3", titleLinesMax: l, pretitle: d, pretitleAs: g, pretitleLinesMax: B, subtitle: m, subtitleLinesMax: f, description: x, descriptionLinesMax: b, withTextShadow: v } = param;
-    const { textPresets: i, colorValues: h } = oe(), M = ve(), S = {
+}, Ut = (param)=>{
+    let { type: e, hasCustomBackground: o, headlineRef: a, size: r, variant: n, headline: p, title: u, titleAs: l = "h3", titleLinesMax: s, pretitle: d, pretitleAs: b, pretitleLinesMax: x, subtitle: h, subtitleLinesMax: v, description: f, descriptionLinesMax: S, withTextShadow: m } = param;
+    const { textPresets: i, colorValues: c } = oe(), M = fe(), z = {
         hyphens: "auto"
     }, E = {
         default: {
-            pretitle: h.textPrimary,
-            title: h.textPrimary,
-            subtitle: h.textPrimary,
-            description: h.textSecondary
+            pretitle: c.textPrimary,
+            title: c.textPrimary,
+            subtitle: c.textPrimary,
+            description: c.textSecondary
         },
         brand: {
-            pretitle: h.textPrimaryBrand,
-            title: h.textPrimaryBrand,
-            subtitle: h.textPrimaryBrand,
-            description: h.textSecondaryBrand
+            pretitle: c.textPrimaryBrand,
+            title: c.textPrimaryBrand,
+            subtitle: c.textPrimaryBrand,
+            description: c.textSecondaryBrand
         },
         negative: {
-            pretitle: h.textPrimaryNegative,
-            title: h.textPrimaryNegative,
-            subtitle: h.textPrimaryNegative,
-            description: h.textSecondaryNegative
+            pretitle: c.textPrimaryNegative,
+            title: c.textPrimaryNegative,
+            subtitle: c.textPrimaryNegative,
+            description: c.textSecondaryNegative
         },
         media: {
-            pretitle: h.textPrimaryMedia,
-            title: h.textPrimaryMedia,
-            subtitle: h.textPrimaryMedia,
-            description: e === "cover" && o ? h.textPrimaryMedia : h.textSecondaryMedia
+            pretitle: c.textPrimaryMedia,
+            title: c.textPrimaryMedia,
+            subtitle: c.textPrimaryMedia,
+            description: e === "cover" && o ? c.textPrimaryMedia : c.textSecondaryMedia
         }
-    }, N = {
+    }, D = {
         snap: {
             pretitle: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardPretitleSnap.size.mobile,
+                desktopSize: i.cardPretitleSnap.size.desktop,
+                mobileLineHeight: i.cardPretitleSnap.lineHeight.mobile,
+                desktopLineHeight: i.cardPretitleSnap.lineHeight.desktop,
                 weight: "regular"
             },
             title: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardTitleSnap.size.mobile,
+                desktopSize: i.cardTitleSnap.size.desktop,
+                mobileLineHeight: i.cardTitleSnap.lineHeight.mobile,
+                desktopLineHeight: i.cardTitleSnap.lineHeight.desktop,
                 weight: i.cardTitle.weight
             },
             subtitle: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardSubtitleSnap.size.mobile,
+                desktopSize: i.cardSubtitleSnap.size.desktop,
+                mobileLineHeight: i.cardSubtitleSnap.lineHeight.mobile,
+                desktopLineHeight: i.cardSubtitleSnap.lineHeight.desktop,
                 weight: "regular"
             },
             description: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardDescriptionSnap.size.mobile,
+                desktopSize: i.cardDescriptionSnap.size.desktop,
+                mobileLineHeight: i.cardDescriptionSnap.lineHeight.mobile,
+                desktopLineHeight: i.cardDescriptionSnap.lineHeight.desktop,
                 weight: "regular"
             }
         },
         default: {
             pretitle: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardPretitleDefault.size.mobile,
+                desktopSize: i.cardPretitleDefault.size.desktop,
+                mobileLineHeight: i.cardPretitleDefault.lineHeight.mobile,
+                desktopLineHeight: i.cardPretitleDefault.lineHeight.desktop,
                 weight: "regular"
             },
             title: {
-                mobileSize: i.text4.size.mobile,
-                desktopSize: i.text4.size.desktop,
-                mobileLineHeight: i.text4.lineHeight.mobile,
-                desktopLineHeight: i.text4.lineHeight.desktop,
+                mobileSize: i.cardTitleDefault.size.mobile,
+                desktopSize: i.cardTitleDefault.size.desktop,
+                mobileLineHeight: i.cardTitleDefault.lineHeight.mobile,
+                desktopLineHeight: i.cardTitleDefault.lineHeight.desktop,
                 weight: i.cardTitle.weight
             },
             subtitle: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardSubtitleDefault.size.mobile,
+                desktopSize: i.cardSubtitleDefault.size.desktop,
+                mobileLineHeight: i.cardSubtitleDefault.lineHeight.mobile,
+                desktopLineHeight: i.cardSubtitleDefault.lineHeight.desktop,
                 weight: "regular"
             },
             description: {
-                mobileSize: i.text2.size.mobile,
-                desktopSize: i.text2.size.desktop,
-                mobileLineHeight: i.text2.lineHeight.mobile,
-                desktopLineHeight: i.text2.lineHeight.desktop,
+                mobileSize: i.cardDescriptionDefault.size.mobile,
+                desktopSize: i.cardDescriptionDefault.size.desktop,
+                mobileLineHeight: i.cardDescriptionDefault.lineHeight.mobile,
+                desktopLineHeight: i.cardDescriptionDefault.lineHeight.desktop,
                 weight: "regular"
             }
         },
@@ -627,18 +627,18 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
                 weight: "regular"
             }
         }
-    }, V = E[a] || E[M] || E.default, z = N[r] || N.default, A = v ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, re = c && // Read order 2. Visual order 1
+    }, N = E[n] || E[M] || E.default, H = D[r] || D.default, P = m ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, re = p && // Read order 2. Visual order 1
     /* @__PURE__ */ t("div", {
         style: {
             paddingBottom: 8,
             order: 1
         },
         "data-testid": "headline",
-        ref: n,
-        children: typeof c == "string" ? /* @__PURE__ */ t(wt, {
+        ref: a,
+        children: typeof p == "string" ? /* @__PURE__ */ t(wt, {
             type: "promo",
-            children: c
-        }) : c
+            children: p
+        }) : p
     }), C = d && // Read order: 3 or 1. Visual order 2
     /* @__PURE__ */ t("div", {
         style: {
@@ -646,56 +646,56 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
             order: 2
         },
         "data-testid": "pretitle",
-        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, S, z.pretitle), {
-            as: g || "p",
-            truncate: B,
-            color: V.pretitle,
-            textShadow: A,
+        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, z, H.pretitle), {
+            as: b || "p",
+            truncate: x,
+            color: N.pretitle,
+            textShadow: P,
             children: d
         }))
-    }), _ = p && // Read order: 1 or 3. Visual order 3
+    }), _ = u && // Read order: 1 or 3. Visual order 3
     /* @__PURE__ */ t("div", {
         style: {
             paddingBottom: 4,
             order: 3
         },
         "data-testid": "title",
-        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, S, z.title), {
-            as: s,
-            truncate: l,
-            color: V.title,
-            textShadow: A,
-            children: p
+        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, z, H.title), {
+            as: l,
+            truncate: s,
+            color: N.title,
+            textShadow: P,
+            children: u
         }))
-    }), ne = m && // Read order: 4. Visual order 4
+    }), ae = h && // Read order: 4. Visual order 4
     /* @__PURE__ */ t("div", {
         style: {
             paddingBottom: 0,
             order: 4
         },
         "data-testid": "subtitle",
-        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, S, z.subtitle), {
+        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, z, H.subtitle), {
             as: "p",
-            truncate: f,
-            color: V.subtitle,
-            textShadow: A,
-            children: m
+            truncate: v,
+            color: N.subtitle,
+            textShadow: P,
+            children: h
         }))
-    }), ae = x && // Read order: 5. Visual order 5
+    }), ne = f && // Read order: 5. Visual order 5
     /* @__PURE__ */ t("div", {
         style: {
             paddingTop: 4,
             order: 5
         },
         "data-testid": "description",
-        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, S, z.description), {
+        children: /* @__PURE__ */ t(Q, _object_spread_props(_object_spread({}, z, H.description), {
             as: "p",
-            truncate: b,
-            color: V.description,
-            textShadow: A,
-            children: x
+            truncate: S,
+            color: N.description,
+            textShadow: P,
+            children: f
         }))
-    }), [X, K] = p && _e(s, g) ? [
+    }), [X, K] = u && _e(l, b) ? [
         _,
         C
     ] : [
@@ -711,15 +711,15 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
             X,
             re,
             K,
-            ne,
-            ae
+            ae,
+            ne
         ]
     });
-}, Ut = [
-    u.colors.cardContentOverlay,
-    u.colors.cardFooterOverlay
-], Zt = /rgba\([^,]+,\s*[^,]+,\s*[^,]+,\s*([^)]+)\)/g, Ge = (e, o)=>e.replace(Zt, (n, r)=>Mt(o, parseFloat(r))), Ci = /*#__PURE__*/ O.forwardRef((_param, qe)=>{
-    var { type: e, size: o, backgroundColor: n, imageSrc: r, imageSrcSet: a, imageAlt: c = "", imageFit: p = "fill-center", videoSrc: s, videoRef: l, media: d, mediaAspectRatio: g = "auto", mediaPosition: B = "top", mediaWidth: m = 150, circledImage: f, asset: x, headline: b, title: v, titleAs: i = "h3", titleLinesMax: h, pretitle: M, pretitleAs: S, pretitleLinesMax: E, subtitle: N, subtitleLinesMax: V, description: z, descriptionLinesMax: A, dataAttributes: re, variant: C, width: _, height: ne, aspectRatio: ae, slot: X, slotAlignment: K = "content", buttonPrimary: de, buttonSecondary: se, buttonLink: le, showFooter: Xe, footerBackgroundColor: Ke, footerVariant: We, footerSlot: ke, topActions: W, onClose: ye, closeButtonLabel: Ye, "aria-label": Be, "aria-labelledby": ce, "aria-description": Re, "aria-describedby": we, gradientOverlayColor: Y } = _param, j = _object_without_properties(_param, [
+}, Zt = [
+    g.colors.cardContentOverlay,
+    g.colors.cardFooterOverlay
+], ei = /rgba\([^,]+,\s*[^,]+,\s*[^,]+,\s*([^)]+)\)/g, $e = (e, o)=>e.replace(ei, (a, r)=>Mt(o, parseFloat(r))), Ii = /*#__PURE__*/ O.forwardRef((_param, Je)=>{
+    var { type: e, size: o, backgroundColor: a, imageSrc: r, imageSrcSet: n, imageAlt: p = "", imageFit: u = "fill-center", videoSrc: l, videoRef: s, media: d, mediaAspectRatio: b = "auto", mediaPosition: x = "top", mediaWidth: h = 150, circledImage: v, asset: f, headline: S, title: m, titleAs: i = "h3", titleLinesMax: c, pretitle: M, pretitleAs: z, pretitleLinesMax: E, subtitle: D, subtitleLinesMax: N, description: H, descriptionLinesMax: P, dataAttributes: re, variant: C, width: _, height: ae, aspectRatio: ne, slot: X, slotAlignment: K = "content", buttonPrimary: de, buttonSecondary: le, buttonLink: se, showFooter: Xe, footerBackgroundColor: Ke, footerVariant: We, footerSlot: xe, footerDivider: Ye, topActions: W, onClose: ye, closeButtonLabel: qe, "aria-label": Se, "aria-labelledby": ce, "aria-description": Be, "aria-describedby": Re, gradientOverlayColor: Y } = _param, V = _object_without_properties(_param, [
         "type",
         "size",
         "backgroundColor",
@@ -760,6 +760,7 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
         "footerBackgroundColor",
         "footerVariant",
         "footerSlot",
+        "footerDivider",
         "topActions",
         "onClose",
         "closeButtonLabel",
@@ -769,54 +770,54 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
         "aria-describedby",
         "gradientOverlayColor"
     ]);
-    const { text: He, ref: Je } = Fe(), { text: ze, ref: Qe } = Fe(), R = !!(j.href || j.to || j.onPress), he = !!(de || se || le), { colorValues: Te } = oe(), pe = e === "media" || e === "naked", Ue = pe && (r !== void 0 || a !== void 0), Se = pe && s !== void 0, Ce = Ue || Se, me = pe && !!d && !Ce, w = Ce || me, H = e === "naked", y = w ? B : "top", Ie = e === "naked" && f ? 1 : g, ue = e === "cover" && (r !== void 0 || a !== void 0), q = e === "cover" && s !== void 0, Le = !!n || ue || q, P = ue || q, Ze = Se || q, { video: Ne, videoAction: ge } = Kt(Ze ? s : void 0, r, l, e === "cover" || y !== "top" ? !1 : fe(Ie) === 0), $ = ve(), et = C ? Oe(C) : $, I = C && Oe(C) || (e === "cover" && Le ? "media" : "default"), tt = I === "brand" ? ft : kt, L = Xe && (he || !!ke) || he && j.onPress, Ve = !L && he, J = ((W == null ? void 0 : W.length) || 0) + (ye ? 1 : 0), Ae = ge ? J + 1 : J, it = x && !(w && y === "left"), ot = e !== "cover" && Ae > 0 && !it && !b, G = e === "cover" || e === "data" && o === "display", F = u.borderRadii.container, rt = ue || q ? "transparent" : n || (I === "media" ? $ === "brand" || $ === "media" || $ === "negative" ? u.colors.backgroundContainerBrandOverBrand : u.colors.backgroundBrand : I === "alternative" ? u.colors.backgroundAlternative : void 0), nt = Be || (ce ? void 0 : (v && _e(i, S) ? [
-        v,
-        c,
-        ze,
+    const { text: we, ref: Qe } = Ae(), { text: He, ref: Ue } = Ae(), B = !!(V.href || V.to || V.onPress), pe = !!(de || le || se), { colorValues: Te } = oe(), ue = e === "media" || e === "naked", Ze = ue && (r !== void 0 || n !== void 0), ze = ue && l !== void 0, Ce = Ze || ze, he = ue && !!d && !Ce, R = Ce || he, w = e === "naked", y = R ? x : "top", Ie = e === "naked" && v ? 1 : b, me = e === "cover" && (r !== void 0 || n !== void 0), q = e === "cover" && l !== void 0, Le = !!a || me || q, A = me || q, et = ze || q, { video: De, videoAction: ge } = Wt(et ? l : void 0, r, s, e === "cover" || y !== "top" ? !1 : ke(Ie) === 0), j = fe(), tt = C ? Fe(C) : j, I = C && Fe(C) || (e === "cover" && Le ? "media" : "default"), it = I === "brand" ? xt : yt, L = Xe && (pe || !!xe) || pe && B, Ne = !L && pe, J = ((W == null ? void 0 : W.length) || 0) + (ye ? 1 : 0), Pe = ge ? J + 1 : J, ot = f && !(R && y === "left"), rt = e !== "cover" && Pe > 0 && !ot && !S, $ = e === "cover" || e === "data" && o === "display", F = g.borderRadii.container, at = me || q ? "transparent" : a || (I === "media" ? j === "brand" || j === "media" || j === "negative" ? g.colors.backgroundContainerBrandOverBrand : g.colors.backgroundBrand : I === "alternative" ? g.colors.backgroundAlternative : void 0), nt = Se || (ce ? void 0 : (m && _e(i, z) ? [
+        m,
+        p,
+        He,
         M,
-        N,
-        z,
-        He
+        D,
+        H,
+        we
     ] : [
         M,
-        ze,
-        v,
-        c,
-        N,
-        z,
-        He
-    ]).filter(Boolean).join(" ")), at = ()=>Y === "transparent" ? [
+        He,
+        m,
+        p,
+        D,
+        H,
+        we
+    ]).filter(Boolean).join(" ")), dt = ()=>Y === "transparent" ? [
             "transparent",
             "transparent"
         ] : Y ? [
-            Ge(Te.cardContentOverlay, Y),
-            Ge(Te.cardFooterOverlay, Y)
-        ] : Ut, [dt, st] = at();
+            $e(Te.cardContentOverlay, Y),
+            $e(Te.cardFooterOverlay, Y)
+        ] : Zt, [lt, st] = dt();
     return /* @__PURE__ */ k(Et, {
-        "aria-label": R ? void 0 : Be,
-        "aria-labelledby": R ? void 0 : ce,
-        "aria-description": R ? void 0 : Re,
-        "aria-describedby": R ? void 0 : we,
+        "aria-label": B ? void 0 : Se,
+        "aria-labelledby": B ? void 0 : ce,
+        "aria-description": B ? void 0 : Be,
+        "aria-describedby": B ? void 0 : Re,
         type: e,
         size: o,
         dataAttributes: re,
-        ref: qe,
+        ref: Je,
         variant: I,
         width: _,
-        height: ne,
-        aspectRatio: ae,
-        backgroundColor: rt,
+        height: ae,
+        aspectRatio: ne,
+        backgroundColor: at,
         children: [
-            P && /* @__PURE__ */ t(jt, {
-                video: Ne,
+            A && /* @__PURE__ */ t(jt, {
+                video: De,
                 src: r,
-                srcSet: a,
-                backgroundVariant: et
+                srcSet: n,
+                backgroundVariant: tt
             }),
             ge && // 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($e, {
+                children: /* @__PURE__ */ t(je, {
                     testid: "videoAction",
                     variant: "media",
                     actions: [
@@ -825,170 +826,177 @@ const Et = /*#__PURE__*/ O.forwardRef((param, m)=>{
                     containerStyles: {
                         position: "absolute",
                         top: 16,
-                        left: y === "left" ? typeof m == "number" ? `calc(${m}px - 48px)` : `calc(${m} - 48px)` : "auto",
+                        left: y === "left" ? typeof h == "number" ? `calc(${h}px - 48px)` : `calc(${h} - 48px)` : "auto",
                         right: y !== "left" ? J * 48 + 16 : "auto"
                     }
                 })
             }),
-            /* @__PURE__ */ k(Nt, _object_spread_props(_object_spread({
+            /* @__PURE__ */ t(Nt, _object_spread_props(_object_spread({
                 maybe: !0,
-                "aria-label": R ? nt : void 0,
-                "aria-labelledby": R ? ce : void 0,
-                "aria-description": R ? Re : void 0,
-                "aria-describedby": R ? we : void 0,
-                className: T(Pe, ht)
-            }, j), {
+                "aria-label": B ? nt : void 0,
+                "aria-labelledby": B ? ce : void 0,
+                "aria-description": B ? Be : void 0,
+                "aria-describedby": B ? Re : void 0,
+                className: T(Ve, ut)
+            }, V), {
                 style: {
                     flexDirection: y === "top" ? "column" : y === "left" ? "row" : "row-reverse",
                     justifyItems: "stretch",
-                    borderTopLeftRadius: H && !w ? 0 : `calc(${F} - 1px)`,
-                    borderTopRightRadius: H && !w ? 0 : `calc(${F} - 1px)`,
-                    borderBottomLeftRadius: L || H ? 0 : `calc(${F} - 1px)`,
-                    borderBottomRightRadius: L || H ? 0 : `calc(${F} - 1px)`,
+                    borderTopLeftRadius: w && !R ? 0 : `calc(${F} - 1px)`,
+                    borderTopRightRadius: w && !R ? 0 : `calc(${F} - 1px)`,
+                    borderBottomLeftRadius: L || w ? 0 : `calc(${F} - 1px)`,
+                    borderBottomRightRadius: L || w ? 0 : `calc(${F} - 1px)`,
                     overflow: "hidden",
                     zIndex: 1
                 },
-                children: [
-                    R && /* @__PURE__ */ t("div", {
-                        className: tt
-                    }),
-                    me && /* @__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 : D({
-                            [ie.mediaBorderRadius]: "0px"
-                        })),
-                        children: d
-                    }),
-                    me && /* @__PURE__ */ t(te, {
-                        absolute: !0,
-                        size: o,
-                        asset: x,
-                        type: e
-                    }),
-                    w && /* @__PURE__ */ t(qt, {
-                        type: e,
-                        size: o,
-                        mediaAspectRatio: Ie,
-                        mediaPosition: y,
-                        asset: x,
-                        video: Ne,
-                        imageFit: p,
-                        imageSrc: r,
-                        imageSrcSet: a,
-                        imageAlt: c,
-                        mediaWidth: m,
-                        circledImage: f
-                    }),
-                    /* @__PURE__ */ k("div", {
-                        "aria-hidden": R,
-                        "data-testid": "body",
-                        className: T(Pe, {
-                            [be[o]]: !!x && e !== "naked" && (!w || y === "right")
+                children: /* @__PURE__ */ k("div", {
+                    style: {
+                        display: "contents"
+                    },
+                    role: V.href || V.to ? "text" : void 0,
+                    children: [
+                        B && /* @__PURE__ */ t("div", {
+                            className: it
                         }),
-                        children: [
-                            (!w || y === "right") && /* @__PURE__ */ t(te, {
-                                size: o,
-                                asset: x,
-                                type: e
-                            }),
-                            G && /* @__PURE__ */ t(Z, {
-                                minHeight: e === "cover" && Ae > 0 && !x ? 48 + 8 : 0
+                        he && /* @__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 : G({
+                                [ie.mediaBorderRadius]: "0px"
+                            })),
+                            children: d
+                        }),
+                        he && /* @__PURE__ */ t(te, {
+                            absolute: !0,
+                            size: o,
+                            asset: f,
+                            type: e
+                        }),
+                        R && /* @__PURE__ */ t(Jt, {
+                            type: e,
+                            size: o,
+                            mediaAspectRatio: Ie,
+                            mediaPosition: y,
+                            asset: f,
+                            video: De,
+                            imageFit: u,
+                            imageSrc: r,
+                            imageSrcSet: n,
+                            imageAlt: p,
+                            mediaWidth: h,
+                            circledImage: v
+                        }),
+                        /* @__PURE__ */ k("div", {
+                            "aria-hidden": B,
+                            "data-testid": "body",
+                            className: T(Ve, {
+                                [be[o]]: !!f && e !== "naked" && (!R || y === "right")
                             }),
-                            /* @__PURE__ */ k("div", {
-                                className: T(ee[o], pt[o], be[o]),
-                                style: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    height: G ? void 0 : "100%",
-                                    background: P ? dt : void 0,
-                                    // padding overrides for specific cases
-                                    paddingTop: G && P ? 40 : x || H && y !== "top" ? 16 : H && !w ? 0 : void 0,
-                                    paddingLeft: H && (y !== "left" || !w) ? 0 : void 0,
-                                    paddingRight: H && y !== "right" ? 16 : void 0,
-                                    paddingBottom: L ? 16 : H ? 0 : void 0,
-                                    borderBottomLeftRadius: L ? 0 : F,
-                                    borderBottomRightRadius: L ? 0 : F
-                                },
-                                children: [
-                                    /* @__PURE__ */ k("div", {
-                                        className: mt,
-                                        children: [
-                                            /* @__PURE__ */ t("div", {
-                                                className: ut,
-                                                children: /* @__PURE__ */ t(Qt, {
-                                                    type: e,
-                                                    hasCustomBackground: Le,
-                                                    headlineRef: Qe,
-                                                    variant: I,
-                                                    size: o,
-                                                    headline: b,
-                                                    pretitle: M,
-                                                    pretitleAs: S,
-                                                    pretitleLinesMax: E,
-                                                    title: v,
-                                                    titleAs: i,
-                                                    titleLinesMax: h,
-                                                    subtitle: N,
-                                                    subtitleLinesMax: V,
-                                                    description: z,
-                                                    descriptionLinesMax: A,
-                                                    withTextShadow: P
+                            children: [
+                                (!R || y === "right") && /* @__PURE__ */ t(te, {
+                                    size: o,
+                                    asset: f,
+                                    type: e
+                                }),
+                                $ && /* @__PURE__ */ t(Z, {
+                                    minHeight: e === "cover" && Pe > 0 && !f ? 48 + 8 : 0
+                                }),
+                                /* @__PURE__ */ k("div", {
+                                    className: T(ee[o], ht[o], be[o]),
+                                    style: {
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        height: $ ? void 0 : "100%",
+                                        background: A ? lt : void 0,
+                                        // padding overrides for specific cases
+                                        paddingTop: $ && A ? 40 : f || w && y !== "top" ? 16 : w && !R ? 0 : void 0,
+                                        paddingLeft: w && (y !== "left" || !R) ? 0 : void 0,
+                                        paddingRight: w && y !== "right" ? 16 : void 0,
+                                        paddingBottom: L ? 16 : w ? 0 : void 0,
+                                        borderBottomLeftRadius: L ? 0 : F,
+                                        borderBottomRightRadius: L ? 0 : F
+                                    },
+                                    children: [
+                                        /* @__PURE__ */ k("div", {
+                                            className: mt,
+                                            children: [
+                                                /* @__PURE__ */ t("div", {
+                                                    className: gt,
+                                                    children: /* @__PURE__ */ t(Ut, {
+                                                        type: e,
+                                                        hasCustomBackground: Le,
+                                                        headlineRef: Ue,
+                                                        variant: I,
+                                                        size: o,
+                                                        headline: S,
+                                                        pretitle: M,
+                                                        pretitleAs: z,
+                                                        pretitleLinesMax: E,
+                                                        title: m,
+                                                        titleAs: i,
+                                                        titleLinesMax: c,
+                                                        subtitle: D,
+                                                        subtitleLinesMax: N,
+                                                        description: H,
+                                                        descriptionLinesMax: P,
+                                                        withTextShadow: A
+                                                    })
+                                                }),
+                                                rt && /* @__PURE__ */ t("div", {
+                                                    style: {
+                                                        flexShrink: 0,
+                                                        flexGrow: 0,
+                                                        width: J * 48 - // required space depends on the card padding
+                                                        (e === "naked" ? 0 : o === "display" ? 24 : 16) - //
+                                                        8
+                                                    }
                                                 })
-                                            }),
-                                            ot && /* @__PURE__ */ t("div", {
-                                                style: {
-                                                    flexShrink: 0,
-                                                    flexGrow: 0,
-                                                    width: J * 48 - // required space depends on the card padding
-                                                    (e === "naked" ? 0 : o === "display" ? 24 : 16) - //
-                                                    8
-                                                }
-                                            })
-                                        ]
-                                    }),
-                                    !G && K === "bottom" && /* @__PURE__ */ t(Z, {}),
-                                    X && /* @__PURE__ */ t("div", {
-                                        ref: Je,
-                                        "data-testid": "slot",
-                                        children: X
-                                    }),
-                                    !G && K === "content" && Ve && /* @__PURE__ */ t(Z, {}),
-                                    Ve && /* @__PURE__ */ t(Wt, {
-                                        size: o,
-                                        buttonPrimary: de,
-                                        buttonSecondary: se,
-                                        buttonLink: le
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
+                                            ]
+                                        }),
+                                        !$ && K === "bottom" && /* @__PURE__ */ t(Z, {}),
+                                        X && /* @__PURE__ */ t("div", {
+                                            ref: Qe,
+                                            "data-testid": "slot",
+                                            children: X
+                                        }),
+                                        !$ && K === "content" && Ne && /* @__PURE__ */ t(Z, {}),
+                                        Ne && /* @__PURE__ */ t(Yt, {
+                                            size: o,
+                                            buttonPrimary: de,
+                                            buttonSecondary: le,
+                                            buttonLink: se
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
             })),
-            L && /* @__PURE__ */ t(Jt, {
+            L && /* @__PURE__ */ t(Qt, {
                 type: e,
                 variant: I,
                 footerVariant: We,
                 footerBackgroundColor: Ke,
+                footerDivider: Ye,
                 size: o,
-                footerSlot: ke,
+                footerSlot: xe,
                 buttonPrimary: de,
-                buttonSecondary: se,
-                buttonLink: le,
-                hasBackgroundImageOrVideo: P,
-                externalVariant: $,
+                buttonSecondary: le,
+                buttonLink: se,
+                hasBackgroundImageOrVideo: A,
+                externalVariant: j,
                 overlayColor: st
             }),
-            /* @__PURE__ */ t($e, {
+            /* @__PURE__ */ t(je, {
                 onClose: ye,
-                closeButtonLabel: Ye,
+                closeButtonLabel: qe,
                 actions: W,
-                variant: P || w && y !== "left" ? "media" : I
+                variant: A || R && y !== "left" ? "media" : I
             })
         ]
     });
 });
-export { Yt as CardActionIconButton, Dt as CardActionSpinner, Ci as InternalCard, $e as TopActions, Kt as useVideoWithControls };
+export { qt as CardActionIconButton, _t as CardActionSpinner, Ii as InternalCard, je as TopActions, Wt as useVideoWithControls };