@telefonica/mistica 14.6.0 → 14.7.0

package/dist/video.js

@@ -9,8 +9,8 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    RATIO: ()=>C,
-    default: ()=>j
+    RATIO: ()=>F,
+    default: ()=>O
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _imageJs = require("./image.js");
@@ -19,6 +19,7 @@ const _commonJs = require("./utils/common.js");
 const _domJs = require("./utils/dom.js");
 const _platformJs = require("./utils/platform.js");
 const _videoCssMisticaJs = require("./video.css-mistica.js");
+const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
 const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -138,12 +139,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const C = {
+const F = {
     "1:1": 1,
     "16:9": 16 / 9,
     "4:3": 4 / 3
-}, F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
-    var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, n = _objectWithoutProperties(_param, [
+}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", O = /*#__PURE__*/ _react.forwardRef((_param, R)=>{
+    var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, s = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -153,9 +154,9 @@ const C = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const R = (0, _imageJs.useMediaBorderRadius)(), p = typeof A == "number" ? A : C[A], d = _react.useRef(null);
+    const l = (0, _imageJs.useMediaBorderRadius)(), p = typeof A == "number" ? A : F[A], a = _react.useRef(null);
     _react.useEffect(()=>{
-        const e = d.current;
+        const e = a.current;
         e && o && e.paused && e.play();
     }, [
         o
@@ -164,8 +165,8 @@ const C = {
         t
     ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e), a = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("video", _objectSpreadProps(_objectSpread({
-        ref: (0, _commonJs.combineRefs)(l, d),
+        } : e), d = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("video", _objectSpreadProps(_objectSpread({
+        ref: (0, _commonJs.combineRefs)(R, a),
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
@@ -174,10 +175,10 @@ const C = {
         loop: m,
         className: _videoCssMisticaJs.video,
         preload: u,
-        poster: i || F
+        poster: i || N
     }, (0, _domJs.getPrefixedDataAttributes)(f)), {
         style: {
-            borderRadius: R ? 8 : 0
+            borderRadius: l ? _skinContractCssMisticaJs.vars.borderRadii.container : 0
         },
         children: g.map((param, b)=>/* @__PURE__ */ {
             let { src: e , type: h  } = param;
@@ -189,8 +190,8 @@ const C = {
     }));
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_aspectRatioSupportJs.AspectRatioElement, {
         aspectRatio: p,
-        width: n.width,
-        height: n.height,
+        width: s.width,
+        height: s.height,
         children: (0, _platformJs.isSafari)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
             style: {
                 width: "100%",
@@ -199,7 +200,7 @@ const C = {
                 backgroundSize: "cover",
                 backgroundPosition: "50% 50%"
             },
-            children: a
-        }) : a
+            children: d
+        }) : d
     });
 });

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-var a = "_1y2v1nf9h _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9o", f = "_1y2v1nfba";
+var a = "_1y2v1nfa2 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nfa4", f = "_1y2v1nfbq";
 export { a as avatar, f as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./badge.css.ts.vanilla.js";
-var _ = "_17szrmd2 _1y2v1nf7u _1y2v1nf89 _1y2v1nf3x", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf7u _1y2v1nf89 _1y2v1nf3x _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf1p", y = "_1y2v1nf5e", a = "_1y2v1nf5d _1y2v1nf5m";
-export { _ as badge, n as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
+var n = "_17szrmd2 _1y2v1nf80 _1y2v1nf8f _1y2v1nf42", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf80 _1y2v1nf8f _1y2v1nf42 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf1s", y = "_1y2v1nf5k", a = "_1y2v1nf5j _1y2v1nf5s";
+export { n as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };

package/dist-es/boxed.js

@@ -50,46 +50,45 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as n from "react";
+import * as s from "react";
 import v from "classnames";
-import { useIsInverseVariant as B, ThemeVariant as h } from "./theme-variant-context.js";
+import { useIsInverseVariant as h, ThemeVariant as B } from "./theme-variant-context.js";
 import { getPrefixedDataAttributes as k } from "./utils/dom.js";
-import { vars as i } from "./skins/skin-contract.css-mistica.js";
+import { vars as e } from "./skins/skin-contract.css-mistica.js";
 import { useTheme as R } from "./hooks.js";
 import { inverseBorder as w } from "./boxed.css-mistica.js";
-import { sprinkles as e } from "./sprinkles.css-mistica.js";
-import { jsx as t } from "./_virtual/jsx-runtime.js";
-const y = (o, r)=>o && !r ? w : r ? e({
+import { sprinkles as t } from "./sprinkles.css-mistica.js";
+import { jsx as a } from "./_virtual/jsx-runtime.js";
+const y = (o, r)=>o && !r ? w : r ? t({
         border: "none"
-    }) : e({
+    }) : t({
         border: "regular"
-    }), D = /*#__PURE__*/ n.forwardRef((param, p)=>{
-    let { children: o , isInverse: r = !1 , className: s , role: m , dataAttributes: d , "aria-label": f , width: l , height: c , minHeight: u , borderRadius: b , background: a  } = param;
-    const { isDarkMode: x  } = R(), g = B();
-    return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({
-        ref: p,
+    }), C = /*#__PURE__*/ s.forwardRef((param, g)=>{
+    let { children: o , isInverse: r = !1 , className: m , role: d , dataAttributes: f , "aria-label": l , width: c , height: b , minHeight: u , borderRadius: p = e.borderRadii.container , background: i  } = param;
+    const { isDarkMode: x  } = R(), n = h();
+    return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
+        ref: g,
         style: {
-            width: l,
-            height: c,
+            width: c,
+            height: b,
             minHeight: u,
             boxSizing: "border-box",
-            background: a
+            background: i
         },
-        className: v(s, y(g, r), e({
-            borderRadius: b,
+        className: v(m, y(n, r), t({
+            borderRadius: p,
             overflow: "hidden",
-            background: a ? void 0 : r && !x ? i.colors.backgroundBrand : i.colors.backgroundContainer
+            background: i ? void 0 : r && !x ? n ? e.colors.brandHigh : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
         })),
-        role: m,
-        "aria-label": f
-    }, k(d)), {
-        children: /* @__PURE__ */ t(h, {
+        role: d,
+        "aria-label": l
+    }, k(f)), {
+        children: /* @__PURE__ */ a(B, {
             isInverse: r,
             children: o
         })
     }));
-}), N = /*#__PURE__*/ n.forwardRef((o, r)=>/* @__PURE__ */ t(D, _objectSpreadProps(_objectSpread({}, o), {
-        ref: r,
-        borderRadius: 8
+}), M = /*#__PURE__*/ s.forwardRef((o, r)=>/* @__PURE__ */ a(C, _objectSpreadProps(_objectSpread({}, o), {
+        ref: r
     })));
-export { N as Boxed, D as InternalBoxed };
+export { M as Boxed, C as InternalBoxed };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button-group.css.ts.vanilla.js";
-var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5n";
-export { r as buttonChild, t as buttons, v as container, _ as inline };
+var t = "_1xdd1h64", r = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5p _1y2v1nf63 _1y2v1nf5t";
+export { t as buttonChild, r as buttons, v as container, _ as inline };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
 import "./button-layout.css.ts.vanilla.js";
-var i = "kfxylhi", l = {
-    right: "_1y2v1nf5s",
-    left: "_1y2v1nf5q",
-    center: "_1y2v1nf5r",
-    "full-width": "kfxylhh _1y2v1nf5r"
-}, f = "kfxylh6 _1y2v1nf5i", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5i _1y2v1nf7p", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
+var l = "kfxylhi", f = {
+    right: "_1y2v1nf5y",
+    left: "_1y2v1nf5w",
+    center: "_1y2v1nf5x",
+    "full-width": "kfxylhh _1y2v1nf5x"
+}, i = "kfxylh6 _1y2v1nf5o", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5o _1y2v1nf7v", y = "kfxylh4", o = "kfxylh1", x = "kfxylh9", e = {
     buttonWidth: "var(--kfxylh0)"
 };
-export { i as alignMoreThanOneChildred, l as alignVariant, f as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
+export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, o as margins, x as noButtonWidth, e as vars };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
-var _ = 104, r = 8, y = 24, f = 20, a = 16, b = 20, p = 14.5, i = 10.5, o = "rrbrpnk", e = "rrbrpni _1y2v1nf20", t = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1t _1y2v1nf3a",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1x _1y2v1nf5c",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1s _1y2v1nf34"
-}, d = "rrbrpn0", j = "rrbrpng _1y2v1nf71 _1y2v1nf7f _1y2v1nf5m _1y2v1nf7q _1y2v1nf9j _1y2v1nf9g _1y2v1nf1z _1y2v1nf5c _1y2v1nf9o", I = "rrbrpn7 _1y2v1nf5j _1y2v1nf5e _1y2v1nf9q _1y2v1nfaw _1y2v1nf5r _1y2v1nf5x", m = "rrbrpn4 _1y2v1nf5k _1y2v1nf86 _1y2v1nf9o", x = "rrbrpn5", N = "rrbrpn9 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", s = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", L = {
-    primary: "rrbrpnl rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1s _1y2v1nf39",
-    secondary: "rrbrpnm rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1v _1y2v1nf5c",
-    danger: "rrbrpnn rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1s _1y2v1nf34"
+var _ = 104, y = 8, r = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, t = "rrbrpnk", e = "rrbrpni _1y2v1nf23", s = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1w _1y2v1nf3f",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf20 _1y2v1nf5i",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf39"
+}, o = "rrbrpn0", I = "rrbrpng _1y2v1nf77 _1y2v1nf7l _1y2v1nf5s _1y2v1nf7w _1y2v1nf9t _1y2v1nf9m _1y2v1nf22 _1y2v1nf5i _1y2v1nfa4", N = "rrbrpn7 _1y2v1nf5p _1y2v1nf5k _1y2v1nfa6 _1y2v1nfbc _1y2v1nf5x _1y2v1nf63", l = "rrbrpn4 _1y2v1nf5q _1y2v1nf8c _1y2v1nfa4", L = "rrbrpn5", S = "rrbrpn9 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x", d = "_1y2v1nf5o _1y2v1nf63 _1y2v1nf5x", w = {
+    primary: "rrbrpnl rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf3e",
+    secondary: "rrbrpnm rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1y _1y2v1nf5i",
+    danger: "rrbrpnn rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf39"
 };
-export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, b as SPINNER_SIZE, p as X_PADDING_PX, i as X_SMALL_PADDING_PX, o as alignedLink, e as inverseLink, t as inverseVariants, d as isLoading, j as link, I as loadingContent, m as loadingFiller, x as small, N as textContent, s as textContentLink, L as variants };
+export { _ as BUTTON_MIN_WIDTH, y as ICON_MARGIN_PX, r as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, t as alignedLink, e as inverseLink, s as inverseVariants, o as isLoading, I as link, N as loadingContent, l as loadingFiller, L as small, S as textContent, d as textContentLink, w as variants };

package/dist-es/button.js

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