@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/button.js

@@ -78,179 +78,198 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as w, Fragment as F } from "react/jsx-runtime";
-import * as a from "react";
-import M from "classnames";
-import j from "./spinner.js";
-import { BaseTouchable as L } from "./touchable.js";
-import { useIsInverseVariant as Y } from "./theme-variant-context.js";
-import { useForm as Z } from "./form-context.js";
-import { applyCssVars as H, pxToRem as K } from "./utils/css.js";
-import { Text as X, Text3 as _, Text2 as q } from "./text.js";
-import G from "./box.js";
+import { jsx as e, jsxs as T, Fragment as W } from "react/jsx-runtime";
+import * as r from "react";
+import I from "classnames";
+import F from "./spinner.js";
+import { BaseTouchable as C } from "./touchable.js";
+import { useIsInverseOrMediaVariant as M } from "./theme-variant-context.js";
+import { useForm as j } from "./form-context.js";
+import { applyCssVars as Y, pxToRem as Z } from "./utils/css.js";
+import { Text as H, Text3 as K } from "./text.js";
+import X from "./box.js";
 import { getTextFromChildren as V } from "./utils/common.js";
-import { useTrackingConfig as J, eventNames as Q, eventCategories as U, eventActions as z } from "./utils/analytics.js";
-import { useTheme as E } from "./hooks.js";
-import { flattenChildren as p } from "./skins/utils.js";
-import { linkMinWidth as ee, buttonMinWidth as te, inverseButtonVariants as ne, buttonVariants as ie, small as re, isLoading as ae, buttonVars as oe, borderSize as B, buttonPaddingX as v, buttonPaddingY as R, textContent as le, iconMargin as k, chevronMarginLeft as se, loadingFiller as ce, loadingContent as de, iconSize as D, spinnerSize as $ } from "./button.css-mistica.js";
-import { VIVO_NEW_SKIN as ue } from "./skins/constants.js";
-const A = (param)=>{
-    let { small: e, content: i, defaultIconSize: n, TextContentRenderer: r } = param;
-    const f = p(i), g = f.length, l = [];
+import { useTrackingConfig as q, eventNames as G, eventCategories as J, eventActions as z } from "./utils/analytics.js";
+import { useTheme as N } from "./hooks.js";
+import { flattenChildren as Q } from "./skins/utils.js";
+import { linkMinWidth as U, buttonMinWidth as p, inverseButtonVariants as tt, buttonVariants as et, small as nt, isLoading as it, buttonVars as at, borderSize as w, buttonPaddingX as v, buttonPaddingY as B, smallLink as O, textContent as rt, iconMargin as L, chevronMarginLeft as ot, loadingFiller as lt, loadingContent as st, iconSize as D, spinnerSize as $ } from "./button.css-mistica.js";
+import { VIVO_NEW_SKIN as ct } from "./skins/constants.js";
+const dt = (param)=>{
+    let { element: t, small: i } = param;
+    const { textPresets: n } = N();
+    return i ? /* @__PURE__ */ e(H, {
+        size: 14,
+        lineHeight: 20,
+        weight: n.button.weight,
+        truncate: 1,
+        color: "inherit",
+        as: "div",
+        children: t
+    }) : /* @__PURE__ */ e(K, {
+        weight: n.button.weight,
+        truncate: 1,
+        color: "inherit",
+        as: "div",
+        children: t
+    });
+}, A = (param)=>{
+    let { small: t, content: i, defaultIconSize: n } = param;
+    const a = Q(i), g = a.length, l = [];
     let c = [];
     const m = ()=>{
-        l.push(/* @__PURE__ */ t(a.Fragment, {
-            children: r(c, e)
+        l.push(/* @__PURE__ */ e(r.Fragment, {
+            children: /* @__PURE__ */ e(dt, {
+                element: c,
+                small: t
+            })
         }, l.length)), c = [];
     };
-    return f.forEach((s, d)=>{
-        const u = d === 0, o = d === g - 1;
-        if (/*#__PURE__*/ a.isValidElement(s)) {
+    return a.forEach((o, d)=>{
+        const u = d === 0, f = d === g - 1;
+        if (/*#__PURE__*/ r.isValidElement(o)) {
             c.length && m();
-            const y = s.props.size !== void 0 ? K(s.props.size) : n;
-            l.push(/* @__PURE__ */ t("div", {
+            const x = o.props.size !== void 0 ? Z(o.props.size) : n;
+            l.push(/* @__PURE__ */ e("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: u ? 0 : k,
-                    marginRight: o ? 0 : k
+                    marginLeft: u ? 0 : L,
+                    marginRight: f ? 0 : L
                 },
-                children: /*#__PURE__*/ a.cloneElement(s, {
-                    size: y
+                children: /*#__PURE__*/ r.cloneElement(o, {
+                    size: x
                 })
             }, l.length));
-        } else c.push(s), o && m();
+        } else c.push(o), f && m();
     }), l;
-}, me = ()=>{
-    const { skinName: e } = E();
-    return e === ue ? /* @__PURE__ */ t("svg", {
+}, ut = ()=>{
+    const { skinName: t } = N();
+    return t === ct ? /* @__PURE__ */ e("svg", {
         width: "0.5em",
         height: "0.5em",
         viewBox: "0 0 8 8",
         fill: "none",
-        children: /* @__PURE__ */ t("path", {
+        children: /* @__PURE__ */ e("path", {
             d: "M5.11111 3.68886L2.73534 1.30383C2.63671 1.21526 2.51339 1.1909 2.4052 1.20285C2.29952 1.21452 2.19613 1.26162 2.12144 1.33458C2.04957 1.40271 2.00869 1.50793 2.00126 1.60783C1.9934 1.71334 2.02104 1.83978 2.12131 1.93639L4.33333 4.07775L2.11406 6.20689L2.11057 6.21056L2.10821 6.21315L2.10381 6.21806C2.01525 6.31669 1.99089 6.44001 2.00284 6.5482C2.01451 6.65388 2.06161 6.75727 2.13456 6.83196C2.20269 6.90383 2.30792 6.94471 2.40782 6.95215C2.51332 6.96 2.63976 6.93237 2.73638 6.83209L5.11111 4.46664C5.32589 4.25186 5.32589 3.90364 5.11111 3.68886Z",
             fill: "currentColor"
         })
-    }) : /* @__PURE__ */ t("svg", {
+    }) : /* @__PURE__ */ e("svg", {
         width: "0.5em",
         height: "0.5em",
         viewBox: "0 0 8 8",
-        children: /* @__PURE__ */ t("path", {
+        children: /* @__PURE__ */ e("path", {
             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"
         })
     });
-}, fe = (param)=>{
-    let { showSpinner: e, children: i, small: n, loadingText: r, shouldRenderSpinner: f, setShouldRenderSpinner: g, TextContentRenderer: l, StartIcon: c, EndIcon: m, withChevron: s } = param;
-    const d = n ? D.small : D.default, u = n ? $.small : $.default, o = A({
+}, mt = (param)=>{
+    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: l, StartIcon: c, EndIcon: m, withChevron: o } = param;
+    const d = n ? D.small : D.default, u = n ? $.small : $.default, f = A({
         small: n,
         content: i,
-        defaultIconSize: d,
-        TextContentRenderer: l
-    }), C = A({
+        defaultIconSize: d
+    }), s = A({
         small: n,
-        content: r,
-        defaultIconSize: d,
-        TextContentRenderer: l
+        content: a,
+        defaultIconSize: d
     });
-    return /* @__PURE__ */ w(F, {
+    return /* @__PURE__ */ T(W, {
         children: [
-            /* @__PURE__ */ w("div", {
-                "aria-hidden": e ? !0 : void 0,
-                className: le,
+            /* @__PURE__ */ T("div", {
+                "aria-hidden": t ? !0 : void 0,
+                className: rt,
                 children: [
-                    c && /* @__PURE__ */ t("div", {
+                    c && /* @__PURE__ */ e("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginRight: k
+                            marginRight: L
                         },
-                        children: /* @__PURE__ */ t(c, {
+                        children: /* @__PURE__ */ e(c, {
                             size: d,
                             color: "currentColor"
                         })
                     }),
-                    /* @__PURE__ */ w("div", {
+                    /* @__PURE__ */ T("div", {
                         style: {
                             display: "flex",
                             alignItems: "baseline"
                         },
                         children: [
-                            o,
-                            s && /* @__PURE__ */ t("div", {
+                            f,
+                            o && /* @__PURE__ */ e("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center",
-                                    marginLeft: se
+                                    marginLeft: ot
                                 },
-                                children: /* @__PURE__ */ t(me, {})
+                                children: /* @__PURE__ */ e(ut, {})
                             })
                         ]
                     }),
-                    m && !s && /* @__PURE__ */ t("div", {
+                    m && !o && /* @__PURE__ */ e("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: k
+                            marginLeft: L
                         },
-                        children: /* @__PURE__ */ t(m, {
+                        children: /* @__PURE__ */ e(m, {
                             size: d,
                             color: "currentColor"
                         })
                     })
                 ]
             }),
-            /* @__PURE__ */ t("div", {
-                className: ce,
+            /* @__PURE__ */ e("div", {
+                className: lt,
                 "aria-hidden": !0,
-                style: r ? {
+                style: a ? {
                     paddingLeft: u,
-                    paddingRight: `calc(${k} + 2 * ${n ? v.small : v.default})`
+                    paddingRight: `calc(${L} + 2 * ${n ? v.small : v.default})`
                 } : void 0,
-                children: C
+                children: s
             }),
-            /* @__PURE__ */ w("div", {
-                "aria-hidden": e ? void 0 : !0,
-                className: de,
+            /* @__PURE__ */ T("div", {
+                "aria-hidden": t ? void 0 : !0,
+                className: st,
                 onTransitionEnd: ()=>{
-                    e !== f && g(e);
+                    t !== g && l(t);
                 },
                 children: [
-                    f ? /* @__PURE__ */ t(j, {
-                        rolePresentation: !!r,
+                    g ? /* @__PURE__ */ e(F, {
+                        rolePresentation: !!a,
                         color: "currentcolor",
                         delay: "0s",
                         size: u
-                    }) : /* @__PURE__ */ t("div", {
+                    }) : /* @__PURE__ */ e("div", {
                         style: {
                             display: "inline-block",
                             width: u,
                             height: u
                         }
                     }),
-                    r ? /* @__PURE__ */ t(G, {
+                    a ? /* @__PURE__ */ e(X, {
                         paddingLeft: 8,
-                        children: C
+                        children: s
                     }) : null
                 ]
             })
         ]
     });
-}, x = /*#__PURE__*/ a.forwardRef((e, i)=>{
-    var _e_withChevron;
-    const { eventFormat: n } = J(), { formStatus: r, formId: f } = Z(), g = Y(), { loadingText: l } = e, c = !!e.submit, m = r === "sending", { isDarkMode: s } = E(), [d, u] = a.useState(!1), o = e.showSpinner || m && c || d, C = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : e.buttonType.startsWith("link") && (!!e.href || !!e.to), [y, P] = a.useState(!!o);
-    a.useEffect(()=>{
-        o && !y && P(!0);
+}, k = /*#__PURE__*/ r.forwardRef((t, i)=>{
+    var _t_withChevron;
+    const { eventFormat: n } = q(), { formStatus: a, formId: g } = j(), l = M(), { loadingText: c } = t, m = !!t.submit, o = a === "sending", { isDarkMode: d } = N(), [u, f] = r.useState(!1), s = t.showSpinner || o && m || u, x = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [E, P] = r.useState(!!s);
+    r.useEffect(()=>{
+        s && !E && P(!0);
     }, [
-        o,
-        y,
-        r
+        s,
+        E,
+        a
     ]);
-    var _e_trackingEvent;
-    const W = ()=>{
+    var _t_trackingEvent;
+    const _ = ()=>{
         let b, h;
-        switch(e.buttonType){
+        switch(t.buttonType){
             case "link":
                 b = "link", h = z.linkTapped;
                 break;
@@ -258,184 +277,157 @@ const A = (param)=>{
                 b = "danger_link", h = z.linkTapped;
                 break;
             default:
-                b = `${e.buttonType}_button`, h = `${e.buttonType}_button_tapped`;
+                b = `${t.buttonType}_button`, h = `${t.buttonType}_button_tapped`;
                 break;
         }
         return n === "google-analytics-4" ? {
-            name: Q.userInteraction,
+            name: G.userInteraction,
             component_type: b,
-            component_copy: V(e.children)
+            component_copy: V(t.children)
         } : {
-            category: U.userInteraction,
+            category: J.userInteraction,
             action: h,
-            label: V(e.children)
+            label: V(t.children)
         };
-    }, N = e.buttonType.startsWith("link") ? ee : te, S = e.buttonType === "linkDanger" && s && g ? "linkDangerDark" : e.buttonType, T = {
+    }, R = t.buttonType.startsWith("link") ? U : p, S = t.buttonType === "linkDanger" && d && l ? "linkDangerDark" : t.buttonType, y = {
         ref: i,
-        className: M(g ? ne[S] : ie[S], e.className, {
-            [re]: e.small,
-            [ae]: o
+        className: I(l ? tt[S] : et[S], t.className, {
+            [nt]: t.small,
+            [it]: s
         }),
-        style: _object_spread(_object_spread_props(_object_spread({}, H({
-            [oe.minWidth]: e.small ? N.small : N.default
-        }), e.bleedLeft ? {
-            marginLeft: `calc(-1 * (${B} + ${e.small ? v.small : v.default}))`
-        } : void 0, e.bleedRight ? {
-            marginRight: `calc(-1 * (${B} + ${e.small ? v.small : v.default}))`
-        } : void 0, e.bleedY ? {
-            marginTop: `calc(-1 * (${B} + ${e.small ? R.small : R.default}))`,
-            marginBottom: `calc(-1 * (${B} + ${e.small ? R.small : R.default}))`
+        style: _object_spread(_object_spread_props(_object_spread({}, Y({
+            [at.minWidth]: t.small ? R.small : R.default
+        }), t.bleedLeft ? {
+            marginLeft: `calc(-1 * (${w} + ${t.small ? v.small : v.default}))`
+        } : void 0, t.bleedRight ? {
+            marginRight: `calc(-1 * (${w} + ${t.small ? v.small : v.default}))`
+        } : void 0, t.bleedY ? {
+            marginTop: `calc(-1 * (${w} + ${t.small ? B.small : B.default}))`,
+            marginBottom: `calc(-1 * (${w} + ${t.small ? B.small : B.default}))`
         } : void 0), {
-            cursor: e.fake ? "pointer" : void 0
-        }), e.style),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? W() : void 0,
-        dataAttributes: e.dataAttributes,
-        "aria-label": e["aria-label"],
-        "aria-controls": e["aria-controls"],
-        "aria-expanded": e["aria-expanded"],
-        "aria-haspopup": e["aria-haspopup"],
-        tabIndex: e.tabIndex,
-        children: fe({
-            showSpinner: o,
-            shouldRenderSpinner: y,
+            cursor: t.fake ? "pointer" : void 0
+        }), t.style),
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? _() : void 0,
+        dataAttributes: t.dataAttributes,
+        "aria-label": t["aria-label"],
+        "aria-controls": t["aria-controls"],
+        "aria-expanded": t["aria-expanded"],
+        "aria-haspopup": t["aria-haspopup"],
+        tabIndex: t.tabIndex,
+        children: mt({
+            showSpinner: s,
+            shouldRenderSpinner: E,
             setShouldRenderSpinner: P,
-            children: e.children,
-            loadingText: l,
-            small: e.small,
-            TextContentRenderer: e.TextContentRenderer,
-            StartIcon: e.StartIcon,
-            EndIcon: e.EndIcon,
-            withChevron: C
+            children: t.children,
+            loadingText: c,
+            small: t.small,
+            StartIcon: t.StartIcon,
+            EndIcon: t.EndIcon,
+            withChevron: x
         }),
-        disabled: e.disabled || o || m,
-        role: e.role
+        disabled: t.disabled || s || o,
+        role: t.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__ */ t(L, _object_spread_props(_object_spread({
+    if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
+    if (t.fake) return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({
         maybe: !0
-    }, T), {
+    }, y), {
         role: "presentation",
         "aria-hidden": "true"
     }));
-    if (e.submit) return /* @__PURE__ */ t(L, _object_spread({
+    if (t.submit) return /* @__PURE__ */ e(C, _object_spread({
         type: "submit",
-        formId: f,
+        formId: g,
         onPress: ()=>{}
-    }, T));
-    if (e.onPress) return /* @__PURE__ */ t(L, _object_spread_props(_object_spread({}, T), {
+    }, y));
+    if (t.onPress) return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({}, y), {
         onPress: (b)=>{
-            const h = e.onPress(b);
-            h && (u(!0), h.finally(()=>u(!1)));
+            const h = t.onPress(b);
+            h && (f(!0), h.finally(()=>f(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ t(L, _object_spread_props(_object_spread({}, T), {
-        to: e.to,
-        newTab: e.newTab,
-        fullPageOnWebView: e.fullPageOnWebView,
-        onNavigate: e.onNavigate
+    if (t.to || t.to === "") return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({}, y), {
+        to: t.to,
+        newTab: t.newTab,
+        fullPageOnWebView: t.fullPageOnWebView,
+        onNavigate: t.onNavigate
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ t(L, _object_spread_props(_object_spread({}, T), {
-        href: e.href,
-        newTab: e.newTab,
-        loadOnTop: e.loadOnTop,
-        onNavigate: e.onNavigate
+    if (t.href || t.href === "") return /* @__PURE__ */ e(C, _object_spread_props(_object_spread({}, y), {
+        href: t.href,
+        newTab: t.newTab,
+        loadOnTop: t.loadOnTop,
+        onNavigate: t.onNavigate
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), I = (e, i)=>{
-    const { textPresets: n } = E();
-    return i ? /* @__PURE__ */ t(X, {
-        size: 14,
-        lineHeight: 20,
-        weight: n.button.weight,
-        truncate: 1,
-        color: "inherit",
-        as: "div",
-        children: e
-    }) : /* @__PURE__ */ t(_, {
-        weight: n.button.weight,
-        truncate: 1,
-        color: "inherit",
-        as: "div",
-        children: e
-    });
-}, O = (e, i)=>{
-    const { textPresets: n } = E();
-    return /* @__PURE__ */ t(i ? q : _, {
-        weight: n.button.weight,
-        truncate: 1,
-        color: "inherit",
-        children: e
-    });
-}, Pe = /*#__PURE__*/ a.forwardRef((_param, r)=>{
-    var { dataAttributes: e, small: i } = _param, n = _object_without_properties(_param, [
+}), Nt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
+    var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
-        "small"
+        "className"
     ]);
-    return /* @__PURE__ */ t(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLink"
-        }, e)
+        }, t),
+        className: I(i, {
+            [O]: n.small
+        })
     }, n), {
-        small: !0,
-        ref: r,
-        buttonType: "link",
-        TextContentRenderer: O
+        ref: a,
+        buttonType: "link"
     }));
-}), Ne = /*#__PURE__*/ a.forwardRef((_param, r)=>{
-    var { dataAttributes: e, small: i } = _param, n = _object_without_properties(_param, [
+}), Pt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
+    var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
-        "small"
+        "className"
     ]);
-    return /* @__PURE__ */ t(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLinkDanger"
-        }, e)
+        }, t),
+        className: I(i, {
+            [O]: n.small
+        })
     }, n), {
         withChevron: !1,
-        small: !0,
-        ref: r,
-        buttonType: "linkDanger",
-        TextContentRenderer: O
+        ref: a,
+        buttonType: "linkDanger"
     }));
-}), Se = /*#__PURE__*/ a.forwardRef((_param, n)=>{
-    var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
+}), Rt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
+    var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary"
-        }, e)
+        }, t)
     }, i), {
         ref: n,
-        buttonType: "primary",
-        TextContentRenderer: I
+        buttonType: "primary"
     }));
-}), Ve = /*#__PURE__*/ a.forwardRef((_param, n)=>{
-    var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
+}), St = /*#__PURE__*/ r.forwardRef((_param, n)=>{
+    var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary"
-        }, e)
+        }, t)
     }, i), {
         ref: n,
-        buttonType: "secondary",
-        TextContentRenderer: I
+        buttonType: "secondary"
     }));
-}), ze = /*#__PURE__*/ a.forwardRef((_param, n)=>{
-    var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
+}), Vt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
+    var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger"
-        }, e)
+        }, t)
     }, i), {
         ref: n,
-        buttonType: "danger",
-        TextContentRenderer: I
+        buttonType: "danger"
     }));
 });
-export { ze as ButtonDanger, Pe as ButtonLink, Ne as ButtonLinkDanger, Se as ButtonPrimary, Ve as ButtonSecondary };
+export { Vt as ButtonDanger, Nt as ButtonLink, Pt as ButtonLinkDanger, Rt as ButtonPrimary, St as ButtonSecondary };