@telefonica/mistica 14.13.0 → 14.15.0

package/dist-es/button.js

@@ -77,298 +77,298 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as w, Fragment as D } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as t, jsxs as x, Fragment as F } from "react/jsx-runtime";
+import * as i from "react";
 import R from "classnames";
-import V from "./spinner.js";
-import { BaseTouchable as g } from "./touchable.js";
-import { useIsInverseVariant as x } from "./theme-variant-context.js";
-import { useForm as T } from "./form-context.js";
-import { pxToRem as A } from "./utils/css.js";
-import { Text as F, Text3 as z, Text2 as X } from "./text.js";
-import M from "./box.js";
-import { getTextFromChildren as S } from "./utils/common.js";
-import { useTrackingConfig as W, eventNames as O, eventCategories as B, eventActions as Z } from "./utils/analytics.js";
-import { useTheme as G } from "./hooks.js";
-import { flattenChildren as j } from "./skins/utils.js";
-import { inverseVariants as $, variants as H, small as q, isLoading as C, textContent as J, link as K, inverseLink as Q, alignedLink as U, textContentLink as Y, SMALL_SPINNER_SIZE as p, SPINNER_SIZE as ee, loadingFiller as te, ICON_MARGIN_PX as N, X_SMALL_PADDING_PX as ne, X_PADDING_PX as re, loadingContent as ie, SMALL_ICON_SIZE as oe, ICON_SIZE as ae } from "./button.css-mistica.js";
-const I = (param)=>{
-    let { content: e , defaultIconSize: i , renderText: n  } = param;
-    const s = j(e), u = s.length, d = [];
-    let c = [];
-    const m = ()=>{
-        d.push(/* @__PURE__ */ t(a.Fragment, {
-            children: n(c)
-        }, d.length)), c = [];
+import z from "./spinner.js";
+import { BaseTouchable as v } from "./touchable.js";
+import { useIsInverseVariant as T } from "./theme-variant-context.js";
+import { useForm as A } from "./form-context.js";
+import { pxToRem as O } from "./utils/css.js";
+import { Text as X, Text3 as M, Text2 as W } from "./text.js";
+import Z from "./box.js";
+import { getTextFromChildren as I } from "./utils/common.js";
+import { useTrackingConfig as G, eventNames as B, eventCategories as C, eventActions as j } from "./utils/analytics.js";
+import { useTheme as L } from "./hooks.js";
+import { flattenChildren as $ } from "./skins/utils.js";
+import { inverseVariants as H, variants as q, small as J, isLoading as D, textContent as K, link as Q, inverseLink as U, alignedLink as Y, textContentLink as p, SMALL_SPINNER_SIZE as ee, SPINNER_SIZE as te, loadingFiller as ne, ICON_MARGIN_PX as N, X_SMALL_PADDING_PX as re, X_PADDING_PX as ie, loadingContent as oe, SMALL_ICON_SIZE as ae, ICON_SIZE as se } from "./button.css-mistica.js";
+const w = (param)=>{
+    let { content: e , defaultIconSize: r , renderText: n  } = param;
+    const a = $(e), m = a.length, l = [];
+    let s = [];
+    const h = ()=>{
+        l.push(/* @__PURE__ */ t(i.Fragment, {
+            children: n(s)
+        }, l.length)), s = [];
     };
-    return s.forEach((o, r)=>{
-        const f = r === 0, l = r === u - 1;
-        if (/*#__PURE__*/ a.isValidElement(o)) {
-            c.length && m();
-            var _o_props_size;
-            const y = (_o_props_size = o.props.size) !== null && _o_props_size !== void 0 ? _o_props_size : i;
-            d.push(/* @__PURE__ */ t("div", {
+    return a.forEach((c, o)=>{
+        const d = o === 0, f = o === m - 1;
+        if (/*#__PURE__*/ i.isValidElement(c)) {
+            s.length && h();
+            var _c_props_size;
+            const b = (_c_props_size = c.props.size) !== null && _c_props_size !== void 0 ? _c_props_size : r;
+            l.push(/* @__PURE__ */ t("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: f ? 0 : N,
-                    marginRight: l ? 0 : N
+                    marginLeft: d ? 0 : N,
+                    marginRight: f ? 0 : N
                 },
-                children: /*#__PURE__*/ a.cloneElement(o, {
-                    size: A(y)
+                children: /*#__PURE__*/ i.cloneElement(c, {
+                    size: O(b)
                 })
-            }, d.length));
-        } else c.push(o), l && m();
-    }), d;
-}, L = (param)=>{
-    let { showSpinner: e , children: i , small: n , loadingText: s , shouldRenderSpinner: u , setShouldRenderSpinner: d , renderText: c , textContentStyle: m  } = param;
-    const o = n ? oe : ae, r = A(n ? p : ee);
-    return /* @__PURE__ */ w(D, {
+            }, l.length));
+        } else s.push(c), f && h();
+    }), l;
+}, V = (param)=>{
+    let { showSpinner: e , children: r , small: n , loadingText: a , shouldRenderSpinner: m , setShouldRenderSpinner: l , renderText: s , textContentStyle: h  } = param;
+    const c = n ? ae : se, o = O(n ? ee : te);
+    return /* @__PURE__ */ x(F, {
         children: [
             /* @__PURE__ */ t("div", {
                 "aria-hidden": e ? !0 : void 0,
-                className: m,
-                children: I({
-                    content: i,
-                    defaultIconSize: o,
-                    renderText: c
+                className: h,
+                children: w({
+                    content: r,
+                    defaultIconSize: c,
+                    renderText: s
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: te,
+                className: ne,
                 "aria-hidden": !0,
-                style: s ? {
-                    paddingLeft: r,
-                    paddingRight: N + 2 * (n ? ne : re)
+                style: a ? {
+                    paddingLeft: o,
+                    paddingRight: N + 2 * (n ? re : ie)
                 } : void 0,
-                children: I({
-                    content: s,
-                    defaultIconSize: o,
-                    renderText: c
+                children: w({
+                    content: a,
+                    defaultIconSize: c,
+                    renderText: s
                 })
             }),
-            /* @__PURE__ */ w("div", {
+            /* @__PURE__ */ x("div", {
                 "aria-hidden": e ? void 0 : !0,
-                className: ie,
+                className: oe,
                 onTransitionEnd: ()=>{
-                    e !== u && d(e);
+                    e !== m && l(e);
                 },
                 children: [
-                    u ? /* @__PURE__ */ t(V, {
-                        rolePresentation: !!s,
+                    m ? /* @__PURE__ */ t(z, {
+                        rolePresentation: !!a,
                         color: "currentcolor",
                         delay: "0s",
-                        size: r
+                        size: o
                     }) : /* @__PURE__ */ t("div", {
                         style: {
                             display: "inline-block",
-                            width: r,
-                            height: r
+                            width: o,
+                            height: o
                         }
                     }),
-                    s ? /* @__PURE__ */ t(M, {
+                    a ? /* @__PURE__ */ t(Z, {
                         paddingLeft: 8,
-                        children: I({
-                            content: s,
-                            defaultIconSize: o,
-                            renderText: c
+                        children: w({
+                            content: a,
+                            defaultIconSize: c,
+                            renderText: s
                         })
                     }) : null
                 ]
             })
         ]
     });
-}, _ = /*#__PURE__*/ a.forwardRef((e, i)=>{
-    const { eventFormat: n  } = W(), { formStatus: s , formId: u  } = T(), d = x(), { loadingText: c  } = e, m = !!e.submit, o = s === "sending", [r, f] = a.useState(!1), l = e.showSpinner || o && m || r, [v, y] = a.useState(!!l);
-    a.useEffect(()=>{
-        l && !v && y(!0);
+}, _ = /*#__PURE__*/ i.forwardRef((e, r)=>{
+    const { textPresets: n  } = L(), { eventFormat: a  } = G(), { formStatus: m , formId: l  } = A(), s = T(), { loadingText: h  } = e, c = !!e.submit, o = m === "sending", [d, f] = i.useState(!1), u = e.showSpinner || o && c || d, [b, P] = i.useState(!!u);
+    i.useEffect(()=>{
+        u && !b && P(!0);
     }, [
-        l,
-        v,
-        s
+        u,
+        b,
+        m
     ]);
     var _e_trackingEvent;
-    const b = ()=>n === "google-analytics-4" ? {
-            name: O.userInteraction,
+    const y = ()=>a === "google-analytics-4" ? {
+            name: B.userInteraction,
             component_type: `${e.type}_button`,
-            component_copy: S(e.children)
+            component_copy: I(e.children)
         } : {
-            category: B.userInteraction,
+            category: C.userInteraction,
             action: `${e.type}_button_tapped`,
-            label: S(e.children)
-        }, E = (P)=>e.small ? /* @__PURE__ */ t(F, {
+            label: I(e.children)
+        }, E = (S)=>e.small ? /* @__PURE__ */ t(X, {
             size: 14,
             lineHeight: 20,
-            weight: "medium",
+            weight: n.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: P
-        }) : /* @__PURE__ */ t(z, {
-            medium: !0,
+            children: S
+        }) : /* @__PURE__ */ t(M, {
+            weight: n.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: P
-        }), h = {
-        ref: i,
-        className: R(d ? $[e.type] : H[e.type], e.className, {
-            [q]: e.small,
-            [C]: l
+            children: S
+        }), g = {
+        ref: r,
+        className: R(s ? H[e.type] : q[e.type], e.className, {
+            [J]: e.small,
+            [D]: u
         }),
         style: _object_spread({
             cursor: e.fake ? "pointer" : void 0
         }, e.style),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? b() : void 0,
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? y() : void 0,
         dataAttributes: e.dataAttributes,
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         tabIndex: e.tabIndex,
-        children: L({
-            showSpinner: l,
-            shouldRenderSpinner: v,
-            setShouldRenderSpinner: y,
+        children: V({
+            showSpinner: u,
+            shouldRenderSpinner: b,
+            setShouldRenderSpinner: P,
             children: e.children,
-            loadingText: c,
+            loadingText: h,
             small: e.small,
             renderText: E,
-            textContentStyle: J
+            textContentStyle: K
         }),
-        disabled: e.disabled || l || o,
+        disabled: e.disabled || u || o,
         role: "button"
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
-    if (e.fake) return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({
+    if (e.fake) return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({
         maybe: !0
-    }, h), {
+    }, g), {
         role: "presentation",
         "aria-hidden": "true"
     }));
-    if (e.submit) return /* @__PURE__ */ t(g, _object_spread({
+    if (e.submit) return /* @__PURE__ */ t(v, _object_spread({
         type: "submit",
-        formId: u,
+        formId: l,
         onPress: ()=>{}
-    }, h));
-    if (e.onPress) return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, h), {
-        onPress: (P)=>{
-            const k = e.onPress(P);
+    }, g));
+    if (e.onPress) return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({}, g), {
+        onPress: (S)=>{
+            const k = e.onPress(S);
             k && (f(!0), k.finally(()=>f(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, h), {
+    if (e.to || e.to === "") return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({}, g), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, h), {
+    if (e.href || e.href === "") return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({}, g), {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Se = /*#__PURE__*/ a.forwardRef((e, i)=>{
-    const { formStatus: n  } = T(), s = x(), { analytics: u  } = G(), { loadingText: d  } = e, c = n === "sending", [m, o] = a.useState(!1), r = e.showSpinner || m, [f, l] = a.useState(!!r);
-    a.useEffect(()=>{
-        r && !f && l(!0);
+}), Ie = /*#__PURE__*/ i.forwardRef((e, r)=>{
+    const { formStatus: n  } = A(), a = T(), { analytics: m , textPresets: l  } = L(), { loadingText: s  } = e, h = n === "sending", [c, o] = i.useState(!1), d = e.showSpinner || c, [f, u] = i.useState(!!d);
+    i.useEffect(()=>{
+        d && !f && u(!0);
     }, [
-        r,
+        d,
         f,
         n
     ]);
     var _e_trackingEvent;
-    const v = ()=>u.eventFormat === "google-analytics-4" ? {
-            name: O.userInteraction,
+    const b = ()=>m.eventFormat === "google-analytics-4" ? {
+            name: B.userInteraction,
             component_type: "link",
-            component_copy: S(e.children)
+            component_copy: I(e.children)
         } : {
-            category: B.userInteraction,
-            action: Z.linkTapped,
-            label: S(e.children)
-        }, y = (E)=>/* @__PURE__ */ t(X, {
-            medium: !0,
+            category: C.userInteraction,
+            action: j.linkTapped,
+            label: I(e.children)
+        }, P = (E)=>/* @__PURE__ */ t(W, {
+            weight: l.button.weight,
             truncate: 1,
             color: "inherit",
             children: E
-        }), b = {
-        className: R(K, {
-            [Q]: s,
-            [U]: e.aligned,
-            [C]: r
+        }), y = {
+        className: R(Q, {
+            [U]: a,
+            [Y]: e.aligned,
+            [D]: d
         }),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? v() : void 0,
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? b() : void 0,
         dataAttributes: _object_spread({
             "component-name": "ButtonLink"
         }, e.dataAttributes),
-        children: L({
-            showSpinner: r,
+        children: V({
+            showSpinner: d,
             shouldRenderSpinner: f,
-            setShouldRenderSpinner: l,
+            setShouldRenderSpinner: u,
             children: e.children,
-            loadingText: d,
+            loadingText: s,
             small: !0,
-            renderText: y,
-            textContentStyle: Y
+            renderText: P,
+            textContentStyle: p
         }),
-        disabled: e.disabled || r || c
+        disabled: e.disabled || d || h
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
-    if (e.onPress) return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({
-        ref: i
-    }, b), {
+    if (e.onPress) return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({
+        ref: r
+    }, y), {
         onPress: (E)=>{
-            const h = e.onPress(E);
-            h && (o(!0), h.finally(()=>o(!1)));
+            const g = e.onPress(E);
+            g && (o(!0), g.finally(()=>o(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({
-        ref: i
-    }, b), {
+    if (e.to || e.to === "") return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({
+        ref: r
+    }, y), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({
-        ref: i
-    }, b), {
+    if (e.href || e.href === "") return /* @__PURE__ */ t(v, _object_spread_props(_object_spread({
+        ref: r
+    }, y), {
         href: e.href,
         newTab: e.newTab
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ie = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), we = /*#__PURE__*/ i.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(_, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "primary"
     }));
-}), Ne = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), Ne = /*#__PURE__*/ i.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(_, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "secondary"
     }));
-}), _e = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), _e = /*#__PURE__*/ i.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(_, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "danger"
     }));
 });
-export { _e as ButtonDanger, Se as ButtonLink, Ie as ButtonPrimary, Ne as ButtonSecondary };
+export { _e as ButtonDanger, Ie as ButtonLink, we as ButtonPrimary, Ne as ButtonSecondary };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./callout.css.ts.vanilla.css-mistica.js";
-var y = "_14g0jmy1 _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nfab _1y2v1nfak", _ = "_14g0jmy3 _1y2v1nf6q";
+var y = "_14g0jmy1 _1y2v1nf6w _1y2v1nf7b _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nfaj _1y2v1nfas", _ = "_14g0jmy3 _1y2v1nf6q";
 export { y as container, _ as content };

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

@@ -1,4 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./card.css.ts.vanilla.css-mistica.js";
-var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", y = "_15e54s93 _1y2v1nf64", f = "_15e54s9k _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", a = "_1y2v1nf64 _1y2v1nf8m _1y2v1nf91 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9l _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", d = "_15e54s98 _1y2v1nf7o _1y2v1nf82 _1y2v1nf6x _1y2v1nf7b _1y2v1nf64 _1y2v1nf6q _1y2v1nf6a _1y2v1nf8b", e = "_1y2v1nf60 _1y2v1nfc6 _1y2v1nf8b _1y2v1nf8r", o = "_1y2v1nf8b _1y2v1nf64 _1y2v1nf5z", s = "_1y2v1nf64 _1y2v1nf6q _1y2v1nf6a _1y2v1nf5z _1y2v1nf6g", t = "_15e54s9h", i = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8r _1y2v1nf8b", c = "_15e54s96 _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6w _1y2v1nf7b _1y2v1nf6a _1y2v1nf6g", C = "_15e54s9a _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf8r _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s9c _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b _1y2v1nfa2 _1y2v1nf5y", p = "_15e54s9d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b _1y2v1nfa2 _1y2v1nf5y", l = "_15e54s9m _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3";
-export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, d as dataCard, e as displayCardBackground, o as displayCardContainer, s as displayCardContent, t as displayCardGradient, i as mediaCard, c as mediaCardContent, C as snapCard, b as snapCardTouchableHover, p as snapCardTouchableHoverTransparent, l as videoAction };
+var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", a = "_15e54s93 _1y2v1nf64 _1y2v1nf5z", y = "_15e54s9r _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", f = "_1y2v1nf64 _1y2v1nf8r _1y2v1nf97 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9s _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", e = "_15e54s9t _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", d = "_15e54s9w", s = "_15e54s9f _1y2v1nf7q _1y2v1nf85 _1y2v1nf6y _1y2v1nf7d _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6a _1y2v1nf8f", t = "_15e54s9n", o = "_1y2v1nf8f _1y2v1nf8w _1y2v1nf64 _1y2v1nf5z", i = "_15e54s9m", c = "_15e54s9o", C = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8w _1y2v1nf8f", l = "_15e54s9d _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6w _1y2v1nf7d _1y2v1nf6a _1y2v1nf6g", p = "_15e54s9h _1y2v1nf6w _1y2v1nf7b _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf5z _1y2v1nf8w _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s95", u = "_15e54s98 _15e54s96", h = "_15e54s99 _15e54s96", q = "_15e54s9a _15e54s96", w = "_15e54s94", j = "_15e54s97 _15e54s96", m = {
+    aspectRatio: "var(--_15e54s9v)"
+}, z = "_15e54s9u _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab";
+export { _ as actions, a as boxed, y as cardAction, f as cardActionIconButton, r as cardActionInverse, e as cardActionMedia, d as cardContainer, s as dataCard, t as displayCardBackground, o as displayCardContainer, i as displayCardContent, c as displayCardGradient, C as mediaCard, l as mediaCardContent, p as snapCard, b as touchable, u as touchableCardOverlay, h as touchableCardOverlayInverse, q as touchableCardOverlayMedia, w as touchableContainer, j as touchableMediaCardOverlay, m as vars, z as videoAction };