@telefonica/mistica 14.6.0 → 14.7.1

package/dist/button.js

@@ -9,10 +9,10 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ButtonDanger: ()=>Pe,
-    ButtonLink: ()=>Ie,
-    ButtonPrimary: ()=>Ne,
-    ButtonSecondary: ()=>Se
+    ButtonDanger: ()=>we,
+    ButtonLink: ()=>Se,
+    ButtonPrimary: ()=>_e,
+    ButtonSecondary: ()=>Te
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -152,45 +152,45 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const y = (param)=>{
-    let { content: e , defaultIconSize: r , renderText: i  } = param;
-    const u = (0, _utilsJs.flattenChildren)(e), g = u.length, l = [];
+const I = (param)=>{
+    let { content: e , defaultIconSize: n , renderText: i  } = param;
+    const u = (0, _utilsJs.flattenChildren)(e), f = u.length, c = [];
     let o = [];
-    const s = ()=>{
-        l.push(/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_react.Fragment, {
+    const l = ()=>{
+        c.push(/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_react.Fragment, {
             children: i(o)
-        }, l.length)), o = [];
+        }, c.length)), o = [];
     };
-    return u.forEach((a, n)=>{
-        var f;
-        const m = n === 0, v = n === g - 1;
-        if (/*#__PURE__*/ _react.isValidElement(a)) {
-            o.length && s();
-            const h = (f = a.props.size) != null ? f : r;
-            l.push(/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+    return u.forEach((s, m)=>{
+        var g;
+        const b = m === 0, r = m === f - 1;
+        if (/*#__PURE__*/ _react.isValidElement(s)) {
+            o.length && l();
+            const N = (g = s.props.size) != null ? g : n;
+            c.push(/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: m ? 0 : _buttonCssMisticaJs.ICON_MARGIN_PX,
-                    marginRight: v ? 0 : _buttonCssMisticaJs.ICON_MARGIN_PX
+                    marginLeft: b ? 0 : _buttonCssMisticaJs.ICON_MARGIN_PX,
+                    marginRight: r ? 0 : _buttonCssMisticaJs.ICON_MARGIN_PX
                 },
-                children: /*#__PURE__*/ _react.cloneElement(a, {
-                    size: (0, _cssJs.pxToRem)(h)
+                children: /*#__PURE__*/ _react.cloneElement(s, {
+                    size: (0, _cssJs.pxToRem)(N)
                 })
-            }, l.length));
-        } else o.push(a), v && s();
-    }), l;
-}, S = /*#__PURE__*/ _react.forwardRef((e, r)=>{
-    var _;
-    const { eventFormat: i  } = (0, _analyticsJs.useTrackingConfig)(), { formStatus: u , formId: g  } = (0, _formContextJs.useForm)(), l = (0, _themeVariantContextJs.useIsInverseVariant)(), { loadingText: o  } = e, s = !!e.submit, a = u === "sending", n = e.showSpinner || a && s, [m, v] = _react.useState(!!n);
+            }, c.length));
+        } else o.push(s), r && l();
+    }), c;
+}, w = /*#__PURE__*/ _react.forwardRef((e, n)=>{
+    var x;
+    const { eventFormat: i  } = (0, _analyticsJs.useTrackingConfig)(), { formStatus: u , formId: f  } = (0, _formContextJs.useForm)(), c = (0, _themeVariantContextJs.useIsInverseVariant)(), { loadingText: o  } = e, l = !!e.submit, s = u === "sending", [m, b] = _react.useState(!1), r = e.showSpinner || s && l || m, [h, g] = _react.useState(!!r);
     _react.useEffect(()=>{
-        n && !m && v(!0);
+        r && !h && g(!0);
     }, [
-        n,
-        m,
+        r,
+        h,
         u
     ]);
-    const P = ()=>i === "google-analytics-4" ? {
+    const N = ()=>i === "google-analytics-4" ? {
             name: _analyticsJs.eventNames.userInteraction,
             component_type: `${e.type}_button`,
             component_copy: (0, _commonJs.getTextFromChildren)(e.children)
@@ -198,30 +198,30 @@ const y = (param)=>{
             category: _analyticsJs.eventCategories.userInteraction,
             action: `${e.type}_button_tapped`,
             label: (0, _commonJs.getTextFromChildren)(e.children)
-        }, f = e.small ? _buttonCssMisticaJs.SMALL_ICON_SIZE : _buttonCssMisticaJs.ICON_SIZE, h = (0, _cssJs.pxToRem)(e.small ? _buttonCssMisticaJs.SMALL_SPINNER_SIZE : _buttonCssMisticaJs.SPINNER_SIZE), I = (T)=>e.small ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
+        }, S = e.small ? _buttonCssMisticaJs.SMALL_ICON_SIZE : _buttonCssMisticaJs.ICON_SIZE, y = (0, _cssJs.pxToRem)(e.small ? _buttonCssMisticaJs.SMALL_SPINNER_SIZE : _buttonCssMisticaJs.SPINNER_SIZE), _ = (E)=>e.small ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
             size: 14,
             lineHeight: 20,
             weight: "medium",
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: T
+            children: E
         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
             medium: !0,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: T
-        }), b = {
-        ref: r,
-        className: (0, _classnames.default)(l ? _buttonCssMisticaJs.inverseVariants[e.type] : _buttonCssMisticaJs.variants[e.type], e.className, {
+            children: E
+        }), v = {
+        ref: n,
+        className: (0, _classnames.default)(c ? _buttonCssMisticaJs.inverseVariants[e.type] : _buttonCssMisticaJs.variants[e.type], e.className, {
             [_buttonCssMisticaJs.small]: e.small,
-            [_buttonCssMisticaJs.isLoading]: n
+            [_buttonCssMisticaJs.isLoading]: r
         }),
         style: _objectSpread({
             cursor: e.fake ? "pointer" : void 0
         }, e.style),
-        trackingEvent: (_ = e.trackingEvent) != null ? _ : e.trackEvent ? P() : void 0,
+        trackingEvent: (x = e.trackingEvent) != null ? x : e.trackEvent ? N() : void 0,
         dataAttributes: e.dataAttributes,
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
@@ -229,90 +229,93 @@ const y = (param)=>{
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                    "aria-hidden": n ? !0 : void 0,
+                    "aria-hidden": r ? !0 : void 0,
                     className: _buttonCssMisticaJs.textContent,
-                    children: y({
+                    children: I({
                         content: e.children,
-                        defaultIconSize: f,
-                        renderText: I
+                        defaultIconSize: S,
+                        renderText: _
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _buttonCssMisticaJs.loadingFiller,
                     "aria-hidden": !0,
                     style: {
-                        paddingLeft: h,
+                        paddingLeft: y,
                         paddingRight: _buttonCssMisticaJs.ICON_MARGIN_PX + 2 * (e.small ? _buttonCssMisticaJs.X_SMALL_PADDING_PX : _buttonCssMisticaJs.X_PADDING_PX)
                     },
-                    children: y({
+                    children: I({
                         content: o,
-                        defaultIconSize: f,
-                        renderText: I
+                        defaultIconSize: S,
+                        renderText: _
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
-                    "aria-hidden": n ? void 0 : !0,
+                    "aria-hidden": r ? void 0 : !0,
                     className: _buttonCssMisticaJs.loadingContent,
                     onTransitionEnd: ()=>{
-                        n !== m && v(n);
+                        r !== h && g(r);
                     },
                     children: [
-                        m ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_spinnerJs.default, {
+                        h ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_spinnerJs.default, {
                             rolePresentation: !!o,
                             color: "currentcolor",
                             delay: "0s",
-                            size: h
+                            size: y
                         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                             style: {
                                 display: "inline-block",
-                                width: h,
-                                height: h
+                                width: y,
+                                height: y
                             }
                         }),
                         o ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                             paddingLeft: 8,
-                            children: y({
+                            children: I({
                                 content: o,
-                                defaultIconSize: f,
-                                renderText: I
+                                defaultIconSize: S,
+                                renderText: _
                             })
                         }) : null
                     ]
                 })
             ]
         }),
-        disabled: e.disabled || n || a,
+        disabled: e.disabled || r || s,
         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__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({
         maybe: !0
-    }, b), {
+    }, v), {
         role: "presentation",
         "aria-hidden": "true"
     }));
     if (e.submit) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpread({
         type: "submit",
-        formId: g,
+        formId: f,
         onPress: ()=>{}
-    }, b));
-    if (e.onPress) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, b), {
-        onPress: e.onPress
+    }, v));
+    if (e.onPress) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, v), {
+        onPress: (E)=>{
+            const k = e.onPress(E);
+            k && (b(!0), k.finally(()=>b(!1)));
+        }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, b), {
+    if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, v), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, b), {
+    if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, v), {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ie = /*#__PURE__*/ _react.forwardRef((e, r)=>{
-    var a;
-    const { formStatus: i  } = (0, _formContextJs.useForm)(), u = (0, _themeVariantContextJs.useIsInverseVariant)(), { analytics: g  } = (0, _hooksJs.useTheme)(), l = ()=>g.eventFormat === "google-analytics-4" ? {
+}), Se = /*#__PURE__*/ _react.forwardRef((e, n)=>{
+    var s;
+    const { formStatus: i  } = (0, _formContextJs.useForm)(), u = (0, _themeVariantContextJs.useIsInverseVariant)(), { analytics: f  } = (0, _hooksJs.useTheme)(), c = ()=>f.eventFormat === "google-analytics-4" ? {
             name: _analyticsJs.eventNames.userInteraction,
             component_type: "link",
             component_copy: (0, _commonJs.getTextFromChildren)(e.children)
@@ -320,23 +323,23 @@ const y = (param)=>{
             category: _analyticsJs.eventCategories.userInteraction,
             action: _analyticsJs.eventActions.linkTapped,
             label: (0, _commonJs.getTextFromChildren)(e.children)
-        }, o = (n)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+        }, o = (m)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
             medium: !0,
             truncate: 1,
             color: "inherit",
-            children: n
-        }), s = {
+            children: m
+        }), l = {
         className: (0, _classnames.default)(_buttonCssMisticaJs.link, {
             [_buttonCssMisticaJs.inverseLink]: u,
             [_buttonCssMisticaJs.alignedLink]: e.aligned
         }),
-        trackingEvent: (a = e.trackingEvent) != null ? a : e.trackEvent ? l() : void 0,
+        trackingEvent: (s = e.trackingEvent) != null ? s : e.trackEvent ? c() : void 0,
         dataAttributes: _objectSpread({
             "component-name": "ButtonLink"
         }, e.dataAttributes),
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
             className: _buttonCssMisticaJs.textContentLink,
-            children: y({
+            children: I({
                 content: e.children,
                 defaultIconSize: _buttonCssMisticaJs.SMALL_ICON_SIZE,
                 renderText: o
@@ -346,57 +349,57 @@ const y = (param)=>{
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
     if (e.onPress) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({
-        ref: r
-    }, s), {
+        ref: n
+    }, l), {
         onPress: e.onPress
     }));
     if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({
-        ref: r
-    }, s), {
+        ref: n
+    }, l), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
     if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({
-        ref: r
-    }, s), {
+        ref: n
+    }, l), {
         href: e.href,
         newTab: e.newTab
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ne = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
+}), _e = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, n = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(w, _objectSpreadProps(_objectSpread({
         dataAttributes: _objectSpread({
             "component-name": "ButtonPrimary"
         }, e)
-    }, r), {
+    }, n), {
         ref: i,
         type: "primary"
     }));
-}), Se = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
+}), Te = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, n = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(w, _objectSpreadProps(_objectSpread({
         dataAttributes: _objectSpread({
             "component-name": "ButtonSecondary"
         }, e)
-    }, r), {
+    }, n), {
         ref: i,
         type: "secondary"
     }));
-}), Pe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
+}), we = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, n = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(w, _objectSpreadProps(_objectSpread({
         dataAttributes: _objectSpread({
             "component-name": "ButtonDanger"
         }, e)
-    }, r), {
+    }, n), {
         ref: i,
         type: "danger"
     }));

package/dist/callout.css-mistica.js

@@ -14,4 +14,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./callout.css.ts.vanilla.js");
-var y = "_14g0jmy1 _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf9k _1y2v1nf9o", _ = "_14g0jmy3 _1y2v1nf64";
+var y = "_14g0jmy1 _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf9v _1y2v1nfa4", _ = "_14g0jmy3 _1y2v1nf6a";

package/dist/callout.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
+import type { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { DataAttributes, RendersNullableElement } from './utils/types';
 type Props = {
     title?: string;

package/dist/callout.js

@@ -79,13 +79,17 @@ function _objectSpreadProps(target, source) {
     return target;
 }
 const O = (param)=>{
-    let { title: s , description: p , icon: i , onClose: n , button: l , secondaryButton: a , buttonLink: m , "aria-label": t , dataAttributes: f  } = param;
-    const u = (0, _themeVariantContextJs.useIsInverseVariant)(), { texts: d  } = (0, _hooksJs.useTheme)();
+    let { title: n , description: p , icon: i , onClose: a , button: l , secondaryButton: s , buttonLink: m , "aria-label": o , dataAttributes: f  } = param;
+    const u = (0, _themeVariantContextJs.useThemeVariant)(), { texts: d  } = (0, _hooksJs.useTheme)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", _objectSpreadProps(_objectSpread({
         className: (0, _classnames.default)(_calloutCssMisticaJs.container, (0, _sprinklesCssMisticaJs.sprinkles)({
-            background: u ? _skinContractCssMisticaJs.vars.colors.backgroundContainer : _skinContractCssMisticaJs.vars.colors.backgroundAlternative
+            background: {
+                inverse: _skinContractCssMisticaJs.vars.colors.backgroundContainer,
+                alternative: _skinContractCssMisticaJs.vars.colors.backgroundContainer,
+                default: _skinContractCssMisticaJs.vars.colors.backgroundContainerAlternative
+            }[u]
         })),
-        "aria-label": t != null ? t : s
+        "aria-label": o != null ? o : n
     }, (0, _domJs.getPrefixedDataAttributes)(f, "Callout")), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_themeVariantContextJs.ThemeVariant, {
             isInverse: !1,
@@ -110,7 +114,7 @@ const O = (param)=>{
                                             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                                                 as: "h2",
                                                 regular: !0,
-                                                children: s
+                                                children: n
                                             }),
                                             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                                 as: "p",
@@ -120,7 +124,7 @@ const O = (param)=>{
                                             })
                                         ]
                                     }),
-                                    n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
+                                    a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
                                         size: 40,
                                         style: {
                                             display: "flex",
@@ -128,7 +132,7 @@ const O = (param)=>{
                                             alignItems: "center",
                                             justifyContent: "center"
                                         },
-                                        onPress: n,
+                                        onPress: a,
                                         "aria-label": d.closeButtonLabel,
                                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCloseRegularJs.default, {
                                             size: 24,
@@ -137,9 +141,9 @@ const O = (param)=>{
                                     })
                                 ]
                             }),
-                            (l || a || m) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
+                            (l || s || m) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
                                 primaryButton: l,
-                                secondaryButton: a,
+                                secondaryButton: s,
                                 link: m
                             })
                         ]

package/dist/card.css-mistica.js

@@ -14,15 +14,15 @@ _export(exports, {
     cardAction: ()=>f,
     cardActionIconButton: ()=>a,
     cardActionInverse: ()=>r,
-    dataCard: ()=>e,
-    displayCard: ()=>i,
+    dataCard: ()=>o,
+    displayCard: ()=>e,
     displayCardGradient: ()=>d,
-    mediaCard: ()=>o,
-    mediaCardContent: ()=>s,
-    snapCard: ()=>p,
-    snapCardTouchableHover: ()=>t,
-    snapCardTouchableHoverTransparent: ()=>c
+    mediaCard: ()=>s,
+    mediaCardContent: ()=>t,
+    snapCard: ()=>i,
+    snapCardTouchableHover: ()=>c,
+    snapCardTouchableHoverTransparent: ()=>p
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./card.css.ts.vanilla.js");
-var _ = "_15e54s91 _1y2v1nf5i _1y2v1nf64 _1y2v1nf5y", y = "_15e54s93 _1y2v1nf5i", f = "_15e54s9j _1y2v1nf7y _1y2v1nf8d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", a = "_1y2v1nf5i _1y2v1nf80 _1y2v1nf8f _1y2v1nf5x _1y2v1nf5r", r = "_15e54s9k _1y2v1nf7y _1y2v1nf8d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", e = "_15e54s98 _1y2v1nf72 _1y2v1nf7g _1y2v1nf6b _1y2v1nf6p _1y2v1nf5i _1y2v1nf64 _1y2v1nf5o _1y2v1nf7p", i = "_15e54s9f _1y2v1nf5i _1y2v1nf64 _1y2v1nf5o _1y2v1nf5u", d = "_15e54s9g", o = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf85 _1y2v1nf7p", s = "_15e54s96 _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf64 _1y2v1nf6a _1y2v1nf6p _1y2v1nf5o _1y2v1nf5u", p = "_15e54s9a _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf85 _1y2v1nf5o _1y2v1nf5u _1y2v1nf64", t = "_15e54s9c _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c", c = "_15e54s9d _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
+var _ = "_15e54s91 _1y2v1nf5o _1y2v1nf6a _1y2v1nf64", y = "_15e54s93 _1y2v1nf5o", f = "_15e54s9j _1y2v1nf84 _1y2v1nf8j _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n", a = "_1y2v1nf5o _1y2v1nf86 _1y2v1nf8l _1y2v1nf63 _1y2v1nf5x", r = "_15e54s9k _1y2v1nf84 _1y2v1nf8j _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n", o = "_15e54s98 _1y2v1nf78 _1y2v1nf7m _1y2v1nf6h _1y2v1nf6v _1y2v1nf5o _1y2v1nf6a _1y2v1nf5u _1y2v1nf7v", e = "_15e54s9f _1y2v1nf5o _1y2v1nf6a _1y2v1nf5u _1y2v1nf60", d = "_15e54s9g", s = "_1y2v1nf5o _1y2v1nf5u _1y2v1nf8b _1y2v1nf7v", t = "_15e54s96 _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf6a _1y2v1nf6g _1y2v1nf6v _1y2v1nf5u _1y2v1nf60", i = "_15e54s9a _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf8b _1y2v1nf5u _1y2v1nf60 _1y2v1nf6a", c = "_15e54s9c _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i", p = "_15e54s9d _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i";

package/dist/card.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import Tag from './tag';
-import { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
-import Video from './video';
-import Image from './image';
+import type Image from './image';
+import type Video from './video';
+import type { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { DataAttributes, IconProps, RendersElement, RendersNullableElement, TrackingEvent } from './utils/types';
 type CardAction = {
     label: string;