@telefonica/mistica 12.9.1 → 12.10.0

package/dist-es/button.js

@@ -96,454 +96,249 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as s from "react";
-import F from "classnames";
-import j from "./spinner.js";
-import b from "./touchable.js";
-import { createUseStyles as E } from "./jss.js";
-import { useIsInverseVariant as V } from "./theme-variant-context.js";
-import { useForm as z } from "./form-context.js";
-import { pxToRem as W } from "./utils/css.js";
-import { Text as G, Text3 as H, Text2 as Z } from "./text.js";
-import p from "./box.js";
-import { getTextFromChildren as P } from "./utils/common.js";
-import { useTrackingConfig as U, eventNames as q, eventCategories as Y, eventActions as J } from "./utils/analytics.js";
-import { useTheme as K } from "./hooks.js";
-import { flattenChildren as Q } from "./skins/utils.js";
-import { jsxs as O, Fragment as oo, jsx as n } from "./_virtual/jsx-runtime.js";
-var no = 136, u = "0.3s cubic-bezier(0.77, 0, 0.175, 1)", S = 1.5, N = 8, B = 16 - S, to = 12 - S, x = 12 - S, eo = 6 - S, ro = 24, M = 20, io = 20, ao = 16, T = function() {
-    return {
-        button: {
-            display: "inline-block",
-            position: "relative",
-            width: "auto",
-            minWidth: no,
-            border: "".concat(S, "px solid transparent"),
-            borderRadius: 4,
-            overflow: "hidden",
-            "&:hover:not([disabled])": {
-                transition: "background-color ".concat(u, ", color ").concat(u, ", border-color ").concat(u)
-            }
-        },
-        loadingFiller: {
-            display: "block",
-            height: 0,
-            opacity: 0,
-            overflow: "hidden"
-        },
-        small: {
-            minWidth: 104
-        },
-        loadingContent: {
-            display: "inline-flex",
-            position: "absolute",
-            top: 0,
-            bottom: 0,
-            left: B,
-            right: B,
-            justifyContent: "center",
-            alignItems: "center",
-            opacity: 0,
-            transform: "translateY(2rem)",
-            transition: "opacity ".concat(u, ", transform ").concat(u),
-            "$small &": {
-                left: x,
-                right: x
-            }
-        },
-        textContent: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "".concat(to, "px ").concat(B, "px"),
-            opacity: 1,
-            transition: "opacity ".concat(u, ", transform ").concat(u),
-            "$small &": {
-                padding: "".concat(eo, "px ").concat(x, "px")
-            },
-            "& svg": {
-                display: "block"
-            }
-        },
-        isLoading: {
-            "& $textContent": {
-                transform: "translateY(-2rem)",
-                opacity: 0
-            },
-            "& $loadingContent": {
-                transform: "translateY(0)",
-                opacity: 1
-            }
-        }
-    };
-}, k = {
-    opacity: 0.5
-}, co = E(function(o) {
-    return _objectSpreadProps(_objectSpread({}, T()), {
-        light: {
-            color: o.colors.textButtonPrimary,
-            backgroundColor: o.colors.buttonPrimaryBackground,
-            "&:enabled:active": {
-                backgroundColor: o.colors.buttonPrimaryBackgroundSelected
-            },
-            "&[disabled]:not($isLoading)": k,
-            "&:hover:not([disabled])": _defineProperty({
-                backgroundColor: o.colors.buttonPrimaryBackgroundHover
-            }, o.mq.touchableOnly, {
-                backgroundColor: o.colors.buttonPrimaryBackground
-            })
-        },
-        inverse: {
-            color: o.colors.textButtonPrimaryInverse,
-            backgroundColor: o.colors.buttonPrimaryBackgroundInverse,
-            "&:enabled:active": {
-                backgroundColor: o.colors.buttonPrimaryBackgroundSelectedInverse,
-                color: o.colors.textButtonPrimaryInverseSelected
-            },
-            "&[disabled]:not($isLoading)": k,
-            "&:hover:not([disabled])": _defineProperty({
-                color: o.colors.textButtonPrimaryInverseSelected,
-                backgroundColor: o.colors.buttonPrimaryBackgroundSelectedInverse
-            }, o.mq.touchableOnly, {
-                color: o.colors.textButtonPrimaryInverse,
-                backgroundColor: o.colors.buttonPrimaryBackgroundInverse
-            })
-        }
-    });
-}), R = function(o) {
-    return {
-        color: o.colors.textButtonSecondary,
-        backgroundColor: "transparent",
-        borderColor: o.colors.buttonSecondaryBackground
-    };
-}, A = function(o) {
-    return {
-        color: o.colors.textButtonSecondarySelected,
-        borderColor: o.colors.buttonSecondaryBackgroundSelected
-    };
-}, lo = E(function(o) {
-    return _objectSpreadProps(_objectSpread({}, T()), {
-        light: _objectSpreadProps(_objectSpread({}, R(o)), {
-            "&:enabled:active": _objectSpread({}, A(o)),
-            "&[disabled]:not($isLoading)": k,
-            "&:hover:not([disabled])": _objectSpreadProps(_objectSpread({}, A(o)), _defineProperty({}, o.mq.touchableOnly, _objectSpread({}, R(o))))
-        }),
-        inverse: {
-            borderColor: o.colors.buttonSecondaryBorderInverse,
-            color: o.colors.textButtonSecondaryInverse,
-            "&:enabled:active": {
-                borderColor: o.colors.buttonSecondaryBorderSelectedInverse,
-                color: o.colors.textButtonSecondaryInverseSelected
-            },
-            "&[disabled]:not($isLoading)": k,
-            "&:hover:not([disabled])": _defineProperty({
-                borderColor: o.colors.buttonSecondaryBorderSelectedInverse,
-                color: o.colors.textButtonSecondaryInverseSelected
-            }, o.mq.touchableOnly, {
-                borderColor: o.colors.buttonSecondaryBorderInverse,
-                color: o.colors.textButtonSecondaryInverse
-            })
-        }
-    });
-}), X = function(o) {
-    return {
-        color: o.colors.textButtonPrimary,
-        backgroundColor: o.colors.buttonDangerBackground,
-        "&:enabled:active": {
-            backgroundColor: o.colors.buttonDangerBackgroundSelected
-        },
-        "&[disabled]:not($isLoading)": {
-            opacity: 0.5
-        },
-        "&:hover:not([disabled])": _defineProperty({
-            backgroundColor: o.colors.buttonDangerBackgroundHover
-        }, o.mq.touchableOnly, {
-            backgroundColor: o.colors.buttonDangerBackground
-        })
-    };
-}, so = E(function(o) {
-    return _objectSpreadProps(_objectSpread({}, T()), {
-        light: X(o),
-        inverse: X(o)
-    });
-}), C = function(param) {
-    var o = param.content, e = param.defaultIconSize, i = param.renderText;
-    var a = Q(o), y = a.length, c = [];
-    var t = [];
-    var d = function() {
-        c.push(/* @__PURE__ */ n(s.Fragment, {
-            children: i(t)
-        }, c.length)), t = [];
+import * as a from "react";
+import x from "classnames";
+import B from "./spinner.js";
+import { BaseTouchable as s } from "./touchable.js";
+import { useIsInverseVariant as k } from "./theme-variant-context.js";
+import { useForm as L } from "./form-context.js";
+import { pxToRem as R } from "./utils/css.js";
+import { Text as D, Text3 as V, Text2 as F } from "./text.js";
+import z from "./box.js";
+import { getTextFromChildren as y } from "./utils/common.js";
+import { useTrackingConfig as X, eventNames as A, eventCategories as C, eventActions as M } from "./utils/analytics.js";
+import { useTheme as W } from "./hooks.js";
+import { flattenChildren as Z } from "./skins/utils.js";
+import { SMALL_ICON_SIZE as O, ICON_SIZE as G, SMALL_SPINNER_SIZE as j, SPINNER_SIZE as $, inverseVariants as H, variants as q, small as J, isLoading as K, textContent as Q, loadingFiller as U, ICON_MARGIN_PX as N, X_SMALL_PADDING_PX as Y, X_PADDING_PX as p, loadingContent as ee, link as te, inverseLink as ne, alignedLink as re, textContentLink as ie } from "./button.css-mistica.js";
+import { jsxs as w, Fragment as oe, jsx as t } from "./_virtual/jsx-runtime.js";
+var b = function(param) {
+    var e = param.content, r = param.defaultIconSize, h = param.renderText;
+    var d = Z(e), g = d.length, c = [];
+    var i = [];
+    var l = function() {
+        c.push(/* @__PURE__ */ t(a.Fragment, {
+            children: h(i)
+        }, c.length)), i = [];
     };
-    return a.forEach(function(l, g) {
-        var h;
-        var r = g === 0, f = g === y - 1;
-        if (/*#__PURE__*/ s.isValidElement(l)) {
-            t.length && d();
-            var m = (h = l.props.size) != null ? h : e;
-            c.push(/* @__PURE__ */ n("div", {
+    return d.forEach(function(o, n) {
+        var m;
+        var u = n === 0, v = n === g - 1;
+        if (/*#__PURE__*/ a.isValidElement(o)) {
+            i.length && l();
+            var f = (m = o.props.size) != null ? m : r;
+            c.push(/* @__PURE__ */ t("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: r ? 0 : N,
-                    marginRight: f ? 0 : N
+                    marginLeft: u ? 0 : N,
+                    marginRight: v ? 0 : N
                 },
-                children: /*#__PURE__*/ s.cloneElement(l, {
-                    size: W(m)
+                children: /*#__PURE__*/ a.cloneElement(o, {
+                    size: R(f)
                 })
             }, c.length));
-        } else t.push(l), f && d();
+        } else i.push(o), v && l();
     }), c;
-}, $ = /*#__PURE__*/ s.forwardRef(function(o, e) {
-    var w;
-    var ref = U(), i = ref.eventFormat, ref1 = z(), a = ref1.formStatus, y = ref1.formId, c = V(), t = o.classes, d = o.loadingText, l = !!o.submit, g = a === "sending", r = o.showSpinner || g && l, ref2 = _slicedToArray(s.useState(!!r), 2), f = ref2[0], _ = ref2[1];
-    s.useEffect(function() {
-        r && !f && _(!0);
+}, S = /*#__PURE__*/ a.forwardRef(function(e, r) {
+    var P;
+    var ref = X(), h = ref.eventFormat, ref1 = L(), d = ref1.formStatus, g = ref1.formId, c = k(), i = e.loadingText, l = !!e.submit, o = d === "sending", n = e.showSpinner || o && l, ref2 = _slicedToArray(a.useState(!!n), 2), u = ref2[0], v = ref2[1];
+    a.useEffect(function() {
+        n && !u && v(!0);
     }, [
-        r,
-        f,
-        a
+        n,
+        u,
+        d
     ]);
     var _obj;
-    var h = function() {
-        return i === "google-analytics-4" ? {
-            name: q.userInteraction,
-            component_type: "".concat(o.type, "_button"),
-            component_copy: P(o.children)
+    var _ = function() {
+        return h === "google-analytics-4" ? {
+            name: A.userInteraction,
+            component_type: "".concat(e.type, "_button"),
+            component_copy: y(e.children)
         } : {
-            category: Y.userInteraction,
-            action: "".concat(o.type, "_button_tapped"),
-            label: P(o.children)
+            category: C.userInteraction,
+            action: "".concat(e.type, "_button_tapped"),
+            label: y(e.children)
         };
-    }, m = o.small ? M : ro, I = W(o.small ? ao : io), L = function(D) {
-        return o.small ? /* @__PURE__ */ n(G, {
+    }, m = e.small ? O : G, f = R(e.small ? j : $), I = function(T) {
+        return e.small ? /* @__PURE__ */ t(D, {
             size: 14,
             lineHeight: 20,
             weight: "medium",
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: D
-        }) : /* @__PURE__ */ n(H, {
+            children: T
+        }) : /* @__PURE__ */ t(V, {
             medium: !0,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: D
+            children: T
         });
-    }, v = {
-        ref: e,
-        className: F(t.button, o.className, (_obj = {}, _defineProperty(_obj, t.small, o.small), _defineProperty(_obj, t.inverse, c), _defineProperty(_obj, t.light, !c), _defineProperty(_obj, t.isLoading, r), _obj)),
+    }, E = {
+        ref: r,
+        className: x(c ? H[e.type] : q[e.type], e.className, (_obj = {}, _defineProperty(_obj, J, e.small), _defineProperty(_obj, K, n), _obj)),
         style: _objectSpread({
-            cursor: o.fake ? "pointer" : void 0
-        }, o.style),
-        trackingEvent: (w = o.trackingEvent) != null ? w : o.trackEvent ? h() : void 0,
-        dataAttributes: o.dataAttributes,
-        "aria-controls": o["aria-controls"],
-        "aria-expanded": o["aria-expanded"],
-        tabIndex: o.tabIndex,
-        children: /* @__PURE__ */ O(oo, {
+            cursor: e.fake ? "pointer" : void 0
+        }, e.style),
+        trackingEvent: (P = e.trackingEvent) != null ? P : e.trackEvent ? _() : void 0,
+        dataAttributes: e.dataAttributes,
+        "aria-controls": e["aria-controls"],
+        "aria-expanded": e["aria-expanded"],
+        tabIndex: e.tabIndex,
+        children: /* @__PURE__ */ w(oe, {
             children: [
-                /* @__PURE__ */ n("div", {
-                    "aria-hidden": r ? !0 : void 0,
-                    className: t.textContent,
-                    children: C({
-                        content: o.children,
+                /* @__PURE__ */ t("div", {
+                    "aria-hidden": n ? !0 : void 0,
+                    className: Q,
+                    children: b({
+                        content: e.children,
                         defaultIconSize: m,
-                        renderText: L
+                        renderText: I
                     })
                 }),
-                /* @__PURE__ */ n("div", {
-                    className: t.loadingFiller,
+                /* @__PURE__ */ t("div", {
+                    className: U,
                     "aria-hidden": !0,
                     style: {
-                        paddingLeft: I,
-                        paddingRight: N + 2 * (o.small ? x : B)
+                        paddingLeft: f,
+                        paddingRight: N + 2 * (e.small ? Y : p)
                     },
-                    children: C({
-                        content: d,
+                    children: b({
+                        content: i,
                         defaultIconSize: m,
-                        renderText: L
+                        renderText: I
                     })
                 }),
-                /* @__PURE__ */ O("div", {
-                    "aria-hidden": r ? void 0 : !0,
-                    className: t.loadingContent,
+                /* @__PURE__ */ w("div", {
+                    "aria-hidden": n ? void 0 : !0,
+                    className: ee,
                     onTransitionEnd: function() {
-                        r !== f && _(r);
+                        n !== u && v(n);
                     },
                     children: [
-                        f ? /* @__PURE__ */ n(j, {
-                            rolePresentation: !!d,
+                        u ? /* @__PURE__ */ t(B, {
+                            rolePresentation: !!i,
                             color: "currentcolor",
                             delay: "0s",
-                            size: I
-                        }) : /* @__PURE__ */ n("div", {
+                            size: f
+                        }) : /* @__PURE__ */ t("div", {
                             style: {
                                 display: "inline-block",
-                                width: I,
-                                height: I
+                                width: f,
+                                height: f
                             }
                         }),
-                        d ? /* @__PURE__ */ n(p, {
+                        i ? /* @__PURE__ */ t(z, {
                             paddingLeft: 8,
-                            children: C({
-                                content: d,
+                            children: b({
+                                content: i,
                                 defaultIconSize: m,
-                                renderText: L
+                                renderText: I
                             })
                         }) : null
                     ]
                 })
             ]
         }),
-        disabled: o.disabled || r || g,
+        disabled: e.disabled || n || o,
         role: "button"
     };
-    if (process.env.NODE_ENV !== "production" && (o.to === "" || o.href === "")) throw Error("to or href props are empty strings");
-    if (o.fake) return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({
+    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(s, _objectSpreadProps(_objectSpread({
         maybe: !0
-    }, v), {
+    }, E), {
         role: "presentation",
         "aria-hidden": "true"
     }));
-    if (o.submit) return /* @__PURE__ */ n(b, _objectSpread({
+    if (e.submit) return /* @__PURE__ */ t(s, _objectSpread({
         type: "submit",
-        formId: y,
+        formId: g,
         onPress: function() {}
-    }, v));
-    if (o.onPress) return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({}, v), {
-        onPress: o.onPress
+    }, E));
+    if (e.onPress) return /* @__PURE__ */ t(s, _objectSpreadProps(_objectSpread({}, E), {
+        onPress: e.onPress
     }));
-    if (o.to || o.to === "") return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({}, v), {
-        to: o.to,
-        fullPageOnWebView: o.fullPageOnWebView
+    if (e.to || e.to === "") return /* @__PURE__ */ t(s, _objectSpreadProps(_objectSpread({}, E), {
+        to: e.to,
+        fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (o.href || o.href === "") return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({}, v), {
-        href: o.href,
-        newTab: o.newTab,
-        loadOnTop: o.loadOnTop
+    if (e.href || e.href === "") return /* @__PURE__ */ t(s, _objectSpreadProps(_objectSpread({}, E), {
+        href: e.href,
+        newTab: e.newTab,
+        loadOnTop: e.loadOnTop
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), uo = E(function(o) {
-    return {
-        link: {
-            display: "inline-block",
-            width: "auto",
-            padding: "".concat(6, "px ", 12, "px"),
-            fontWeight: 500,
-            borderRadius: 4,
-            overflow: "hidden",
-            transition: "background-color ".concat(u, ", color ").concat(u),
-            color: o.colors.textLink,
-            "&:enabled:active": {
-                backgroundColor: o.colors.buttonLinkBackgroundSelected
-            },
-            "&:hover:not([disabled])": _defineProperty({
-                backgroundColor: o.colors.buttonLinkBackgroundSelected
-            }, o.mq.touchableOnly, {
-                backgroundColor: "initial"
-            }),
-            "&[disabled]": k
-        },
-        textContent: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            "& svg": {
-                display: "block"
-            }
-        },
-        inverse: {
-            color: o.colors.textLinkInverse,
-            "&:enabled:active": {
-                backgroundColor: o.colors.buttonLinkBackgroundSelectedInverse
-            },
-            "&:hover:not([disabled])": _defineProperty({
-                backgroundColor: o.colors.buttonLinkBackgroundSelectedInverse
-            }, o.mq.touchableOnly, {
-                backgroundColor: "initial"
-            })
-        },
-        aligned: {
-            marginLeft: -12
-        }
-    };
-}), Eo = /*#__PURE__*/ s.forwardRef(function(o, e) {
-    var g;
+}), Ie = /*#__PURE__*/ a.forwardRef(function(e, r) {
+    var o;
     var _obj;
-    var ref = z(), i = ref.formStatus, a = uo(), y = V(), ref1 = K(), c = ref1.analytics, t = function() {
-        return c.eventFormat === "google-analytics-4" ? {
-            name: q.userInteraction,
+    var ref = L(), h = ref.formStatus, d = k(), ref1 = W(), g = ref1.analytics, c = function() {
+        return g.eventFormat === "google-analytics-4" ? {
+            name: A.userInteraction,
             component_type: "link",
-            component_copy: P(o.children)
+            component_copy: y(e.children)
         } : {
-            category: Y.userInteraction,
-            action: J.linkTapped,
-            label: P(o.children)
+            category: C.userInteraction,
+            action: M.linkTapped,
+            label: y(e.children)
         };
-    }, d = function(r) {
-        return /* @__PURE__ */ n(Z, {
+    }, i = function(n) {
+        return /* @__PURE__ */ t(F, {
             medium: !0,
             truncate: 1,
             color: "inherit",
-            children: r
+            children: n
         });
     }, l = {
-        className: F(a.link, (_obj = {}, _defineProperty(_obj, a.inverse, y), _defineProperty(_obj, a.aligned, o.aligned), _obj)),
-        trackingEvent: (g = o.trackingEvent) != null ? g : o.trackEvent ? t() : void 0,
-        dataAttributes: o.dataAttributes,
-        children: /* @__PURE__ */ n("div", {
-            className: a.textContent,
-            children: C({
-                content: o.children,
-                defaultIconSize: M,
-                renderText: d
+        className: x(te, (_obj = {}, _defineProperty(_obj, ne, d), _defineProperty(_obj, re, e.aligned), _obj)),
+        trackingEvent: (o = e.trackingEvent) != null ? o : e.trackEvent ? c() : void 0,
+        dataAttributes: e.dataAttributes,
+        children: /* @__PURE__ */ t("div", {
+            className: ie,
+            children: b({
+                content: e.children,
+                defaultIconSize: O,
+                renderText: i
             })
         }),
-        disabled: o.disabled || i === "sending"
+        disabled: e.disabled || h === "sending"
     };
-    if (process.env.NODE_ENV !== "production" && (o.to === "" || o.href === "")) throw Error("to or href props are empty strings");
-    if (o.onPress) return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({
-        ref: e
+    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(s, _objectSpreadProps(_objectSpread({
+        ref: r
     }, l), {
-        onPress: o.onPress
+        onPress: e.onPress
     }));
-    if (o.to || o.to === "") return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({
-        ref: e
+    if (e.to || e.to === "") return /* @__PURE__ */ t(s, _objectSpreadProps(_objectSpread({
+        ref: r
     }, l), {
-        to: o.to,
-        fullPageOnWebView: o.fullPageOnWebView
+        to: e.to,
+        fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (o.href || o.href === "") return /* @__PURE__ */ n(b, _objectSpreadProps(_objectSpread({
-        ref: e
+    if (e.href || e.href === "") return /* @__PURE__ */ t(s, _objectSpreadProps(_objectSpread({
+        ref: r
     }, l), {
-        href: o.href,
-        newTab: o.newTab
+        href: e.href,
+        newTab: e.newTab
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), _o = /*#__PURE__*/ s.forwardRef(function(o, e) {
-    var i = co();
-    return /* @__PURE__ */ n($, _objectSpreadProps(_objectSpread({}, o), {
-        ref: e,
-        classes: i,
+}), Ne = /*#__PURE__*/ a.forwardRef(function(e, r) {
+    return /* @__PURE__ */ t(S, _objectSpreadProps(_objectSpread({}, e), {
+        ref: r,
         type: "primary"
     }));
-}), Lo = /*#__PURE__*/ s.forwardRef(function(o, e) {
-    var i = lo();
-    return /* @__PURE__ */ n($, _objectSpreadProps(_objectSpread({}, o), {
-        ref: e,
-        classes: i,
+}), Se = /*#__PURE__*/ a.forwardRef(function(e, r) {
+    return /* @__PURE__ */ t(S, _objectSpreadProps(_objectSpread({}, e), {
+        ref: r,
         type: "secondary"
     }));
-}), No = /*#__PURE__*/ s.forwardRef(function(o, e) {
-    var i = so();
-    return /* @__PURE__ */ n($, _objectSpreadProps(_objectSpread({}, o), {
-        ref: e,
-        classes: i,
+}), _e = /*#__PURE__*/ a.forwardRef(function(e, r) {
+    return /* @__PURE__ */ t(S, _objectSpreadProps(_objectSpread({}, e), {
+        ref: r,
         type: "danger"
     }));
 });
-export { no as BUTTON_MIN_WIDTH, No as ButtonDanger, Eo as ButtonLink, _o as ButtonPrimary, Lo as ButtonSecondary };
+export { _e as ButtonDanger, Ie as ButtonLink, Ne as ButtonPrimary, Se as ButtonSecondary };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./callout.css.ts.vanilla.js";
+var y = "_14g0jmy1 _1y2v1nf82 _1y2v1nf8g _1y2v1nf8u _1y2v1nf98 _1y2v1nf7b _1y2v1nfbb _1y2v1nfbe", _ = "_14g0jmy3 _1y2v1nf7w";
+export { y as container, _ as content };