@telefonica/mistica 14.18.1 → 14.19.0

package/dist/index.d.ts

@@ -51,7 +51,7 @@ export { default as HorizontalScroll } from './horizontal-scroll';
 export { default as HighlightedCard } from './highlighted-card';
 export { default as Stepper } from './stepper';
 export { default as ProgressBar } from './progress-bar';
-export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard, NakedCard, SmallNakedCard, } from './card';
+export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard, NakedCard, SmallNakedCard, CardActionSpinner, } from './card';
 export { default as Hero } from './hero';
 export { default as Divider } from './divider';
 export { default as Menu } from './menu';

package/dist/index.js

@@ -54,6 +54,9 @@ _export(exports, {
     Callout: function() {
         return _callout.default;
     },
+    CardActionSpinner: function() {
+        return _card.CardActionSpinner;
+    },
     Carousel: function() {
         return _carousel.Carousel;
     },

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.18.1";
+const o = "14.19.0";

package/dist/select.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return f;
     },
     menuItemSelected: function() {
-        return i;
+        return y;
     },
     optionsAnimationsVariants: function() {
-        return y;
+        return i;
     },
     optionsContainer: function() {
         return a;
@@ -28,10 +28,10 @@ _export(exports, {
         return s;
     },
     selectTextVariants: function() {
-        return r;
+        return e;
     },
     selectVariants: function() {
-        return e;
+        return r;
     },
     vars: function() {
         return p;
@@ -39,18 +39,18 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./select.css.ts.vanilla.css-mistica.js");
-var n = "_1sqpivvo _1y2v1nfb0 _1y2v1nff5", f = "_1sqpivvq _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7h _1y2v1nf1w _1y2v1nfb4 _1y2v1nfbj _1y2v1nfe3 _1y2v1nfcj", i = "_1y2v1nf3e", y = {
+var n = "_1sqpivvo _1y2v1nfb0 _1y2v1nff5", f = "_1sqpivvq _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7h _1y2v1nf1w _1y2v1nfb4 _1y2v1nfbj _1y2v1nfe3 _1y2v1nfcj", y = "_1y2v1nf3e", i = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
 }, a = "_1sqpivv6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb1 _1y2v1nfdu _1y2v1nf31", s = {
     default: "_1sqpivvd _1sqpivvc _1y2v1nfaz _1y2v1nfe3",
     fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfaz _1y2v1nfe3"
-}, r = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nfb0 _1y2v1nfdj _1y2v1nf1w",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb0 _1y2v1nfdj _1y2v1nf1w"
 }, e = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nfdm _1y2v1nf1w _1y2v1nf5y _1y2v1nfbr _1y2v1nfc8",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfdm _1y2v1nf1w _1y2v1nf5y _1y2v1nfbr _1y2v1nfc8"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nfb0 _1y2v1nfe4 _1y2v1nfdj _1y2v1nf1w",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb0 _1y2v1nfe4 _1y2v1nfdj _1y2v1nf1w"
+}, r = {
+    default: "_1sqpivvh _1sqpivvg _1y2v1nfdm _1y2v1nfe4 _1y2v1nf1w _1y2v1nf5y _1y2v1nfbr _1y2v1nfc8",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfdm _1y2v1nfe4 _1y2v1nf1w _1y2v1nf5y _1y2v1nfbr _1y2v1nfc8"
 }, p = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/select.js

@@ -302,6 +302,7 @@ const Ye = (param)=>{
                 style: {
                     paddingTop: d ? 24 : 16,
                     paddingBottom: d ? 8 : 16,
+                    paddingRight: 48,
                     // Override default browser opacity when disabled. This opacity also affects the label.
                     // Without this fix, the label is invisible when disabled
                     opacity: 1

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 104, r = 2, y = 8, f = 24, b = 20, a = 16, p = 20, e = 14.5, t = 10.5, d = "rrbrpnl", i = "rrbrpni _1y2v1nf28", s = {
-    primary: "rrbrpnp rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf21 _1y2v1nf3s",
-    secondary: "rrbrpnq rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf25 _1y2v1nf5y",
-    danger: "rrbrpnr rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf20 _1y2v1nf3m"
-}, I = "rrbrpn0", N = "rrbrpng _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb8 _1y2v1nfbs _1y2v1nfaz _1y2v1nfdt _1y2v1nfdm _1y2v1nf27 _1y2v1nf5y _1y2v1nfe4 _1y2v1nfcy", z = "rrbrpn7 _1y2v1nfb5 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfff _1y2v1nfbd _1y2v1nfbj", o = "rrbrpn4 _1y2v1nfb6 _1y2v1nfc9 _1y2v1nfe4", L = "rrbrpn5", l = "rrbrpn9 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", m = "rrbrpnk _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", S = {
-    primary: "rrbrpnm rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf20 _1y2v1nf3r",
-    secondary: "rrbrpnn rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf23 _1y2v1nf5y",
-    danger: "rrbrpno rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf20 _1y2v1nf3m"
+var _ = 104, r = 2, y = 8, f = 24, a = 20, b = 16, e = 20, p = 14.5, t = 10.5, i = "rrbrpnl", d = "rrbrpnm", s = "rrbrpnn", I = "rrbrpni _1y2v1nf28", L = {
+    primary: "rrbrpnr rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf21 _1y2v1nf3s",
+    secondary: "rrbrpns rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf25 _1y2v1nf5y",
+    danger: "rrbrpnt rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf20 _1y2v1nf3m"
+}, N = "rrbrpn0", z = "rrbrpng _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb8 _1y2v1nfbs _1y2v1nfaz _1y2v1nfdt _1y2v1nfdm _1y2v1nf27 _1y2v1nf5y _1y2v1nfe4 _1y2v1nfcy", l = "rrbrpn7 _1y2v1nfb5 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfff _1y2v1nfbd _1y2v1nfbj", o = "rrbrpn4 _1y2v1nfb6 _1y2v1nfc9 _1y2v1nfe4", g = "rrbrpn5", m = "rrbrpn9 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", S = "rrbrpnk _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", E = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf20 _1y2v1nf3r",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf23 _1y2v1nf5y",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfaz _1y2v1nfbs _1y2v1nfdt _1y2v1nfe4 _1y2v1nf20 _1y2v1nf3m"
 };
-export { _ as BUTTON_MIN_WIDTH, r as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, f as ICON_SIZE, b as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, e as X_PADDING_PX, t as X_SMALL_PADDING_PX, d as alignedLink, i as inverseLink, s as inverseVariants, I as isLoading, N as link, z as loadingContent, o as loadingFiller, L as small, l as textContent, m as textContentLink, S as variants };
+export { _ as BUTTON_MIN_WIDTH, r as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, f as ICON_SIZE, a as SMALL_ICON_SIZE, b as SMALL_SPINNER_SIZE, e as SPINNER_SIZE, p as X_PADDING_PX, t as X_SMALL_PADDING_PX, i as alignedLeftLink, d as alignedRightLink, s as alignedVerticalLink, I as inverseLink, L as inverseVariants, N as isLoading, z as link, l as loadingContent, o as loadingFiller, g as small, m as textContent, S as textContentLink, E as variants };

package/dist-es/button.js

@@ -79,10 +79,10 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t, jsxs as C, Fragment as F } from "react/jsx-runtime";
 import * as o from "react";
-import x from "classnames";
+import R from "classnames";
 import z from "./spinner.js";
 import { BaseTouchable as y } from "./touchable.js";
-import { useIsInverseVariant as R } from "./theme-variant-context.js";
+import { useIsInverseVariant as x } from "./theme-variant-context.js";
 import { useForm as k } from "./form-context.js";
 import { pxToRem as T } from "./utils/css.js";
 import { Text as M, Text3 as X, Text2 as Z } from "./text.js";
@@ -91,28 +91,28 @@ import { getTextFromChildren as P } from "./utils/common.js";
 import { useTrackingConfig as W, eventNames as A, eventCategories as B, eventActions as j } from "./utils/analytics.js";
 import { useTheme as O } from "./hooks.js";
 import { flattenChildren as H } from "./skins/utils.js";
-import { inverseVariants as $, variants as K, small as q, isLoading as D, textContent as J, link as Q, inverseLink as U, alignedLink as Y, textContentLink as p, SMALL_SPINNER_SIZE as ee, SPINNER_SIZE as te, ICON_MARGIN_PX as b, CHEVRON_MARGIN_LEFT_LINK as ne, loadingFiller as re, X_SMALL_PADDING_PX as ie, X_PADDING_PX as oe, loadingContent as ae, SMALL_ICON_SIZE as se, ICON_SIZE as ce } from "./button.css-mistica.js";
+import { inverseVariants as $, variants as K, small as Y, isLoading as V, textContent as q, link as J, inverseLink as Q, alignedLeftLink as U, alignedRightLink as p, alignedVerticalLink as ee, textContentLink as te, SMALL_SPINNER_SIZE as ne, SPINNER_SIZE as ie, ICON_MARGIN_PX as E, CHEVRON_MARGIN_LEFT_LINK as re, loadingFiller as oe, X_SMALL_PADDING_PX as ae, X_PADDING_PX as se, loadingContent as ce, SMALL_ICON_SIZE as le, ICON_SIZE as de } from "./button.css-mistica.js";
 const w = (param)=>{
-    let { content: e , defaultIconSize: i , renderText: n  } = param;
-    const c = H(e), f = c.length, d = [];
+    let { content: e , defaultIconSize: r , renderText: n  } = param;
+    const c = H(e), m = c.length, d = [];
     let l = [];
     const g = ()=>{
         d.push(/* @__PURE__ */ t(o.Fragment, {
             children: n(l)
         }, d.length)), l = [];
     };
-    return c.forEach((u, m)=>{
-        const a = m === 0, s = m === f - 1;
+    return c.forEach((u, f)=>{
+        const a = f === 0, s = f === m - 1;
         if (/*#__PURE__*/ o.isValidElement(u)) {
             l.length && g();
             var _u_props_size;
-            const v = (_u_props_size = u.props.size) !== null && _u_props_size !== void 0 ? _u_props_size : i;
+            const v = (_u_props_size = u.props.size) !== null && _u_props_size !== void 0 ? _u_props_size : r;
             d.push(/* @__PURE__ */ t("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: a ? 0 : b,
-                    marginRight: s ? 0 : b
+                    marginLeft: a ? 0 : E,
+                    marginRight: s ? 0 : E
                 },
                 children: /*#__PURE__*/ o.cloneElement(u, {
                     size: T(v)
@@ -120,7 +120,7 @@ const w = (param)=>{
             }, d.length));
         } else l.push(u), s && g();
     }), d;
-}, le = ()=>/* @__PURE__ */ t("svg", {
+}, ue = ()=>/* @__PURE__ */ t("svg", {
         width: "8",
         height: "20",
         viewBox: "0 0 8 20",
@@ -128,9 +128,9 @@ const w = (param)=>{
             d: "M6.32595 11.0107L3.03801 7.7086L3.03292 7.70375L3.032 7.70291L3.02931 7.70047L3.02848 7.69974L3.02248 7.69436C2.88533 7.57121 2.71386 7.53733 2.56343 7.55395C2.41648 7.57018 2.27272 7.63567 2.16886 7.73711C2.06893 7.83185 2.01209 7.97816 2.00175 8.11707C1.99083 8.26377 2.02925 8.43959 2.16869 8.57393L5.24446 11.5515L2.15859 14.512L2.15375 14.5171L2.1529 14.518L2.15046 14.5207L2.14974 14.5215L2.14435 14.5275C2.02121 14.6647 1.98733 14.8361 2.00394 14.9866C2.02017 15.1335 2.08567 15.2773 2.18711 15.3811C2.28184 15.4811 2.42816 15.5379 2.56706 15.5483C2.71377 15.5592 2.88958 15.5208 3.02392 15.3813L6.32595 12.0922C6.6246 11.7936 6.6246 11.3094 6.32595 11.0107Z",
             fill: "currentColor"
         })
-    }), V = (param)=>{
-    let { showSpinner: e , children: i , small: n , loadingText: c , shouldRenderSpinner: f , setShouldRenderSpinner: d , renderText: l , textContentStyle: g , StartIcon: u , EndIcon: m , withChevron: a  } = param;
-    const s = n ? se : ce, r = T(n ? ee : te);
+    }), D = (param)=>{
+    let { showSpinner: e , children: r , small: n , loadingText: c , shouldRenderSpinner: m , setShouldRenderSpinner: d , renderText: l , textContentStyle: g , StartIcon: u , EndIcon: f , withChevron: a  } = param;
+    const s = n ? le : de, i = T(n ? ne : ie);
     return /* @__PURE__ */ C(F, {
         children: [
             /* @__PURE__ */ C("div", {
@@ -141,7 +141,7 @@ const w = (param)=>{
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginRight: b
+                            marginRight: E
                         },
                         children: /* @__PURE__ */ t(u, {
                             size: s,
@@ -149,17 +149,17 @@ const w = (param)=>{
                         })
                     }),
                     w({
-                        content: i,
+                        content: r,
                         defaultIconSize: s,
                         renderText: l
                     }),
-                    m && !a && /* @__PURE__ */ t("div", {
+                    f && !a && /* @__PURE__ */ t("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: b
+                            marginLeft: E
                         },
-                        children: /* @__PURE__ */ t(m, {
+                        children: /* @__PURE__ */ t(f, {
                             size: s,
                             color: "currentColor"
                         })
@@ -168,18 +168,18 @@ const w = (param)=>{
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: ne
+                            marginLeft: re
                         },
-                        children: /* @__PURE__ */ t(le, {})
+                        children: /* @__PURE__ */ t(ue, {})
                     })
                 ]
             }),
             /* @__PURE__ */ t("div", {
-                className: re,
+                className: oe,
                 "aria-hidden": !0,
                 style: c ? {
-                    paddingLeft: r,
-                    paddingRight: b + 2 * (n ? ie : oe)
+                    paddingLeft: i,
+                    paddingRight: E + 2 * (n ? ae : se)
                 } : void 0,
                 children: w({
                     content: c,
@@ -189,21 +189,21 @@ const w = (param)=>{
             }),
             /* @__PURE__ */ C("div", {
                 "aria-hidden": e ? void 0 : !0,
-                className: ae,
+                className: ce,
                 onTransitionEnd: ()=>{
-                    e !== f && d(e);
+                    e !== m && d(e);
                 },
                 children: [
-                    f ? /* @__PURE__ */ t(z, {
+                    m ? /* @__PURE__ */ t(z, {
                         rolePresentation: !!c,
                         color: "currentcolor",
                         delay: "0s",
-                        size: r
+                        size: i
                     }) : /* @__PURE__ */ t("div", {
                         style: {
                             display: "inline-block",
-                            width: r,
-                            height: r
+                            width: i,
+                            height: i
                         }
                     }),
                     c ? /* @__PURE__ */ t(G, {
@@ -218,14 +218,14 @@ const w = (param)=>{
             })
         ]
     });
-}, N = /*#__PURE__*/ o.forwardRef((e, i)=>{
-    const { textPresets: n  } = O(), { eventFormat: c  } = W(), { formStatus: f , formId: d  } = k(), l = R(), { loadingText: g  } = e, u = !!e.submit, m = f === "sending", [a, s] = o.useState(!1), r = e.showSpinner || m && u || a, [v, L] = o.useState(!!r);
+}, N = /*#__PURE__*/ o.forwardRef((e, r)=>{
+    const { textPresets: n  } = O(), { eventFormat: c  } = W(), { formStatus: m , formId: d  } = k(), l = x(), { loadingText: g  } = e, u = !!e.submit, f = m === "sending", [a, s] = o.useState(!1), i = e.showSpinner || f && u || a, [v, L] = o.useState(!!i);
     o.useEffect(()=>{
-        r && !v && L(!0);
+        i && !v && L(!0);
     }, [
-        r,
+        i,
         v,
-        f
+        m
     ]);
     var _e_trackingEvent;
     const S = ()=>c === "google-analytics-4" ? {
@@ -236,25 +236,25 @@ const w = (param)=>{
             category: B.userInteraction,
             action: `${e.type}_button_tapped`,
             label: P(e.children)
-        }, E = (I)=>e.small ? /* @__PURE__ */ t(M, {
+        }, I = (b)=>e.small ? /* @__PURE__ */ t(M, {
             size: 14,
             lineHeight: 20,
             weight: n.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: I
+            children: b
         }) : /* @__PURE__ */ t(X, {
             weight: n.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: I
+            children: b
         }), h = {
-        ref: i,
-        className: x(l ? $[e.type] : K[e.type], e.className, {
-            [q]: e.small,
-            [D]: r
+        ref: r,
+        className: R(l ? $[e.type] : K[e.type], e.className, {
+            [Y]: e.small,
+            [V]: i
         }),
         style: _object_spread({
             cursor: e.fake ? "pointer" : void 0
@@ -264,19 +264,19 @@ const w = (param)=>{
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         tabIndex: e.tabIndex,
-        children: V({
-            showSpinner: r,
+        children: D({
+            showSpinner: i,
             shouldRenderSpinner: v,
             setShouldRenderSpinner: L,
             children: e.children,
             loadingText: g,
             small: e.small,
-            renderText: E,
-            textContentStyle: J,
+            renderText: I,
+            textContentStyle: q,
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon
         }),
-        disabled: e.disabled || r || m,
+        disabled: e.disabled || i || f,
         role: "button"
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
@@ -292,8 +292,8 @@ const w = (param)=>{
         onPress: ()=>{}
     }, h));
     if (e.onPress) return /* @__PURE__ */ t(y, _object_spread_props(_object_spread({}, h), {
-        onPress: (I)=>{
-            const _ = e.onPress(I);
+        onPress: (b)=>{
+            const _ = e.onPress(b);
             _ && (s(!0), _.finally(()=>s(!1)));
         }
     }));
@@ -308,18 +308,18 @@ const w = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ce = /*#__PURE__*/ o.forwardRef((e, i)=>{
+}), Ne = /*#__PURE__*/ o.forwardRef((e, r)=>{
     var _e_withChevron;
-    const { formStatus: n  } = k(), c = R(), { analytics: f , textPresets: d  } = O(), { loadingText: l  } = e, g = n === "sending", [u, m] = o.useState(!1), a = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [r, v] = o.useState(!!a);
+    const { formStatus: n  } = k(), c = x(), { analytics: m , textPresets: d  } = O(), { loadingText: l  } = e, g = n === "sending", [u, f] = o.useState(!1), a = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [i, v] = o.useState(!!a);
     o.useEffect(()=>{
-        a && !r && v(!0);
+        a && !i && v(!0);
     }, [
         a,
-        r,
+        i,
         n
     ]);
     var _e_trackingEvent;
-    const L = ()=>f.eventFormat === "google-analytics-4" ? {
+    const L = ()=>m.eventFormat === "google-analytics-4" ? {
             name: A.userInteraction,
             component_type: "link",
             component_copy: P(e.children)
@@ -332,25 +332,27 @@ const w = (param)=>{
             truncate: 1,
             color: "inherit",
             children: h
-        }), E = {
-        className: x(Q, {
-            [U]: c,
-            [Y]: e.aligned,
-            [D]: a
+        }), I = {
+        className: R(J, {
+            [Q]: c,
+            [U]: !!e.bleedLeft,
+            [p]: !!e.bleedRight,
+            [ee]: !!e.bleedY,
+            [V]: a
         }),
         trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? L() : void 0,
         dataAttributes: _object_spread({
             "component-name": "ButtonLink"
         }, e.dataAttributes),
-        children: V({
+        children: D({
             showSpinner: a,
-            shouldRenderSpinner: r,
+            shouldRenderSpinner: i,
             setShouldRenderSpinner: v,
             children: e.children,
             loadingText: l,
             small: !0,
             renderText: S,
-            textContentStyle: p,
+            textContentStyle: te,
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon,
             withChevron: s
@@ -359,62 +361,62 @@ const w = (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__ */ t(y, _object_spread_props(_object_spread({
-        ref: i
-    }, E), {
+        ref: r
+    }, I), {
         onPress: (h)=>{
-            const I = e.onPress(h);
-            I && (m(!0), I.finally(()=>m(!1)));
+            const b = e.onPress(h);
+            b && (f(!0), b.finally(()=>f(!1)));
         }
     }));
     if (e.to || e.to === "") return /* @__PURE__ */ t(y, _object_spread_props(_object_spread({
-        ref: i
-    }, E), {
+        ref: r
+    }, I), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
     if (e.href || e.href === "") return /* @__PURE__ */ t(y, _object_spread_props(_object_spread({
-        ref: i
-    }, E), {
+        ref: r
+    }, I), {
         href: e.href,
         newTab: e.newTab
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), we = /*#__PURE__*/ o.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), _e = /*#__PURE__*/ o.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(N, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "primary"
     }));
-}), Ne = /*#__PURE__*/ o.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), Re = /*#__PURE__*/ o.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(N, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "secondary"
     }));
-}), _e = /*#__PURE__*/ o.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), xe = /*#__PURE__*/ o.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(N, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "danger"
     }));
 });
-export { _e as ButtonDanger, Ce as ButtonLink, we as ButtonPrimary, Ne as ButtonSecondary };
+export { xe as ButtonDanger, Ne as ButtonLink, _e as ButtonPrimary, Re as ButtonSecondary };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./card.css.ts.vanilla.css-mistica.js";
-var _ = "_15e54s91 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbk", a = "_15e54s93 _1y2v1nfb4 _1y2v1nfaz", y = "_15e54s9v _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", f = "_1y2v1nfb4 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfbj _1y2v1nfbd", r = "_15e54s9w _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", e = "_15e54s9x _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", b = "_15e54s910", d = "_15e54s98", s = "_15e54s9j _1y2v1nf8w _1y2v1nfa5 _1y2v1nf6k _1y2v1nf7t _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nfba _1y2v1nfbr", c = "_15e54s9r", t = "_1y2v1nfbr _1y2v1nfc8 _1y2v1nfb4 _1y2v1nfaz", o = "_15e54s9q", i = "_15e54s9s", l = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfc8 _1y2v1nfbr _1y2v1nfbq", C = "_15e54s9f _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nf6e _1y2v1nf7t _1y2v1nfba _1y2v1nfbg", h = "_15e54s9h _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nfba _1y2v1nfbg _1y2v1nf6e", u = "_15e54s9l _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfaz _1y2v1nfc8 _1y2v1nfba _1y2v1nfbg _1y2v1nfbr _1y2v1nfbq", p = "_15e54s95", j = "_15e54s9a _15e54s96", q = "_15e54s9b _15e54s96", z = "_15e54s9c _15e54s96", O = "_15e54s94", k = "_15e54s97 _15e54s96", A = "_15e54s99 _15e54s96", M = {
+var a = "_15e54s91 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbk", _ = "_15e54s93 _1y2v1nfb4 _1y2v1nfaz", y = "_15e54s9w _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", f = "_1y2v1nfb4 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfbj _1y2v1nfbd", r = "_15e54s9x _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", e = "_15e54s9y _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", b = "_15e54s910", d = "_15e54s98", s = "_15e54s9k _1y2v1nf8w _1y2v1nfa5 _1y2v1nf6k _1y2v1nf7t _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nfba _1y2v1nfbr", c = "_15e54s9s", t = "_1y2v1nfbr _1y2v1nfc8 _1y2v1nfb4 _1y2v1nfaz", o = "_15e54s9r", i = "_15e54s9t", C = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfc8 _1y2v1nfbr _1y2v1nfbq", l = "_15e54s9f _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nf6e _1y2v1nf7t _1y2v1nfba _1y2v1nfbg", h = "_15e54s9g", u = "_15e54s9i _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nfba _1y2v1nfbg _1y2v1nf6e", p = "_15e54s9m _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfaz _1y2v1nfc8 _1y2v1nfba _1y2v1nfbg _1y2v1nfbr _1y2v1nfbq", z = "_15e54s95", k = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", q = "_15e54s9c _15e54s96", O = "_15e54s94", g = "_15e54s97 _15e54s96", j = "_15e54s99 _15e54s96", M = {
     aspectRatio: "var(--_15e54s9z)"
-}, g = "_15e54s9y _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn";
-export { _ as actions, a as boxed, y as cardAction, f as cardActionIconButton, r as cardActionInverse, e as cardActionMedia, b as cardContainer, d as circularMediaOverlay, s as dataCard, c as displayCardBackground, t as displayCardContainer, o as displayCardContent, i as displayCardGradient, l as mediaCard, C as mediaCardContent, h as nakedCardContent, u as snapCard, p as touchable, j as touchableCardOverlay, q as touchableCardOverlayInverse, z as touchableCardOverlayMedia, O as touchableContainer, k as touchableMediaCardOverlay, A as touchableNakedMediaOverlay, M as vars, g as videoAction };
+};
+export { a as actions, _ as boxed, y as cardAction, f as cardActionIconButton, r as cardActionInverse, e as cardActionMedia, b as cardContainer, d as circularMediaOverlay, s as dataCard, c as displayCardBackground, t as displayCardContainer, o as displayCardContent, i as displayCardGradient, C as mediaCard, l as mediaCardContent, h as mediaCardIcon, u as nakedCardContent, p as snapCard, z as touchable, k as touchableCardOverlay, m as touchableCardOverlayInverse, q as touchableCardOverlayMedia, O as touchableContainer, g as touchableMediaCardOverlay, j as touchableNakedMediaOverlay, M as vars };