@telefonica/mistica 15.2.1 → 15.4.0

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.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfkh _1y2v1nfkw _1y2v1nfhc _1y2v1nf72 _1y2v1nfjp _1y2v1nfjq _1y2v1nfm5";
+var f = "_1y2v1nfkr _1y2v1nfl6 _1y2v1nfhm _1y2v1nf7c _1y2v1nfjz _1y2v1nfk0 _1y2v1nfmf";

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",
@@ -174,7 +174,7 @@ const q = {
     const C = ()=>{
         if (y == null || y(), l === "stopped") return;
         const e = i.current, t = g && !(0, _platform.isRunningAcceptanceTest)();
-        o("finishLoad"), e && t && e.paused && (e.play(), o("play"));
+        o("finishLoad"), e && t && e.paused && e.play();
     }, V = (Array.isArray(s) ? s : [
         s
     ]).map((e)=>typeof e == "string" ? {
@@ -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/accordion.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var e = "_8s3szx3", v = "_1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhx _1y2v1nfjs _1y2v1nf72 _1y2v1nfhc _1y2v1nfie", a = "_8s3szx9", r = "_8s3szx4", _ = {
+var e = "_8s3szx3", v = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", r = "_8s3szx9", a = "_8s3szx4", _ = {
     enter: "_8s3szx5",
     enterActive: "_8s3szx6",
     exit: "_8s3szx7",
     exitActive: "_8s3szx8"
-}, t = "_8s3szx1", x = "_8s3szx2";
-export { e as chevronContainer, v as itemContent, a as panel, r as panelContainer, _ as panelTransitionClasses, t as touchableBackground, x as touchableBackgroundInverse };
+}, t = "_8s3szx1", i = "_8s3szx2";
+export { e as chevronContainer, v as itemContent, r as panel, a as panelContainer, _ as panelTransitionClasses, t as touchableBackground, i as touchableBackgroundInverse };

package/dist-es/accordion.js

@@ -78,202 +78,206 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import { Content as N } from "./list.js";
 import S from "./icons/icon-chevron.js";
-import x from "./box.js";
-import { itemContent as T, touchableBackgroundInverse as y, touchableBackground as O, chevronContainer as D, panelTransitionClasses as P, panelContainer as V, panel as w } from "./accordion.css-mistica.js";
+import h from "./box.js";
+import { itemContent as T, touchableBackgroundInverse as y, touchableBackground as O, chevronContainer as w, panelTransitionClasses as D, panelContainer as P, panel as V } from "./accordion.css-mistica.js";
 import E from "./stack.js";
 import { BaseTouchable as _ } from "./touchable.js";
 import k from "classnames";
 import { vars as A } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as C } from "./utils/dom.js";
+import { getPrefixedDataAttributes as R } from "./utils/dom.js";
 import L from "./divider.js";
 import { Boxed as X } from "./boxed.js";
 import { useIsInverseVariant as j } from "./theme-variant-context.js";
-import { useAriaId as v } from "./hooks.js";
+import { useAriaId as g } from "./hooks.js";
 import { CSSTransition as M } from "react-transition-group";
 import { isRunningAcceptanceTest as q } from "./utils/platform.js";
-const z = 400, h = /*#__PURE__*/ i.createContext({
+const z = 400, v = /*#__PURE__*/ i.createContext({
     index: [],
     toogle: ()=>{}
-}), F = ()=>i.useContext(h), R = (param)=>{
-    let { value: o, defaultValue: n, onChange: r, singleOpen: s } = param;
-    const u = o !== void 0, d = (e)=>e === void 0 ? [] : typeof e == "number" ? [
-            e
-        ] : e, [c, l] = i.useState(d(n));
+}), F = ()=>i.useContext(v), B = (param)=>{
+    let { value: e, defaultValue: r, onChange: n, singleOpen: s } = param;
+    const l = e !== void 0, d = (o)=>o === void 0 ? [] : typeof o == "number" ? [
+            o
+        ] : o, [c, a] = i.useState(d(r));
     i.useEffect(()=>{
-        c.length > 1 && s && (c.splice(1), l([
-            ...c
-        ]));
+        if (c.length > 1 && s) {
+            const o = [
+                ...c
+            ];
+            o.splice(1), a(o);
+        }
     }, [
         s,
         c
     ]);
-    const p = (e, a)=>{
-        if (!a) return [
-            e
+    const I = (o, u)=>{
+        if (!u) return [
+            o
         ];
-        const f = a.indexOf(e);
-        return f === -1 ? s ? a = [
-            e
-        ] : a.push(e) : a.splice(f, 1), [
-            ...a
+        const f = u.indexOf(o);
+        let p = [
+            ...u
         ];
-    }, m = (e)=>{
-        if (u || l(p(e, c)), r) {
-            const a = (u ? d(o) : c).includes(e);
-            r(e, !a);
+        return f === -1 ? s ? p = [
+            o
+        ] : p.push(o) : p.splice(f, 1), p;
+    }, m = (o)=>{
+        if (l || a(I(o, c)), n) {
+            const u = (l ? d(e) : c).includes(o);
+            n(o, !u);
         }
     };
-    return u ? [
-        d(o),
+    return l ? [
+        d(e),
         m
     ] : [
         c,
         m
     ];
-}, H = (o)=>{
-    const n = o == null ? void 0 : o.closest("[data-accordion]");
-    if (n) return Array.from(n.querySelectorAll("[data-accordion-item]")).filter((r)=>r.closest("[data-accordion]") === n).findIndex((r)=>r === o);
-}, B = /*#__PURE__*/ i.forwardRef((_param, u)=>{
-    var { content: o, dataAttributes: n, trackingEvent: r } = _param, s = _object_without_properties(_param, [
+}, H = (e)=>{
+    const r = e == null ? void 0 : e.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === e);
+}, b = /*#__PURE__*/ i.forwardRef((_param, l)=>{
+    var { content: e, dataAttributes: r, trackingEvent: n } = _param, s = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent"
     ]);
-    const d = i.useRef(null), c = i.useRef(null), { index: l, toogle: p } = F(), m = j(), e = v(), a = v(), [f, b] = i.useState(), I = f !== void 0 && (l == null ? void 0 : l.includes(f));
+    const d = i.useRef(null), c = i.useRef(null), { index: a, toogle: I } = F(), m = j(), o = g(), u = g(), [f, p] = i.useState(), x = f !== void 0 && (a == null ? void 0 : a.includes(f));
     return i.useEffect(()=>{
-        b(H(c.current));
-    }, []), /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
+        p(H(c.current));
+    }, []), /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
         ref: c
-    }, C(_object_spread_props(_object_spread({}, n), {
+    }, R(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
             /* @__PURE__ */ t(_, {
-                ref: u,
+                ref: l,
                 className: k(T, m ? y : O),
                 onPress: ()=>{
-                    f !== void 0 && p(f);
+                    f !== void 0 && I(f);
                 },
-                trackingEvent: r,
-                "aria-expanded": I,
-                "aria-controls": a,
-                children: /* @__PURE__ */ t(x, {
+                trackingEvent: n,
+                "aria-expanded": x,
+                "aria-controls": u,
+                children: /* @__PURE__ */ t(h, {
                     paddingX: 16,
                     children: /* @__PURE__ */ t(N, _object_spread_props(_object_spread({
-                        labelId: e,
+                        labelId: o,
                         type: "custom"
                     }, s), {
                         right: /* @__PURE__ */ t("div", {
-                            className: D,
+                            className: w,
                             children: /* @__PURE__ */ t(S, {
                                 size: 24,
                                 transitionDuration: 400,
-                                direction: I ? "up" : "down",
-                                color: m ? A.colors.inverse : I ? A.colors.neutralHigh : A.colors.neutralMedium
+                                direction: x ? "up" : "down",
+                                color: m ? A.colors.inverse : x ? A.colors.neutralHigh : A.colors.neutralMedium
                             })
                         })
                     }))
                 })
             }),
             /* @__PURE__ */ t(M, {
-                in: I,
+                in: x,
                 timeout: q() ? 0 : z,
                 nodeRef: d,
-                classNames: P,
+                classNames: D,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ t("div", {
-                    className: V,
+                    className: P,
                     ref: d,
                     children: /* @__PURE__ */ t("div", {
-                        className: w,
+                        className: V,
                         role: "region",
-                        "aria-labelledby": e,
-                        id: a,
-                        children: /* @__PURE__ */ t(x, {
+                        "aria-labelledby": o,
+                        id: u,
+                        children: /* @__PURE__ */ t(h, {
                             paddingX: 16,
                             paddingBottom: 16,
-                            children: o
+                            children: e
                         })
                     })
                 })
             })
         ]
     }));
-}), so = /*#__PURE__*/ i.forwardRef((_param, r)=>{
-    var { dataAttributes: o } = _param, n = _object_without_properties(_param, [
+}), so = /*#__PURE__*/ i.forwardRef((_param, n)=>{
+    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(B, _object_spread_props(_object_spread({}, n), {
-        ref: r,
+    return /* @__PURE__ */ t(b, _object_spread_props(_object_spread({}, r), {
+        ref: n,
         dataAttributes: _object_spread({
             "component-name": "AccordionItem"
-        }, o)
+        }, e)
     }));
 }), ao = (param)=>{
-    let { children: o, dataAttributes: n, index: r, defaultIndex: s, onChange: u, singleOpen: d } = param;
-    const [c, l] = R({
-        value: r,
+    let { children: e, dataAttributes: r, index: n, defaultIndex: s, onChange: l, singleOpen: d } = param;
+    const [c, a] = B({
+        value: n,
         defaultValue: s,
-        onChange: u,
+        onChange: l,
         singleOpen: d
-    }), p = i.Children.count(o) - 1;
-    return /* @__PURE__ */ t(h.Provider, {
+    }), I = i.Children.count(e) - 1;
+    return /* @__PURE__ */ t(v.Provider, {
         value: {
             index: c,
-            toogle: l
+            toogle: a
         },
-        children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, C(_object_spread_props(_object_spread({}, n), {
+        children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, R(_object_spread_props(_object_spread({}, r), {
             accordion: !0
         }), "Accordion")), {
-            children: i.Children.toArray(o).filter(Boolean).map((m, e)=>/* @__PURE__ */ g(i.Fragment, {
+            children: i.Children.toArray(e).filter(Boolean).map((m, o)=>/* @__PURE__ */ C(i.Fragment, {
                     children: [
                         m,
-                        e < p && /* @__PURE__ */ t(x, {
+                        o < I && /* @__PURE__ */ t(h, {
                             paddingX: 16,
                             children: /* @__PURE__ */ t(L, {})
                         })
                     ]
-                }, e))
+                }, o))
         }))
     });
 }, lo = /*#__PURE__*/ i.forwardRef((_param, s)=>{
-    var { dataAttributes: o, isInverse: n } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: e, isInverse: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "isInverse"
     ]);
     return /* @__PURE__ */ t(X, {
-        isInverse: n,
+        isInverse: r,
         ref: s,
         dataAttributes: _object_spread({
             "component-name": "BoxedAccordionItem"
-        }, o),
-        children: /* @__PURE__ */ t(B, _object_spread({}, r))
+        }, e),
+        children: /* @__PURE__ */ t(b, _object_spread({}, n))
     });
 }), uo = (param)=>{
-    let { children: o, dataAttributes: n, index: r, defaultIndex: s, onChange: u, singleOpen: d } = param;
-    const [c, l] = R({
-        value: r,
+    let { children: e, dataAttributes: r, index: n, defaultIndex: s, onChange: l, singleOpen: d } = param;
+    const [c, a] = B({
+        value: n,
         defaultValue: s,
-        onChange: u,
+        onChange: l,
         singleOpen: d
     });
-    return /* @__PURE__ */ t(h.Provider, {
+    return /* @__PURE__ */ t(v.Provider, {
         value: {
             index: c,
-            toogle: l
+            toogle: a
         },
         children: /* @__PURE__ */ t(E, {
             space: 16,
             dataAttributes: _object_spread({
                 "component-name": "BoxedAccordion",
                 accordion: !0
-            }, n),
-            children: o
+            }, r),
+            children: e
         })
     });
 };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var a = "_1y2v1nfk8 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfkb", f = "_1y2v1nfm5";
-export { a as avatar, f as image };
+var f = "_1y2v1nfki _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfkl", a = "_1y2v1nfmf";
+export { f as avatar, a as image };

package/dist-es/avatar.js

@@ -112,7 +112,7 @@ const $ = (r, o)=>{
         "dataAttributes"
     ]);
     var _s_backgroundColor, _s_textColor;
-    const l = E(), g = (_s_backgroundColor = s.backgroundColor) !== null && _s_backgroundColor !== void 0 ? _s_backgroundColor : l ? a.colors.brandHigh : a.colors.brandLow, b = (_s_textColor = s.textColor) !== null && _s_textColor !== void 0 ? _s_textColor : l ? a.colors.textPrimaryInverse : a.colors.brand, [h, i] = d.useState(!1);
+    const l = E(), g = (_s_backgroundColor = s.backgroundColor) !== null && _s_backgroundColor !== void 0 ? _s_backgroundColor : l ? a.colors.brandHigh : a.colors.brandLow, b = (_s_textColor = s.textColor) !== null && _s_textColor !== void 0 ? _s_textColor : l ? a.colors.textPrimaryInverse : a.colors.textBrand, [h, i] = d.useState(!1);
     d.useEffect(()=>{
         i(!1);
     }, [

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var a = "_17szrmd2 _1y2v1nf56", _ = "_17szrmd7", d = "_17szrmd3", e = "_17szrmd5 _17szrmd2 _1y2v1nf56 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj", n = "_1y2v1nfh5", m = "_1y2v1nfh4 _1y2v1nfhe";
-export { a as badge, _ as badgeBigNumber, d as badgeBorder, e as badgeNumber, n as badgeWithChildren, m as container };
+var v = "_17szrmd2 _1y2v1nf5d", _ = "_17szrmd7", a = "_17szrmd3", e = "_17szrmd5 _17szrmd2 _1y2v1nf5d _1y2v1nfhk _1y2v1nfhz _1y2v1nfht", n = "_1y2v1nfhf", f = "_1y2v1nfhe _1y2v1nfho";
+export { v as badge, _ as badgeBigNumber, a as badgeBorder, e as badgeNumber, n as badgeWithChildren, f as container };

package/dist-es/box.js

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

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./boxed.css.ts.vanilla.css-mistica.js";
-var e = "_1y2v1nfjr", p = "ihbkeq1";
+var e = "_1y2v1nfk1", p = "ihbkeq1";
 export { e as boxBorder, p as desktopOnly };

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.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button-group.css.ts.vanilla.css-mistica.js";
-var h = "_1xdd1h64", r = "_1xdd1h63", t = "_1xdd1h62", v = "_1xdd1h61 _1y2v1nfhb _1y2v1nfhp _1y2v1nfhf";
+var h = "_1xdd1h64", r = "_1xdd1h63", t = "_1xdd1h62", v = "_1xdd1h61 _1y2v1nfhl _1y2v1nfhz _1y2v1nfhp";
 export { h as buttonChild, r as buttons, t as container, v as inline };

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.css-mistica.js

@@ -2,9 +2,9 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-layout.css.ts.vanilla.css-mistica.js";
 var y = {
-    right: "kfxylh8 _1y2v1nfhk",
-    left: "kfxylh9 _1y2v1nfhi",
-    center: "kfxylha _1y2v1nfhj",
-    "full-width": "kfxylhb _1y2v1nfhj"
-}, l = "kfxylh2 _1y2v1nfha _1y2v1nfhp", t = "kfxylh3", a = "kfxylhe kfxylhd _1y2v1nfha _1y2v1nfhx", r = "kfxylhf kfxylhd _1y2v1nfha _1y2v1nfhx", v = "kfxylh0";
-export { y as alignVariant, l as container, t as containerWithTwoButtons, a as link, r as linkWithTwoButtons, v as margins };
+    right: "kfxylh8 _1y2v1nfhu",
+    left: "kfxylh9 _1y2v1nfhs",
+    center: "kfxylha _1y2v1nfht",
+    "full-width": "kfxylhb _1y2v1nfht"
+}, t = "kfxylh2 _1y2v1nfhk _1y2v1nfhz", l = "kfxylh3", i = "kfxylhe kfxylhd _1y2v1nfhk _1y2v1nfi7", k = "kfxylhf kfxylhd _1y2v1nfhk _1y2v1nfi7", r = "kfxylh0";
+export { y as alignVariant, t as container, l as containerWithTwoButtons, i as link, k as linkWithTwoButtons, r as margins };

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,