@telefonica/mistica 12.11.0 → 12.12.0

package/dist-es/avatar.js

@@ -6,6 +6,19 @@ function _arrayLikeToArray(arr, len) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterableToArrayLimit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -33,6 +46,45 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
@@ -73,16 +125,17 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 import * as g from "react";
 import E from "./badge.js";
-import k from "./generated/mistica-icons/icon-user-account-regular.js";
-import { useIsInverseVariant as w } from "./theme-variant-context.js";
-import { avatar as y, image as P } from "./avatar.css-mistica.js";
+import P from "./generated/mistica-icons/icon-user-account-regular.js";
+import { useIsInverseVariant as k } from "./theme-variant-context.js";
+import { avatar as w, image as y } from "./avatar.css-mistica.js";
 import { vars as s } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as R } from "./utils/dom.js";
 import { jsx as n } from "./_virtual/jsx-runtime.js";
-var R = function(r, o) {
+var S = function(r, o) {
     if (!o) return 0;
     var t = r / 2, e = o === !0 ? 5 : 10;
     return t * (1 - Math.sin(Math.PI / 4)) - e;
-}, S = function(r, o) {
+}, B = function(r, o) {
     if (!o) return null;
     var t;
     return r <= 40 ? t = 14 : r <= 64 ? t = 16 : t = 18, /* @__PURE__ */ n("span", {
@@ -92,51 +145,53 @@ var R = function(r, o) {
         },
         children: o
     });
-}, j = function(_param) {
-    var r = _param.size, o = _param.src, tmp = _param.Icon, t = tmp === void 0 ? k : tmp, e = _param.badge, tmp1 = _param.initials, a = tmp1 === void 0 ? "" : tmp1, c = _param["aria-label"], l = _objectWithoutProperties(_param, [
+}, O = function(_param) {
+    var r = _param.size, o = _param.src, tmp = _param.Icon, t = tmp === void 0 ? P : tmp, e = _param.badge, tmp1 = _param.initials, c = tmp1 === void 0 ? "" : tmp1, a = _param["aria-label"], h = _param.dataAttributes, l = _objectWithoutProperties(_param, [
         "size",
         "src",
         "Icon",
         "badge",
         "initials",
-        "aria-label"
+        "aria-label",
+        "dataAttributes"
     ]);
     var d, f;
-    var i = w(), h = (d = l.backgroundColor) != null ? d : i ? s.colors.brandHigh : s.colors.brandLow, p = (f = l.textColor) != null ? f : i ? s.colors.textPrimaryInverse : s.colors.brand, ref = _slicedToArray(g.useState(!1), 2), v = ref[0], m = ref[1];
+    var i = k(), p = (d = l.backgroundColor) != null ? d : i ? s.colors.brandHigh : s.colors.brandLow, v = (f = l.textColor) != null ? f : i ? s.colors.textPrimaryInverse : s.colors.brand, ref = _slicedToArray(g.useState(!1), 2), I = ref[0], m = ref[1];
     g.useEffect(function() {
         m(!1);
     }, [
         o
     ]);
-    var I = a.trim().slice(0, 2), u = R(r, e), x = e === !0 ? void 0 : e || 0, C = !!o && !v, b = r <= 40 ? 16 : 24;
+    var x = c.trim().slice(0, 2), u = S(r, e), b = e === !0 ? void 0 : e || 0, C = !!o && !I, A = r <= 40 ? 16 : 24;
     return /* @__PURE__ */ n(E, {
-        value: x,
+        value: b,
         top: u,
         right: u,
-        children: /* @__PURE__ */ n("div", {
-            className: y,
+        children: /* @__PURE__ */ n("div", _objectSpreadProps(_objectSpread({
+            className: w,
             role: "img",
-            "aria-label": c != null ? c : a,
+            "aria-label": a != null ? a : c,
             style: {
                 width: r,
                 height: r,
-                color: p,
-                background: h
-            },
+                color: v,
+                background: p
+            }
+        }, R(h, "Avatar")), {
             children: C ? /* @__PURE__ */ n("img", {
                 src: o,
-                className: P,
+                className: y,
                 onError: function() {
                     return m(!0);
                 },
                 role: "none",
                 width: r,
                 height: r
-            }) : S(r, I) || /* @__PURE__ */ n(t, {
-                size: b,
+            }) : B(r, x) || /* @__PURE__ */ n(t, {
+                size: A,
                 color: "currentColor"
             })
-        })
+        }))
     });
 };
-export { j as default };
+export { O as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./badge.css.ts.vanilla.js";
-var _ = "_17szrmd2 _1y2v1nf9n _1y2v1nfa2 _1y2v1nf5w", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf9n _1y2v1nfa2 _1y2v1nf5w _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nf1j", y = "_1y2v1nf77", a = "_1y2v1nf76 _1y2v1nf7f";
-export { _ as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
+var n = "_17szrmd2 _1y2v1nf7a _1y2v1nf7p _1y2v1nf3i", r = "_17szrmd6", y = "_17szrmd4 _17szrmd2 _1y2v1nf7a _1y2v1nf7p _1y2v1nf3i _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf1j", f = "_1y2v1nf4u", a = "_1y2v1nf4t _1y2v1nf52";
+export { n as badge, r as badgeBigNumber, y as badgeNumber, f as badgeWithChildren, a as container };

package/dist-es/badge.js

@@ -11,38 +11,79 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import m from "classnames";
-import { container as o, badgeNumber as d, badgeWithChildren as n, badgeBigNumber as b, badge as g } from "./badge.css-mistica.js";
-import { jsx as s, Fragment as f, jsxs as N } from "./_virtual/jsx-runtime.js";
-var u = function(param) {
-    var r = param.children, e = param.value, t = param.right, a = param.top;
-    if (r && e === 0) return /* @__PURE__ */ s(f, {
+import { container as n, badgeNumber as g, badgeWithChildren as o, badgeBigNumber as b, badge as f } from "./badge.css-mistica.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
+import { jsx as t, Fragment as c, jsxs as p } from "./_virtual/jsx-runtime.js";
+var j = function(param) {
+    var r = param.children, e = param.value, s = param.right, a = param.top, d = param.dataAttributes;
+    if (r && e === 0) return /* @__PURE__ */ t(c, {
         children: r
     });
     if (e === 0) return null;
     var i = e && e > 9;
     var _obj;
-    return /* @__PURE__ */ N("div", {
-        className: o,
+    return /* @__PURE__ */ p("div", _objectSpreadProps(_objectSpread({
+        className: n
+    }, N(d, "Badge")), {
         children: [
-            e ? /* @__PURE__ */ s("div", {
+            e ? /* @__PURE__ */ t("div", {
                 role: "presentation",
                 "aria-hidden": "true",
-                className: m(d, (_obj = {}, _defineProperty(_obj, n, !!r), _defineProperty(_obj, b, i), _obj)),
+                className: m(g, (_obj = {}, _defineProperty(_obj, o, !!r), _defineProperty(_obj, b, i), _obj)),
                 style: {
-                    right: t,
+                    right: s,
                     top: a
                 },
                 children: i ? "+9" : e
-            }) : /* @__PURE__ */ s("div", {
+            }) : /* @__PURE__ */ t("div", {
                 style: {
-                    right: t,
+                    right: s,
                     top: a
                 },
-                className: m(g, _defineProperty({}, n, !!r))
+                className: m(f, _defineProperty({}, o, !!r))
             }),
             r
         ]
-    });
+    }));
 };
-export { u as default };
+export { j as default };

package/dist-es/boxed.js

@@ -65,7 +65,7 @@ var B = function(o, r) {
     }) : e({
         border: "regular"
     });
-}, j = /*#__PURE__*/ b.forwardRef(function(param, l) {
+}, z = /*#__PURE__*/ b.forwardRef(function(param, l) {
     var o = param.children, tmp = param.isInverse, r = tmp === void 0 ? !1 : tmp, i = param.className, s = param.role, m = param.dataAttributes, n = param["aria-label"], d = param.width, f = param.height;
     var ref = v(), c = ref.isDarkMode, u = g();
     return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
@@ -78,15 +78,15 @@ var B = function(o, r) {
         className: p(i, B(u, r), e({
             borderRadius: 8,
             overflow: "hidden",
-            backgroundColor: r && !c ? t.colors.backgroundBrand : t.colors.backgroundContainer
+            background: r && !c ? t.colors.backgroundBrand : t.colors.backgroundContainer
         })),
-        role: s
+        role: s,
+        "aria-label": n
     }, k(m)), {
-        "aria-label": n,
         children: /* @__PURE__ */ a(x, {
             isInverse: r,
             children: o
         })
     }));
 });
-export { j as Boxed };
+export { z as Boxed };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button-group.css.ts.vanilla.js";
-var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf7c _1y2v1nf7q _1y2v1nf7g";
+var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf4z _1y2v1nf5d _1y2v1nf53";
 export { r as buttonChild, t as buttons, v as container, _ as inline };

package/dist-es/button-group.js

@@ -51,17 +51,17 @@ function _objectSpreadProps(target, source) {
     return target;
 }
 import c from "classnames";
-import { getPrefixedDataAttributes as r } from "./utils/dom.js";
+import { getPrefixedDataAttributes as h } from "./utils/dom.js";
 import { inline as a, container as n, buttons as f, buttonChild as l } from "./button-group.css-mistica.js";
-import { jsxs as d, jsx as t } from "./_virtual/jsx-runtime.js";
-var j = function(param) {
-    var s = param.primaryButton, e = param.secondaryButton, i = param.link, m = param.dataAttributes;
-    var o = !!s || !!e || !!i, h = !!s && !!e;
-    return o ? /* @__PURE__ */ d("div", _objectSpreadProps(_objectSpread({
+import { jsxs as o, jsx as t } from "./_virtual/jsx-runtime.js";
+var x = function(param) {
+    var s = param.primaryButton, e = param.secondaryButton, i = param.link, d = param.dataAttributes;
+    var m = !!s || !!e || !!i, r = !!s && !!e;
+    return m ? /* @__PURE__ */ o("div", _objectSpreadProps(_objectSpread({
         className: c(a, n)
-    }, r(m)), {
+    }, h(d, "ButtonGroup")), {
         children: [
-            (s || e) && /* @__PURE__ */ d("div", {
+            (s || e) && /* @__PURE__ */ o("div", {
                 className: c(a, f),
                 children: [
                     s && /* @__PURE__ */ t("div", {
@@ -77,11 +77,11 @@ var j = function(param) {
             i && /* @__PURE__ */ t("div", {
                 className: l,
                 style: {
-                    width: h ? "100%" : "auto"
+                    width: r ? "100%" : "auto"
                 },
                 children: i
             })
         ]
     })) : null;
 };
-export { j as default };
+export { x as default };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
 import "./button-layout.css.ts.vanilla.js";
-var f = "kfxylhi", i = {
-    right: "_1y2v1nf7l",
-    left: "_1y2v1nf7j",
-    center: "_1y2v1nf7k",
-    "full-width": "kfxylhh _1y2v1nf7k"
-}, a = "kfxylh6 _1y2v1nf7b", t = "kfxylh8 _1y2v1nf7b", v = "kfxylh3 _1y2v1nf7b _1y2v1nf9i", h = "kfxylh4", y = "kfxylh1", k = "kfxylh9", e = {
+var l = "kfxylhi", f = {
+    right: "_1y2v1nf58",
+    left: "_1y2v1nf56",
+    center: "_1y2v1nf57",
+    "full-width": "kfxylhh _1y2v1nf57"
+}, i = "kfxylh6 _1y2v1nf4y", t = "kfxylh7", v = "kfxylh8", y = "kfxylh3 _1y2v1nf4y _1y2v1nf75", h = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
     buttonWidth: "var(--kfxylh0)"
 };
-export { f as alignMoreThanOneChildred, i as alignVariant, a as container, t as fullWidthContainer, v as link, h as linkAlignment, y as margins, k as noButtonWidth, e as vars };
+export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, y as link, h as linkAlignment, e as margins, k as noButtonWidth, o as vars };

package/dist-es/button-layout.js

@@ -111,14 +111,14 @@ function _unsupportedIterableToArray(o, minLen) {
 import * as i from "react";
 import { assignInlineVars as E } from "@vanilla-extract/dynamic";
 import { useIsomorphicLayoutEffect as W } from "./hooks.js";
-import { ButtonSecondary as M, ButtonDanger as x, ButtonPrimary as L } from "./button.js";
+import { ButtonSecondary as L, ButtonDanger as M, ButtonPrimary as x } from "./button.js";
 import { BUTTON_MIN_WIDTH as B } from "./button.css-mistica.js";
 import h from "classnames";
 import C from "lodash/debounce";
 import { getPrefixedDataAttributes as O } from "./utils/dom.js";
-import { alignVariant as N, fullWidthContainer as A, container as R, noButtonWidth as S, alignMoreThanOneChildred as k, vars as D, link as I, linkAlignment as T, margins as F } from "./button-layout.css-mistica.js";
-import { jsxs as V, jsx as p } from "./_virtual/jsx-runtime.js";
-var _ = function(t) {
+import { baseContainer as N, alignVariant as A, fullWidthContainer as R, container as S, noButtonWidth as k, alignMoreThanOneChildred as D, vars as I, link as T, linkAlignment as F, margins as V } from "./button-layout.css-mistica.js";
+import { jsxs as _, jsx as p } from "./_virtual/jsx-runtime.js";
+var j = function(t) {
     i.useEffect(function() {
         var r, u;
         var e = !1;
@@ -130,7 +130,7 @@ var _ = function(t) {
     }, [
         t
     ]);
-}, j = function(t, e) {
+}, q = function(t, e) {
     i.useEffect(function() {
         if (t) {
             var r = new MutationObserver(e);
@@ -147,12 +147,12 @@ var _ = function(t) {
         e,
         t
     ]);
-}, v = [
+}, b = [
+    L,
     M,
-    x,
-    L
-], X = function(param) {
-    var t = param.children, tmp = param.align, e = tmp === void 0 ? "full-width" : tmp, r = param.link, tmp1 = param.withMargins, u = tmp1 === void 0 ? !1 : tmp1, b = param.dataAttributes;
+    x
+], Y = function(param) {
+    var t = param.children, tmp = param.align, e = tmp === void 0 ? "full-width" : tmp, r = param.link, tmp1 = param.withMargins, u = tmp1 === void 0 ? !1 : tmp1, v = param.dataAttributes;
     var g = i.Children.count(t), ref = _slicedToArray(i.useState({
         isMeasuring: !0,
         buttonWidth: 0
@@ -197,7 +197,7 @@ var _ = function(t) {
             maxWait: 50
         });
     }, []);
-    j(c.current, n), _(n), i.useEffect(function() {
+    q(c.current, n), j(n), i.useEffect(function() {
         return window.addEventListener("resize", n), window.addEventListener("focus", n), document.addEventListener("visibilitychange", n), function() {
             window.removeEventListener("resize", n), window.removeEventListener("focus", n), document.removeEventListener("visibilitychange", n);
         };
@@ -205,16 +205,16 @@ var _ = function(t) {
         n
     ]);
     var y = i.Children.toArray(t).sort(function(s, a) {
-        var f = v.indexOf(s.type), d = v.indexOf(a.type);
+        var f = b.indexOf(s.type), d = b.indexOf(a.type);
         return f - d;
-    }), l = /* @__PURE__ */ V("div", _objectSpreadProps(_objectSpread({
+    }), l = /* @__PURE__ */ _("div", _objectSpreadProps(_objectSpread({
         ref: c,
-        className: h(N[e], o.buttonWidth ? e === "full-width" ? A : R : S, _defineProperty({}, k, g > 1)),
-        style: E(_defineProperty({}, D.buttonWidth, o.buttonWidth ? "".concat(o.buttonWidth, "px") : "auto"))
-    }, O(b)), {
+        className: h(N, A[e], o.buttonWidth ? e === "full-width" ? R : S : k, _defineProperty({}, D, g > 1)),
+        style: E(_defineProperty({}, I.buttonWidth, o.buttonWidth ? "".concat(o.buttonWidth, "px") : "auto"))
+    }, O(v, "ButtonLayout")), {
         children: [
             r ? /* @__PURE__ */ p("div", {
-                className: h(I, _defineProperty({}, T, e === "left")),
+                className: h(T, _defineProperty({}, F, e === "left")),
                 "data-link": "true",
                 children: r
             }) : null,
@@ -222,8 +222,8 @@ var _ = function(t) {
         ]
     }));
     return u ? /* @__PURE__ */ p("div", {
-        className: F,
+        className: V,
         children: l
     }) : l;
 };
-export { X as default };
+export { Y as default };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
-var _ = 136, y = 8, f = 24, r = 20, b = 16, a = 20, p = 14.5, i = 10.5, c = "rrbrpnk", e = "rrbrpni _1y2v1nf1u", t = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7f _1y2v1nf76 _1y2v1nf9j _1y2v1nfbc _1y2v1nfbh _1y2v1nf1n _1y2v1nf5d",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7f _1y2v1nf76 _1y2v1nf9j _1y2v1nfbc _1y2v1nfbh _1y2v1nf1r _1y2v1nf74",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7f _1y2v1nf76 _1y2v1nf9j _1y2v1nfbc _1y2v1nfbh _1y2v1nf1m _1y2v1nf57"
-}, I = "rrbrpn0", o = "rrbrpng _1y2v1nf8u _1y2v1nf98 _1y2v1nf7f _1y2v1nf9j _1y2v1nfbc _1y2v1nfb9 _1y2v1nf1t _1y2v1nf74 _1y2v1nfbh", N = "rrbrpn7 _1y2v1nf7c _1y2v1nf77 _1y2v1nfbj _1y2v1nfcp _1y2v1nf7k _1y2v1nf7q", d = "rrbrpn4 _1y2v1nf7d _1y2v1nf9z _1y2v1nfbh", q = "rrbrpn5", L = "rrbrpn9 _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k", l = "_1y2v1nf7b _1y2v1nf7q _1y2v1nf7k", m = {
-    primary: "rrbrpnl rrbrpn2 _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7f _1y2v1nf76 _1y2v1nf9j _1y2v1nfbc _1y2v1nfbh _1y2v1nf1m _1y2v1nf5c",
-    secondary: "rrbrpnm rrbrpn2 _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7f _1y2v1nf76 _1y2v1nf9j _1y2v1nfbc _1y2v1nfbh _1y2v1nf1p _1y2v1nf74",
-    danger: "rrbrpnn rrbrpn2 _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7f _1y2v1nf76 _1y2v1nf9j _1y2v1nfbc _1y2v1nfbh _1y2v1nf1m _1y2v1nf57"
+var _ = 136, r = 8, y = 24, f = 20, a = 16, p = 20, t = 14.5, b = 10.5, i = "rrbrpnk", d = "rrbrpni _1y2v1nf1u", e = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1n _1y2v1nf2z",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1r _1y2v1nf4s",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2t"
+}, l = "rrbrpn0", z = "rrbrpng _1y2v1nf6h _1y2v1nf6v _1y2v1nf52 _1y2v1nf76 _1y2v1nf8z _1y2v1nf8w _1y2v1nf1t _1y2v1nf4s _1y2v1nf94", I = "rrbrpn7 _1y2v1nf4z _1y2v1nf4u _1y2v1nf96 _1y2v1nfac _1y2v1nf57 _1y2v1nf5d", o = "rrbrpn4 _1y2v1nf50 _1y2v1nf7m _1y2v1nf94", N = "rrbrpn5", s = "rrbrpn9 _1y2v1nf4y _1y2v1nf5d _1y2v1nf57", m = "_1y2v1nf4y _1y2v1nf5d _1y2v1nf57", L = {
+    primary: "rrbrpnl rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2y",
+    secondary: "rrbrpnm rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1p _1y2v1nf4s",
+    danger: "rrbrpnn rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2t"
 };
-export { _ as BUTTON_MIN_WIDTH, y as ICON_MARGIN_PX, f as ICON_SIZE, r as SMALL_ICON_SIZE, b as SMALL_SPINNER_SIZE, a as SPINNER_SIZE, p as X_PADDING_PX, i as X_SMALL_PADDING_PX, c as alignedLink, e as inverseLink, t as inverseVariants, I as isLoading, o as link, N as loadingContent, d as loadingFiller, q as small, L as textContent, l as textContentLink, m as variants };
+export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, t as X_PADDING_PX, b as X_SMALL_PADDING_PX, i as alignedLink, d as inverseLink, e as inverseVariants, l as isLoading, z as link, I as loadingContent, o as loadingFiller, N as small, s as textContent, m as textContentLink, L as variants };