@telefonica/mistica 16.1.0 → 16.2.0

package/dist-es/callout.js

@@ -51,72 +51,64 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import m from "./stack.js";
-import x from "./inline.js";
-import B from "./box.js";
-import { useTheme as C } from "./hooks.js";
-import { useThemeVariant as k, ThemeVariant as I } from "./theme-variant-context.js";
-import { Text3 as R, Text2 as T } from "./text.js";
-import N from "./generated/mistica-icons/icon-close-regular.js";
-import { IconButton as S } from "./icon-button.js";
-import y from "classnames";
-import V from "./button-group.js";
-import { container as j, content as A, closeButtonContainerSize as L, closeButtonContainer as P } from "./callout.css-mistica.js";
-import { vars as $ } from "./image.css-mistica.js";
-import { sprinkles as w } from "./sprinkles.css-mistica.js";
-import { vars as e } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as z } from "./utils/dom.js";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import s from "./stack.js";
+import B from "./inline.js";
+import v from "./box.js";
+import { useTheme as I } from "./hooks.js";
+import { useThemeVariant as C, ThemeVariant as R } from "./theme-variant-context.js";
+import { Text3 as T, Text2 as N } from "./text.js";
+import S from "./generated/mistica-icons/icon-close-regular.js";
+import { IconButton as y } from "./icon-button.js";
+import V from "classnames";
+import j from "./button-group.js";
+import { container as k, background as L, content as P, closeButtonContainerSize as $, closeButtonContainer as w } from "./callout.css-mistica.js";
+import { vars as z } from "./image.css-mistica.js";
+import { vars as n } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as A } from "./utils/dom.js";
 import { applyCssVars as D } from "./utils/css.js";
 import { closeButtonLabel as G } from "./text-tokens.js";
 const W = (param)=>{
-    let { title: a, titleAs: c = "h2", description: d, asset: i, onClose: t, closeButtonLabel: u, button: l, secondaryButton: n, buttonLink: s, "aria-label": p, dataAttributes: f, role: h } = param;
-    const b = k(), { texts: g, t: v } = C();
+    let { title: o, titleAs: c = "h2", description: d, asset: a, onClose: t, closeButtonLabel: p, button: i, secondaryButton: l, buttonLink: m, "aria-label": u, dataAttributes: f, role: h } = param;
+    const b = C(), { texts: x, t: g } = I();
     return /* @__PURE__ */ r("section", _object_spread_props(_object_spread({
-        className: y(j, w({
-            background: {
-                inverse: e.colors.backgroundContainer,
-                alternative: e.colors.backgroundContainer,
-                default: e.colors.backgroundContainerAlternative,
-                media: e.colors.backgroundContainer
-            }[b]
-        })),
+        className: V(k, L[b]),
         style: D({
-            [$.mediaBorderRadius]: e.borderRadii.mediaSmall
+            [z.mediaBorderRadius]: n.borderRadii.mediaSmall
         }),
-        "aria-label": p !== null && p !== void 0 ? p : a,
+        "aria-label": u !== null && u !== void 0 ? u : o,
         role: h
-    }, z(f, "Callout")), {
-        children: /* @__PURE__ */ o(I, {
+    }, A(f, "Callout")), {
+        children: /* @__PURE__ */ e(R, {
             isInverse: !1,
             children: [
-                i && /* @__PURE__ */ r(B, {
+                a && /* @__PURE__ */ r(v, {
                     paddingRight: 16,
-                    children: i
+                    children: a
                 }),
-                /* @__PURE__ */ o("div", {
-                    className: A,
+                /* @__PURE__ */ e("div", {
+                    className: P,
                     children: [
-                        /* @__PURE__ */ o(m, {
+                        /* @__PURE__ */ e(s, {
                             space: 16,
                             children: [
-                                /* @__PURE__ */ o(x, {
+                                /* @__PURE__ */ e(B, {
                                     fullWidth: !0,
                                     alignItems: "flex-start",
                                     space: "between",
                                     children: [
-                                        /* @__PURE__ */ o(m, {
+                                        /* @__PURE__ */ e(s, {
                                             space: 4,
                                             children: [
-                                                /* @__PURE__ */ r(R, {
+                                                /* @__PURE__ */ r(T, {
                                                     as: c,
                                                     regular: !0,
-                                                    children: a
+                                                    children: o
                                                 }),
-                                                /* @__PURE__ */ r(T, {
+                                                /* @__PURE__ */ r(N, {
                                                     as: "p",
                                                     regular: !0,
-                                                    color: e.colors.textSecondary,
+                                                    color: n.colors.textSecondary,
                                                     children: d
                                                 })
                                             ]
@@ -124,26 +116,26 @@ const W = (param)=>{
                                         t && // Create empty div in order to fill space that iconButton occupies.
                                         // Without this, the content's vertical alignment can be affected
                                         /* @__PURE__ */ r("div", {
-                                            className: L
+                                            className: $
                                         })
                                     ]
                                 }),
-                                (l || n || s) && /* @__PURE__ */ r(V, {
-                                    primaryButton: l,
-                                    secondaryButton: n,
-                                    link: s
+                                (i || l || m) && /* @__PURE__ */ r(j, {
+                                    primaryButton: i,
+                                    secondaryButton: l,
+                                    link: m
                                 })
                             ]
                         }),
                         t && /* @__PURE__ */ r("div", {
-                            className: P,
-                            children: /* @__PURE__ */ r(S, {
+                            className: w,
+                            children: /* @__PURE__ */ r(y, {
                                 small: !0,
                                 bleedY: !0,
                                 bleedRight: !0,
-                                Icon: N,
+                                Icon: S,
                                 onPress: t,
-                                "aria-label": u || g.closeButtonLabel || v(G)
+                                "aria-label": p || x.closeButtonLabel || g(G)
                             })
                         })
                     ]
@@ -151,5 +143,5 @@ const W = (param)=>{
             ]
         })
     }));
-}, ar = W;
-export { ar as default };
+}, or = W;
+export { or as default };

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./card.css.ts.vanilla.css-mistica.js";
-var n = "_15e54s91 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfi0", e = "_15e54s93 _1y2v1nfhk _1y2v1nfhe", r = "_15e54s9v", y = "_15e54s98", f = "_15e54s9k _1y2v1nfaa _1y2v1nfbj _1y2v1nf7y _1y2v1nf97 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfi7", s = "_15e54s9w", i = "_15e54s9r", d = "_1y2v1nfi7 _1y2v1nfio _1y2v1nfhk _1y2v1nfhe", t = "_15e54s9q", o = "_15e54s9s", h = "_15e54s9x", C = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfio _1y2v1nfi7 _1y2v1nfi6", l = "_15e54s9g", c = "_15e54s9f _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nf7s _1y2v1nf97 _1y2v1nfhq _1y2v1nfhw", b = "_15e54s9i _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfhw _1y2v1nf7s _1y2v1nfbj", u = "_15e54s9m _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhe _1y2v1nfio _1y2v1nfhq _1y2v1nfhw _1y2v1nfi7 _1y2v1nfi6", k = "_15e54s95", p = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", q = "_15e54s9c _15e54s96", O = "_15e54s94", j = "_15e54s97 _15e54s96", w = "_15e54s99 _15e54s96", x = {
-    aspectRatio: "var(--_15e54s9t)",
-    topActionsCount: "var(--_15e54s9u)"
+var _ = "_15e54s91 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfi0", e = "_15e54s93 _1y2v1nfhk _1y2v1nfhe", y = "_15e54s9w", r = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhw _1y2v1nfhq", f = "_15e54s99", s = "_15e54s9l _1y2v1nfaa _1y2v1nfbj _1y2v1nf7y _1y2v1nf97 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfi7", i = "_15e54s9x", t = "_15e54s9s", d = "_1y2v1nfi7 _1y2v1nfio _1y2v1nfhk _1y2v1nfhe", h = "_15e54s9r", o = "_15e54s9t", C = "_15e54s9y", l = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfio _1y2v1nfi7 _1y2v1nfi6", c = "_15e54s9h", b = "_15e54s9g _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nf7s _1y2v1nf97 _1y2v1nfhq _1y2v1nfhw", u = "_15e54s9j _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfhw _1y2v1nf7s _1y2v1nfbj", k = "_15e54s9n _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhe _1y2v1nfio _1y2v1nfhq _1y2v1nfhw _1y2v1nfi7 _1y2v1nfi6", p = "_15e54s96", m = "_15e54s9b _15e54s97", q = "_15e54s9c _15e54s97", O = "_15e54s9d _15e54s97", j = "_15e54s95", w = "_15e54s98 _15e54s97", x = "_15e54s9a _15e54s97", M = {
+    aspectRatio: "var(--_15e54s9u)",
+    topActionsCount: "var(--_15e54s9v)"
 };
-export { n as actions, e as boxed, r as cardContainer, y as circularMediaOverlay, f as dataCard, s as dataCardTopActionsWithoutIcon, i as displayCardBackground, d as displayCardContainer, t as displayCardContent, o as displayCardGradient, h as flexColumn, C as mediaCard, l as mediaCardAsset, c as mediaCardContent, b as nakedCardContent, u as snapCard, k as touchable, p as touchableCardOverlay, m as touchableCardOverlayInverse, q as touchableCardOverlayMedia, O as touchableContainer, j as touchableMediaCardOverlay, w as touchableNakedMediaOverlay, x as vars };
+export { _ as actions, e as boxed, y as cardContainer, r as cardContentContainer, f as circularMediaOverlay, s as dataCard, i as dataCardTopActionsWithoutIcon, t as displayCardBackground, d as displayCardContainer, h as displayCardContent, o as displayCardGradient, C as flexColumn, l as mediaCard, c as mediaCardAsset, b as mediaCardContent, u as nakedCardContent, k as snapCard, p as touchable, m as touchableCardOverlay, q as touchableCardOverlayInverse, O as touchableCardOverlayMedia, j as touchableContainer, w as touchableMediaCardOverlay, x as touchableNakedMediaOverlay, M as vars };

package/dist-es/card.js

@@ -89,10 +89,9 @@ import he from "./button-group.js";
 import ue from "./image.js";
 import { BaseTouchable as F } from "./touchable.js";
 import { vars as v } from "./skins/skin-contract.css-mistica.js";
-import { cardContainer as qe, touchableContainer as W, boxed as Y, touchable as _, touchableMediaCardOverlay as Je, mediaCard as ve, mediaCardContent as Ke, mediaCardAsset as Ce, touchableNakedMediaOverlay as Te, circularMediaOverlay as Ne, nakedCardContent as be, touchableCardOverlay as ne, dataCard as Qe, vars as Be, dataCardTopActionsWithoutIcon as Ue, actions as Re, snapCard as Ye, displayCardContainer as Se, displayCardBackground as we, displayCardContent as Ae, displayCardGradient as ke, flexColumn as Ie, touchableCardOverlayInverse as fe, touchableCardOverlayMedia as Me } from "./card.css-mistica.js";
+import { cardContainer as qe, touchableContainer as W, boxed as Y, touchable as _, touchableMediaCardOverlay as Je, mediaCard as ve, mediaCardContent as Ke, mediaCardAsset as Ce, touchableNakedMediaOverlay as Te, circularMediaOverlay as Ne, nakedCardContent as be, touchableCardOverlay as ne, dataCard as Qe, vars as Be, dataCardTopActionsWithoutIcon as Ue, actions as Re, snapCard as Ye, displayCardContainer as Se, displayCardBackground as we, displayCardContent as Ae, displayCardGradient as ke, cardContentContainer as Ze, flexColumn as Ie, touchableCardOverlayInverse as fe, touchableCardOverlayMedia as Me } from "./card.css-mistica.js";
 import { vars as X } from "./image.css-mistica.js";
 import { useTheme as Q } from "./hooks.js";
-import { sprinkles as Ze } from "./sprinkles.css-mistica.js";
 import { IconButton as Pe, ToggleIconButton as ea } from "./icon-button.js";
 import aa from "./generated/mistica-icons/icon-close-regular.js";
 import ra from "./generated/mistica-icons/icon-pause-filled.js";
@@ -288,12 +287,7 @@ const M = ()=>{
     let { headline: a, headlineRef: r, pretitle: t, pretitleLinesMax: n, title: o, titleAs: d = "h3", titleLinesMax: l, subtitle: i, subtitleLinesMax: h, description: c, descriptionLinesMax: p, extra: m, extraRef: u, button: f, buttonLink: x } = param;
     const { textPresets: b } = Q();
     return /* @__PURE__ */ s("div", {
-        className: Ze({
-            display: "flex",
-            flex: 1,
-            justifyContent: "space-between",
-            flexDirection: "column"
-        }),
+        className: Ze,
         children: [
             /* @__PURE__ */ s("div", {
                 className: Ie,
@@ -377,7 +371,7 @@ const M = ()=>{
             })
         ]
     });
-}, Ka = /*#__PURE__*/ B.forwardRef((_param, D)=>{
+}, Ja = /*#__PURE__*/ B.forwardRef((_param, D)=>{
     var { media: a, asset: r, headline: t, pretitle: n, pretitleLinesMax: o, subtitle: d, subtitleLinesMax: l, title: i, titleAs: h = "h3", titleLinesMax: c, description: p, descriptionLinesMax: m, extra: u, actions: f, button: x, buttonLink: b, dataAttributes: C, "aria-label": T, onClose: S, closeButtonLabel: N } = _param, y = _object_without_properties(_param, [
         "media",
         "asset",
@@ -488,7 +482,7 @@ const M = ()=>{
             })
         ]
     });
-}), Qa = /*#__PURE__*/ B.forwardRef((_param, D)=>{
+}), Ka = /*#__PURE__*/ B.forwardRef((_param, D)=>{
     var { media: a, asset: r, headline: t, pretitle: n, pretitleLinesMax: o, subtitle: d, subtitleLinesMax: l, title: i, titleAs: h = "h3", titleLinesMax: c, description: p, descriptionLinesMax: m, extra: u, actions: f, button: x, buttonLink: b, dataAttributes: C, "aria-label": T, onClose: S, closeButtonLabel: N } = _param, y = _object_without_properties(_param, [
         "media",
         "asset",
@@ -596,7 +590,7 @@ const M = ()=>{
             })
         ]
     });
-}), Ua = /*#__PURE__*/ B.forwardRef((_param, u)=>{
+}), Qa = /*#__PURE__*/ B.forwardRef((_param, u)=>{
     var { media: a, title: r, titleAs: t = "h3", titleLinesMax: n, subtitle: o, subtitleLinesMax: d, description: l, descriptionLinesMax: i, extra: h, dataAttributes: c, "aria-label": p } = _param, m = _object_without_properties(_param, [
         "media",
         "title",
@@ -686,7 +680,7 @@ const M = ()=>{
             })
         }))
     });
-}), Ya = /*#__PURE__*/ B.forwardRef((_param, D)=>{
+}), Ua = /*#__PURE__*/ B.forwardRef((_param, D)=>{
     var { asset: a, headline: r, pretitle: t, pretitleLinesMax: n, title: o, titleAs: d = "h3", titleLinesMax: l, subtitle: i, subtitleLinesMax: h, description: c, descriptionLinesMax: p, extra: m, actions: u, button: f, buttonLink: x, dataAttributes: b, "aria-label": C, onClose: T, closeButtonLabel: S, aspectRatio: N } = _param, y = _object_without_properties(_param, [
         "asset",
         "headline",
@@ -800,7 +794,7 @@ const M = ()=>{
             })
         ]
     });
-}), Za = /*#__PURE__*/ B.forwardRef((_param, x)=>{
+}), Ya = /*#__PURE__*/ B.forwardRef((_param, x)=>{
     var { asset: a, title: r, titleAs: t = "h3", titleLinesMax: n, subtitle: o, subtitleLinesMax: d, description: l, descriptionLinesMax: i, dataAttributes: h, "aria-label": c, extra: p, isInverse: m = !1, aspectRatio: u } = _param, f = _object_without_properties(_param, [
         "asset",
         "title",
@@ -1102,7 +1096,7 @@ const M = ()=>{
             })
         ]
     });
-}), Pa = /*#__PURE__*/ B.forwardRef((_param, t)=>{
+}), Za = /*#__PURE__*/ B.forwardRef((_param, t)=>{
     var { dataAttributes: a } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -1113,7 +1107,7 @@ const M = ()=>{
             "component-name": "DisplayMediaCard"
         }, a)
     }));
-}), er = /*#__PURE__*/ B.forwardRef((_param, t)=>{
+}), Pa = /*#__PURE__*/ B.forwardRef((_param, t)=>{
     var { dataAttributes: a } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -1123,7 +1117,7 @@ const M = ()=>{
             "component-name": "DisplayDataCard"
         }, a)
     }));
-}), ar = /*#__PURE__*/ B.forwardRef((_param, I)=>{
+}), er = /*#__PURE__*/ B.forwardRef((_param, I)=>{
     var { dataAttributes: a, backgroundImage: r, backgroundVideo: t, poster: n, backgroundVideoRef: o, width: d, height: l, aspectRatio: i = "7:10", "aria-label": h, actions: c, onClose: p, closeButtonLabel: m, asset: u, headline: f, pretitle: x, pretitleLinesMax: b, title: C, titleAs: T = "h3", titleLinesMax: S, subtitle: N, subtitleLinesMax: y, description: D, descriptionLinesMax: R, extra: z, variant: H, isInverse: E, backgroundColor: w } = _param, k = _object_without_properties(_param, [
         "dataAttributes",
         "backgroundImage",
@@ -1292,4 +1286,4 @@ const M = ()=>{
         ]
     });
 });
-export { ua as CardActionIconButton, ya as CardActionSpinner, Z as CardActionsGroup, Ya as DataCard, er as DisplayDataCard, Pa as DisplayMediaCard, Ka as MediaCard, Qa as NakedCard, ar as PosterCard, Ua as SmallNakedCard, Za as SnapCard, Ve as useVideoWithControls };
+export { ua as CardActionIconButton, ya as CardActionSpinner, Z as CardActionsGroup, Ua as DataCard, Pa as DisplayDataCard, Za as DisplayMediaCard, Ja as MediaCard, Ka as NakedCard, er as PosterCard, Qa as SmallNakedCard, Ya as SnapCard, Ve as useVideoWithControls };

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

@@ -1,10 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var a = 216, _ = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", n = {
-    default: "_1x00frui",
-    mobile: "_1x00fruj"
-}, t = "_1x00frup", u = "_1x00frul", o = "_1x00frum _1x00frul", i = "_1x00fru7 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", x = "_1x00frub _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", y = "_1x00frug", e = "_1x00fruo _1y2v1nfhk _1y2v1nfhp", h = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", d = "_1x00fruk", b = "_1x00fruq", c = "_1x00fru9", l = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", m = "_1x00frus", p = "_1x00fru4", s = "_1x00fru5", g = {
-    topActionsCount: "var(--_1x00frur)"
-}, j = "_1x00fru8";
-export { a as MIN_HEIGHT, _ as actions, n as actionsVariants, t as adjustButtonLink, u as button, o as buttonMobile, i as cardContentStyle, x as dataCard, y as divider, e as footerDirection, h as footerText, d as marginRightAuto, b as marginRightButton, c as minHeight, l as paddingX, m as topActionsWithoutIcon, p as touchable, s as touchableCardHoverOverlay, g as vars, j as zindex };
+var f = 216, n = "_1x00fru4 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", _ = {
+    default: "_1x00fruj",
+    mobile: "_1x00fruk"
+}, t = "_1x00frus", o = "_1x00frun", u = "_1x00fruo _1x00frun", i = "_1x00fru8 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", y = "_1y2v1nfhe _1y2v1nfio", x = "_1x00fruc _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", e = "_1x00fruh", h = "_1x00frur _1y2v1nfhk _1y2v1nfhp", d = "_1y2v1nfhz _1y2v1nfhk", c = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", b = "_1x00frul", m = "_1x00frut", p = "_1x00frua", s = "_1x00fru2 _1y2v1nfaa _1y2v1nfbj", g = "_1x00fruv", l = "_1x00fru5", k = "_1x00fru6", j = {
+    topActionsCount: "var(--_1x00fruu)"
+}, C = "_1y2v1nf7s", H = "_1x00fru9";
+export { f as MIN_HEIGHT, n as actions, _ as actionsVariants, t as adjustButtonLink, o as button, u as buttonMobile, i as cardContentStyle, y as container, x as dataCard, e as divider, h as footerDirection, d as footerImage, c as footerText, b as marginRightAuto, m as marginRightButton, p as minHeight, s as paddingX, g as topActionsWithoutIcon, l as touchable, k as touchableCardHoverOverlay, j as vars, C as withPaddingTop, H as zindex };

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

@@ -78,104 +78,98 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as r, Fragment as Y } from "react/jsx-runtime";
+import { jsxs as t, jsx as r, Fragment as Y } from "react/jsx-runtime";
 import * as _ from "react";
-import { Boxed as $ } from "../boxed.js";
-import { sprinkles as T } from "../sprinkles.css-mistica.js";
+import { Boxed as k } from "../boxed.js";
 import P from "../stack.js";
-import { dataCard as q, MIN_HEIGHT as J, touchable as K, touchableCardHoverOverlay as Q, cardContentStyle as U, minHeight as Z, topActionsWithoutIcon as L, zindex as rr, paddingX as er, divider as tr, actions as ar, actionsVariants as ir, marginRightButton as or, buttonMobile as S, footerDirection as sr, marginRightAuto as nr, footerText as dr, adjustButtonLink as cr, button as lr, vars as mr } from "./advanced-data-card.css-mistica.js";
-import { vars as hr } from "../image.css-mistica.js";
-import j from "../divider.js";
-import { Text2 as g, Text as pr, textProps as ur } from "../text.js";
-import { vars as y } from "../skins/skin-contract.css-mistica.js";
-import N from "../box.js";
+import { container as q, dataCard as J, MIN_HEIGHT as K, touchable as Q, touchableCardHoverOverlay as U, cardContentStyle as Z, minHeight as $, topActionsWithoutIcon as L, zindex as rr, paddingX as tr, divider as er, actions as ar, actionsVariants as or, marginRightButton as ir, buttonMobile as H, footerDirection as sr, marginRightAuto as nr, withPaddingTop as dr, footerImage as cr, footerText as lr, adjustButtonLink as mr, button as hr, vars as pr } from "./advanced-data-card.css-mistica.js";
+import { vars as ur } from "../image.css-mistica.js";
+import S from "../divider.js";
+import { Text2 as v, Text as fr, textProps as gr } from "../text.js";
+import { vars as N } from "../skins/skin-contract.css-mistica.js";
+import y from "../box.js";
 import vr from "../touchable.js";
 import u from "classnames";
-import { CardActionsGroup as fr } from "../card.js";
-import { useTheme as gr } from "../hooks.js";
-import { getPrefixedDataAttributes as yr } from "../utils/dom.js";
-import Nr from "../inline.js";
-import { applyCssVars as E } from "../utils/css.js";
-const xr = (param)=>{
-    let { headline: a, pretitle: i, pretitleAs: s = "p", pretitleLinesMax: m, title: n, titleAs: d = "h3", titleLinesMax: c, subtitle: l, subtitleLinesMax: o, description: t, descriptionLinesMax: h } = param;
-    const { textPresets: x } = gr();
-    return /* @__PURE__ */ e(P, {
+import { CardActionsGroup as Nr } from "../card.js";
+import { useTheme as yr } from "../hooks.js";
+import { getPrefixedDataAttributes as xr } from "../utils/dom.js";
+import Cr from "../inline.js";
+import { applyCssVars as j } from "../utils/css.js";
+const Tr = (param)=>{
+    let { headline: a, pretitle: o, pretitleAs: s = "p", pretitleLinesMax: m, title: n, titleAs: d = "h3", titleLinesMax: c, subtitle: l, subtitleLinesMax: i, description: e, descriptionLinesMax: h } = param;
+    const { textPresets: x } = yr();
+    return /* @__PURE__ */ t(P, {
         space: 4,
         children: [
             a,
-            i && /* @__PURE__ */ r(g, {
-                color: y.colors.textPrimary,
+            o && /* @__PURE__ */ r(v, {
+                color: N.colors.textPrimary,
                 truncate: m,
                 as: s,
                 regular: !0,
                 hyphens: "auto",
-                children: i
+                children: o
             }),
-            /* @__PURE__ */ r(pr, _object_spread_props(_object_spread({}, ur.text4), {
+            /* @__PURE__ */ r(fr, _object_spread_props(_object_spread({}, gr.text4), {
                 truncate: c,
                 weight: x.cardTitle.weight,
                 as: d,
                 hyphens: "auto",
                 children: n
             })),
-            /* @__PURE__ */ r(g, {
-                color: y.colors.textPrimary,
-                truncate: o,
+            /* @__PURE__ */ r(v, {
+                color: N.colors.textPrimary,
+                truncate: i,
                 as: "p",
                 regular: !0,
                 hyphens: "auto",
                 children: l
             }),
-            t && /* @__PURE__ */ r(g, {
+            e && /* @__PURE__ */ r(v, {
                 truncate: h,
                 as: "p",
                 regular: !0,
-                color: y.colors.textSecondary,
+                color: N.colors.textSecondary,
                 hyphens: "auto",
-                children: t
+                children: e
             })
         ]
     });
-}, Cr = (param)=>{
-    let { button: a, footerImage: i, footerText: s, footerTextLinesMax: m, buttonLink: n } = param;
-    const d = !!a, c = !!i, l = !!s, o = !!n, t = d && (c || l) && o, h = o && !t ? "178px" : "";
-    return /* @__PURE__ */ e(Y, {
+}, Ar = (param)=>{
+    let { button: a, footerImage: o, footerText: s, footerTextLinesMax: m, buttonLink: n } = param;
+    const d = !!a, c = !!o, l = !!s, i = !!n, e = d && (c || l) && i, h = i && !e ? "178px" : "";
+    return /* @__PURE__ */ t(Y, {
         children: [
             /* @__PURE__ */ r("div", {
-                className: tr,
-                children: /* @__PURE__ */ r(j, {})
+                className: er,
+                children: /* @__PURE__ */ r(S, {})
             }),
-            /* @__PURE__ */ e("div", {
-                className: u(ar, ir[t ? "mobile" : "default"]),
+            /* @__PURE__ */ t("div", {
+                className: u(ar, or[e ? "mobile" : "default"]),
                 children: [
                     d && /* @__PURE__ */ r("div", {
-                        className: u(or, S),
+                        className: u(ir, H),
                         children: a
                     }),
-                    /* @__PURE__ */ e("div", {
-                        className: u(sr, t ? nr : T({
-                            paddingTop: 16
-                        })),
+                    /* @__PURE__ */ t("div", {
+                        className: u(sr, e ? nr : dr),
                         children: [
-                            c && /* @__PURE__ */ r(N, {
+                            c && /* @__PURE__ */ r(y, {
                                 paddingRight: 16,
-                                className: T({
-                                    alignItems: "center",
-                                    display: "flex"
-                                }),
+                                className: cr,
                                 children: /* @__PURE__ */ r("div", {
-                                    style: E({
-                                        [hr.mediaBorderRadius]: y.borderRadii.mediaSmall
+                                    style: j({
+                                        [ur.mediaBorderRadius]: N.borderRadii.mediaSmall
                                     }),
-                                    children: i
+                                    children: o
                                 })
                             }),
                             l && /* @__PURE__ */ r("div", {
                                 style: {
                                     maxWidth: h
                                 },
-                                className: dr,
-                                children: /* @__PURE__ */ r(g, {
+                                className: lr,
+                                children: /* @__PURE__ */ r(v, {
                                     truncate: m,
                                     regular: !0,
                                     children: s
@@ -183,16 +177,16 @@ const xr = (param)=>{
                             })
                         ]
                     }),
-                    o && /* @__PURE__ */ r("div", {
-                        className: u(cr, t ? lr : S),
+                    i && /* @__PURE__ */ r("div", {
+                        className: u(mr, e ? hr : H),
                         children: n
                     })
                 ]
             })
         ]
     });
-}, Tr = /*#__PURE__*/ _.forwardRef((_param, k)=>{
-    var { stackingGroup: a, headline: i, pretitle: s, pretitleAs: m, pretitleLinesMax: n, title: d, titleAs: c, titleLinesMax: l, subtitle: o, subtitleLinesMax: t, description: h, descriptionLinesMax: x, extra: p, extraDividerPadding: G = 24, noExtraDivider: M = !1, button: A, footerImage: B, footerText: b, footerTextLinesMax: V, buttonLink: R, dataAttributes: W, actions: v, "aria-label": w, onClose: D } = _param, f = _object_without_properties(_param, [
+}, Br = /*#__PURE__*/ _.forwardRef((_param, W)=>{
+    var { stackingGroup: a, headline: o, pretitle: s, pretitleAs: m, pretitleLinesMax: n, title: d, titleAs: c, titleLinesMax: l, subtitle: i, subtitleLinesMax: e, description: h, descriptionLinesMax: x, extra: p, extraDividerPadding: E = 24, noExtraDivider: G = !1, button: T, footerImage: A, footerText: B, footerTextLinesMax: M, buttonLink: b, dataAttributes: V, actions: f, "aria-label": w, onClose: R } = _param, g = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -218,66 +212,63 @@ const xr = (param)=>{
         "aria-label",
         "onClose"
     ]);
-    const C = !!f.href || !!f.onPress || !!f.to, z = {
-        button: A,
-        footerImage: B,
-        footerText: b,
-        footerTextLinesMax: V,
-        buttonLink: R
-    }, F = !!A || !!B || !!b || !!R, H = !!(p != null && p.length), O = ((v == null ? void 0 : v.length) || 0) + (D ? 1 : 0);
-    return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({
-        className: T({
-            position: "relative",
-            height: "100%"
-        })
-    }, yr(W, "AdvancedDataCard")), {
-        ref: k,
+    const C = !!g.href || !!g.onPress || !!g.to, z = {
+        button: T,
+        footerImage: A,
+        footerText: B,
+        footerTextLinesMax: M,
+        buttonLink: b
+    }, D = !!T || !!A || !!B || !!b, I = !!(p != null && p.length), O = ((f == null ? void 0 : f.length) || 0) + (R ? 1 : 0);
+    return /* @__PURE__ */ t("section", _object_spread_props(_object_spread({
+        className: q
+    }, xr(V, "AdvancedDataCard")), {
+        ref: W,
         "aria-label": C ? void 0 : w,
         children: [
-            /* @__PURE__ */ e($, {
-                className: q,
+            /* @__PURE__ */ t(k, {
+                className: J,
                 width: "100%",
                 height: "100%",
-                minHeight: J,
+                minHeight: K,
                 children: [
-                    /* @__PURE__ */ e(vr, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ t(vr, _object_spread_props(_object_spread({
                         maybe: !0
-                    }, f), {
+                    }, g), {
                         "aria-label": C ? w : void 0,
-                        className: K,
+                        className: Q,
                         children: [
                             C && /* @__PURE__ */ r("div", {
-                                className: Q
+                                className: U
                             }),
                             /* @__PURE__ */ r("div", {
-                                className: u(U, !F && !H ? Z : ""),
-                                children: /* @__PURE__ */ r(N, {
+                                className: u(Z, !D && !I ? $ : ""),
+                                children: /* @__PURE__ */ r(y, {
                                     paddingTop: 8,
-                                    children: /* @__PURE__ */ e(Nr, {
+                                    children: /* @__PURE__ */ t(Cr, {
                                         space: 0,
                                         children: [
-                                            /* @__PURE__ */ e(P, {
+                                            /* @__PURE__ */ t(P, {
                                                 space: 8,
                                                 children: [
                                                     a,
-                                                    /* @__PURE__ */ r(xr, {
-                                                        headline: i,
+                                                    /* @__PURE__ */ r(Tr, {
+                                                        headline: o,
                                                         pretitle: s,
                                                         pretitleAs: m,
                                                         pretitleLinesMax: n,
                                                         title: d,
                                                         titleAs: c,
                                                         titleLinesMax: l,
-                                                        subtitle: o,
-                                                        subtitleLinesMax: t,
+                                                        subtitle: i,
+                                                        subtitleLinesMax: e,
                                                         description: h,
                                                         descriptionLinesMax: x
                                                     })
                                                 ]
                                             }),
                                             !a && /* @__PURE__ */ r("div", {
-                                                style: E({
-                                                    [mr.topActionsCount]: String(O)
+                                                style: j({
+                                                    [pr.topActionsCount]: String(O)
                                                 }),
                                                 className: L
                                             })
@@ -290,34 +281,34 @@ const xr = (param)=>{
                                     flexGrow: 1
                                 }
                             }),
-                            H && /* @__PURE__ */ r(N, {
+                            I && /* @__PURE__ */ r(y, {
                                 paddingTop: 16,
                                 paddingBottom: 24,
                                 width: "100%",
                                 className: rr,
-                                children: p.map((X, I)=>/* @__PURE__ */ e("div", {
+                                children: p.map((X, F)=>/* @__PURE__ */ t("div", {
                                         children: [
                                             /* @__PURE__ */ r("div", {
-                                                className: er,
+                                                className: tr,
                                                 children: X
                                             }),
-                                            I + 1 !== p.length && /* @__PURE__ */ r(N, {
-                                                paddingY: G,
-                                                children: !M && /* @__PURE__ */ r(j, {})
+                                            F + 1 !== p.length && /* @__PURE__ */ r(y, {
+                                                paddingY: E,
+                                                children: !G && /* @__PURE__ */ r(S, {})
                                             })
                                         ]
-                                    }, I))
+                                    }, F))
                             })
                         ]
                     })),
-                    F && /* @__PURE__ */ r(Cr, _object_spread({}, z))
+                    D && /* @__PURE__ */ r(Ar, _object_spread({}, z))
                 ]
             }),
-            /* @__PURE__ */ r(fr, {
-                actions: v,
-                onClose: D
+            /* @__PURE__ */ r(Nr, {
+                actions: f,
+                onClose: R
             })
         ]
     }));
-}), kr = Tr;
-export { Tr as AdvancedDataCard, kr as default };
+}), Or = Br;
+export { Br as AdvancedDataCard, Or as default };