@telefonica/mistica 14.41.0 → 14.42.1

package/dist-es/boxed.js

@@ -53,19 +53,19 @@ function _object_spread_props(target, source) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import * as i from "react";
-import g from "classnames";
-import { useIsInverseVariant as B, ThemeVariant as k } from "./theme-variant-context.js";
-import { getPrefixedDataAttributes as y } from "./utils/dom.js";
+import k from "classnames";
+import { useIsInverseVariant as y, ThemeVariant as B } from "./theme-variant-context.js";
+import { getPrefixedDataAttributes as O } from "./utils/dom.js";
 import { vars as o } from "./skins/skin-contract.css-mistica.js";
-import { boxBorder as R } from "./boxed.css-mistica.js";
+import { desktopOnly as R, boxBorder as h } from "./boxed.css-mistica.js";
 import { sprinkles as s } from "./sprinkles.css-mistica.js";
-const h = (e, r)=>e || r ? s({
+const w = (e, r)=>e || r ? s({
         border: "none"
-    }) : R, w = /*#__PURE__*/ i.forwardRef((param, v)=>{
-    let { children: e, isInverse: r = !1, className: l, role: d, dataAttributes: m, "aria-label": b, "aria-labelledby": f, width: c, height: p, minHeight: u, borderRadius: x = o.borderRadii.container, background: t } = param;
-    const n = B();
+    }) : h, C = /*#__PURE__*/ i.forwardRef((param, g)=>{
+    let { children: e, isInverse: r = !1, className: l, role: d, dataAttributes: m, "aria-label": b, "aria-labelledby": f, width: c, height: p, minHeight: u, borderRadius: x = o.borderRadii.container, background: t, desktopOnly: v } = param;
+    const n = y();
     return /* @__PURE__ */ a("div", _object_spread_props(_object_spread({
-        ref: v,
+        ref: g,
         style: {
             width: c,
             height: p,
@@ -73,21 +73,23 @@ const h = (e, r)=>e || r ? s({
             boxSizing: "border-box",
             background: t
         },
-        className: g(l, h(n, r), s({
+        className: k(l, w(n, r), s({
             borderRadius: x,
             overflow: "hidden",
             background: (t !== null && t !== void 0 ? t : r) ? n ? o.colors.backgroundContainerBrandOverInverse : o.colors.backgroundContainerBrand : o.colors.backgroundContainer
-        })),
+        }), {
+            [R]: v
+        }),
         role: d,
         "aria-label": b,
         "aria-labelledby": f
-    }, y(m)), {
-        children: /* @__PURE__ */ a(k, {
+    }, O(m)), {
+        children: /* @__PURE__ */ a(B, {
             isInverse: r,
             children: e
         })
     }));
-}), A = /*#__PURE__*/ i.forwardRef((e, r)=>/* @__PURE__ */ a(w, _object_spread_props(_object_spread({}, e), {
+}), N = /*#__PURE__*/ i.forwardRef((e, r)=>/* @__PURE__ */ a(C, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));
-export { A as Boxed, w as InternalBoxed };
+export { N as Boxed, C as InternalBoxed };

package/dist-es/button-fixed-footer-layout.js

@@ -1,32 +1,37 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import p from "./fixed-footer-layout.js";
-import c from "./button-layout.js";
-import { useScreenSize as x } from "./hooks.js";
-import { InternalResponsiveLayout as F } from "./responsive-layout.js";
-import h from "./box.js";
-const B = (param)=>{
-    let { isFooterVisible: i = !0, button: t, secondaryButton: r, link: n, children: s, desktopButtonAlign: a = "left", footerBgColor: l, containerBgColor: m, onChangeFooterHeight: u } = param;
-    const { isTabletOrSmaller: e, isTablet: f } = x();
-    return /* @__PURE__ */ o(p, {
-        onChangeFooterHeight: u,
-        isFooterVisible: (!!t || !!r) && i,
-        footerBgColor: l,
-        containerBgColor: m,
-        footer: /* @__PURE__ */ o(F, {
-            children: /* @__PURE__ */ o(h, {
-                paddingY: f ? 32 : e ? 16 : 0,
-                children: /* @__PURE__ */ d(c, {
-                    align: e ? "full-width" : a,
-                    link: n,
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import l from "./fixed-footer-layout.js";
+import f from "./button-layout.js";
+import { useScreenSize as h } from "./hooks.js";
+import { InternalResponsiveLayout as x } from "./responsive-layout.js";
+import c from "./box.js";
+const F = (param)=>{
+    let { isFooterVisible: i = !0, button: t, secondaryButton: e, link: s, children: n, desktopButtonAlign: r, footerBgColor: a, containerBgColor: d, onChangeFooterHeight: m } = param;
+    const { isDesktopOrBigger: u } = h();
+    return /* @__PURE__ */ o(l, {
+        onChangeFooterHeight: m,
+        isFooterVisible: (!!t || !!e) && i,
+        footerBgColor: a,
+        containerBgColor: d,
+        footer: /* @__PURE__ */ o(x, {
+            shouldExpandWhenNested: "desktop",
+            children: /* @__PURE__ */ o(c, {
+                paddingY: {
+                    mobile: 16,
+                    tablet: 32,
+                    desktop: 0
+                },
+                children: /* @__PURE__ */ p(f, {
+                    align: u && r ? r : "full-width",
+                    link: s,
                     children: [
                         t,
-                        r
+                        e
                     ]
                 })
             })
         }),
-        children: s
+        children: n
     });
-}, v = B;
-export { v as default };
+}, S = F;
+export { S as default };

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

@@ -1,10 +1,10 @@
 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 i = "kfxylhg", l = {
-    right: "_1y2v1nfgs",
-    left: "_1y2v1nfgq",
-    center: "_1y2v1nfgr",
-    "full-width": "kfxylhf _1y2v1nfgr"
-}, a = "kfxylh5 _1y2v1nfgi", v = "kfxylh6", y = "kfxylh7", h = "kfxylh2 _1y2v1nfgi _1y2v1nfh5", t = "kfxylh3", e = "kfxylh0";
-export { i as alignMoreThanOneChildren, l as alignVariant, a as baseContainer, v as container, y as fullWidthContainer, h as link, t as linkAlignment, e as margins };
+var r = "kfxylhh", y = {
+    right: "kfxylhd _1y2v1nfgs",
+    left: "kfxylhe _1y2v1nfgq",
+    center: "kfxylhf _1y2v1nfgr",
+    "full-width": "kfxylhg _1y2v1nfgr"
+}, h = "kfxylh6 _1y2v1nfgi _1y2v1nfgx", i = "kfxylh7", a = "kfxylh8", v = "kfxylh3 kfxylh2 _1y2v1nfgi _1y2v1nfh5", t = "kfxylh4", k = "kfxylh2 _1y2v1nfgi _1y2v1nfh5", x = "kfxylh0";
+export { r as alignMoreThanOneChildren, y as alignVariant, h as baseContainer, i as container, a as fullWidthContainer, v as link, t as linkAlignment, k as linkWithTwoButtons, x as margins };

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.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 };