@telefonica/mistica 14.45.0 → 14.46.0

package/dist/video.js

@@ -117,21 +117,27 @@ const q = {
     },
     playing: {
         pause: "paused",
-        reset: "loading"
+        reset: "loading",
+        stop: "stopped"
     },
     paused: {
         play: "playing",
-        reset: "loading"
+        reset: "loading",
+        stop: "stopped"
     },
     error: {
         reset: "loading"
+    },
+    stopped: {
+        play: "playing",
+        reset: "loading"
     }
-}, D = (r, u)=>q[r][u] || r, K = {
+}, D = (s, u)=>q[s][u] || s, K = {
     "1:1": 1,
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, M = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", _ = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: N = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = "1:1", dataAttributes: U } = _param, s = _object_without_properties(_param, [
+    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: S = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = "1:1", dataAttributes: U } = _param, n = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -146,74 +152,79 @@ const q = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, d] = _react.useReducer(D, "loading"), n = _react.useRef(null), T = _react.useRef(), f = _react.useRef(null), m = s.width && s.height ? void 0 : typeof c == "number" ? c : K[c], R = _react.useCallback(()=>{
-        a === "loading" && (d("fail"), h == null || h());
+    const [l, o] = _react.useReducer(D, "loading"), i = _react.useRef(null), T = _react.useRef(), f = _react.useRef(null), p = n.width && n.height ? void 0 : typeof c == "number" ? c : K[c], R = _react.useCallback(()=>{
+        l === "loading" && (o("fail"), h == null || h());
     }, [
         h,
-        a
+        l
     ]);
     _react.useEffect(()=>{
         var e;
-        if (T.current !== r) {
+        if (T.current !== s) {
             let t;
-            return T.current = r, d("reset"), r ? (t = setTimeout(R, b), (e = n.current) == null || e.load()) : d("fail"), ()=>{
+            return T.current = s, o("reset"), s ? (t = setTimeout(R, b), (e = i.current) == null || e.load()) : o("fail"), ()=>{
                 clearTimeout(t);
             };
         }
     }, [
-        r,
+        s,
         b,
         R
     ]);
     const C = ()=>{
-        y == null || y();
-        const e = n.current, t = p && !(0, _platform.isRunningAcceptanceTest)();
-        d("finishLoad"), e && t && e.paused && e.play();
-    }, V = (Array.isArray(r) ? r : [
-        r
+        if (y == null || y(), l === "stopped") return;
+        const e = i.current, t = g && !(0, _platform.isRunningAcceptanceTest)();
+        o("finishLoad"), e && t && e.paused && (e.play(), o("play"));
+    }, V = (Array.isArray(s) ? s : [
+        s
     ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e), g = a === "error" || a === "loading" || a === "loaded", j = /* @__PURE__ */ (0, _jsxruntime.jsx)("video", {
-        ref: n,
+        } : e), m = [
+        "error",
+        "loading",
+        "loaded",
+        "stopped"
+    ].includes(l), j = /* @__PURE__ */ (0, _jsxruntime.jsx)("video", {
+        ref: i,
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
-        muted: N,
+        muted: S,
         loop: k,
         className: (0, _classnames.default)(_videocssmistica.video, _imagecssmistica.defaultBorderRadius),
         preload: x,
         onError: R,
         onPause: ()=>{
-            w == null || w(), d("pause");
+            w == null || w(), o("pause");
         },
         onTimeUpdate: ()=>{
             var e;
-            a !== "playing" && ((e = n.current) == null ? void 0 : e.currentTime) !== 0 && (v == null || v(), d("play"));
+            l !== "playing" && ((e = i.current) == null ? void 0 : e.currentTime) !== 0 && (v == null || v(), o("play"));
         },
         onCanPlay: ()=>{
-            p === "streaming" && C();
+            g === "streaming" && C();
         },
         onCanPlayThrough: ()=>{
-            p !== "streaming" && C();
+            g !== "streaming" && C();
         },
         poster: M,
         style: {
-            visibility: g ? "hidden" : "visible",
-            position: g || m !== 0 ? "absolute" : "static",
+            visibility: m ? "hidden" : "visible",
+            position: m || p !== 0 ? "absolute" : "static",
             width: "100%",
             height: "100%"
         },
-        children: V.map((param, i)=>{
+        children: V.map((param, r)=>{
             let { src: e, type: t } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)("source", {
                 src: e,
                 type: t
-            }, i);
+            }, r);
         })
-    }), I = !!(m !== 0 || s.width && s.height), E = a === "error", B = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
+    }), I = !!(p !== 0 || n.width && n.height), E = l === "error", B = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
             aspectRatio: c,
-            width: s.width,
-            height: s.height,
+            width: n.width,
+            height: n.height,
             src: u
         }) : I ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             style: {
@@ -227,8 +238,8 @@ const q = {
             })
         }) : void 0, [
         c,
-        s.height,
-        s.width,
+        n.height,
+        n.width,
         E,
         u,
         I
@@ -237,9 +248,9 @@ const q = {
         style: {
             position: "relative"
         },
-        aspectRatio: m,
-        width: s.width,
-        height: s.height,
+        aspectRatio: p,
+        width: n.width,
+        height: n.height,
         dataAttributes: (0, _dom.getPrefixedDataAttributes)(U, "Video"),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -251,19 +262,21 @@ const q = {
                 ref: (e)=>{
                     const t = e || null;
                     t && (t.play = ()=>{
-                        var i;
-                        return ((i = n.current) == null ? void 0 : i.play()) || Promise.resolve();
+                        var r;
+                        return ((r = i.current) == null ? void 0 : r.play()) || Promise.resolve();
                     }, t.pause = ()=>{
-                        var i;
-                        return (i = n.current) == null ? void 0 : i.pause();
+                        var r;
+                        return (r = i.current) == null ? void 0 : r.pause();
                     }, t.load = ()=>{
-                        var i;
-                        (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
+                        var r;
+                        (r = f.current) != null && r.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
                             var F;
-                            d("reset"), (F = n.current) == null || F.load();
+                            o("reset"), (F = i.current) == null || F.load();
                         }, 100);
-                    }, t.setCurrentTime = (i)=>{
-                        n.current && (n.current.currentTime = i);
+                    }, t.setCurrentTime = (r)=>{
+                        i.current && (i.current.currentTime = r);
+                    }, t.stop = ()=>{
+                        i.current && (i.current.pause(), i.current.currentTime = 0, o("stop"));
                     }), typeof A == "function" ? A(t) : A && (A.current = t);
                 }
             }),
@@ -271,9 +284,9 @@ const q = {
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 ref: f,
                 style: {
-                    position: m !== 0 ? "absolute" : "static",
-                    width: g ? "100%" : 0,
-                    height: g ? "100%" : 0,
+                    position: p !== 0 ? "absolute" : "static",
+                    width: m ? "100%" : 0,
+                    height: m ? "100%" : 0,
                     overflow: "hidden"
                 },
                 children: B

package/dist-es/box.js

@@ -53,9 +53,9 @@ function _object_spread_props(target, source) {
 import { jsx as k } from "react/jsx-runtime";
 import * as p from "react";
 import v from "classnames";
-import { sprinkles as z } from "./sprinkles.css-mistica.js";
-import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-const C = /*#__PURE__*/ p.forwardRef((param, u)=>{
+import { sprinkles as N } from "./sprinkles.css-mistica.js";
+import { getPrefixedDataAttributes as z } from "./utils/dom.js";
+const A = /*#__PURE__*/ p.forwardRef((param, u)=>{
     let { className: f, children: i, width: l, padding: b = 0, paddingX: m = b, paddingY: c = b, paddingTop: e = c, paddingBottom: o = c, paddingLeft: r = m, paddingRight: t = m, role: x, dataAttributes: y, "aria-label": j } = param;
     const S = {
         paddingTop: e,
@@ -65,7 +65,7 @@ const C = /*#__PURE__*/ p.forwardRef((param, u)=>{
     };
     let a = {}, s = "";
     try {
-        s = z(S);
+        s = N(S);
     } catch (e1) {
         a = {
             paddingTop: typeof e == "object" ? e.mobile : e,
@@ -74,7 +74,7 @@ const C = /*#__PURE__*/ p.forwardRef((param, u)=>{
             paddingRight: typeof t == "object" ? t.mobile : t
         };
     }
-    return /* @__PURE__ */ k("div", _object_spread_props(_object_spread({}, A(y)), {
+    return /* @__PURE__ */ k("div", _object_spread_props(_object_spread({}, z(y)), {
         role: x,
         "aria-label": j,
         ref: u,
@@ -85,5 +85,5 @@ const C = /*#__PURE__*/ p.forwardRef((param, u)=>{
         } : {}, s ? {} : a),
         children: i
     }));
-}), q = C;
-export { q as default };
+}), w = A;
+export { w as default };

package/dist-es/boxed.js

@@ -89,7 +89,7 @@ const w = (e, r)=>e || r ? s({
             children: e
         })
     }));
-}), N = /*#__PURE__*/ i.forwardRef((e, r)=>/* @__PURE__ */ a(C, _object_spread_props(_object_spread({}, e), {
+}), D = /*#__PURE__*/ i.forwardRef((e, r)=>/* @__PURE__ */ a(C, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));
-export { N as Boxed, C as InternalBoxed };
+export { D as Boxed, C as InternalBoxed };

package/dist-es/button-group.js

@@ -52,14 +52,14 @@ function _object_spread_props(target, source) {
 }
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import c from "classnames";
-import { getPrefixedDataAttributes as r } from "./utils/dom.js";
+import { getPrefixedDataAttributes as n } from "./utils/dom.js";
 import { inline as a, container as h, buttons as f, buttonChild as l } from "./button-group.css-mistica.js";
 const u = (param)=>{
     let { primaryButton: s, secondaryButton: t, link: e, dataAttributes: d } = param;
-    const m = !!s || !!t || !!e, n = !!s && !!t;
+    const m = !!s || !!t || !!e, r = !!s && !!t;
     return m ? /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
         className: c(a, h)
-    }, r(d, "ButtonGroup")), {
+    }, n(d, "ButtonGroup")), {
         children: [
             (s || t) && /* @__PURE__ */ o("div", {
                 className: c(a, f),
@@ -77,7 +77,7 @@ const u = (param)=>{
             e && /* @__PURE__ */ i("div", {
                 className: l,
                 style: {
-                    width: n ? "100%" : "auto"
+                    width: r ? "100%" : "auto"
                 },
                 children: e
             })

package/dist-es/button-layout.js

@@ -56,7 +56,7 @@ import * as i from "react";
 import { ButtonSecondary as y, ButtonDanger as B, ButtonPrimary as x } from "./button.js";
 import s from "classnames";
 import { getPrefixedDataAttributes as C } from "./utils/dom.js";
-import { baseContainer as k, alignVariant as w, fullWidthContainer as b, container as v, alignMoreThanOneChildren as A, linkWithTwoButtons as L, link as N, linkAlignment as O, margins as j } from "./button-layout.css-mistica.js";
+import { baseContainer as k, alignVariant as w, fullWidthContainer as N, container as b, alignMoreThanOneChildren as v, linkWithTwoButtons as A, link as L, linkAlignment as O, margins as j } from "./button-layout.css-mistica.js";
 const l = [
     y,
     B,
@@ -67,13 +67,13 @@ const l = [
         const h = l.indexOf(m.type), p = l.indexOf(f.type);
         return h - p;
     }), r = /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
-        className: s(k, w[t], t === "full-width" ? b : v, {
-            [A]: d > 1
+        className: s(k, w[t], t === "full-width" ? N : b, {
+            [v]: d > 1
         })
     }, C(c, "ButtonLayout")), {
         children: [
             e ? /* @__PURE__ */ a("div", {
-                className: s(n.length > 1 ? L : N, {
+                className: s(n.length > 1 ? A : L, {
                     [O]: (t === "left" || t === "full-width") && n.length > 1
                 }),
                 "data-link": "true",

package/dist-es/button.js

@@ -88,7 +88,7 @@ import { useForm as V } from "./form-context.js";
 import { pxToRem as C } from "./utils/css.js";
 import { Text as j, Text3 as H, Text2 as Y } from "./text.js";
 import $ from "./box.js";
-import { getTextFromChildren as w } from "./utils/common.js";
+import { getTextFromChildren as N } from "./utils/common.js";
 import { useTrackingConfig as F, eventNames as z, eventCategories as M, eventActions as q } from "./utils/analytics.js";
 import { useTheme as R } from "./hooks.js";
 import { flattenChildren as J } from "./skins/utils.js";
@@ -240,12 +240,12 @@ const x = (param)=>{
     const P = ()=>s === "google-analytics-4" ? {
             name: z.userInteraction,
             component_type: `${e.type}_button`,
-            component_copy: w(e.children)
+            component_copy: N(e.children)
         } : {
             category: M.userInteraction,
             action: `${e.type}_button_tapped`,
-            label: w(e.children)
-        }, N = (y)=>e.small ? /* @__PURE__ */ n(j, {
+            label: N(e.children)
+        }, w = (y)=>e.small ? /* @__PURE__ */ n(j, {
             size: 14,
             lineHeight: 20,
             weight: r.button.weight,
@@ -282,7 +282,7 @@ const x = (param)=>{
             children: e.children,
             loadingText: f,
             small: e.small,
-            renderText: N,
+            renderText: w,
             textContentStyle: ee,
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon
@@ -333,14 +333,14 @@ const x = (param)=>{
         s
     ]);
     var _t_trackingEvent;
-    const N = ()=>l === "google-analytics-4" ? {
+    const w = ()=>l === "google-analytics-4" ? {
             name: z.userInteraction,
             component_type: e === "danger" ? "danger_link" : "link",
-            component_copy: w(t.children)
+            component_copy: N(t.children)
         } : {
             category: M.userInteraction,
             action: q.linkTapped,
-            label: w(t.children)
+            label: N(t.children)
         }, b = (_)=>/* @__PURE__ */ n(Y, {
             weight: c.button.weight,
             truncate: 1,
@@ -361,7 +361,7 @@ const x = (param)=>{
             marginTop: -T,
             marginBottom: -T
         } : void 0),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? N() : void 0,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? w() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
         "aria-controls": t["aria-controls"],

package/dist-es/callout.js

@@ -52,39 +52,39 @@ 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 n from "./stack.js";
 import h from "./inline.js";
 import g from "./box.js";
-import { useTheme as x } from "./hooks.js";
-import { useThemeVariant as b, ThemeVariant as v } from "./theme-variant-context.js";
+import { useTheme as b } from "./hooks.js";
+import { useThemeVariant as v, ThemeVariant as x } from "./theme-variant-context.js";
 import { Text3 as C, Text2 as k } from "./text.js";
-import y from "./generated/mistica-icons/icon-close-regular.js";
-import I from "./icon-button.js";
+import I from "./generated/mistica-icons/icon-close-regular.js";
+import { IconButton as T } from "./icon-button.js";
 import B from "classnames";
-import T from "./button-group.js";
-import { container as R, content as j } from "./callout.css-mistica.js";
+import R from "./button-group.js";
+import { container as y, content as N } from "./callout.css-mistica.js";
 import { vars as S } from "./image.css-mistica.js";
 import { sprinkles as V } 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 { getPrefixedDataAttributes as j } from "./utils/dom.js";
 import { applyCssVars as A } from "./utils/css.js";
-const N = (param)=>{
-    let { title: t, description: c, icon: a, onClose: i, button: l, secondaryButton: s, buttonLink: n, "aria-label": p, dataAttributes: d } = param;
-    const f = b(), { texts: u } = x();
+const P = (param)=>{
+    let { title: t, description: c, icon: a, onClose: i, button: l, secondaryButton: s, buttonLink: m, "aria-label": d, dataAttributes: p } = param;
+    const u = v(), { texts: f } = b();
     return /* @__PURE__ */ r("section", _object_spread_props(_object_spread({
-        className: B(R, V({
+        className: B(y, V({
             background: {
                 inverse: e.colors.backgroundContainer,
                 alternative: e.colors.backgroundContainer,
                 default: e.colors.backgroundContainerAlternative
-            }[f]
+            }[u]
         })),
         style: A({
             [S.mediaBorderRadius]: e.borderRadii.mediaSmall
         }),
-        "aria-label": p !== null && p !== void 0 ? p : t
-    }, z(d, "Callout")), {
-        children: /* @__PURE__ */ o(v, {
+        "aria-label": d !== null && d !== void 0 ? d : t
+    }, j(p, "Callout")), {
+        children: /* @__PURE__ */ o(x, {
             isInverse: !1,
             children: [
                 a && /* @__PURE__ */ r(g, {
@@ -92,8 +92,8 @@ const N = (param)=>{
                     children: a
                 }),
                 /* @__PURE__ */ r("div", {
-                    className: j,
-                    children: /* @__PURE__ */ o(m, {
+                    className: N,
+                    children: /* @__PURE__ */ o(n, {
                         space: 16,
                         children: [
                             /* @__PURE__ */ o(h, {
@@ -101,7 +101,7 @@ const N = (param)=>{
                                 alignItems: "flex-start",
                                 space: "between",
                                 children: [
-                                    /* @__PURE__ */ o(m, {
+                                    /* @__PURE__ */ o(n, {
                                         space: 4,
                                         children: [
                                             /* @__PURE__ */ r(C, {
@@ -117,27 +117,26 @@ const N = (param)=>{
                                             })
                                         ]
                                     }),
-                                    i && /* @__PURE__ */ r(I, {
-                                        size: 40,
+                                    i && /* @__PURE__ */ r("div", {
                                         style: {
-                                            display: "flex",
-                                            margin: "-8px -12px",
-                                            alignItems: "center",
-                                            justifyContent: "center"
+                                            // Align the X with the text content
+                                            marginTop: "0.125rem"
                                         },
-                                        onPress: i,
-                                        "aria-label": u.closeButtonLabel,
-                                        children: /* @__PURE__ */ r(y, {
-                                            size: 24,
-                                            color: e.colors.neutralHigh
+                                        children: /* @__PURE__ */ r(T, {
+                                            small: !0,
+                                            bleedY: !0,
+                                            bleedRight: !0,
+                                            Icon: I,
+                                            onPress: i,
+                                            "aria-label": f.closeButtonLabel
                                         })
                                     })
                                 ]
                             }),
-                            (l || s || n) && /* @__PURE__ */ r(T, {
+                            (l || s || m) && /* @__PURE__ */ r(R, {
                                 primaryButton: l,
                                 secondaryButton: s,
-                                link: n
+                                link: m
                             })
                         ]
                     })
@@ -145,5 +144,5 @@ const N = (param)=>{
             ]
         })
     }));
-}, X = N;
-export { X as default };
+}, U = P;
+export { U as default };

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

@@ -1,6 +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 _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgy", a = "_15e54s93 _1y2v1nfgi _1y2v1nfgc", y = "_15e54s9v _1y2v1nfhf _1y2v1nfhv _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1", f = "_1y2v1nfgi _1y2v1nfhh _1y2v1nfhx _1y2v1nfgx _1y2v1nfgr", r = "_15e54s9w _1y2v1nfhf _1y2v1nfhv _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1", e = "_15e54s9x _1y2v1nfhf _1y2v1nfhv _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1", s = "_15e54s9z", i = "_15e54s98", d = "_15e54s9k _1y2v1nf98 _1y2v1nfah _1y2v1nf6w _1y2v1nf85 _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgc _1y2v1nfgo _1y2v1nfh5", g = "_15e54s9r", h = "_1y2v1nfh5 _1y2v1nfhm _1y2v1nfgi _1y2v1nfgc", o = "_15e54s9q", c = "_15e54s9s", t = "_1y2v1nfgi _1y2v1nfgo _1y2v1nfhm _1y2v1nfh5 _1y2v1nfh4", C = "_15e54s9f _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgc _1y2v1nf6q _1y2v1nf85 _1y2v1nfgo _1y2v1nfgu", l = "_15e54s9g", u = "_15e54s9i _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgc _1y2v1nfgo _1y2v1nfgu _1y2v1nf6q", b = "_15e54s9m _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfgc _1y2v1nfhm _1y2v1nfgo _1y2v1nfgu _1y2v1nfh5 _1y2v1nfh4", m = "_15e54s95", p = "_15e54s9a _15e54s96", x = "_15e54s9b _15e54s96", O = "_15e54s9c _15e54s96", M = "_15e54s94", k = "_15e54s97 _15e54s96", q = "_15e54s99 _15e54s96", A = {
-    aspectRatio: "var(--_15e54s9y)"
+var n = "_15e54s91 _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgy", e = "_15e54s93 _1y2v1nfgi _1y2v1nfgc", r = "_15e54s9v", y = "_15e54s98", f = "_15e54s9k _1y2v1nf98 _1y2v1nfah _1y2v1nf6w _1y2v1nf85 _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgc _1y2v1nfgo _1y2v1nfh5", s = "_15e54s9w", d = "_15e54s9r", o = "_1y2v1nfh5 _1y2v1nfhm _1y2v1nfgi _1y2v1nfgc", i = "_15e54s9q", t = "_15e54s9s", g = "_1y2v1nfgi _1y2v1nfgo _1y2v1nfhm _1y2v1nfh5 _1y2v1nfh4", h = "_15e54s9f _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgc _1y2v1nf6q _1y2v1nf85 _1y2v1nfgo _1y2v1nfgu", c = "_15e54s9g", C = "_15e54s9i _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgc _1y2v1nfgo _1y2v1nfgu _1y2v1nf6q _1y2v1nfah", l = "_15e54s9m _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfgc _1y2v1nfhm _1y2v1nfgo _1y2v1nfgu _1y2v1nfh5 _1y2v1nfh4", u = "_15e54s95", p = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", b = "_15e54s9c _15e54s96", O = "_15e54s94", k = "_15e54s97 _15e54s96", q = "_15e54s99 _15e54s96", M = {
+    aspectRatio: "var(--_15e54s9t)",
+    topActionsCount: "var(--_15e54s9u)"
 };
-export { n as actions, a as boxed, y as cardAction, f as cardActionIconButton, r as cardActionInverse, e as cardActionMedia, s as cardContainer, i as circularMediaOverlay, d as dataCard, g as displayCardBackground, h as displayCardContainer, o as displayCardContent, c as displayCardGradient, t as mediaCard, C as mediaCardContent, l as mediaCardIcon, u as nakedCardContent, b as snapCard, m as touchable, p as touchableCardOverlay, x as touchableCardOverlayInverse, O as touchableCardOverlayMedia, M as touchableContainer, k as touchableMediaCardOverlay, q as touchableNakedMediaOverlay, A as vars };
+export { n as actions, e as boxed, r as cardContainer, y as circularMediaOverlay, f as dataCard, s as dataCardTopActionsWithoutIcon, d as displayCardBackground, o as displayCardContainer, i as displayCardContent, t as displayCardGradient, g as mediaCard, h as mediaCardContent, c as mediaCardIcon, C as nakedCardContent, l as snapCard, u as touchable, p as touchableCardOverlay, m as touchableCardOverlayInverse, b as touchableCardOverlayMedia, O as touchableContainer, k as touchableMediaCardOverlay, q as touchableNakedMediaOverlay, M as vars };