@telefonica/mistica 15.17.0 → 15.19.0

package/dist/tooltip.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BaseTooltip: function() {
-        return jt;
+        return qt;
     },
     default: function() {
-        return ge;
+        return ve;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -163,91 +163,91 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const lt = (t)=>({
+const ct = (t)=>({
         border: `1px solid ${t ? _skincontractcssmistica.vars.colors.backgroundContainer : _skincontractcssmistica.vars.colors.border}`
-    }), ct = 496, Yt = 300, Gt = 500, Kt = 100, p = 20, w = 6, N = w + p / 2 + 1, Ut = (t)=>{
+    }), ft = 496, Gt = 300, Kt = 500, Ut = 100, f = 20, S = 6, C = S + f / 2 + 1, jt = (t)=>{
     switch(t){
         case "left":
-            return `translateX(-${w}px)`;
+            return `translateX(-${S}px)`;
         case "right":
-            return `translateX(${w}px)`;
+            return `translateX(${S}px)`;
         case "top":
-            return `translateY(-${w}px)`;
+            return `translateY(-${S}px)`;
         case "bottom":
-            return `translateY(${w}px)`;
+            return `translateY(${S}px)`;
         default:
             return "";
     }
-}, pt = (t)=>{
-    const h = parseFloat(getComputedStyle(t, null).paddingLeft) + parseFloat(getComputedStyle(t, null).paddingRight), v = parseFloat(getComputedStyle(t, null).paddingTop) + parseFloat(getComputedStyle(t, null).paddingBottom), d = t.offsetWidth - h, m = t.offsetHeight - v;
+}, dt = (t)=>{
+    const h = parseFloat(getComputedStyle(t, null).paddingLeft) + parseFloat(getComputedStyle(t, null).paddingRight), v = parseFloat(getComputedStyle(t, null).paddingTop) + parseFloat(getComputedStyle(t, null).paddingBottom), p = t.offsetWidth - h, d = t.offsetHeight - v;
     return {
-        width: d,
-        height: m
+        width: p,
+        height: d
     };
-}, ft = (t, h, v, d, m)=>{
+}, pt = (t, h, v, p, d)=>{
     if (!t || !h) return;
-    const { top: x, bottom: I, left: B, right: W } = t, o = d - I, O = m - W, R = x, a = B, { width: X, height: V } = pt(h), _ = X + N, T = V + N, b = _ <= Math.max(a, O), M = T <= Math.max(o, R);
-    if (!(!M && !b)) switch(v){
+    const { top: x, bottom: w, left: W, right: V } = t, I = p - w, o = d - V, O = x, R = W, { width: m, height: X } = dt(h), _ = m + C, N = X + C, T = _ <= Math.max(R, o), b = N <= Math.max(I, O);
+    if (!(!b && !T)) switch(v){
         case "left":
-            return b ? _ <= a ? "left" : "right" : o > R ? "bottom" : "top";
+            return T ? _ <= R ? "left" : "right" : I > O ? "bottom" : "top";
         case "right":
-            return b ? _ <= O ? "right" : "left" : o > R ? "bottom" : "top";
+            return T ? _ <= o ? "right" : "left" : I > O ? "bottom" : "top";
         case "top":
-            return M ? T <= R ? "top" : "bottom" : a > O ? "left" : "right";
+            return b ? N <= O ? "top" : "bottom" : R > o ? "left" : "right";
         case "bottom":
-            return M ? T <= o ? "bottom" : "top" : a > O ? "left" : "right";
+            return b ? N <= I ? "bottom" : "top" : R > o ? "left" : "right";
         default:
             return;
     }
-}, jt = (param)=>{
-    let { content: t, target: h, width: v, position: d = "top", dataAttributes: m, delay: x = !0, centerContent: I, open: B, onClose: W, hasPointerInteractionOnly: o = !1, trackingEvent: O } = param;
-    const { texts: R } = (0, _hooks.useTheme)(), a = (0, _hooks.useAriaId)(), { openTooltipId: X } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: V, closeTooltip: _ } = (0, _tooltipcontextprovider.useSetTooltipState)(), [T, b] = _react.useState(), [M, z] = _react.useState(), P = _react.useRef(null), Y = _react.useRef(null), [C, dt] = _react.useState(null), u = (0, _environment.isTouchableDevice)(), G = x ? Gt : 0, [et, K] = _react.useState(!1), [U, y] = _react.useState(!1), j = B !== void 0, [ot, q] = _react.useState(!1), E = j ? B : a === X, Z = (0, _themevariantcontext.useIsInverseVariant)(), f = (0, _hooks.useBoundingRect)(P, E), H = (0, _hooks.useBoundingRect)(Y, E, !0), l = (0, _hooks.useWindowSize)(), S = _react.useCallback(()=>{
-        q(!1), K(!1), y(!1);
+}, qt = (param)=>{
+    let { content: t, target: h, width: v, position: p = "top", dataAttributes: d, delay: x = !0, centerContent: w, open: W, onClose: V, closeButtonLabel: I, hasPointerInteractionOnly: o = !1, trackingEvent: O } = param;
+    const { texts: R } = (0, _hooks.useTheme)(), m = (0, _hooks.useAriaId)(), { openTooltipId: X } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: _, closeTooltip: N } = (0, _tooltipcontextprovider.useSetTooltipState)(), [T, b] = _react.useState(), [z, P] = _react.useState(), Y = _react.useRef(null), G = _react.useRef(null), [y, mt] = _react.useState(null), u = (0, _environment.isTouchableDevice)(), K = x ? Kt : 0, [ot, U] = _react.useState(!1), [j, L] = _react.useState(!1), q = W !== void 0, [rt, Z] = _react.useState(!1), M = q ? W : m === X, J = (0, _themevariantcontext.useIsInverseVariant)(), c = (0, _hooks.useBoundingRect)(Y, M), H = (0, _hooks.useBoundingRect)(G, M, !0), a = (0, _hooks.useWindowSize)(), E = _react.useCallback(()=>{
+        Z(!1), U(!1), L(!1);
     }, []);
     _react.useEffect(()=>{
-        E || S();
+        M || E();
     }, [
-        E,
-        S
+        M,
+        E
     ]), _react.useEffect(()=>{
-        if (!C || !E) return;
-        const s = ft(f, C, d, l.height, l.width);
-        if (!s || !f) {
-            b(void 0), z(void 0), S();
+        if (!y || !M) return;
+        const s = pt(c, y, p, a.height, a.width);
+        if (!s || !c) {
+            b(void 0), P(void 0), E();
             return;
         }
         let r, e;
         var _parseInt;
-        const { left: c, right: k, top: L, bottom: A } = f, { width: $, height: F } = pt(C), rt = l.width - $, st = l.height - F, g = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
+        const { left: l, right: k, top: A, bottom: $ } = c, { width: F, height: D } = dt(y), st = a.width - F, it = a.height - D, g = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
         switch(s){
             case "top":
                 r = {
-                    left: Math.max(0, Math.min(rt, (c + k - $) / 2)),
-                    top: L - F - p / 2,
-                    padding: `0px 0px ${N}px 0px`
+                    left: Math.max(0, Math.min(st, (l + k - F) / 2)),
+                    top: A - D - f / 2,
+                    padding: `0px 0px ${C}px 0px`
                 }, e = {
-                    left: Math.max(g, Math.min(l.width - g - p, (c + k - p) / 2)),
+                    left: Math.max(g, Math.min(a.width - g - f, (l + k - f) / 2)),
                     top: "100%"
                 };
                 break;
             case "bottom":
                 r = {
-                    left: Math.max(0, Math.min(rt, (c + k - $) / 2)),
-                    top: A - w,
-                    padding: `${N}px 0px 0px 0px`
+                    left: Math.max(0, Math.min(st, (l + k - F) / 2)),
+                    top: $ - S,
+                    padding: `${C}px 0px 0px 0px`
                 }, e = {
-                    left: Math.max(g, Math.min(l.width - g - p, (c + k - p) / 2)),
+                    left: Math.max(g, Math.min(a.width - g - f, (l + k - f) / 2)),
                     bottom: "100%",
                     transform: "rotate(180deg)"
                 };
                 break;
             case "left":
                 r = {
-                    left: c - $ - p / 2,
-                    top: Math.max(0, Math.min(st, (L + A - F) / 2)),
-                    padding: `0px ${N}px 0px 0px`
+                    left: l - F - f / 2,
+                    top: Math.max(0, Math.min(it, (A + $ - D) / 2)),
+                    padding: `0px ${C}px 0px 0px`
                 }, e = {
-                    top: Math.max(g, Math.min(l.height - g - p, (L + A - p) / 2)),
+                    top: Math.max(g, Math.min(a.height - g - f, (A + $ - f) / 2)),
                     left: "100%",
                     transform: "rotate(-90deg)",
                     transformOrigin: "bottom"
@@ -256,101 +256,101 @@ const lt = (t)=>({
             case "right":
             default:
                 r = {
-                    left: k - w,
-                    top: Math.max(0, Math.min(st, (L + A - F) / 2)),
-                    padding: `0px 0px 0px ${N}px`
+                    left: k - S,
+                    top: Math.max(0, Math.min(it, (A + $ - D) / 2)),
+                    padding: `0px 0px 0px ${C}px`
                 }, e = {
-                    top: Math.max(g, Math.min(l.height - g - p, (L + A - p) / 2)),
+                    top: Math.max(g, Math.min(a.height - g - f, (A + $ - f) / 2)),
                     right: "100%",
                     transform: "rotate(90deg)",
                     transformOrigin: "bottom"
                 };
                 break;
         }
-        typeof e.top == "number" && (e.top -= r.top, e.top = `${e.top / F * 100}%`), typeof e.left == "number" && (e.left -= r.left, e.left = `${e.left / $ * 100}%`), (0, _helpers.isEqual)(r, T) || b(r), (0, _helpers.isEqual)(e, M) || z(e);
+        typeof e.top == "number" && (e.top -= r.top, e.top = `${e.top / D * 100}%`), typeof e.left == "number" && (e.left -= r.left, e.left = `${e.left / F * 100}%`), (0, _helpers.isEqual)(r, T) || b(r), (0, _helpers.isEqual)(e, z) || P(e);
     }, [
-        C,
-        f,
+        y,
+        c,
         H,
-        E,
-        d,
-        l,
-        T,
         M,
-        Z,
-        u,
+        p,
         a,
-        S
+        T,
+        z,
+        J,
+        u,
+        m,
+        E
     ]);
-    const J = _react.useRef(!1);
+    const Q = _react.useRef(!1);
     _react.useEffect(()=>{
-        const s = (c)=>{
-            switch(c.key){
+        const s = (l)=>{
+            switch(l.key){
                 case _keys.ESC:
-                    o || S();
+                    o || E();
                     break;
                 case _keys.TAB:
-                    J.current = !0;
+                    Q.current = !0;
                     break;
             }
-        }, r = ()=>J.current = !1, e = (c)=>{
-            !o && u && f && (c.clientX < f.left || c.clientX > f.right || c.clientY < f.top || c.clientY > f.bottom) && S();
+        }, r = ()=>Q.current = !1, e = (l)=>{
+            !o && u && c && (l.clientX < c.left || l.clientX > c.right || l.clientY < c.top || l.clientY > c.bottom) && E();
         };
         return document.addEventListener("keydown", s, !1), document.addEventListener("keyup", r, !1), document.addEventListener("click", e, !1), ()=>{
             document.removeEventListener("keydown", s, !1), document.removeEventListener("keyup", r, !1), document.removeEventListener("click", e, !1);
         };
     }, [
         u,
-        S,
-        f,
+        E,
+        c,
         o
     ]), _react.useEffect(()=>{
-        j || (U || et || ot ? V(a) : _(a));
+        q || (j || ot || rt ? _(m) : N(m));
     }, [
-        U,
-        et,
+        j,
         ot,
-        a,
-        V,
+        rt,
+        m,
         _,
-        j
+        N,
+        q
     ]);
-    const mt = ft(f, C, d, l.height, l.width), ut = I !== void 0 ? I : (H == null ? void 0 : H.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
+    const ut = pt(c, y, p, a.height, a.width), ht = w !== void 0 ? w : (H == null ? void 0 : H.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 ref: (s)=>{
                     const r = s == null ? void 0 : s.firstElementChild;
-                    r && r !== P.current && (P.current = r);
+                    r && r !== Y.current && (Y.current = r);
                 },
                 onMouseOver: ()=>{
-                    !u && !o && y(!0);
+                    !u && !o && L(!0);
                 },
                 onMouseLeave: ()=>{
-                    !u && !o && y(!1);
+                    !u && !o && L(!1);
                 },
                 onClick: ()=>{
-                    (u || o) && y(o ? !U : !0);
+                    (u || o) && L(o ? !j : !0);
                 },
                 onFocus: ()=>{
-                    J.current && !o && q(!0);
+                    Q.current && !o && Z(!0);
                 },
                 onBlur: ()=>{
-                    !u && !o && q(!1);
+                    !u && !o && Z(!1);
                 },
-                "aria-describedby": a,
+                "aria-describedby": m,
                 children: h
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
-                    in: E,
-                    nodeRef: Y,
+                    in: M,
+                    nodeRef: G,
                     timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : {
-                        enter: Yt + G,
-                        exit: Kt
+                        enter: Gt + K,
+                        exit: Ut
                     },
                     onExited: ()=>{
-                        b(void 0), z(void 0);
+                        b(void 0), P(void 0);
                     },
                     mountOnEnter: !0,
                     unmountOnExit: !0,
@@ -360,55 +360,55 @@ const lt = (t)=>({
                * Hack to prevent text from wrapping automatically when touching the viewport's edges,
                * even if the content's width didn't reach the max width.
                * https://stackoverflow.com/questions/66106629/how-to-disable-text-wrapping-when-viewport-border-is-reached
-               */ width: `calc(100vw + ${ct}px)`,
+               */ width: `calc(100vw + ${ft}px)`,
                                 top: 0,
                                 left: 0,
                                 position: "fixed",
                                 visibility: T ? "visible" : "hidden"
                             }
-                        }, m), {
+                        }, d), {
                             role: "tooltip",
-                            "aria-label": a,
+                            "aria-label": m,
                             tabIndex: -1,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_tooltipcssmistica.container),
                                 style: _object_spread_props(_object_spread({
                                     pointerEvents: s === "entered" ? "auto" : "none",
-                                    transform: Ut(mt)
+                                    transform: jt(ut)
                                 }, T, _tooltipcssmistica.tooltipTransitionClasses[s]), {
-                                    transition: s === "entering" ? `opacity .1s linear ${G}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${G}ms` : "opacity .1s linear"
+                                    transition: s === "entering" ? `opacity .1s linear ${K}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${K}ms` : "opacity .1s linear"
                                 }),
-                                ref: (0, _common.combineRefs)(dt, Y),
+                                ref: (0, _common.combineRefs)(mt, G),
                                 onMouseEnter: ()=>{
-                                    !u && s === "entered" && !o && K(!0);
+                                    !u && s === "entered" && !o && U(!0);
                                 },
                                 onMouseLeave: ()=>{
-                                    !u && !o && K(!1);
+                                    !u && !o && U(!1);
                                 },
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     className: _tooltipcssmistica.tooltip,
                                     style: _object_spread_props(_object_spread({
                                         width: v
-                                    }, lt(Z)), {
-                                        maxWidth: Math.min(ct, l.width)
+                                    }, ct(J)), {
+                                        maxWidth: Math.min(ft, a.width)
                                     }),
                                     children: [
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: (0, _classnames.default)(_tooltipcssmistica.contentContainer, {
-                                                [_tooltipcssmistica.tooltipCenter]: ut
+                                                [_tooltipcssmistica.tooltipCenter]: ht
                                             }),
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
                                                 isInverse: !1,
                                                 children: [
                                                     t,
-                                                    W && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                                    V && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                         className: _tooltipcssmistica.closeButtonIcon,
                                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
                                                             onPress: ()=>{
-                                                                y(!1), W();
+                                                                L(!1), V();
                                                             },
                                                             trackingEvent: O,
-                                                            "aria-label": R.modalClose,
+                                                            "aria-label": I !== null && I !== void 0 ? I : R.closeButtonLabel,
                                                             Icon: _iconcloseregular.default,
                                                             small: !0
                                                         })
@@ -418,10 +418,10 @@ const lt = (t)=>({
                                         }),
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _tooltipcssmistica.arrowContainer,
-                                            style: M,
+                                            style: z,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                 className: (0, _classnames.default)(_tooltipcssmistica.arrow),
-                                                style: lt(Z)
+                                                style: ct(J)
                                             })
                                         })
                                     ]
@@ -432,8 +432,8 @@ const lt = (t)=>({
             })
         ]
     });
-}, qt = (_param)=>{
-    var { centerContent: t, extra: h, children: v, dataAttributes: d, title: m, description: x } = _param, I = _object_without_properties(_param, [
+}, Zt = (_param)=>{
+    var { centerContent: t, extra: h, children: v, dataAttributes: p, title: d, description: x } = _param, w = _object_without_properties(_param, [
         "centerContent",
         "extra",
         "children",
@@ -441,16 +441,16 @@ const lt = (t)=>({
         "title",
         "description"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(jt, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(qt, _object_spread({
         content: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
             className: _tooltipcssmistica.content,
             children: [
-                (m || x) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                (d || x) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
                     children: [
-                        m && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                        d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             medium: !0,
-                            children: m
+                            children: d
                         }),
                         x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
@@ -464,6 +464,6 @@ const lt = (t)=>({
         centerContent: t,
         dataAttributes: _object_spread({
             "component-name": "Tooltip"
-        }, d)
-    }, I));
-}, ge = qt;
+        }, p)
+    }, w));
+}, ve = Zt;

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

@@ -1,20 +1,38 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 2, y = 8, f = 24, r = 12, a = 6, b = 20, k = 16, e = 20, h = 14.5, p = 10.5, i = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2c _1y2v1nf4l",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2f _1y2v1nf7c",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2c _1y2v1nf4d"
-}, l = {
-    primary: "rrbrpnr rrbrpn2 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2d _1y2v1nf4m",
-    secondary: "rrbrpns rrbrpn2 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2h _1y2v1nf7c",
-    danger: "rrbrpnt rrbrpn2 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2c _1y2v1nf4d"
-}, t = {
-    default: "rrbrpnx rrbrpng _1y2v1nfa7 _1y2v1nfbg _1y2v1nfho _1y2v1nfi8 _1y2v1nfhe _1y2v1nfk9 _1y2v1nfk2 _1y2v1nfkl _1y2v1nfje _1y2v1nf2k _1y2v1nf7c",
-    danger: "rrbrpny rrbrpng _1y2v1nfa7 _1y2v1nfbg _1y2v1nfho _1y2v1nfi8 _1y2v1nfhe _1y2v1nfk9 _1y2v1nfk2 _1y2v1nfkl _1y2v1nfje _1y2v1nf2l _1y2v1nf4h",
-    dangerDark: "rrbrpnz rrbrpng _1y2v1nfa7 _1y2v1nfbg _1y2v1nfho _1y2v1nfi8 _1y2v1nfhe _1y2v1nfk9 _1y2v1nfk2 _1y2v1nfkl _1y2v1nfje _1y2v1nf2l _1y2v1nf7c"
-}, o = "rrbrpn0", d = {
-    default: "rrbrpnu rrbrpng _1y2v1nfa7 _1y2v1nfbg _1y2v1nfho _1y2v1nfi8 _1y2v1nfhe _1y2v1nfk9 _1y2v1nfk2 _1y2v1nfkl _1y2v1nfje _1y2v1nf2j _1y2v1nf7c",
-    danger: "rrbrpnv rrbrpng _1y2v1nfa7 _1y2v1nfbg _1y2v1nfho _1y2v1nfi8 _1y2v1nfhe _1y2v1nfk9 _1y2v1nfk2 _1y2v1nfkl _1y2v1nfje _1y2v1nf2l _1y2v1nf7c",
-    dangerDark: "rrbrpnw rrbrpng _1y2v1nfa7 _1y2v1nfbg _1y2v1nfho _1y2v1nfi8 _1y2v1nfhe _1y2v1nfk9 _1y2v1nfk2 _1y2v1nfkl _1y2v1nfje _1y2v1nf2l _1y2v1nf7c"
-}, g = "rrbrpn7 _1y2v1nfhl _1y2v1nfhf _1y2v1nfkr _1y2v1nfm0 _1y2v1nfht _1y2v1nfhz", I = "rrbrpn4 _1y2v1nfhm _1y2v1nfip _1y2v1nfkl", N = "rrbrpn5", m = "rrbrpn9 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht", L = "rrbrpni _1y2v1nfhk _1y2v1nfhz _1y2v1nfht";
-export { _ as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, f as ICON_SIZE, r as PADDING_X_LINK, a as PADDING_Y_LINK, b as SMALL_ICON_SIZE, k as SMALL_SPINNER_SIZE, e as SPINNER_SIZE, h as X_PADDING_PX, p as X_SMALL_PADDING_PX, i as buttonVariants, l as inverseButtonVariants, t as inverseLinkVariants, o as isLoading, d as linkVariants, g as loadingContent, I as loadingFiller, N as small, m as textContent, L as textContentLink };
+var r = "1.5px", f = {
+    default: "104px",
+    small: "80px"
+}, y = {
+    default: "calc(16px - 1.5px)",
+    small: "calc(12px - 1.5px)"
+}, _ = {
+    default: "calc(12px - 1.5px)",
+    small: "calc(6px - 1.5px)"
+}, a = {
+    primary: "rrbrpnm rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2c _1y2v1nf4l",
+    secondary: "rrbrpnn rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2f _1y2v1nf7c",
+    danger: "rrbrpno rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2c _1y2v1nf4d",
+    link: "rrbrpnp rrbrpn4 rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2j _1y2v1nf7c",
+    linkDanger: "rrbrpnq rrbrpn4 rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2l _1y2v1nf7c",
+    linkDangerDark: "rrbrpnr rrbrpn4 rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2l _1y2v1nf7c"
+}, p = {
+    minWidth: "var(--rrbrpn0)"
+}, b = "2px", l = "8px", i = {
+    default: "1.500rem",
+    small: "1.250rem"
+}, e = {
+    primary: "rrbrpns rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2d _1y2v1nf4m",
+    secondary: "rrbrpnt rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2h _1y2v1nf7c",
+    danger: "rrbrpnu rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2c _1y2v1nf4d",
+    link: "rrbrpnv rrbrpn4 rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2k _1y2v1nf7c",
+    linkDanger: "rrbrpnw rrbrpn4 rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2l _1y2v1nf4h",
+    linkDangerDark: "rrbrpnx rrbrpn4 rrbrpn3 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfho _1y2v1nfhe _1y2v1nfi8 _1y2v1nfk9 _1y2v1nfkl _1y2v1nf2l _1y2v1nf7c"
+}, h = "rrbrpn1", k = {
+    default: "40px",
+    small: "40px"
+}, d = "rrbrpn9 _1y2v1nfhl _1y2v1nfhf _1y2v1nfkr _1y2v1nfm0 _1y2v1nfht _1y2v1nfhz", t = "rrbrpn7 _1y2v1nfhm _1y2v1nfip _1y2v1nfkl", o = "rrbrpn5", m = {
+    default: "1.250rem",
+    small: "1.000rem"
+}, c = "rrbrpnb _1y2v1nfhk _1y2v1nfhz _1y2v1nfht";
+export { r as borderSize, f as buttonMinWidth, y as buttonPaddingX, _ as buttonPaddingY, a as buttonVariants, p as buttonVars, b as chevronMarginLeft, l as iconMargin, i as iconSize, e as inverseButtonVariants, h as isLoading, k as linkMinWidth, d as loadingContent, t as loadingFiller, o as small, m as spinnerSize, c as textContent };