@telefonica/mistica 14.36.0 → 14.37.0

package/dist-es/button.js

@@ -78,204 +78,204 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as C, Fragment as G } from "react/jsx-runtime";
+import { jsx as n, jsxs as N, Fragment as W } from "react/jsx-runtime";
 import * as a from "react";
-import k from "classnames";
-import M from "./spinner.js";
-import { BaseTouchable as b } from "./touchable.js";
-import { useIsInverseVariant as A } from "./theme-variant-context.js";
-import { useForm as T } from "./form-context.js";
-import { pxToRem as B } from "./utils/css.js";
-import { Text as X, Text3 as Z, Text2 as W } from "./text.js";
-import K from "./box.js";
-import { getTextFromChildren as P } from "./utils/common.js";
-import { useTrackingConfig as j, eventNames as O, eventCategories as D, eventActions as H } from "./utils/analytics.js";
-import { useTheme as V } from "./hooks.js";
-import { flattenChildren as Y } from "./skins/utils.js";
-import { inverseVariants as $, variants as q, small as J, isLoading as F, textContent as Q, link as U, inverseLink as p, PADDING_X_LINK as x, PADDING_Y_LINK as R, textContentLink as ee, SMALL_SPINNER_SIZE as te, SPINNER_SIZE as ne, ICON_MARGIN_PX as E, CHEVRON_MARGIN_LEFT_LINK as ie, loadingFiller as re, X_SMALL_PADDING_PX as ae, X_PADDING_PX as oe, loadingContent as se, SMALL_ICON_SIZE as le, ICON_SIZE as ce } from "./button.css-mistica.js";
-const N = (param)=>{
-    let { content: e, defaultIconSize: r, renderText: n } = param;
-    const l = Y(e), f = l.length, d = [];
-    let c = [];
-    const g = ()=>{
-        d.push(/* @__PURE__ */ t(a.Fragment, {
-            children: n(c)
-        }, d.length)), c = [];
+import T 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 { 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 { 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)=>{
+    let { content: e, defaultIconSize: t, renderText: r } = param;
+    const s = J(e), u = s.length, c = [];
+    let l = [];
+    const f = ()=>{
+        c.push(/* @__PURE__ */ n(a.Fragment, {
+            children: r(l)
+        }, c.length)), l = [];
     };
-    return l.forEach((u, m)=>{
-        const o = m === 0, s = m === f - 1;
-        if (/*#__PURE__*/ a.isValidElement(u)) {
-            c.length && g();
-            var _u_props_size;
-            const v = (_u_props_size = u.props.size) !== null && _u_props_size !== void 0 ? _u_props_size : r;
-            d.push(/* @__PURE__ */ t("div", {
+    return s.forEach((d, m)=>{
+        const h = m === 0, o = m === u - 1;
+        if (/*#__PURE__*/ a.isValidElement(d)) {
+            l.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: o ? 0 : E,
-                    marginRight: s ? 0 : E
+                    marginLeft: h ? 0 : E,
+                    marginRight: o ? 0 : E
                 },
-                children: /*#__PURE__*/ a.cloneElement(u, {
-                    size: B(v)
+                children: /*#__PURE__*/ a.cloneElement(d, {
+                    size: V(v)
                 })
-            }, d.length));
-        } else c.push(u), s && g();
-    }), d;
-}, de = ()=>/* @__PURE__ */ t("svg", {
+            }, c.length));
+        } else l.push(d), o && f();
+    }), c;
+}, fe = ()=>/* @__PURE__ */ n("svg", {
         width: "0.5em",
         height: "1.25em",
         viewBox: "0 0 8 20",
-        children: /* @__PURE__ */ t("path", {
+        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",
             fill: "currentColor"
         })
-    }), z = (param)=>{
-    let { showSpinner: e, children: r, small: n, loadingText: l, shouldRenderSpinner: f, setShouldRenderSpinner: d, renderText: c, textContentStyle: g, StartIcon: u, EndIcon: m, withChevron: o } = param;
-    const s = n ? le : ce, i = B(n ? te : ne);
-    return /* @__PURE__ */ C(G, {
+    }), 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, {
         children: [
-            /* @__PURE__ */ C("div", {
+            /* @__PURE__ */ N("div", {
                 "aria-hidden": e ? !0 : void 0,
-                className: g,
+                className: f,
                 children: [
-                    u && /* @__PURE__ */ t("div", {
+                    d && /* @__PURE__ */ n("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
                             marginRight: E
                         },
-                        children: /* @__PURE__ */ t(u, {
-                            size: s,
+                        children: /* @__PURE__ */ n(d, {
+                            size: o,
                             color: "currentColor"
                         })
                     }),
-                    N({
-                        content: r,
-                        defaultIconSize: s,
-                        renderText: c
+                    _({
+                        content: t,
+                        defaultIconSize: o,
+                        renderText: l
                     }),
-                    m && !o && /* @__PURE__ */ t("div", {
+                    m && !h && /* @__PURE__ */ n("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
                             marginLeft: E
                         },
-                        children: /* @__PURE__ */ t(m, {
-                            size: s,
+                        children: /* @__PURE__ */ n(m, {
+                            size: o,
                             color: "currentColor"
                         })
                     }),
-                    o && /* @__PURE__ */ t("div", {
+                    h && /* @__PURE__ */ n("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: ie
+                            marginLeft: oe
                         },
-                        children: /* @__PURE__ */ t(de, {})
+                        children: /* @__PURE__ */ n(fe, {})
                     })
                 ]
             }),
-            /* @__PURE__ */ t("div", {
-                className: re,
+            /* @__PURE__ */ n("div", {
+                className: se,
                 "aria-hidden": !0,
-                style: l ? {
+                style: s ? {
                     paddingLeft: i,
-                    paddingRight: E + 2 * (n ? ae : oe)
+                    paddingRight: E + 2 * (r ? le : ce)
                 } : void 0,
-                children: N({
-                    content: l,
-                    defaultIconSize: s,
-                    renderText: c
+                children: _({
+                    content: s,
+                    defaultIconSize: o,
+                    renderText: l
                 })
             }),
-            /* @__PURE__ */ C("div", {
+            /* @__PURE__ */ N("div", {
                 "aria-hidden": e ? void 0 : !0,
-                className: se,
+                className: de,
                 onTransitionEnd: ()=>{
-                    e !== f && d(e);
+                    e !== u && c(e);
                 },
                 children: [
-                    f ? /* @__PURE__ */ t(M, {
-                        rolePresentation: !!l,
+                    u ? /* @__PURE__ */ n(K, {
+                        rolePresentation: !!s,
                         color: "currentcolor",
                         delay: "0s",
                         size: i
-                    }) : /* @__PURE__ */ t("div", {
+                    }) : /* @__PURE__ */ n("div", {
                         style: {
                             display: "inline-block",
                             width: i,
                             height: i
                         }
                     }),
-                    l ? /* @__PURE__ */ t(K, {
+                    s ? /* @__PURE__ */ n($, {
                         paddingLeft: 8,
-                        children: N({
-                            content: l,
-                            defaultIconSize: s,
-                            renderText: c
+                        children: _({
+                            content: s,
+                            defaultIconSize: o,
+                            renderText: l
                         })
                     }) : null
                 ]
             })
         ]
     });
-}, _ = /*#__PURE__*/ a.forwardRef((e, r)=>{
-    const { textPresets: n } = V(), { eventFormat: l } = j(), { formStatus: f, formId: d } = T(), c = A(), { loadingText: g } = e, u = !!e.submit, m = f === "sending", [o, s] = a.useState(!1), i = e.showSpinner || m && u || o, [v, L] = a.useState(!!i);
+}, 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);
     a.useEffect(()=>{
-        i && !v && L(!0);
+        i && !v && I(!0);
     }, [
         i,
         v,
-        f
+        u
     ]);
     var _e_trackingEvent;
-    const S = ()=>l === "google-analytics-4" ? {
-            name: O.userInteraction,
+    const P = ()=>s === "google-analytics-4" ? {
+            name: z.userInteraction,
             component_type: `${e.type}_button`,
-            component_copy: P(e.children)
+            component_copy: S(e.children)
         } : {
-            category: D.userInteraction,
+            category: M.userInteraction,
             action: `${e.type}_button_tapped`,
-            label: P(e.children)
-        }, I = (y)=>e.small ? /* @__PURE__ */ t(X, {
+            label: S(e.children)
+        }, C = (y)=>e.small ? /* @__PURE__ */ n(j, {
             size: 14,
             lineHeight: 20,
-            weight: n.button.weight,
+            weight: r.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
             children: y
-        }) : /* @__PURE__ */ t(Z, {
-            weight: n.button.weight,
+        }) : /* @__PURE__ */ n(H, {
+            weight: r.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
             children: y
-        }), h = {
-        ref: r,
-        className: k(c ? $[e.type] : q[e.type], e.className, {
-            [J]: e.small,
-            [F]: i
+        }), b = {
+        ref: t,
+        className: T(l ? Q[e.type] : U[e.type], e.className, {
+            [p]: e.small,
+            [G]: i
         }),
         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 ? S() : void 0,
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? P() : 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: z({
+        children: X({
             showSpinner: i,
             shouldRenderSpinner: v,
-            setShouldRenderSpinner: L,
+            setShouldRenderSpinner: I,
             children: e.children,
-            loadingText: g,
+            loadingText: f,
             small: e.small,
-            renderText: I,
-            textContentStyle: Q,
+            renderText: C,
+            textContentStyle: ee,
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon
         }),
@@ -283,155 +283,180 @@ const N = (param)=>{
         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(b, _object_spread_props(_object_spread({
+    if (e.fake) return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
         maybe: !0
-    }, h), {
+    }, b), {
         role: "presentation",
         "aria-hidden": "true"
     }));
-    if (e.submit) return /* @__PURE__ */ t(b, _object_spread({
+    if (e.submit) return /* @__PURE__ */ n(g, _object_spread({
         type: "submit",
-        formId: d,
+        formId: c,
         onPress: ()=>{}
-    }, h));
-    if (e.onPress) return /* @__PURE__ */ t(b, _object_spread_props(_object_spread({}, h), {
+    }, b));
+    if (e.onPress) return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({}, b), {
         onPress: (y)=>{
-            const w = e.onPress(y);
-            w && (s(!0), w.finally(()=>s(!1)));
+            const L = e.onPress(y);
+            L && (o(!0), L.finally(()=>o(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ t(b, _object_spread_props(_object_spread({}, h), {
+    if (e.to || e.to === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({}, b), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ t(b, _object_spread_props(_object_spread({}, h), {
+    if (e.href || e.href === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({}, b), {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ne = /*#__PURE__*/ a.forwardRef((e, r)=>{
-    var _e_withChevron;
-    const { formStatus: n } = T(), l = A(), { analytics: f, textPresets: d } = V(), { loadingText: c } = e, g = n === "sending", [u, m] = a.useState(!1), o = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [i, v] = a.useState(!!o);
+}), Z = /*#__PURE__*/ a.forwardRef((_param, r)=>{
+    var { type: e } = _param, t = _object_without_properties(_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);
     a.useEffect(()=>{
-        o && !i && v(!0);
+        i && !I && P(!0);
     }, [
-        o,
         i,
-        n
+        I,
+        s
     ]);
-    var _e_trackingEvent;
-    const L = ()=>f.eventFormat === "google-analytics-4" ? {
-            name: O.userInteraction,
-            component_type: "link",
-            component_copy: P(e.children)
+    var _t_trackingEvent;
+    const C = ()=>l === "google-analytics-4" ? {
+            name: z.userInteraction,
+            component_type: e === "danger" ? "danger_link" : "link",
+            component_copy: S(t.children)
         } : {
-            category: D.userInteraction,
-            action: H.linkTapped,
-            label: P(e.children)
-        }, S = (h)=>/* @__PURE__ */ t(W, {
-            weight: d.button.weight,
+            category: M.userInteraction,
+            action: q.linkTapped,
+            label: S(t.children)
+        }, b = (w)=>/* @__PURE__ */ n(Y, {
+            weight: c.button.weight,
             truncate: 1,
             color: "inherit",
-            children: h
-        }), I = {
-        className: k(U, {
-            [p]: l,
-            [F]: o
+            children: w
+        }), y = e === "danger" && f && u ? "dangerDark" : e, L = {
+        className: T(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({}, e.bleedLeft || e.aligned ? {
-            marginLeft: -x
-        } : void 0, e.bleedRight ? {
-            marginRight: -x
-        } : void 0, e.bleedY ? {
-            marginTop: -R,
-            marginBottom: -R
+     */ style: _object_spread({}, t.bleedLeft || t.aligned ? {
+            marginLeft: -B
+        } : void 0, t.bleedRight ? {
+            marginRight: -B
+        } : void 0, t.bleedY ? {
+            marginTop: -A,
+            marginBottom: -A
         } : void 0),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? L() : void 0,
-        dataAttributes: _object_spread({
-            "component-name": "ButtonLink"
-        }, e.dataAttributes),
-        "aria-label": e["aria-label"],
-        "aria-controls": e["aria-controls"],
-        "aria-expanded": e["aria-expanded"],
-        "aria-haspopup": e["aria-haspopup"],
-        children: z({
-            showSpinner: o,
-            shouldRenderSpinner: i,
-            setShouldRenderSpinner: v,
-            children: e.children,
-            loadingText: c,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? C() : 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"],
+        children: X({
+            showSpinner: i,
+            shouldRenderSpinner: I,
+            setShouldRenderSpinner: P,
+            children: t.children,
+            loadingText: d,
             small: !0,
-            renderText: S,
-            textContentStyle: ee,
-            StartIcon: e.StartIcon,
-            EndIcon: e.EndIcon,
-            withChevron: s
+            renderText: b,
+            textContentStyle: re,
+            StartIcon: t.StartIcon,
+            EndIcon: t.EndIcon,
+            withChevron: v
         }),
-        disabled: e.disabled || o || g
+        disabled: t.disabled || i || m
     };
-    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(b, _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.onPress) return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
         ref: r
-    }, I), {
-        onPress: (h)=>{
-            const y = e.onPress(h);
-            y && (m(!0), y.finally(()=>m(!1)));
+    }, L), {
+        onPress: (w)=>{
+            const x = t.onPress(w);
+            x && (o(!0), x.finally(()=>o(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ t(b, _object_spread_props(_object_spread({
+    if (t.to || t.to === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
         ref: r
-    }, I), {
-        to: e.to,
-        fullPageOnWebView: e.fullPageOnWebView
+    }, L), {
+        to: t.to,
+        fullPageOnWebView: t.fullPageOnWebView
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ t(b, _object_spread_props(_object_spread({
+    if (t.href || t.href === "") return /* @__PURE__ */ n(g, _object_spread_props(_object_spread({
         ref: r
-    }, I), {
-        href: e.href,
-        newTab: e.newTab
+    }, L), {
+        href: t.href,
+        newTab: t.newTab
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), _e = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
+}), Re = /*#__PURE__*/ a.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return n(Z, _object_spread_props(_object_spread({
+        dataAttributes: _object_spread({
+            "component-name": "ButtonLink"
+        }, e)
+    }, t), {
+        ref: r,
+        type: "default"
+    }));
+}), ke = /*#__PURE__*/ a.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return n(Z, _object_spread_props(_object_spread({
+        dataAttributes: _object_spread({
+            "component-name": "ButtonLinkDanger"
+        }, e)
+    }, t), {
+        withChevron: !1,
+        ref: r,
+        type: "danger"
+    }));
+}), xe = /*#__PURE__*/ a.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return t(_, _object_spread_props(_object_spread({
+    return n(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary"
         }, e)
-    }, r), {
-        ref: n,
+    }, t), {
+        ref: r,
         type: "primary"
     }));
-}), we = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
+}), Be = /*#__PURE__*/ a.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return t(_, _object_spread_props(_object_spread({
+    return n(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary"
         }, e)
-    }, r), {
-        ref: n,
+    }, t), {
+        ref: r,
         type: "secondary"
     }));
-}), xe = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
+}), Ae = /*#__PURE__*/ a.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return t(_, _object_spread_props(_object_spread({
+    return n(k, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger"
         }, e)
-    }, r), {
-        ref: n,
+    }, t), {
+        ref: r,
         type: "danger"
     }));
 });
-export { xe as ButtonDanger, Ne as ButtonLink, _e as ButtonPrimary, we as ButtonSecondary };
+export { Ae as ButtonDanger, Re as ButtonLink, ke as ButtonLinkDanger, xe as ButtonPrimary, Be as ButtonSecondary };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./callout.css.ts.vanilla.css-mistica.js";
-var y = "_14g0jmy1 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfe1 _1y2v1nfeb", _ = "_14g0jmy3 _1y2v1nfbw";
+var y = "_14g0jmy1 _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfj7 _1y2v1nfjh", _ = "_14g0jmy3 _1y2v1nfh2";
 export { y as container, _ as content };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./card.css.ts.vanilla.css-mistica.js";
-var n = "_15e54s91 _1y2v1nfba _1y2v1nfbw _1y2v1nfbq", _ = "_15e54s93 _1y2v1nfba _1y2v1nfb4", y = "_15e54s9v _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", f = "_1y2v1nfba _1y2v1nfc9 _1y2v1nfcp _1y2v1nfbp _1y2v1nfbj", e = "_15e54s9w _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", r = "_15e54s9x _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", b = "_15e54s9z", d = "_15e54s98", s = "_15e54s9k _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6o _1y2v1nf7x _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nfbg _1y2v1nfbx", c = "_15e54s9r", t = "_1y2v1nfbx _1y2v1nfce _1y2v1nfba _1y2v1nfb4", i = "_15e54s9q", o = "_15e54s9s", C = "_1y2v1nfba _1y2v1nfbg _1y2v1nfce _1y2v1nfbx _1y2v1nfbw", l = "_15e54s9f _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nf6i _1y2v1nf7x _1y2v1nfbg _1y2v1nfbm", p = "_15e54s9g", u = "_15e54s9i _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nfbg _1y2v1nfbm _1y2v1nf6i", m = "_15e54s9m _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfb4 _1y2v1nfce _1y2v1nfbg _1y2v1nfbm _1y2v1nfbx _1y2v1nfbw", x = "_15e54s95", g = "_15e54s9a _15e54s96", h = "_15e54s9b _15e54s96", w = "_15e54s9c _15e54s96", O = "_15e54s94", M = "_15e54s97 _15e54s96", j = "_15e54s99 _15e54s96", k = {
+var n = "_15e54s91 _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgw", a = "_15e54s93 _1y2v1nfgg _1y2v1nfga", y = "_15e54s9v _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", f = "_1y2v1nfgg _1y2v1nfhf _1y2v1nfhv _1y2v1nfgv _1y2v1nfgp", r = "_15e54s9w _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", e = "_15e54s9x _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", g = "_15e54s9z", s = "_15e54s98", d = "_15e54s9k _1y2v1nf96 _1y2v1nfaf _1y2v1nf6u _1y2v1nf83 _1y2v1nfgg _1y2v1nfh2 _1y2v1nfga _1y2v1nfgm _1y2v1nfh3", t = "_15e54s9r", o = "_1y2v1nfh3 _1y2v1nfhk _1y2v1nfgg _1y2v1nfga", i = "_15e54s9q", h = "_15e54s9s", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfhk _1y2v1nfh3 _1y2v1nfh2", C = "_15e54s9f _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfh2 _1y2v1nfga _1y2v1nf6o _1y2v1nf83 _1y2v1nfgm _1y2v1nfgs", l = "_15e54s9g", p = "_15e54s9i _1y2v1nfgg _1y2v1nfh2 _1y2v1nfga _1y2v1nfgm _1y2v1nfgs _1y2v1nf6o", m = "_15e54s9m _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfga _1y2v1nfhk _1y2v1nfgm _1y2v1nfgs _1y2v1nfh3 _1y2v1nfh2", u = "_15e54s95", b = "_15e54s9a _15e54s96", k = "_15e54s9b _15e54s96", O = "_15e54s9c _15e54s96", M = "_15e54s94", x = "_15e54s97 _15e54s96", z = "_15e54s99 _15e54s96", A = {
     aspectRatio: "var(--_15e54s9y)"
 };
-export { n as actions, _ as boxed, y as cardAction, f as cardActionIconButton, e as cardActionInverse, r as cardActionMedia, b as cardContainer, d as circularMediaOverlay, s as dataCard, c as displayCardBackground, t as displayCardContainer, i as displayCardContent, o as displayCardGradient, C as mediaCard, l as mediaCardContent, p as mediaCardIcon, u as nakedCardContent, m as snapCard, x as touchable, g as touchableCardOverlay, h as touchableCardOverlayInverse, w as touchableCardOverlayMedia, O as touchableContainer, M as touchableMediaCardOverlay, j as touchableNakedMediaOverlay, k as vars };
+export { n as actions, a as boxed, y as cardAction, f as cardActionIconButton, r as cardActionInverse, e as cardActionMedia, g as cardContainer, s as circularMediaOverlay, d as dataCard, t as displayCardBackground, o as displayCardContainer, i as displayCardContent, h as displayCardGradient, c as mediaCard, C as mediaCardContent, l as mediaCardIcon, p as nakedCardContent, m as snapCard, u as touchable, b as touchableCardOverlay, k as touchableCardOverlayInverse, O as touchableCardOverlayMedia, M as touchableContainer, x as touchableMediaCardOverlay, z as touchableNakedMediaOverlay, A as vars };