@telefonica/mistica 16.51.0 → 16.53.0

package/dist-es/button.js

@@ -78,27 +78,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as w, Fragment as F } from "react/jsx-runtime";
+import { jsx as e, jsxs as B, Fragment as M } from "react/jsx-runtime";
 import N from "classnames";
 import * as o from "react";
-import M from "./box.js";
-import { smallLink as O, linkMinWidth as j, buttonMinWidth as Y, borderSize as x, buttonPaddingY as E, buttonPaddingX as v, buttonVars as Z, overMediaButtonVariants as H, overBrandButtonVariants as K, overNegativeButtonVariants as X, buttonVariants as q, isLoading as G, small as J, textContent as Q, iconMargin as k, iconSize as V, chevronMarginLeft as U, spinnerSize as D, loadingFiller as p, loadingContent as tt } from "./button.css-mistica.js";
-import { useForm as et } from "./form-context.js";
-import { useTheme as P } from "./hooks.js";
-import { VIVO_NEW_SKIN as nt } from "./skins/constants.js";
-import { flattenChildren as it } from "./skins/utils.js";
-import at from "./spinner.js";
-import { Text as rt, Text3 as ot } from "./text.js";
-import { useThemeVariant as lt } from "./theme-variant-context.js";
-import { BaseTouchable as C } from "./touchable.js";
-import { useTrackingConfig as dt, eventNames as st, eventCategories as ct, eventActions as z } from "./utils/analytics.js";
+import j from "./box.js";
+import { smallLink as _, linkMinWidth as Y, buttonMinWidth as Z, borderSize as w, buttonPaddingY as x, buttonPaddingRight as E, buttonPaddingLeft as I, buttonVars as H, overMediaButtonVariants as K, overBrandButtonVariants as q, overNegativeButtonVariants as G, buttonVariants as J, isLoading as Q, small as U, textContent as X, iconMargin as C, iconSize as D, chevronMarginLeft as p, spinnerSize as z, loadingFiller as tt, loadingContent as et } from "./button.css-mistica.js";
+import { useForm as nt } from "./form-context.js";
+import { useTheme as R } from "./hooks.js";
+import { VIVO_NEW_SKIN as it } from "./skins/constants.js";
+import { flattenChildren as at } from "./skins/utils.js";
+import rt from "./spinner.js";
+import { Text as ot, Text3 as lt } from "./text.js";
+import { useThemeVariant as dt } from "./theme-variant-context.js";
+import { BaseTouchable as L } from "./touchable.js";
+import { useTrackingConfig as st, eventNames as ct, eventCategories as ut, eventActions as $ } from "./utils/analytics.js";
 import { getTextFromChildren as A } from "./utils/common.js";
-import { applyCssVars as ut, pxToRem as mt } from "./utils/css.js";
-import { getPlatform as ft } from "./utils/platform.js";
-const ht = (param)=>{
+import { applyCssVars as mt, pxToRem as ft } from "./utils/css.js";
+import { getPlatform as ht } from "./utils/platform.js";
+const gt = (param)=>{
     let { element: t, small: i } = param;
-    const { textPresets: n } = P();
-    return i ? /* @__PURE__ */ e(rt, {
+    const { textPresets: n } = R();
+    return i ? /* @__PURE__ */ e(ot, {
         size: 14,
         lineHeight: 20,
         weight: n.button.weight,
@@ -106,20 +106,20 @@ const ht = (param)=>{
         color: "inherit",
         as: "div",
         children: t
-    }) : /* @__PURE__ */ e(ot, {
+    }) : /* @__PURE__ */ e(lt, {
         weight: n.button.weight,
         truncate: 1,
         color: "inherit",
         as: "div",
         children: t
     });
-}, $ = (param)=>{
+}, O = (param)=>{
     let { small: t, content: i, defaultIconSize: n } = param;
-    const a = it(i), h = a.length, r = [];
+    const a = at(i), h = a.length, r = [];
     let s = [];
     const m = ()=>{
         r.push(/* @__PURE__ */ e(o.Fragment, {
-            children: /* @__PURE__ */ e(ht, {
+            children: /* @__PURE__ */ e(gt, {
                 element: s,
                 small: t
             })
@@ -129,13 +129,13 @@ const ht = (param)=>{
         const u = g === 0, c = g === h - 1;
         if (/*#__PURE__*/ o.isValidElement(l)) {
             s.length && m();
-            const d = l.props.size !== void 0 ? mt(l.props.size) : n;
+            const d = l.props.size !== void 0 ? ft(l.props.size) : n;
             r.push(/* @__PURE__ */ e("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: u ? 0 : k,
-                    marginRight: c ? 0 : k
+                    marginLeft: u ? 0 : C,
+                    marginRight: c ? 0 : C
                 },
                 children: /*#__PURE__*/ o.cloneElement(l, {
                     size: d
@@ -143,9 +143,9 @@ const ht = (param)=>{
             }, r.length));
         } else s.push(l), c && m();
     }), r;
-}, gt = ()=>{
-    const { skinName: t } = P();
-    return t === nt ? /* @__PURE__ */ e("svg", {
+}, bt = ()=>{
+    const { skinName: t } = R();
+    return t === it ? /* @__PURE__ */ e("svg", {
         width: "0.5em",
         height: "0.5em",
         viewBox: "0 0 8 8",
@@ -163,28 +163,28 @@ const ht = (param)=>{
             fill: "currentColor"
         })
     });
-}, bt = (param)=>{
+}, vt = (param)=>{
     let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: h, setShouldRenderSpinner: r, StartIcon: s, EndIcon: m, withChevron: l, platformOverrides: g } = param;
-    const u = n ? V.small : V.default, c = n ? D.small : D.default, y = $({
+    const u = n ? D.small : D.default, c = n ? z.small : z.default, v = O({
         small: n,
         content: i,
         defaultIconSize: u
-    }), d = $({
+    }), d = O({
         small: n,
         content: a,
         defaultIconSize: u
     });
-    return /* @__PURE__ */ w(F, {
+    return /* @__PURE__ */ B(M, {
         children: [
-            /* @__PURE__ */ w("div", {
+            /* @__PURE__ */ B("div", {
                 "aria-hidden": t ? !0 : void 0,
-                className: Q,
+                className: X,
                 children: [
                     s && /* @__PURE__ */ e("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginRight: k
+                            marginRight: C
                         },
                         "data-testid": "startIcon",
                         children: /* @__PURE__ */ e(s, {
@@ -192,20 +192,20 @@ const ht = (param)=>{
                             color: "currentColor"
                         })
                     }),
-                    /* @__PURE__ */ w("div", {
+                    /* @__PURE__ */ B("div", {
                         style: {
                             display: "flex",
                             alignItems: "baseline"
                         },
                         children: [
-                            y,
+                            v,
                             l && /* @__PURE__ */ e("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center",
-                                    marginLeft: U
+                                    marginLeft: p
                                 },
-                                children: /* @__PURE__ */ e(gt, {})
+                                children: /* @__PURE__ */ e(bt, {})
                             })
                         ]
                     }),
@@ -213,7 +213,7 @@ const ht = (param)=>{
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: k
+                            marginLeft: C
                         },
                         "data-testid": "endIcon",
                         children: /* @__PURE__ */ e(m, {
@@ -224,24 +224,24 @@ const ht = (param)=>{
                 ]
             }),
             /* @__PURE__ */ e("div", {
-                className: p,
+                className: tt,
                 "aria-hidden": !0,
                 style: a ? {
                     paddingLeft: c,
-                    paddingRight: `calc(${k} + 2 * ${n ? v.small : v.default})`
+                    paddingRight: `calc(${C} + ${n ? I.small : I.default} + ${n ? E.small : E.default})`
                 } : void 0,
                 children: d
             }),
-            /* @__PURE__ */ w("div", {
+            /* @__PURE__ */ B("div", {
                 "aria-hidden": t ? void 0 : !0,
-                className: tt,
+                className: et,
                 onTransitionEnd: ()=>{
                     t !== h && r(t);
                 },
                 children: [
-                    h ? /* @__PURE__ */ e(at, {
+                    h ? /* @__PURE__ */ e(rt, {
                         "aria-hidden": !!a,
-                        "aria-live": ft(g) === "android" ? "polite" : "off",
+                        "aria-live": ht(g) === "android" ? "polite" : "off",
                         color: "currentcolor",
                         delay: "0s",
                         size: c
@@ -252,7 +252,7 @@ const ht = (param)=>{
                             height: c
                         }
                     }),
-                    a ? /* @__PURE__ */ e(M, {
+                    a ? /* @__PURE__ */ e(j, {
                         paddingLeft: 8,
                         dataAttributes: {
                             testid: "loadingText"
@@ -263,58 +263,58 @@ const ht = (param)=>{
             })
         ]
     });
-}, T = /*#__PURE__*/ o.forwardRef((t, i)=>{
+}, k = /*#__PURE__*/ o.forwardRef((t, i)=>{
     var _t_withChevron;
-    const { eventFormat: n } = dt(), { formStatus: a, formId: h } = et(), r = lt(), { loadingText: s } = t, m = !!t.submit, l = a === "sending", { isDarkMode: g, platformOverrides: u } = P(), [c, y] = o.useState(!1), d = t.showSpinner || l && m || c, _ = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [I, R] = o.useState(!!d);
+    const { eventFormat: n } = st(), { formStatus: a, formId: h } = nt(), r = dt(), { loadingText: s } = t, m = !!t.submit, l = a === "sending", { isDarkMode: g, platformOverrides: u } = R(), [c, v] = o.useState(!1), d = t.showSpinner || l && m || c, W = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [P, S] = o.useState(!!d);
     o.useEffect(()=>{
-        d && !I && R(!0);
+        d && !P && S(!0);
     }, [
         d,
-        I,
+        P,
         a
     ]);
     var _t_trackingEvent;
-    const W = ()=>{
+    const F = ()=>{
         let b, f;
         switch(t.buttonType){
             case "link":
-                b = "link", f = z.linkTapped;
+                b = "link", f = $.linkTapped;
                 break;
             case "linkDanger":
-                b = "danger_link", f = z.linkTapped;
+                b = "danger_link", f = $.linkTapped;
                 break;
             default:
                 b = `${t.buttonType}_button`, f = `${t.buttonType}_button_tapped`;
                 break;
         }
         return n === "google-analytics-4" ? {
-            name: st.userInteraction,
+            name: ct.userInteraction,
             component_type: b,
             component_copy: A(t.children)
         } : {
-            category: ct.userInteraction,
+            category: ut.userInteraction,
             action: f,
             label: A(t.children)
         };
-    }, S = t.buttonType.startsWith("link") ? j : Y, B = t.buttonType === "linkDanger" && g && r === "brand" ? "linkDangerDark" : t.buttonType, L = {
+    }, V = t.buttonType.startsWith("link") ? Y : Z, T = t.buttonType === "linkDanger" && g && r === "brand" ? "linkDangerDark" : t.buttonType, y = {
         ref: i,
-        className: N(r === "media" ? H[B] : r === "brand" ? K[B] : r === "negative" ? X[B] : q[B], t.className, {
-            [J]: t.small,
-            [G]: d
+        className: N(r === "media" ? K[T] : r === "brand" ? q[T] : r === "negative" ? G[T] : J[T], t.className, {
+            [U]: t.small,
+            [Q]: d
         }),
-        style: _object_spread(_object_spread_props(_object_spread({}, ut({
-            [Z.minWidth]: t.small ? S.small : S.default
+        style: _object_spread(_object_spread_props(_object_spread({}, mt({
+            [H.minWidth]: t.small ? V.small : V.default
         }), t.bleedLeft ? {
-            marginLeft: `calc(-1 * (${x} + ${t.small ? v.small : v.default}))`
+            marginLeft: `calc(-1 * (${w} + ${t.small ? I.small : I.default}))`
         } : void 0, t.bleedRight ? {
-            marginRight: `calc(-1 * (${x} + ${t.small ? v.small : v.default}))`
+            marginRight: `calc(-1 * (${w} + ${t.small ? E.small : E.default}))`
         } : void 0, t.bleedY ? {
-            marginTop: `calc(-1 * (${x} + ${t.small ? E.small : E.default}))`,
-            marginBottom: `calc(-1 * (${x} + ${t.small ? E.small : E.default}))`
+            marginTop: `calc(-1 * (${w} + ${t.small ? x.small : x.default}))`,
+            marginBottom: `calc(-1 * (${w} + ${t.small ? x.small : x.default}))`
         } : void 0), {
             cursor: t.fake ? "pointer" : void 0
         }), t.style),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? W() : void 0,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? F() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
         "aria-labelledby": t["aria-labelledby"],
@@ -325,43 +325,43 @@ const ht = (param)=>{
         "aria-description": t["aria-description"],
         "aria-describedby": t["aria-describedby"],
         tabIndex: t.tabIndex,
-        children: bt({
+        children: vt({
             showSpinner: d,
-            shouldRenderSpinner: I,
-            setShouldRenderSpinner: R,
+            shouldRenderSpinner: P,
+            setShouldRenderSpinner: S,
             children: t.children,
             loadingText: s,
             small: t.small,
             StartIcon: t.StartIcon,
             EndIcon: t.EndIcon,
-            withChevron: _,
+            withChevron: W,
             platformOverrides: u
         }),
         disabled: t.disabled || d || l,
         role: t.role
     };
     if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
-    if (t.fake) return /* @__PURE__ */ e(C, _object_spread({
+    if (t.fake) return /* @__PURE__ */ e(L, _object_spread({
         maybe: !0
-    }, L));
-    if (t.submit) return /* @__PURE__ */ e(C, _object_spread({
+    }, y));
+    if (t.submit) return /* @__PURE__ */ e(L, _object_spread({
         type: "submit",
         formId: h,
         onPress: ()=>{}
-    }, L));
-    if (t.onPress) return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({}, L), {
+    }, y));
+    if (t.onPress) return /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, y), {
         onPress: (b)=>{
             const f = t.onPress(b);
-            f && (y(!0), f.finally(()=>y(!1)));
+            f && (v(!0), f.finally(()=>v(!1)));
         }
     }));
-    if (t.to || t.to === "") return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({}, L), {
+    if (t.to || t.to === "") return /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, y), {
         to: t.to,
         newTab: t.newTab,
         fullPageOnWebView: t.fullPageOnWebView,
         onNavigate: t.onNavigate
     }));
-    if (t.href || t.href === "") return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({}, L), {
+    if (t.href || t.href === "") return /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, y), {
         href: t.href,
         newTab: t.newTab,
         loadOnTop: t.loadOnTop,
@@ -369,35 +369,35 @@ const ht = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Dt = /*#__PURE__*/ o.forwardRef((_param, a)=>{
+}), zt = /*#__PURE__*/ o.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
     ]);
-    return /* @__PURE__ */ e(T, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLink",
             testid: "ButtonLink"
         }, t),
         className: N(i, {
-            [O]: n.small
+            [_]: n.small
         })
     }, n), {
         ref: a,
         buttonType: "link"
     }));
-}), zt = /*#__PURE__*/ o.forwardRef((_param, a)=>{
+}), $t = /*#__PURE__*/ o.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
     ]);
-    return /* @__PURE__ */ e(T, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLinkDanger",
             testid: "ButtonLinkDanger"
         }, t),
         className: N(i, {
-            [O]: n.small
+            [_]: n.small
         })
     }, n), {
         withChevron: !1,
@@ -408,7 +408,7 @@ const ht = (param)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(T, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary",
             testid: "ButtonPrimary"
@@ -417,11 +417,11 @@ const ht = (param)=>{
         ref: n,
         buttonType: "primary"
     }));
-}), $t = /*#__PURE__*/ o.forwardRef((_param, n)=>{
+}), Ot = /*#__PURE__*/ o.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(T, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary",
             testid: "ButtonSecondary"
@@ -430,11 +430,11 @@ const ht = (param)=>{
         ref: n,
         buttonType: "secondary"
     }));
-}), Ot = /*#__PURE__*/ o.forwardRef((_param, n)=>{
+}), _t = /*#__PURE__*/ o.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(T, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger",
             testid: "ButtonDanger"
@@ -444,4 +444,4 @@ const ht = (param)=>{
         buttonType: "danger"
     }));
 });
-export { Ot as ButtonDanger, Dt as ButtonLink, zt as ButtonLinkDanger, At as ButtonPrimary, $t as ButtonSecondary };
+export { _t as ButtonDanger, zt as ButtonLink, $t as ButtonLinkDanger, At as ButtonPrimary, Ot as ButtonSecondary };

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

@@ -1,13 +1,13 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                   */ var n = "v16_51_14g0jmy1 v16_51_14g0jmy0 v16_51_1y2v1nffu v16_51_1y2v1nfh3 v16_51_1y2v1nfic v16_51_1y2v1nfjl v16_51_1y2v1nfpm v16_51_1y2v1nfse v16_51_1y2v1nfsq", e = "v16_51_14g0jmy3 v16_51_14g0jmy2 v16_51_1y2v1nfq8 v16_51_1y2v1nfpg", m = "v16_51_14g0jmy5 v16_51_14g0jmy4 v16_51_1y2v1nfph v16_51_1y2v1nftq", a = "v16_51_14g0jmy6", g = {
-    "default-over-brand": "v16_51_14g0jmyh v16_51_14g0jmy7 v16_51_1y2v1nf7u",
-    "default-over-negative": "v16_51_14g0jmyi v16_51_14g0jmy8 v16_51_1y2v1nf7u",
-    "default-over-alternative": "v16_51_14g0jmyj v16_51_14g0jmy9 v16_51_1y2v1nf7u",
-    "default-over-default": "v16_51_14g0jmyk v16_51_14g0jmya v16_51_1y2v1nf84",
-    "default-over-media": "v16_51_14g0jmyl v16_51_14g0jmyb v16_51_1y2v1nf7u",
-    "brand-over-brand": "v16_51_14g0jmym v16_51_14g0jmyc v16_51_1y2v1nf81",
-    "brand-over-negative": "v16_51_14g0jmyn v16_51_14g0jmyd v16_51_1y2v1nf81",
-    "brand-over-alternative": "v16_51_14g0jmyo v16_51_14g0jmye v16_51_1y2v1nf7y",
-    "brand-over-default": "v16_51_14g0jmyp v16_51_14g0jmyf v16_51_1y2v1nf7y",
-    "brand-over-media": "v16_51_14g0jmyq v16_51_14g0jmyg v16_51_1y2v1nf7y"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                   */ var n = "v16_53_14g0jmy1 v16_53_14g0jmy0 v16_53_1y2v1nfga v16_53_1y2v1nfhj v16_53_1y2v1nfis v16_53_1y2v1nfk1 v16_53_1y2v1nfq2 v16_53_1y2v1nfsu v16_53_1y2v1nft6", e = "v16_53_14g0jmy3 v16_53_14g0jmy2 v16_53_1y2v1nfqo v16_53_1y2v1nfpw", a = "v16_53_14g0jmy5 v16_53_14g0jmy4 v16_53_1y2v1nfpx v16_53_1y2v1nfu6", m = "v16_53_14g0jmy6", g = {
+    "default-over-brand": "v16_53_14g0jmyh v16_53_14g0jmy7 v16_53_1y2v1nf82",
+    "default-over-negative": "v16_53_14g0jmyi v16_53_14g0jmy8 v16_53_1y2v1nf82",
+    "default-over-alternative": "v16_53_14g0jmyj v16_53_14g0jmy9 v16_53_1y2v1nf82",
+    "default-over-default": "v16_53_14g0jmyk v16_53_14g0jmya v16_53_1y2v1nf8c",
+    "default-over-media": "v16_53_14g0jmyl v16_53_14g0jmyb v16_53_1y2v1nf82",
+    "brand-over-brand": "v16_53_14g0jmym v16_53_14g0jmyc v16_53_1y2v1nf89",
+    "brand-over-negative": "v16_53_14g0jmyn v16_53_14g0jmyd v16_53_1y2v1nf89",
+    "brand-over-alternative": "v16_53_14g0jmyo v16_53_14g0jmye v16_53_1y2v1nf86",
+    "brand-over-default": "v16_53_14g0jmyp v16_53_14g0jmyf v16_53_1y2v1nf86",
+    "brand-over-media": "v16_53_14g0jmyq v16_53_14g0jmyg v16_53_1y2v1nf86"
 };
-export { g as background, m as closeButtonContainer, a as closeButtonContainerSize, n as container, e as content };
+export { g as background, a as closeButtonContainer, m as closeButtonContainerSize, n as container, e as content };

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

@@ -1,20 +1,20 @@
 /* empty css                                     */ /* empty css                                         */ var n = {
-    aspectRatio: "var(--v16_51_1499nmd0)"
-}, a = "v16_51_1499nmd2 v16_51_1499nmd1 v16_51_1y2v1nfpg v16_51_1y2v1nfpm v16_51_1y2v1nfpr", d = {
-    display: "v16_51_1499nmd6 v16_51_1499nmd3 v16_51_1y2v1nfii v16_51_1y2v1nfjr",
-    default: "v16_51_1499nmd7 v16_51_1499nmd4 v16_51_1y2v1nfic v16_51_1y2v1nfjl",
-    snap: "v16_51_1499nmd8 v16_51_1499nmd5 v16_51_1y2v1nfic v16_51_1y2v1nfjl"
-}, f = {
-    display: "v16_51_1499nmdc v16_51_1499nmd9 v16_51_1y2v1nfg0",
-    default: "v16_51_1499nmdd v16_51_1499nmda v16_51_1y2v1nffu",
-    snap: "v16_51_1499nmde v16_51_1499nmdb v16_51_1y2v1nffu"
+    aspectRatio: "var(--v16_53_1499nmd0)"
+}, a = "v16_53_1499nmd2 v16_53_1499nmd1 v16_53_1y2v1nfpw v16_53_1y2v1nfq2 v16_53_1y2v1nfq7", d = {
+    display: "v16_53_1499nmd5 v16_53_1499nmd3 v16_53_1y2v1nfiy v16_53_1y2v1nfk7",
+    default: "v16_53_1499nmd6",
+    snap: "v16_53_1499nmd7 v16_53_1499nmd4 v16_53_1y2v1nfis v16_53_1y2v1nfk1"
 }, y = {
-    display: "v16_51_1499nmdi v16_51_1499nmdf v16_51_1y2v1nfg0",
-    default: "v16_51_1499nmdj v16_51_1499nmdg v16_51_1y2v1nffu",
-    snap: "v16_51_1499nmdk v16_51_1499nmdh v16_51_1y2v1nffu"
+    display: "v16_53_1499nmda v16_53_1499nmd8 v16_53_1y2v1nfgg",
+    default: "v16_53_1499nmdb",
+    snap: "v16_53_1499nmdc v16_53_1499nmd9 v16_53_1y2v1nfga"
+}, f = {
+    display: "v16_53_1499nmdf v16_53_1499nmdd v16_53_1y2v1nfhp",
+    default: "v16_53_1499nmdg",
+    snap: "v16_53_1499nmdh v16_53_1499nmde v16_53_1y2v1nfhj"
 }, m = {
-    display: "v16_51_1499nmdo v16_51_1499nmdl v16_51_1y2v1nfhc",
-    default: "v16_51_1499nmdp v16_51_1499nmdm v16_51_1y2v1nfh9",
-    snap: "v16_51_1499nmdq v16_51_1499nmdn v16_51_1y2v1nfh3"
-}, r = "v16_51_1499nmdr", t = "v16_51_1499nmdt v16_51_1499nmds v16_51_1y2v1nfff v16_51_1y2v1nfgo v16_51_1y2v1nfhx v16_51_1y2v1nfj6 v16_51_1y2v1nfpm v16_51_1y2v1nfps v16_51_1y2v1nfpg v16_51_1y2v1nfs4 v16_51_1y2v1nffe v16_51_1y2v1nfq9 v16_51_1y2v1nfqq", p = "v16_51_1499nmdu", e = "v16_51_1499nmdw v16_51_1499nmdv", i = "v16_51_1499nmdx v16_51_1499nmdv", o = "v16_51_1499nmdz v16_51_1499nmdy v16_51_1y2v1nfpg v16_51_1y2v1nfpm v16_51_1y2v1nfpr v16_51_1y2v1nfpy", s = "v16_51_1499nmd11 v16_51_1499nmd10 v16_51_1y2v1nfpg v16_51_1y2v1nfpm v16_51_1y2v1nfps v16_51_1y2v1nfqq v16_51_1y2v1nfq9", c = "v16_51_1499nmd13 v16_51_1499nmd12 v16_51_1y2v1nfph v16_51_1y2v1nft1 v16_51_1y2v1nftv v16_51_1y2v1nfpm v16_51_1y2v1nfpr", l = "v16_51_1499nmd15 v16_51_1499nmd14 v16_51_1y2v1nfq9 v16_51_1y2v1nfqq v16_51_1y2v1nfph v16_51_1y2v1nfuk";
-export { y as actionsContainerVariants, l as backgroundImageOrVideoContainer, r as boxed, a as container, m as containerPaddingBottomVariants, f as containerPaddingTopVariants, d as containerPaddingXVariants, o as contentContainer, s as textContent, c as topActionsContainer, t as touchable, e as touchableCardOverlay, i as touchableCardOverlayInverse, p as touchableContainer, n as vars };
+    display: "v16_53_1499nmdl v16_53_1499nmdi v16_53_1y2v1nfgg",
+    default: "v16_53_1499nmdm v16_53_1499nmdj v16_53_1y2v1nfga",
+    snap: "v16_53_1499nmdn v16_53_1499nmdk v16_53_1y2v1nfga"
+}, r = "v16_53_1499nmdo", t = "v16_53_1499nmdq v16_53_1499nmdp v16_53_1y2v1nffv v16_53_1y2v1nfh4 v16_53_1y2v1nfid v16_53_1y2v1nfjm v16_53_1y2v1nfq2 v16_53_1y2v1nfq8 v16_53_1y2v1nfsk v16_53_1y2v1nffu v16_53_1y2v1nfqp v16_53_1y2v1nfr6", e = "v16_53_1499nmdr", o = "v16_53_1499nmdt v16_53_1499nmds v16_53_1y2v1nfpw v16_53_1y2v1nfq2 v16_53_1y2v1nfqp v16_53_1y2v1nfr6 v16_53_1y2v1nft6 v16_53_1y2v1nfpv", i = "v16_53_1499nmdv v16_53_1499nmdu", p = "v16_53_1499nmdw v16_53_1499nmdu", s = "v16_53_1499nmdy v16_53_1499nmdx v16_53_1y2v1nfpw v16_53_1y2v1nfq2 v16_53_1y2v1nfq7 v16_53_1y2v1nfqe", q = "v16_53_1499nmd10 v16_53_1499nmdz v16_53_1y2v1nfpw v16_53_1y2v1nfq2 v16_53_1y2v1nfq8 v16_53_1y2v1nfr6 v16_53_1y2v1nfqp", l = "v16_53_1499nmd12 v16_53_1499nmd11 v16_53_1y2v1nfpx v16_53_1y2v1nfth v16_53_1y2v1nfub v16_53_1y2v1nfq2 v16_53_1y2v1nfq7", c = "v16_53_1499nmd14 v16_53_1499nmd13 v16_53_1y2v1nfqp v16_53_1y2v1nfr6 v16_53_1y2v1nfpx v16_53_1y2v1nfv0";
+export { m as actionsContainerVariants, c as backgroundImageOrVideoContainer, r as boxed, a as container, f as containerPaddingBottomVariants, y as containerPaddingTopVariants, d as containerPaddingXVariants, s as contentContainer, q as textContent, l as topActionsContainer, t as touchable, i as touchableCardOverlay, p as touchableCardOverlayInverse, e as touchableContainer, o as touchableContent, n as vars };