@telefonica/mistica 14.40.0 → 14.42.0

package/dist-es/button-layout.js

@@ -51,40 +51,40 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import * as a from "react";
-import { ButtonSecondary as g, ButtonDanger as B, ButtonPrimary as x } from "./button.js";
-import i from "classnames";
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { ButtonSecondary as y, ButtonDanger as B, ButtonPrimary as x } from "./button.js";
+import s from "classnames";
 import { getPrefixedDataAttributes as C } from "./utils/dom.js";
-import { baseContainer as b, alignVariant as k, fullWidthContainer as v, container as A, alignMoreThanOneChildren as L, link as N, linkAlignment as O, margins as j } from "./button-layout.css-mistica.js";
-const s = [
-    g,
+import { baseContainer as k, alignVariant as w, fullWidthContainer as b, container as v, alignMoreThanOneChildren as A, linkWithTwoButtons as L, link as N, linkAlignment as O, margins as j } from "./button-layout.css-mistica.js";
+const l = [
+    y,
     B,
     x
-], w = (param)=>{
-    let { children: n, align: t = "full-width", link: o, withMargins: l = !1, dataAttributes: u } = param;
-    const c = a.Children.count(n), d = a.Children.toArray(n).sort((m, f)=>{
-        const h = s.indexOf(m.type), p = s.indexOf(f.type);
+], D = (param)=>{
+    let { children: o, align: t = "full-width", link: e, withMargins: u = !1, dataAttributes: c } = param;
+    const d = i.Children.count(o), n = i.Children.toArray(o).sort((m, f)=>{
+        const h = l.indexOf(m.type), p = l.indexOf(f.type);
         return h - p;
-    }), r = /* @__PURE__ */ y("div", _object_spread_props(_object_spread({
-        className: i(b, k[t], t === "full-width" ? v : A, {
-            [L]: c > 1
+    }), r = /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
+        className: s(k, w[t], t === "full-width" ? b : v, {
+            [A]: d > 1
         })
-    }, C(u, "ButtonLayout")), {
+    }, C(c, "ButtonLayout")), {
         children: [
-            o ? /* @__PURE__ */ e("div", {
-                className: i(N, {
-                    [O]: t === "left"
+            e ? /* @__PURE__ */ a("div", {
+                className: s(n.length > 1 ? L : N, {
+                    [O]: (t === "left" || t === "full-width") && n.length > 1
                 }),
                 "data-link": "true",
-                children: o
+                children: e
             }) : null,
-            d
+            n
         ]
     }));
-    return l ? /* @__PURE__ */ e("div", {
+    return u ? /* @__PURE__ */ a("div", {
         className: j,
         children: r
     }) : r;
-}, T = w;
-export { T as default };
+}, S = D;
+export { S as default };

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

@@ -1,20 +1,20 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 2, y = 8, f = 24, r = 12, a = 6, g = 20, p = 16, i = 20, b = 14.5, h = 10.5, j = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf25 _1y2v1nf3z",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf28 _1y2v1nf68",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf25 _1y2v1nf3r"
-}, e = {
-    primary: "rrbrpnr rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf26 _1y2v1nf40",
-    secondary: "rrbrpns rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf2a _1y2v1nf68",
-    danger: "rrbrpnt rrbrpn2 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgk _1y2v1nfga _1y2v1nfh4 _1y2v1nfj5 _1y2v1nfjh _1y2v1nf25 _1y2v1nf3r"
-}, t = {
-    default: "rrbrpnx rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2d _1y2v1nf68",
-    danger: "rrbrpny rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf3v",
-    dangerDark: "rrbrpnz rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf68"
-}, k = "rrbrpn0", I = {
-    default: "rrbrpnu rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2c _1y2v1nf68",
-    danger: "rrbrpnv rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf68",
-    dangerDark: "rrbrpnw rrbrpng _1y2v1nf93 _1y2v1nfac _1y2v1nfgk _1y2v1nfh4 _1y2v1nfga _1y2v1nfj5 _1y2v1nfiy _1y2v1nfjh _1y2v1nfia _1y2v1nf2e _1y2v1nf68"
-}, N = "rrbrpn7 _1y2v1nfgh _1y2v1nfgb _1y2v1nfjn _1y2v1nfkw _1y2v1nfgp _1y2v1nfgv", d = "rrbrpn4 _1y2v1nfgi _1y2v1nfhl _1y2v1nfjh", o = "rrbrpn5", L = "rrbrpn9 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", s = "rrbrpni _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp";
-export { _ as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, f as ICON_SIZE, r as PADDING_X_LINK, a as PADDING_Y_LINK, g as SMALL_ICON_SIZE, p as SMALL_SPINNER_SIZE, i as SPINNER_SIZE, b as X_PADDING_PX, h as X_SMALL_PADDING_PX, j as buttonVariants, e as inverseButtonVariants, t as inverseLinkVariants, k as isLoading, I as linkVariants, N as loadingContent, d as loadingFiller, o as small, L as textContent, s as textContentLink };
+var _ = 2, f = 8, y = 24, r = 12, a = 6, g = 20, j = 16, b = 20, p = 14.5, t = 10.5, e = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgm _1y2v1nfgc _1y2v1nfh6 _1y2v1nfj7 _1y2v1nfjj _1y2v1nf26 _1y2v1nf40",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgm _1y2v1nfgc _1y2v1nfh6 _1y2v1nfj7 _1y2v1nfjj _1y2v1nf29 _1y2v1nf6a",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgm _1y2v1nfgc _1y2v1nfh6 _1y2v1nfj7 _1y2v1nfjj _1y2v1nf26 _1y2v1nf3s"
+}, i = {
+    primary: "rrbrpnr rrbrpn2 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgm _1y2v1nfgc _1y2v1nfh6 _1y2v1nfj7 _1y2v1nfjj _1y2v1nf27 _1y2v1nf41",
+    secondary: "rrbrpns rrbrpn2 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgm _1y2v1nfgc _1y2v1nfh6 _1y2v1nfj7 _1y2v1nfjj _1y2v1nf2b _1y2v1nf6a",
+    danger: "rrbrpnt rrbrpn2 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgm _1y2v1nfgc _1y2v1nfh6 _1y2v1nfj7 _1y2v1nfjj _1y2v1nf26 _1y2v1nf3s"
+}, c = {
+    default: "rrbrpnx rrbrpng _1y2v1nf95 _1y2v1nfae _1y2v1nfgm _1y2v1nfh6 _1y2v1nfgc _1y2v1nfj7 _1y2v1nfj0 _1y2v1nfjj _1y2v1nfic _1y2v1nf2e _1y2v1nf6a",
+    danger: "rrbrpny rrbrpng _1y2v1nf95 _1y2v1nfae _1y2v1nfgm _1y2v1nfh6 _1y2v1nfgc _1y2v1nfj7 _1y2v1nfj0 _1y2v1nfjj _1y2v1nfic _1y2v1nf2f _1y2v1nf3w",
+    dangerDark: "rrbrpnz rrbrpng _1y2v1nf95 _1y2v1nfae _1y2v1nfgm _1y2v1nfh6 _1y2v1nfgc _1y2v1nfj7 _1y2v1nfj0 _1y2v1nfjj _1y2v1nfic _1y2v1nf2f _1y2v1nf6a"
+}, I = "rrbrpn0", m = {
+    default: "rrbrpnu rrbrpng _1y2v1nf95 _1y2v1nfae _1y2v1nfgm _1y2v1nfh6 _1y2v1nfgc _1y2v1nfj7 _1y2v1nfj0 _1y2v1nfjj _1y2v1nfic _1y2v1nf2d _1y2v1nf6a",
+    danger: "rrbrpnv rrbrpng _1y2v1nf95 _1y2v1nfae _1y2v1nfgm _1y2v1nfh6 _1y2v1nfgc _1y2v1nfj7 _1y2v1nfj0 _1y2v1nfjj _1y2v1nfic _1y2v1nf2f _1y2v1nf6a",
+    dangerDark: "rrbrpnw rrbrpng _1y2v1nf95 _1y2v1nfae _1y2v1nfgm _1y2v1nfh6 _1y2v1nfgc _1y2v1nfj7 _1y2v1nfj0 _1y2v1nfjj _1y2v1nfic _1y2v1nf2f _1y2v1nf6a"
+}, N = "rrbrpn7 _1y2v1nfgj _1y2v1nfgd _1y2v1nfjp _1y2v1nfky _1y2v1nfgr _1y2v1nfgx", d = "rrbrpn4 _1y2v1nfgk _1y2v1nfhn _1y2v1nfjj", o = "rrbrpn5", h = "rrbrpn9 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr", k = "rrbrpni _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr";
+export { _ as CHEVRON_MARGIN_LEFT_LINK, f as ICON_MARGIN_PX, y as ICON_SIZE, r as PADDING_X_LINK, a as PADDING_Y_LINK, g as SMALL_ICON_SIZE, j as SMALL_SPINNER_SIZE, b as SPINNER_SIZE, p as X_PADDING_PX, t as X_SMALL_PADDING_PX, e as buttonVariants, i as inverseButtonVariants, c as inverseLinkVariants, I as isLoading, m as linkVariants, N as loadingContent, d as loadingFiller, o as small, h as textContent, k as textContentLink };

package/dist-es/button.js

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as n, jsxs as N, Fragment as W } from "react/jsx-runtime";
+import { jsx as n, jsxs as S, Fragment as W } from "react/jsx-runtime";
 import * as a from "react";
-import T from "classnames";
+import D from "classnames";
 import K from "./spinner.js";
 import { BaseTouchable as g } from "./touchable.js";
-import { useIsInverseVariant as D } from "./theme-variant-context.js";
-import { useForm as O } from "./form-context.js";
-import { pxToRem as V } from "./utils/css.js";
+import { useIsInverseVariant as O } from "./theme-variant-context.js";
+import { useForm as V } from "./form-context.js";
+import { pxToRem as C } from "./utils/css.js";
 import { Text as j, Text3 as H, Text2 as Y } from "./text.js";
 import $ from "./box.js";
-import { getTextFromChildren as S } from "./utils/common.js";
+import { getTextFromChildren as w } from "./utils/common.js";
 import { useTrackingConfig as F, eventNames as z, eventCategories as M, eventActions as q } from "./utils/analytics.js";
 import { useTheme as R } from "./hooks.js";
 import { flattenChildren as J } from "./skins/utils.js";
-import { inverseButtonVariants as Q, buttonVariants as U, small as p, isLoading as G, textContent as ee, inverseLinkVariants as te, linkVariants as ne, PADDING_X_LINK as B, PADDING_Y_LINK as A, textContentLink as re, SMALL_SPINNER_SIZE as ie, SPINNER_SIZE as ae, ICON_MARGIN_PX as E, CHEVRON_MARGIN_LEFT_LINK as oe, loadingFiller as se, X_SMALL_PADDING_PX as le, X_PADDING_PX as ce, loadingContent as de, SMALL_ICON_SIZE as ue, ICON_SIZE as me } from "./button.css-mistica.js";
-const _ = (param)=>{
+import { inverseButtonVariants as Q, buttonVariants as U, small as p, isLoading as G, textContent as ee, inverseLinkVariants as te, linkVariants as ne, PADDING_X_LINK as A, PADDING_Y_LINK as T, textContentLink as re, SMALL_SPINNER_SIZE as ie, SPINNER_SIZE as ae, ICON_MARGIN_PX as E, CHEVRON_MARGIN_LEFT_LINK as oe, loadingFiller as se, X_SMALL_PADDING_PX as le, X_PADDING_PX as ce, loadingContent as de, SMALL_ICON_SIZE as ue, ICON_SIZE as me } from "./button.css-mistica.js";
+const x = (param)=>{
     let { content: e, defaultIconSize: t, renderText: r } = param;
     const s = J(e), u = s.length, c = [];
     let l = [];
@@ -116,25 +116,25 @@ const _ = (param)=>{
                     marginRight: o ? 0 : E
                 },
                 children: /*#__PURE__*/ a.cloneElement(d, {
-                    size: V(v)
+                    size: C(v)
                 })
             }, c.length));
         } else l.push(d), o && f();
     }), c;
 }, fe = ()=>/* @__PURE__ */ n("svg", {
         width: "0.5em",
-        height: "1.25em",
-        viewBox: "0 0 8 20",
+        height: "0.5em",
+        viewBox: "0 0 8 8",
         children: /* @__PURE__ */ n("path", {
-            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",
+            d: "M6.32595 3.46071L3.03801 0.158595L3.03292 0.153747L3.032 0.152903L3.02931 0.150463L3.02848 0.149738L3.02248 0.144353C2.88533 0.021206 2.71386 -0.0126731 2.56343 0.00394249C2.41648 0.0201739 2.27272 0.0856702 2.16886 0.18711C2.06893 0.281844 2.01209 0.42816 2.00175 0.567065C1.99083 0.71377 2.02925 0.889583 2.16869 1.02392L5.24446 4.00145L2.15859 6.96199L2.15375 6.96708L2.1529 6.968L2.15046 6.97069L2.14974 6.97152L2.14435 6.97752C2.02121 7.11467 1.98733 7.28614 2.00394 7.43657C2.02017 7.58352 2.08567 7.72728 2.18711 7.83114C2.28184 7.93107 2.42816 7.98791 2.56706 7.99825C2.71377 8.00917 2.88958 7.97075 3.02392 7.83132L6.32595 4.5422V4.5422C6.6246 4.24355 6.6246 3.75935 6.32595 3.46071V3.46071Z",
             fill: "currentColor"
         })
     }), X = (param)=>{
     let { showSpinner: e, children: t, small: r, loadingText: s, shouldRenderSpinner: u, setShouldRenderSpinner: c, renderText: l, textContentStyle: f, StartIcon: d, EndIcon: m, withChevron: h } = param;
-    const o = r ? ue : me, i = V(r ? ie : ae);
-    return /* @__PURE__ */ N(W, {
+    const o = r ? ue : me, i = C(r ? ie : ae);
+    return /* @__PURE__ */ S(W, {
         children: [
-            /* @__PURE__ */ N("div", {
+            /* @__PURE__ */ S("div", {
                 "aria-hidden": e ? !0 : void 0,
                 className: f,
                 children: [
@@ -145,14 +145,30 @@ const _ = (param)=>{
                             marginRight: E
                         },
                         children: /* @__PURE__ */ n(d, {
-                            size: o,
+                            size: C(o),
                             color: "currentColor"
                         })
                     }),
-                    _({
-                        content: t,
-                        defaultIconSize: o,
-                        renderText: l
+                    /* @__PURE__ */ S("div", {
+                        style: {
+                            display: "flex",
+                            alignItems: "baseline"
+                        },
+                        children: [
+                            x({
+                                content: t,
+                                defaultIconSize: o,
+                                renderText: l
+                            }),
+                            h && /* @__PURE__ */ n("div", {
+                                style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    marginLeft: oe
+                                },
+                                children: /* @__PURE__ */ n(fe, {})
+                            })
+                        ]
                     }),
                     m && !h && /* @__PURE__ */ n("div", {
                         style: {
@@ -161,17 +177,9 @@ const _ = (param)=>{
                             marginLeft: E
                         },
                         children: /* @__PURE__ */ n(m, {
-                            size: o,
+                            size: C(o),
                             color: "currentColor"
                         })
-                    }),
-                    h && /* @__PURE__ */ n("div", {
-                        style: {
-                            display: "flex",
-                            alignItems: "center",
-                            marginLeft: oe
-                        },
-                        children: /* @__PURE__ */ n(fe, {})
                     })
                 ]
             }),
@@ -182,13 +190,13 @@ const _ = (param)=>{
                     paddingLeft: i,
                     paddingRight: E + 2 * (r ? le : ce)
                 } : void 0,
-                children: _({
+                children: x({
                     content: s,
                     defaultIconSize: o,
                     renderText: l
                 })
             }),
-            /* @__PURE__ */ N("div", {
+            /* @__PURE__ */ S("div", {
                 "aria-hidden": e ? void 0 : !0,
                 className: de,
                 onTransitionEnd: ()=>{
@@ -209,7 +217,7 @@ const _ = (param)=>{
                     }),
                     s ? /* @__PURE__ */ n($, {
                         paddingLeft: 8,
-                        children: _({
+                        children: x({
                             content: s,
                             defaultIconSize: o,
                             renderText: l
@@ -220,7 +228,7 @@ const _ = (param)=>{
         ]
     });
 }, k = /*#__PURE__*/ a.forwardRef((e, t)=>{
-    const { textPresets: r } = R(), { eventFormat: s } = F(), { formStatus: u, formId: c } = O(), l = D(), { loadingText: f } = e, d = !!e.submit, m = u === "sending", [h, o] = a.useState(!1), i = e.showSpinner || m && d || h, [v, I] = a.useState(!!i);
+    const { textPresets: r } = R(), { eventFormat: s } = F(), { formStatus: u, formId: c } = V(), l = O(), { loadingText: f } = e, d = !!e.submit, m = u === "sending", [h, o] = a.useState(!1), i = e.showSpinner || m && d || h, [v, I] = a.useState(!!i);
     a.useEffect(()=>{
         i && !v && I(!0);
     }, [
@@ -232,12 +240,12 @@ const _ = (param)=>{
     const P = ()=>s === "google-analytics-4" ? {
             name: z.userInteraction,
             component_type: `${e.type}_button`,
-            component_copy: S(e.children)
+            component_copy: w(e.children)
         } : {
             category: M.userInteraction,
             action: `${e.type}_button_tapped`,
-            label: S(e.children)
-        }, C = (y)=>e.small ? /* @__PURE__ */ n(j, {
+            label: w(e.children)
+        }, N = (y)=>e.small ? /* @__PURE__ */ n(j, {
             size: 14,
             lineHeight: 20,
             weight: r.button.weight,
@@ -253,7 +261,7 @@ const _ = (param)=>{
             children: y
         }), b = {
         ref: t,
-        className: T(l ? Q[e.type] : U[e.type], e.className, {
+        className: D(l ? Q[e.type] : U[e.type], e.className, {
             [p]: e.small,
             [G]: i
         }),
@@ -274,7 +282,7 @@ const _ = (param)=>{
             children: e.children,
             loadingText: f,
             small: e.small,
-            renderText: C,
+            renderText: N,
             textContentStyle: ee,
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon
@@ -316,7 +324,7 @@ const _ = (param)=>{
         "type"
     ]);
     var _t_withChevron;
-    const { formStatus: s } = O(), u = D(), { textPresets: c } = R(), { eventFormat: l } = F(), { isDarkMode: f } = R(), { loadingText: d } = t, m = s === "sending", [h, o] = a.useState(!1), i = t.showSpinner || h, v = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : !!t.href || !!t.to, [I, P] = a.useState(!!i);
+    const { formStatus: s } = V(), u = O(), { textPresets: c } = R(), { eventFormat: l } = F(), { isDarkMode: f } = R(), { loadingText: d } = t, m = s === "sending", [h, o] = a.useState(!1), i = t.showSpinner || h, v = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : !!t.href || !!t.to, [I, P] = a.useState(!!i);
     a.useEffect(()=>{
         i && !I && P(!0);
     }, [
@@ -325,35 +333,35 @@ const _ = (param)=>{
         s
     ]);
     var _t_trackingEvent;
-    const C = ()=>l === "google-analytics-4" ? {
+    const N = ()=>l === "google-analytics-4" ? {
             name: z.userInteraction,
             component_type: e === "danger" ? "danger_link" : "link",
-            component_copy: S(t.children)
+            component_copy: w(t.children)
         } : {
             category: M.userInteraction,
             action: q.linkTapped,
-            label: S(t.children)
-        }, b = (w)=>/* @__PURE__ */ n(Y, {
+            label: w(t.children)
+        }, b = (_)=>/* @__PURE__ */ n(Y, {
             weight: c.button.weight,
             truncate: 1,
             color: "inherit",
-            children: w
+            children: _
         }), y = e === "danger" && f && u ? "dangerDark" : e, L = {
-        className: T(u ? te[y] : ne[y], {
+        className: D(u ? te[y] : ne[y], {
             [G]: i
         }),
         /**
      * Setting bleed classes with style to override the margin:0 set by the Touchable component.
      * If we set it using className, it may not work depending on the order in which the styles are applied.
      */ style: _object_spread({}, t.bleedLeft || t.aligned ? {
-            marginLeft: -B
+            marginLeft: -A
         } : void 0, t.bleedRight ? {
-            marginRight: -B
+            marginRight: -A
         } : void 0, t.bleedY ? {
-            marginTop: -A,
-            marginBottom: -A
+            marginTop: -T,
+            marginBottom: -T
         } : void 0),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? C() : void 0,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? N() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
         "aria-controls": t["aria-controls"],
@@ -378,9 +386,9 @@ const _ = (param)=>{
     if (t.onPress) return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
         ref: r
     }, L), {
-        onPress: (w)=>{
-            const x = t.onPress(w);
-            x && (o(!0), x.finally(()=>o(!1)));
+        onPress: (_)=>{
+            const B = t.onPress(_);
+            B && (o(!0), B.finally(()=>o(!1)));
         }
     }));
     if (t.to || t.to === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
@@ -397,7 +405,7 @@ const _ = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Re = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), xe = /*#__PURE__*/ a.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -409,7 +417,7 @@ const _ = (param)=>{
         ref: r,
         type: "default"
     }));
-}), ke = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), Re = /*#__PURE__*/ a.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -422,7 +430,7 @@ const _ = (param)=>{
         ref: r,
         type: "danger"
     }));
-}), xe = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), ke = /*#__PURE__*/ a.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -459,4 +467,4 @@ const _ = (param)=>{
         type: "danger"
     }));
 });
-export { Ae as ButtonDanger, Re as ButtonLink, ke as ButtonLinkDanger, xe as ButtonPrimary, Be as ButtonSecondary };
+export { Ae as ButtonDanger, xe as ButtonLink, Re as ButtonLinkDanger, ke as ButtonPrimary, Be 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 _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfj7 _1y2v1nfjh", _ = "_14g0jmy3 _1y2v1nfh2";
+var y = "_14g0jmy1 _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfj9 _1y2v1nfjj", _ = "_14g0jmy3 _1y2v1nfh4";
 export { y as container, _ as content };

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

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

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
-var y = "_1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4c", f = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4d", u = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4u", e = "_1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", b = "_1abcu78 _1abcu75 _1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", r = "_1abcu76 _1abcu75 _1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", c = "_1abcu77 _1abcu75 _1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", l = "_1abcu7b _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz", t = "_1abcu7s _1abcu7h _1y2v1nfgg _1y2v1nfi0", o = "_1abcu712 _1y2v1nfgg _1y2v1nfgp _1y2v1nf6u", i = "_1y2v1nfg9 _1y2v1nfid _1y2v1nfga", g = "_1abcu7w", s = "_1abcu710 _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", h = "_1abcu7z _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", p = "_1abcu7t", B = "_1abcu7u", m = "_1abcu7v", w = "_1abcu713", d = "_1abcu715", z = "_1abcu714", P = "_1abcu717 _1abcu7h _1y2v1nfgg _1y2v1nfi0", x = "_1abcu71f _1y2v1nfgb _1y2v1nfl3 _1y2v1nfgg _1y2v1nfgp _1y2v1nfh3", A = "_1y2v1nfga", C = "_1abcu719 _1y2v1nfh3 _1y2v1nfgy", k = "_1abcu71d _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfko", j = "_1abcu71b _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfk9", I = {
+var f = "_1abcu71 _1y2v1nfha _1y2v1nfhq _1y2v1nfj1 _1y2v1nf4d", y = "_1abcu72 _1abcu71 _1y2v1nfha _1y2v1nfhq _1y2v1nfj1 _1y2v1nf4e", u = "_1abcu72 _1abcu71 _1y2v1nfha _1y2v1nfhq _1y2v1nfj1 _1y2v1nf4w", r = "_1abcu74 _1y2v1nf6b _1y2v1nf7k _1y2v1nf98 _1y2v1nfa2 _1y2v1nfgk _1y2v1nfj0 _1y2v1nf6a", b = "_1abcu78 _1abcu75 _1abcu74 _1y2v1nf6b _1y2v1nf7k _1y2v1nf98 _1y2v1nfa2 _1y2v1nfgk _1y2v1nfj0 _1y2v1nf6a", e = "_1abcu76 _1abcu75 _1abcu74 _1y2v1nf6b _1y2v1nf7k _1y2v1nf98 _1y2v1nfa2 _1y2v1nfgk _1y2v1nfj0 _1y2v1nf6a", c = "_1abcu77 _1abcu75 _1abcu74 _1y2v1nf6b _1y2v1nf7k _1y2v1nf98 _1y2v1nfa2 _1y2v1nfgk _1y2v1nfj0 _1y2v1nf6a", l = "_1abcu7b _1abcu71 _1y2v1nfha _1y2v1nfhq _1y2v1nfj1", t = "_1abcu7s _1abcu7h _1y2v1nfgi _1y2v1nfi2", o = "_1abcu712 _1y2v1nfgi _1y2v1nfgr _1y2v1nf6w", s = "_1y2v1nfgb _1y2v1nfif _1y2v1nfgc", g = "_1abcu7w", i = "_1abcu710 _1abcu7y _1abcu7j _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1 _1y2v1nf37 _1y2v1nfhg _1y2v1nfhw _1y2v1nfiz _1y2v1nfgd", h = "_1abcu7z _1abcu7y _1abcu7j _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1 _1y2v1nf37 _1y2v1nfhg _1y2v1nfhw _1y2v1nfiz _1y2v1nfgd", w = "_1abcu7t", j = "_1abcu7u", d = "_1abcu7v", k = "_1abcu713", B = "_1abcu715", m = "_1abcu714", p = "_1abcu717 _1abcu7h _1y2v1nfgi _1y2v1nfi2", P = "_1abcu71f _1y2v1nfgd _1y2v1nfl5 _1y2v1nfgi _1y2v1nfgr _1y2v1nfh5", x = "_1y2v1nfgc", q = "_1abcu719 _1y2v1nfh5 _1y2v1nfh0", A = "_1abcu71d _1abcu7y _1abcu7j _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1 _1y2v1nf37 _1y2v1nfhg _1y2v1nfhw _1y2v1nfiz _1y2v1nfgd _1y2v1nfkq", C = "_1abcu71b _1abcu7y _1abcu7j _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1 _1y2v1nf37 _1y2v1nfhg _1y2v1nfhw _1y2v1nfiz _1y2v1nfgd _1y2v1nfkb", z = {
     itemsPerPageMobile: "var(--_1abcu7m)",
     itemsPerPageTablet: "var(--_1abcu7n)",
     itemsPerPageDesktop: "var(--_1abcu7o)",
     gap: "var(--_1abcu7p)",
     mobilePageOffset: "var(--_1abcu7q)"
 };
-export { y as bullet, f as bulletActive, u as bulletActiveInverse, e as bulletButton, b as bulletButtonDesktop, r as bulletButtonMobile, c as bulletButtonTablet, l as bulletInverse, t as carousel, o as carouselBullets, i as carouselContainer, g as carouselItem, s as carouselNextArrowButton, h as carouselPrevArrowButton, p as carouselWithScrollMobile, B as carouselWithScrollTablet, m as centeredCarousel, w as noCarouselBulletsDesktop, d as noCarouselBulletsMobile, z as noCarouselBulletsTablet, P as slideshow, x as slideshowBullets, A as slideshowContainer, C as slideshowItem, k as slideshowNextArrowButton, j as slideshowPrevArrowButton, I as vars };
+export { f as bullet, y as bulletActive, u as bulletActiveInverse, r as bulletButton, b as bulletButtonDesktop, e as bulletButtonMobile, c as bulletButtonTablet, l as bulletInverse, t as carousel, o as carouselBullets, s as carouselContainer, g as carouselItem, i as carouselNextArrowButton, h as carouselPrevArrowButton, w as carouselWithScrollMobile, j as carouselWithScrollTablet, d as centeredCarousel, k as noCarouselBulletsDesktop, B as noCarouselBulletsMobile, m as noCarouselBulletsTablet, p as slideshow, P as slideshowBullets, x as slideshowContainer, q as slideshowItem, A as slideshowNextArrowButton, C as slideshowPrevArrowButton, z as vars };