@telefonica/mistica 15.2.0 → 15.3.0

package/dist/text.js

@@ -11,40 +11,40 @@ function _export(target, all) {
 }
 _export(exports, {
     Text: function() {
-        return n;
+        return o;
     },
     Text1: function() {
-        return le;
+        return ke;
     },
     Text10: function() {
-        return ie;
+        return he;
     },
     Text2: function() {
-        return pe;
+        return fe;
     },
     Text3: function() {
-        return xe;
+        return Se;
     },
     Text4: function() {
-        return ae;
+        return Te;
     },
     Text5: function() {
-        return me;
+        return be;
     },
     Text6: function() {
-        return se;
+        return ue;
     },
     Text7: function() {
-        return re;
+        return de;
     },
     Text8: function() {
-        return ne;
+        return ge;
     },
     Text9: function() {
-        return oe;
+        return ce;
     },
     default: function() {
-        return he;
+        return He;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -56,6 +56,8 @@ const _dom = require("./utils/dom.js");
 const _hooks = require("./hooks.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _textcssmistica = require("./text.css-mistica.js");
+const _constants = require("./skins/constants.js");
+const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -181,240 +183,259 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const K = {
+const Z = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, Q = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: h, wordBreak: c = !0, hyphens: u = "auto", as: z = "span", children: g, size: d, mobileSize: b = d, desktopSize: T = d, lineHeight: k, mobileLineHeight: S = k, desktopLineHeight: f = k, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: W } = param;
-    const I = (0, _themevariantcontext.useIsInverseVariant)(), C = Q(o), V = {
+}, $ = (e)=>e === !0 ? 1 : e || "initial", g = "Ħ", ee = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    children: [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+            "aria-hidden": !0,
+            children: g
+        }),
+        /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                children: "Vivo"
+            })
+        })
+    ]
+}), te = (e)=>e.includes(g) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: e.split(g).map((i, t)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: [
+                    t > 0 && ee,
+                    i
+                ]
+            }, t))
+    }) : e, o = (param)=>{
+    let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: n, transform: c, wordBreak: d = !0, hyphens: u = "auto", as: A = "span", children: x, size: b, mobileSize: T = b, desktopSize: S = b, lineHeight: f, mobileLineHeight: k = f, desktopLineHeight: H = f, letterSpacing: V, textAlign: y, textShadow: I, id: P, role: W, "aria-level": C, dataAttributes: R } = param;
+    const { skinName: N } = (0, _hooks.useTheme)(), F = (0, _themevariantcontext.useIsInverseVariant)(), O = $(n), _ = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
     };
-    if (!g && g !== 0) return null;
-    const D = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
-        [_textcssmistica.truncate]: o,
-        [_textcssmistica.truncateToOneLine]: o === 1 || o === !0
-    }), N = (0, _css.applyCssVars)({
-        [_textcssmistica.vars.mobileSize]: b ? (0, _css.pxToRem)(b) : "inherit",
-        [_textcssmistica.vars.mobileLineHeight]: S ? (0, _css.pxToRem)(S) : "inherit",
-        [_textcssmistica.vars.desktopSize]: T ? (0, _css.pxToRem)(T) : "inherit",
-        [_textcssmistica.vars.desktopLineHeight]: f ? (0, _css.pxToRem)(f) : "inherit"
-    }), R = o ? (0, _css.applyCssVars)({
-        [_textcssmistica.vars.lineClamp]: String(C)
+    if (!x && x !== 0) return null;
+    const j = (0, _classnames.default)(_textcssmistica.text, d ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
+        [_textcssmistica.truncate]: n,
+        [_textcssmistica.truncateToOneLine]: n === 1 || n === !0
+    }), D = (0, _css.applyCssVars)({
+        [_textcssmistica.vars.mobileSize]: T ? (0, _css.pxToRem)(T) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit",
+        [_textcssmistica.vars.desktopSize]: S ? (0, _css.pxToRem)(S) : "inherit",
+        [_textcssmistica.vars.desktopLineHeight]: H ? (0, _css.pxToRem)(H) : "inherit"
+    }), E = n ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.lineClamp]: String(O)
     }) : {};
-    var _V_i;
-    return /*#__PURE__*/ _react.createElement(z, _object_spread_props(_object_spread({
-        className: D,
-        id: A,
-        role: P,
-        "aria-level": y
-    }, (0, _dom.getPrefixedDataAttributes)(W, "Text")), {
-        style: _object_spread_props(_object_spread({}, N, R), {
+    var __i;
+    return /*#__PURE__*/ _react.createElement(A, _object_spread_props(_object_spread({
+        className: j,
+        id: P,
+        role: W,
+        "aria-level": C
+    }, (0, _dom.getPrefixedDataAttributes)(R, "Text")), {
+        style: _object_spread_props(_object_spread({}, D, E), {
             hyphens: u,
             WebkitHyphens: u,
-            letterSpacing: w,
-            fontWeight: e ? K[e] : "inherit",
-            textTransform: h || "inherit",
+            letterSpacing: V,
+            fontWeight: e ? Z[e] : "inherit",
+            textTransform: c || "inherit",
             textDecoration: t !== null && t !== void 0 ? t : "inherit",
-            overflowWrap: c ? "anywhere" : "inherit",
-            color: I ? (_V_i = V[i]) !== null && _V_i !== void 0 ? _V_i : i : i,
-            textAlign: H,
-            textShadow: v
+            overflowWrap: d ? "anywhere" : "inherit",
+            color: F ? (__i = _[i]) !== null && __i !== void 0 ? __i : i : i,
+            textAlign: y,
+            textShadow: I
         })
-    }), g);
-}, l = (e)=>{
+    }), typeof x == "string" && N === _constants.VIVO_NEW_SKIN ? te(x) : x);
+}, h = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
     if (e.weight) return e.weight;
 }, s = (param)=>{
-    let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: o, desktopLineHeight: h } = param;
+    let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: n, desktopLineHeight: c } = param;
     return e ? {
         size: i,
         lineHeight: t
     } : {
         mobileSize: i,
         mobileLineHeight: t,
-        desktopSize: o,
-        desktopLineHeight: h
+        desktopSize: n,
+        desktopLineHeight: c
     };
-}, ie = (_param)=>{
+}, he = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 48,
         mobileLineHeight: "56px",
         desktopSize: 64,
         desktopLineHeight: "72px"
     })), {
-        weight: o.text10.weight,
+        weight: n.text10.weight,
         dataAttributes: _object_spread({
             "component-name": "Text10"
         }, e)
     }), t));
-}, oe = (_param)=>{
+}, ce = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 40,
         mobileLineHeight: "48px",
         desktopSize: 56,
         desktopLineHeight: "64px"
     })), {
-        weight: o.text9.weight,
+        weight: n.text9.weight,
         dataAttributes: _object_spread({
             "component-name": "Text9"
         }, e)
     }), t));
-}, ne = (_param)=>{
+}, ge = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 48,
         desktopLineHeight: "56px"
     })), {
-        weight: o.text8.weight,
+        weight: n.text8.weight,
         dataAttributes: _object_spread({
             "component-name": "Text8"
         }, e)
     }), t));
-}, re = (_param)=>{
+}, de = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 28,
         mobileLineHeight: "32px",
         desktopSize: 40,
         desktopLineHeight: "48px"
     })), {
-        weight: o.text7.weight,
+        weight: n.text7.weight,
         dataAttributes: _object_spread({
             "component-name": "Text7"
         }, e)
     }), t));
-}, se = (_param)=>{
+}, ue = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 24,
         mobileLineHeight: "32px",
         desktopSize: 32,
         desktopLineHeight: "40px"
     })), {
-        weight: o.text6.weight,
+        weight: n.text6.weight,
         dataAttributes: _object_spread({
             "component-name": "Text6"
         }, e)
     }), t));
-}, me = (_param)=>{
+}, be = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 20,
         mobileLineHeight: "24px",
         desktopSize: 28,
         desktopLineHeight: "32px"
     })), {
-        weight: o.text5.weight,
+        weight: n.text5.weight,
         dataAttributes: _object_spread({
             "component-name": "Text5"
         }, e)
     }), t));
-}, ae = (_param)=>{
+}, Te = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 18,
         mobileLineHeight: "24px",
         desktopSize: 20,
         desktopLineHeight: "28px"
     })), {
-        weight: l(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, e)
     }), t));
-}, xe = (_param)=>{
+}, Se = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 16,
         mobileLineHeight: "24px",
         desktopSize: 18,
         desktopLineHeight: "24px"
     })), {
-        weight: l(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, e)
     }), t));
-}, pe = (_param)=>{
+}, fe = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 14,
         mobileLineHeight: "20px",
         desktopSize: 16,
         desktopLineHeight: "24px"
     })), {
-        weight: l(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, e)
     }), t));
-}, le = (_param)=>{
+}, ke = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 12,
         mobileLineHeight: "16px",
         desktopSize: 14,
         desktopLineHeight: "20px"
     })), {
-        weight: l(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, e)
     }), t));
-}, he = n;
+}, He = o;

package/dist/utils/aspect-ratio-support.js

@@ -17,7 +17,7 @@ _export(exports, {
         return x;
     },
     useSupportsAspectRatio: function() {
-        return y;
+        return N;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -126,7 +126,7 @@ function _object_spread_props(target, source) {
 }
 const u = /*#__PURE__*/ _react.createContext(!0), x = (param)=>{
     let { children: t } = param;
-    const [r, s] = _react.useState(!0);
+    const [o, s] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         try {
             CSS.supports("aspect-ratio", "1 / 1") || s(!1);
@@ -134,16 +134,16 @@ const u = /*#__PURE__*/ _react.createContext(!0), x = (param)=>{
             s(!1);
         }
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(u.Provider, {
-        value: r,
+        value: o,
         children: t
     });
-}, y = ()=>_react.useContext(u), W = (t)=>{
-    const r = y(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, e = s ? t.aspectRatio : void 0;
+}, N = ()=>_react.useContext(u), W = (t)=>{
+    const o = N(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, e = s ? t.aspectRatio : void 0;
     let i = t.width, a = t.height;
     var _t_aspectRatio, _t_aspectRatio1;
     t.width !== void 0 && t.height !== void 0 ? (i = t.width, a = t.height) : typeof t.width == "number" ? a = t.aspectRatio !== 0 ? t.width / ((_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 1) : void 0 : typeof t.height == "number" ? i = t.aspectRatio !== 0 ? t.height * ((_t_aspectRatio1 = t.aspectRatio) !== null && _t_aspectRatio1 !== void 0 ? _t_aspectRatio1 : 1) : void 0 : i = t.width || "100%";
     var _t_as;
-    const c = s && !r, n = /*#__PURE__*/ _react.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
+    const c = s && !o, r = /*#__PURE__*/ _react.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
         className: (0, _classnames.default)(t.className, _aspectratiosupportcssmistica.container, {
             [_aspectratiosupportcssmistica.containerWithWrapper]: c
         }),
@@ -167,7 +167,7 @@ const u = /*#__PURE__*/ _react.createContext(!0), x = (param)=>{
             },
             className: _aspectratiosupportcssmistica.wrapper
         }, t.dataAttributes), {
-            children: n
+            children: r
         }));
-    } else return n;
+    } else return r;
 };

package/dist/utils/browser.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "redirect", {
 });
 const i = function(e) {
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    o ? window.open(e, "_blank") : n ? window.open(e, "_top") : document.location.href = e;
+    o ? window.open(e, "_blank") : n ? window.open(e, "_top") : window.location.assign(e);
 };

package/dist/video.js

@@ -137,7 +137,7 @@ const q = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, M = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", _ = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: S = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = "1:1", dataAttributes: U } = _param, n = _object_without_properties(_param, [
+    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: N = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = "1:1", dataAttributes: U } = _param, n = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -189,7 +189,7 @@ const q = {
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
-        muted: S,
+        muted: N,
         loop: k,
         className: (0, _classnames.default)(_videocssmistica.video, _imagecssmistica.defaultBorderRadius),
         preload: x,

package/dist-es/box.js

@@ -53,9 +53,9 @@ function _object_spread_props(target, source) {
 import { jsx as k } from "react/jsx-runtime";
 import * as p from "react";
 import v from "classnames";
-import { sprinkles as N } from "./sprinkles.css-mistica.js";
-import { getPrefixedDataAttributes as z } from "./utils/dom.js";
-const A = /*#__PURE__*/ p.forwardRef((param, u)=>{
+import { sprinkles as z } from "./sprinkles.css-mistica.js";
+import { getPrefixedDataAttributes as A } from "./utils/dom.js";
+const C = /*#__PURE__*/ p.forwardRef((param, u)=>{
     let { className: f, children: i, width: l, padding: b = 0, paddingX: m = b, paddingY: c = b, paddingTop: e = c, paddingBottom: o = c, paddingLeft: r = m, paddingRight: t = m, role: x, dataAttributes: y, "aria-label": j } = param;
     const S = {
         paddingTop: e,
@@ -65,7 +65,7 @@ const A = /*#__PURE__*/ p.forwardRef((param, u)=>{
     };
     let a = {}, s = "";
     try {
-        s = N(S);
+        s = z(S);
     } catch (e1) {
         a = {
             paddingTop: typeof e == "object" ? e.mobile : e,
@@ -74,7 +74,7 @@ const A = /*#__PURE__*/ p.forwardRef((param, u)=>{
             paddingRight: typeof t == "object" ? t.mobile : t
         };
     }
-    return /* @__PURE__ */ k("div", _object_spread_props(_object_spread({}, z(y)), {
+    return /* @__PURE__ */ k("div", _object_spread_props(_object_spread({}, A(y)), {
         role: x,
         "aria-label": j,
         ref: u,
@@ -85,5 +85,5 @@ const A = /*#__PURE__*/ p.forwardRef((param, u)=>{
         } : {}, s ? {} : a),
         children: i
     }));
-}), w = A;
-export { w as default };
+}), q = C;
+export { q as default };

package/dist-es/boxed.js

@@ -89,7 +89,7 @@ const w = (e, r)=>e || r ? s({
             children: e
         })
     }));
-}), D = /*#__PURE__*/ i.forwardRef((e, r)=>/* @__PURE__ */ a(C, _object_spread_props(_object_spread({}, e), {
+}), N = /*#__PURE__*/ i.forwardRef((e, r)=>/* @__PURE__ */ a(C, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));
-export { D as Boxed, C as InternalBoxed };
+export { N as Boxed, C as InternalBoxed };

package/dist-es/button-group.js

@@ -52,14 +52,14 @@ function _object_spread_props(target, source) {
 }
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import c from "classnames";
-import { getPrefixedDataAttributes as n } from "./utils/dom.js";
+import { getPrefixedDataAttributes as r } from "./utils/dom.js";
 import { inline as a, container as h, buttons as f, buttonChild as l } from "./button-group.css-mistica.js";
 const u = (param)=>{
     let { primaryButton: s, secondaryButton: t, link: e, dataAttributes: d } = param;
-    const m = !!s || !!t || !!e, r = !!s && !!t;
+    const m = !!s || !!t || !!e, n = !!s && !!t;
     return m ? /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
         className: c(a, h)
-    }, n(d, "ButtonGroup")), {
+    }, r(d, "ButtonGroup")), {
         children: [
             (s || t) && /* @__PURE__ */ o("div", {
                 className: c(a, f),
@@ -77,7 +77,7 @@ const u = (param)=>{
             e && /* @__PURE__ */ i("div", {
                 className: l,
                 style: {
-                    width: r ? "100%" : "auto"
+                    width: n ? "100%" : "auto"
                 },
                 children: e
             })

package/dist-es/button-layout.js

@@ -53,14 +53,14 @@ function _object_spread_props(target, source) {
 }
 import { jsx as a, jsxs as n, Fragment as o } from "react/jsx-runtime";
 import * as y from "react";
-import { ButtonPrimary as N, ButtonDanger as v, ButtonSecondary as w } from "./button.js";
+import { ButtonPrimary as v, ButtonDanger as w, ButtonSecondary as L } from "./button.js";
 import g from "classnames";
-import { getPrefixedDataAttributes as L } from "./utils/dom.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
 import { linkWithTwoButtons as O, link as j, container as A, alignVariant as C, containerWithTwoButtons as D, margins as P } from "./button-layout.css-mistica.js";
 const p = [
-    N,
     v,
-    w
+    w,
+    L
 ], R = (param)=>{
     let { children: r, primaryButton: e, secondaryButton: s, align: t = "full-width", link: c, withMargins: x = !1, dataAttributes: B } = param;
     const l = y.Children.toArray(r).sort((b, k)=>{
@@ -84,7 +84,7 @@ const p = [
         className: g(A, C[t], {
             [D]: i > 1
         })
-    }, L(B, "ButtonLayout")), {
+    }, N(B, "ButtonLayout")), {
         children: t !== "right" || i > 1 ? /* @__PURE__ */ n(o, {
             children: [
                 u,