@telefonica/mistica 14.48.0 → 15.1.0

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -10,20 +10,20 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return n;
+        return a;
     },
     containerWithWrapper: function() {
-        return a;
+        return n;
     },
     vars: function() {
         return y;
     },
     wrapper: function() {
-        return f;
+        return p;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var n = "yqswj62", a = "_1y2v1nfhv _1y2v1nfic _1y2v1nfkf _1y2v1nfku", y = {
+var a = "yqswj62", n = "_1y2v1nfhx _1y2v1nfie _1y2v1nfkh _1y2v1nfkw", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nfk9 _1y2v1nfjn _1y2v1nfjo _1y2v1nfh2";
+}, p = "_1y2v1nfkb _1y2v1nfjp _1y2v1nfjq _1y2v1nfh4";

package/dist/utils/browser.d.ts

@@ -0,0 +1 @@
+export declare const redirect: (url: string, external?: boolean, loadOnTop?: boolean) => void;

package/dist/utils/browser.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "redirect", {
+    enumerable: true,
+    get: function() {
+        return i;
+    }
+});
+const i = function(e) {
+    let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+    o ? window.open(e, "_blank") : n ? window.open(e, "_top") : document.location.href = e;
+};

package/dist/video.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfkf _1y2v1nfku _1y2v1nfha _1y2v1nf70 _1y2v1nfjn _1y2v1nfjo _1y2v1nfm3";
+var f = "_1y2v1nfkh _1y2v1nfkw _1y2v1nfhc _1y2v1nf72 _1y2v1nfjp _1y2v1nfjq _1y2v1nfm5";

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var e = "_8s3szx3", a = "_1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhv _1y2v1nfjq _1y2v1nf70 _1y2v1nfha _1y2v1nfic", v = "_8s3szx9", r = "_8s3szx4", _ = {
+var e = "_8s3szx3", v = "_1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhx _1y2v1nfjs _1y2v1nf72 _1y2v1nfhc _1y2v1nfie", a = "_8s3szx9", r = "_8s3szx4", _ = {
     enter: "_8s3szx5",
     enterActive: "_8s3szx6",
     exit: "_8s3szx7",
     exitActive: "_8s3szx8"
-}, t = "_8s3szx1", i = "_8s3szx2";
-export { e as chevronContainer, a as itemContent, v as panel, r as panelContainer, _ as panelTransitionClasses, t as touchableBackground, i as touchableBackgroundInverse };
+}, t = "_8s3szx1", x = "_8s3szx2";
+export { e as chevronContainer, v as itemContent, a as panel, r as panelContainer, _ as panelTransitionClasses, t as touchableBackground, x as touchableBackgroundInverse };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var n = "_1y2v1nfk6 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk9", a = "_1y2v1nfm3";
-export { n as avatar, a as image };
+var a = "_1y2v1nfk8 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfkb", f = "_1y2v1nfm5";
+export { a as avatar, f as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var _ = "_17szrmd2 _1y2v1nf55", a = "_17szrmd7", d = "_17szrmd3", n = "_17szrmd5 _17szrmd2 _1y2v1nf55 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh", e = "_1y2v1nfh3", h = "_1y2v1nfh2 _1y2v1nfhc";
-export { _ as badge, a as badgeBigNumber, d as badgeBorder, n as badgeNumber, e as badgeWithChildren, h as container };
+var a = "_17szrmd2 _1y2v1nf56", _ = "_17szrmd7", d = "_17szrmd3", e = "_17szrmd5 _17szrmd2 _1y2v1nf56 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj", n = "_1y2v1nfh5", m = "_1y2v1nfh4 _1y2v1nfhe";
+export { a as badge, _ as badgeBigNumber, d as badgeBorder, e as badgeNumber, n as badgeWithChildren, m as container };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./boxed.css.ts.vanilla.css-mistica.js";
-var p = "_1y2v1nfjp", e = "ihbkeq1";
-export { p as boxBorder, e as desktopOnly };
+var e = "_1y2v1nfjr", p = "ihbkeq1";
+export { e as boxBorder, p as desktopOnly };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button-group.css.ts.vanilla.css-mistica.js";
-var h = "_1xdd1h64", r = "_1xdd1h63", t = "_1xdd1h62", v = "_1xdd1h61 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhd";
+var h = "_1xdd1h64", r = "_1xdd1h63", t = "_1xdd1h62", v = "_1xdd1h61 _1y2v1nfhb _1y2v1nfhp _1y2v1nfhf";
 export { h as buttonChild, r as buttons, t as container, v as inline };

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

@@ -2,9 +2,9 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-layout.css.ts.vanilla.css-mistica.js";
 var y = {
-    right: "kfxylh8 _1y2v1nfhi",
-    left: "kfxylh9 _1y2v1nfhg",
-    center: "kfxylha _1y2v1nfhh",
-    "full-width": "kfxylhb _1y2v1nfhh"
-}, v = "kfxylh2 _1y2v1nfh8 _1y2v1nfhn", l = "kfxylh3", t = "kfxylhe kfxylhd _1y2v1nfh8 _1y2v1nfhv", r = "kfxylhf kfxylhd _1y2v1nfh8 _1y2v1nfhv", i = "kfxylh0";
-export { y as alignVariant, v as container, l as containerWithTwoButtons, t as link, r as linkWithTwoButtons, i as margins };
+    right: "kfxylh8 _1y2v1nfhk",
+    left: "kfxylh9 _1y2v1nfhi",
+    center: "kfxylha _1y2v1nfhj",
+    "full-width": "kfxylhb _1y2v1nfhj"
+}, l = "kfxylh2 _1y2v1nfha _1y2v1nfhp", t = "kfxylh3", a = "kfxylhe kfxylhd _1y2v1nfha _1y2v1nfhx", r = "kfxylhf kfxylhd _1y2v1nfha _1y2v1nfhx", v = "kfxylh0";
+export { y as alignVariant, l as container, t as containerWithTwoButtons, a as link, r as linkWithTwoButtons, v as margins };

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, f = 8, y = 24, r = 12, a = 6, h = 20, b = 16, p = 20, j = 14.5, t = 10.5, e = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhc _1y2v1nfh2 _1y2v1nfhw _1y2v1nfjx _1y2v1nfk9 _1y2v1nf27 _1y2v1nf4e",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhc _1y2v1nfh2 _1y2v1nfhw _1y2v1nfjx _1y2v1nfk9 _1y2v1nf2a _1y2v1nf70",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhc _1y2v1nfh2 _1y2v1nfhw _1y2v1nfjx _1y2v1nfk9 _1y2v1nf27 _1y2v1nf46"
-}, i = {
-    primary: "rrbrpnr rrbrpn2 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhc _1y2v1nfh2 _1y2v1nfhw _1y2v1nfjx _1y2v1nfk9 _1y2v1nf28 _1y2v1nf4f",
-    secondary: "rrbrpns rrbrpn2 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhc _1y2v1nfh2 _1y2v1nfhw _1y2v1nfjx _1y2v1nfk9 _1y2v1nf2c _1y2v1nf70",
-    danger: "rrbrpnt rrbrpn2 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhc _1y2v1nfh2 _1y2v1nfhw _1y2v1nfjx _1y2v1nfk9 _1y2v1nf27 _1y2v1nf46"
+var _ = 2, y = 8, f = 24, r = 12, a = 6, b = 20, h = 16, p = 20, e = 14.5, j = 10.5, t = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhe _1y2v1nfh4 _1y2v1nfhy _1y2v1nfjz _1y2v1nfkb _1y2v1nf27 _1y2v1nf4f",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhe _1y2v1nfh4 _1y2v1nfhy _1y2v1nfjz _1y2v1nfkb _1y2v1nf2a _1y2v1nf72",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhe _1y2v1nfh4 _1y2v1nfhy _1y2v1nfjz _1y2v1nfkb _1y2v1nf27 _1y2v1nf47"
 }, g = {
-    default: "rrbrpnx rrbrpng _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhc _1y2v1nfhw _1y2v1nfh2 _1y2v1nfjx _1y2v1nfjq _1y2v1nfk9 _1y2v1nfj2 _1y2v1nf2f _1y2v1nf70",
-    danger: "rrbrpny rrbrpng _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhc _1y2v1nfhw _1y2v1nfh2 _1y2v1nfjx _1y2v1nfjq _1y2v1nfk9 _1y2v1nfj2 _1y2v1nf2g _1y2v1nf4a",
-    dangerDark: "rrbrpnz rrbrpng _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhc _1y2v1nfhw _1y2v1nfh2 _1y2v1nfjx _1y2v1nfjq _1y2v1nfk9 _1y2v1nfj2 _1y2v1nf2g _1y2v1nf70"
+    primary: "rrbrpnr rrbrpn2 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhe _1y2v1nfh4 _1y2v1nfhy _1y2v1nfjz _1y2v1nfkb _1y2v1nf28 _1y2v1nf4g",
+    secondary: "rrbrpns rrbrpn2 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhe _1y2v1nfh4 _1y2v1nfhy _1y2v1nfjz _1y2v1nfkb _1y2v1nf2c _1y2v1nf72",
+    danger: "rrbrpnt rrbrpn2 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhe _1y2v1nfh4 _1y2v1nfhy _1y2v1nfjz _1y2v1nfkb _1y2v1nf27 _1y2v1nf47"
+}, i = {
+    default: "rrbrpnx rrbrpng _1y2v1nf9x _1y2v1nfb6 _1y2v1nfhe _1y2v1nfhy _1y2v1nfh4 _1y2v1nfjz _1y2v1nfjs _1y2v1nfkb _1y2v1nfj4 _1y2v1nf2f _1y2v1nf72",
+    danger: "rrbrpny rrbrpng _1y2v1nf9x _1y2v1nfb6 _1y2v1nfhe _1y2v1nfhy _1y2v1nfh4 _1y2v1nfjz _1y2v1nfjs _1y2v1nfkb _1y2v1nfj4 _1y2v1nf2g _1y2v1nf4b",
+    dangerDark: "rrbrpnz rrbrpng _1y2v1nf9x _1y2v1nfb6 _1y2v1nfhe _1y2v1nfhy _1y2v1nfh4 _1y2v1nfjz _1y2v1nfjs _1y2v1nfkb _1y2v1nfj4 _1y2v1nf2g _1y2v1nf72"
 }, k = "rrbrpn0", I = {
-    default: "rrbrpnu rrbrpng _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhc _1y2v1nfhw _1y2v1nfh2 _1y2v1nfjx _1y2v1nfjq _1y2v1nfk9 _1y2v1nfj2 _1y2v1nf2e _1y2v1nf70",
-    danger: "rrbrpnv rrbrpng _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhc _1y2v1nfhw _1y2v1nfh2 _1y2v1nfjx _1y2v1nfjq _1y2v1nfk9 _1y2v1nfj2 _1y2v1nf2g _1y2v1nf70",
-    dangerDark: "rrbrpnw rrbrpng _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhc _1y2v1nfhw _1y2v1nfh2 _1y2v1nfjx _1y2v1nfjq _1y2v1nfk9 _1y2v1nfj2 _1y2v1nf2g _1y2v1nf70"
-}, s = "rrbrpn7 _1y2v1nfh9 _1y2v1nfh3 _1y2v1nfkf _1y2v1nflo _1y2v1nfhh _1y2v1nfhn", N = "rrbrpn4 _1y2v1nfha _1y2v1nfid _1y2v1nfk9", x = "rrbrpn5", c = "rrbrpn9 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh", o = "rrbrpni _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh";
-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, h as SMALL_ICON_SIZE, b as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, j as X_PADDING_PX, t as X_SMALL_PADDING_PX, e as buttonVariants, i as inverseButtonVariants, g as inverseLinkVariants, k as isLoading, I as linkVariants, s as loadingContent, N as loadingFiller, x as small, c as textContent, o as textContentLink };
+    default: "rrbrpnu rrbrpng _1y2v1nf9x _1y2v1nfb6 _1y2v1nfhe _1y2v1nfhy _1y2v1nfh4 _1y2v1nfjz _1y2v1nfjs _1y2v1nfkb _1y2v1nfj4 _1y2v1nf2e _1y2v1nf72",
+    danger: "rrbrpnv rrbrpng _1y2v1nf9x _1y2v1nfb6 _1y2v1nfhe _1y2v1nfhy _1y2v1nfh4 _1y2v1nfjz _1y2v1nfjs _1y2v1nfkb _1y2v1nfj4 _1y2v1nf2g _1y2v1nf72",
+    dangerDark: "rrbrpnw rrbrpng _1y2v1nf9x _1y2v1nfb6 _1y2v1nfhe _1y2v1nfhy _1y2v1nfh4 _1y2v1nfjz _1y2v1nfjs _1y2v1nfkb _1y2v1nfj4 _1y2v1nf2g _1y2v1nf72"
+}, s = "rrbrpn7 _1y2v1nfhb _1y2v1nfh5 _1y2v1nfkh _1y2v1nflq _1y2v1nfhj _1y2v1nfhp", N = "rrbrpn4 _1y2v1nfhc _1y2v1nfif _1y2v1nfkb", l = "rrbrpn5", o = "rrbrpn9 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj", d = "rrbrpni _1y2v1nfha _1y2v1nfhp _1y2v1nfhj";
+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, b as SMALL_ICON_SIZE, h as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, e as X_PADDING_PX, j as X_SMALL_PADDING_PX, t as buttonVariants, g as inverseButtonVariants, i as inverseLinkVariants, k as isLoading, I as linkVariants, s as loadingContent, N as loadingFiller, l as small, o as textContent, d as textContentLink };

package/dist-es/button.js

@@ -78,48 +78,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as n, jsxs as S, Fragment as W } from "react/jsx-runtime";
+import { jsx as n, jsxs as P, Fragment as W } from "react/jsx-runtime";
 import * as a from "react";
 import D from "classnames";
 import K from "./spinner.js";
 import { BaseTouchable as g } from "./touchable.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 { pxToRem as S } from "./utils/css.js";
 import { Text as j, Text3 as H, Text2 as Y } from "./text.js";
 import $ from "./box.js";
-import { getTextFromChildren as N } from "./utils/common.js";
+import { getTextFromChildren as C } 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 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";
+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 ie, SMALL_SPINNER_SIZE as re, SPINNER_SIZE as ae, ICON_MARGIN_PX as N, CHEVRON_MARGIN_LEFT_LINK as oe, loadingFiller as le, X_SMALL_PADDING_PX as se, 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 = [];
+    let { content: e, defaultIconSize: t, renderText: i } = param;
+    const l = J(e), u = l.length, c = [];
+    let s = [];
     const f = ()=>{
         c.push(/* @__PURE__ */ n(a.Fragment, {
-            children: r(l)
-        }, c.length)), l = [];
+            children: i(s)
+        }, c.length)), s = [];
     };
-    return s.forEach((d, m)=>{
+    return l.forEach((d, m)=>{
         const h = m === 0, o = m === u - 1;
         if (/*#__PURE__*/ a.isValidElement(d)) {
-            l.length && f();
+            s.length && f();
             var _d_props_size;
             const v = (_d_props_size = d.props.size) !== null && _d_props_size !== void 0 ? _d_props_size : t;
             c.push(/* @__PURE__ */ n("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: h ? 0 : E,
-                    marginRight: o ? 0 : E
+                    marginLeft: h ? 0 : N,
+                    marginRight: o ? 0 : N
                 },
                 children: /*#__PURE__*/ a.cloneElement(d, {
-                    size: C(v)
+                    size: S(v)
                 })
             }, c.length));
-        } else l.push(d), o && f();
+        } else s.push(d), o && f();
     }), c;
 }, fe = ()=>/* @__PURE__ */ n("svg", {
         width: "0.5em",
@@ -130,11 +130,11 @@ const x = (param)=>{
             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 = C(r ? ie : ae);
-    return /* @__PURE__ */ S(W, {
+    let { showSpinner: e, children: t, small: i, loadingText: l, shouldRenderSpinner: u, setShouldRenderSpinner: c, renderText: s, textContentStyle: f, StartIcon: d, EndIcon: m, withChevron: h } = param;
+    const o = i ? ue : me, r = S(i ? re : ae);
+    return /* @__PURE__ */ P(W, {
         children: [
-            /* @__PURE__ */ S("div", {
+            /* @__PURE__ */ P("div", {
                 "aria-hidden": e ? !0 : void 0,
                 className: f,
                 children: [
@@ -142,14 +142,14 @@ const x = (param)=>{
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginRight: E
+                            marginRight: N
                         },
                         children: /* @__PURE__ */ n(d, {
-                            size: C(o),
+                            size: S(o),
                             color: "currentColor"
                         })
                     }),
-                    /* @__PURE__ */ S("div", {
+                    /* @__PURE__ */ P("div", {
                         style: {
                             display: "flex",
                             alignItems: "baseline"
@@ -158,7 +158,7 @@ const x = (param)=>{
                             x({
                                 content: t,
                                 defaultIconSize: o,
-                                renderText: l
+                                renderText: s
                             }),
                             h && /* @__PURE__ */ n("div", {
                                 style: {
@@ -174,29 +174,29 @@ const x = (param)=>{
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: E
+                            marginLeft: N
                         },
                         children: /* @__PURE__ */ n(m, {
-                            size: C(o),
+                            size: S(o),
                             color: "currentColor"
                         })
                     })
                 ]
             }),
             /* @__PURE__ */ n("div", {
-                className: se,
+                className: le,
                 "aria-hidden": !0,
-                style: s ? {
-                    paddingLeft: i,
-                    paddingRight: E + 2 * (r ? le : ce)
+                style: l ? {
+                    paddingLeft: r,
+                    paddingRight: N + 2 * (i ? se : ce)
                 } : void 0,
                 children: x({
-                    content: s,
+                    content: l,
                     defaultIconSize: o,
-                    renderText: l
+                    renderText: s
                 })
             }),
-            /* @__PURE__ */ S("div", {
+            /* @__PURE__ */ P("div", {
                 "aria-hidden": e ? void 0 : !0,
                 className: de,
                 onTransitionEnd: ()=>{
@@ -204,23 +204,23 @@ const x = (param)=>{
                 },
                 children: [
                     u ? /* @__PURE__ */ n(K, {
-                        rolePresentation: !!s,
+                        rolePresentation: !!l,
                         color: "currentcolor",
                         delay: "0s",
-                        size: i
+                        size: r
                     }) : /* @__PURE__ */ n("div", {
                         style: {
                             display: "inline-block",
-                            width: i,
-                            height: i
+                            width: r,
+                            height: r
                         }
                     }),
-                    s ? /* @__PURE__ */ n($, {
+                    l ? /* @__PURE__ */ n($, {
                         paddingLeft: 8,
                         children: x({
-                            content: s,
+                            content: l,
                             defaultIconSize: o,
-                            renderText: l
+                            renderText: s
                         })
                     }) : null
                 ]
@@ -228,47 +228,47 @@ const x = (param)=>{
         ]
     });
 }, k = /*#__PURE__*/ a.forwardRef((e, t)=>{
-    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);
+    const { textPresets: i } = R(), { eventFormat: l } = F(), { formStatus: u, formId: c } = V(), s = O(), { loadingText: f } = e, d = !!e.submit, m = u === "sending", [h, o] = a.useState(!1), r = e.showSpinner || m && d || h, [v, I] = a.useState(!!r);
     a.useEffect(()=>{
-        i && !v && I(!0);
+        r && !v && I(!0);
     }, [
-        i,
+        r,
         v,
         u
     ]);
     var _e_trackingEvent;
-    const P = ()=>s === "google-analytics-4" ? {
+    const E = ()=>l === "google-analytics-4" ? {
             name: z.userInteraction,
             component_type: `${e.type}_button`,
-            component_copy: N(e.children)
+            component_copy: C(e.children)
         } : {
             category: M.userInteraction,
             action: `${e.type}_button_tapped`,
-            label: N(e.children)
+            label: C(e.children)
         }, w = (y)=>e.small ? /* @__PURE__ */ n(j, {
             size: 14,
             lineHeight: 20,
-            weight: r.button.weight,
+            weight: i.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
             children: y
         }) : /* @__PURE__ */ n(H, {
-            weight: r.button.weight,
+            weight: i.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
             children: y
         }), b = {
         ref: t,
-        className: D(l ? Q[e.type] : U[e.type], e.className, {
+        className: D(s ? Q[e.type] : U[e.type], e.className, {
             [p]: e.small,
-            [G]: i
+            [G]: r
         }),
         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 ? P() : void 0,
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? E() : void 0,
         dataAttributes: e.dataAttributes,
         "aria-label": e["aria-label"],
         "aria-controls": e["aria-controls"],
@@ -276,7 +276,7 @@ const x = (param)=>{
         "aria-haspopup": e["aria-haspopup"],
         tabIndex: e.tabIndex,
         children: X({
-            showSpinner: i,
+            showSpinner: r,
             shouldRenderSpinner: v,
             setShouldRenderSpinner: I,
             children: e.children,
@@ -287,8 +287,8 @@ const x = (param)=>{
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon
         }),
-        disabled: e.disabled || i || m,
-        role: "button"
+        disabled: e.disabled || r || m,
+        role: e.role
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
     if (e.fake) return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
@@ -310,37 +310,39 @@ const x = (param)=>{
     }));
     if (e.to || e.to === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({}, b), {
         to: e.to,
-        fullPageOnWebView: e.fullPageOnWebView
+        fullPageOnWebView: e.fullPageOnWebView,
+        onNavigate: e.onNavigate
     }));
     if (e.href || e.href === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({}, b), {
         href: e.href,
         newTab: e.newTab,
-        loadOnTop: e.loadOnTop
+        loadOnTop: e.loadOnTop,
+        onNavigate: e.onNavigate
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Z = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), Z = /*#__PURE__*/ a.forwardRef((_param, i)=>{
     var { type: e } = _param, t = _object_without_properties(_param, [
         "type"
     ]);
     var _t_withChevron;
-    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);
+    const { formStatus: l } = V(), u = O(), { textPresets: c } = R(), { eventFormat: s } = F(), { isDarkMode: f } = R(), { loadingText: d } = t, m = l === "sending", [h, o] = a.useState(!1), r = t.showSpinner || h, v = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : !!t.href || !!t.to, [I, E] = a.useState(!!r);
     a.useEffect(()=>{
-        i && !I && P(!0);
+        r && !I && E(!0);
     }, [
-        i,
+        r,
         I,
-        s
+        l
     ]);
     var _t_trackingEvent;
-    const w = ()=>l === "google-analytics-4" ? {
+    const w = ()=>s === "google-analytics-4" ? {
             name: z.userInteraction,
             component_type: e === "danger" ? "danger_link" : "link",
-            component_copy: N(t.children)
+            component_copy: C(t.children)
         } : {
             category: M.userInteraction,
             action: q.linkTapped,
-            label: N(t.children)
+            label: C(t.children)
         }, b = (_)=>/* @__PURE__ */ n(Y, {
             weight: c.button.weight,
             truncate: 1,
@@ -348,12 +350,12 @@ const x = (param)=>{
             children: _
         }), y = e === "danger" && f && u ? "dangerDark" : e, L = {
         className: D(u ? te[y] : ne[y], {
-            [G]: i
+            [G]: r
         }),
         /**
      * 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 ? {
+     */ style: _object_spread({}, t.bleedLeft ? {
             marginLeft: -A
         } : void 0, t.bleedRight ? {
             marginRight: -A
@@ -368,23 +370,24 @@ const x = (param)=>{
         "aria-expanded": t["aria-expanded"],
         "aria-haspopup": t["aria-haspopup"],
         children: X({
-            showSpinner: i,
+            showSpinner: r,
             shouldRenderSpinner: I,
-            setShouldRenderSpinner: P,
+            setShouldRenderSpinner: E,
             children: t.children,
             loadingText: d,
             small: !0,
             renderText: b,
-            textContentStyle: re,
+            textContentStyle: ie,
             StartIcon: t.StartIcon,
             EndIcon: t.EndIcon,
             withChevron: v
         }),
-        disabled: t.disabled || i || m
+        disabled: t.disabled || r || m,
+        role: t.role
     };
     if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
     if (t.onPress) return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
-        ref: r
+        ref: i
     }, L), {
         onPress: (_)=>{
             const B = t.onPress(_);
@@ -392,20 +395,22 @@ const x = (param)=>{
         }
     }));
     if (t.to || t.to === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
-        ref: r
+        ref: i
     }, L), {
         to: t.to,
-        fullPageOnWebView: t.fullPageOnWebView
+        fullPageOnWebView: t.fullPageOnWebView,
+        onNavigate: t.onNavigate
     }));
     if (t.href || t.href === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
-        ref: r
+        ref: i
     }, L), {
         href: t.href,
-        newTab: t.newTab
+        newTab: t.newTab,
+        onNavigate: t.onNavigate
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), xe = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), xe = /*#__PURE__*/ a.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -414,10 +419,10 @@ const x = (param)=>{
             "component-name": "ButtonLink"
         }, e)
     }, t), {
-        ref: r,
+        ref: i,
         type: "default"
     }));
-}), Re = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), Re = /*#__PURE__*/ a.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -427,10 +432,10 @@ const x = (param)=>{
         }, e)
     }, t), {
         withChevron: !1,
-        ref: r,
+        ref: i,
         type: "danger"
     }));
-}), ke = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), ke = /*#__PURE__*/ a.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -439,10 +444,10 @@ const x = (param)=>{
             "component-name": "ButtonPrimary"
         }, e)
     }, t), {
-        ref: r,
+        ref: i,
         type: "primary"
     }));
-}), Be = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), Be = /*#__PURE__*/ a.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -451,10 +456,10 @@ const x = (param)=>{
             "component-name": "ButtonSecondary"
         }, e)
     }, t), {
-        ref: r,
+        ref: i,
         type: "secondary"
     }));
-}), Ae = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+}), Ae = /*#__PURE__*/ a.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -463,7 +468,7 @@ const x = (param)=>{
             "component-name": "ButtonDanger"
         }, e)
     }, t), {
-        ref: r,
+        ref: i,
         type: "danger"
     }));
 });

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 v = "_14g0jmy1 _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfjz _1y2v1nfk9", _ = "_14g0jmy3 _1y2v1nfhu";
-export { v as container, _ as content };
+var y = "_14g0jmy1 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfk1 _1y2v1nfkb", _ = "_14g0jmy3 _1y2v1nfhw";
+export { y as container, _ as content };