@telefonica/mistica 16.71.0 → 17.0.0

package/dist-es/accordion.js

@@ -78,7 +78,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import * as i from "react";
 import { Content as D } from "./list.js";
 import E from "./icons/icon-chevron.js";
@@ -99,8 +99,8 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
     index: [],
     toggle: ()=>{}
 }), $ = ()=>i.useContext(b), y = (param)=>{
-    let { value: o, defaultValue: e, onChange: r, singleOpen: c } = param;
-    const d = o !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
+    let { value: o, defaultValue: e, onChange: n, singleOpen: c } = param;
+    const s = o !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
             t
         ] : t, [a, u] = i.useState(l(e));
     i.useEffect(()=>{
@@ -118,20 +118,20 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
         if (!m) return [
             t
         ];
-        const s = m.indexOf(t);
+        const d = m.indexOf(t);
         let x = [
             ...m
         ];
-        return s === -1 ? c ? x = [
+        return d === -1 ? c ? x = [
             t
-        ] : x.push(t) : x.splice(s, 1), x;
+        ] : x.push(t) : x.splice(d, 1), x;
     }, p = (t)=>{
-        if (d || u(f(t, a)), r) {
-            const m = (d ? l(o) : a).includes(t);
-            r(t, !m);
+        if (s || u(f(t, a)), n) {
+            const m = (s ? l(o) : a).includes(t);
+            n(t, !m);
         }
     };
-    return d ? [
+    return s ? [
         l(o),
         p
     ] : [
@@ -140,13 +140,13 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
     ];
 }, ee = (o)=>{
     const e = o === null || o === void 0 ? void 0 : o.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((r)=>r.closest("[data-accordion]") === e).findIndex((r)=>r === o);
+    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === o);
 }, te = (o)=>{
     if (!/*#__PURE__*/ i.isValidElement(o)) return "";
     const e = o.props;
     return typeof e.alt == "string" && e.alt.trim() ? e.alt.trim() : typeof e["aria-label"] == "string" && e["aria-label"].trim() ? e["aria-label"].trim() : "";
 }, R = /*#__PURE__*/ i.forwardRef((_param, u)=>{
-    var { content: o, dataAttributes: e, trackingEvent: r, right: c, "aria-label": d, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+    var { content: o, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -154,7 +154,7 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const f = i.useRef(null), p = i.useRef(null), { index: t, toggle: m } = $(), s = Q(), x = i.useId(), C = i.useId(), S = te(a.asset), T = d !== null && d !== void 0 ? d : [
+    const f = i.useRef(null), p = i.useRef(null), { index: t, toggle: m } = $(), d = Q(), x = i.useId(), C = i.useId(), S = te(a.asset), T = s !== null && s !== void 0 ? s : [
         a.title,
         S
     ].filter(Boolean).join(" "), [h, O] = i.useState(), g = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
@@ -167,27 +167,27 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
         brand: I.colors.textSecondaryBrand,
         media: I.colors.textSecondaryBrand,
         negative: I.colors.textSecondaryNegative
-    }[s];
+    }[d];
     return /* @__PURE__ */ v("div", _object_spread_props(_object_spread({
         ref: p
     }, N(_object_spread_props(_object_spread({}, e), {
         "accordion-item": !0
     }))), {
         children: [
-            /* @__PURE__ */ n(G, {
+            /* @__PURE__ */ r(G, {
                 ref: u,
-                className: H(k, s === "brand" || s === "media" || s === "negative" ? X : q),
+                className: H(k, d === "brand" || d === "media" || d === "negative" ? X : q),
                 onPress: ()=>{
                     h !== void 0 && m(h);
                 },
-                trackingEvent: r,
+                trackingEvent: n,
                 "aria-expanded": g,
                 "aria-controls": C,
                 "aria-label": T,
                 "aria-labelledby": l,
-                children: /* @__PURE__ */ n(A, {
+                children: /* @__PURE__ */ r(A, {
                     paddingX: 16,
-                    children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
+                    children: /* @__PURE__ */ r(D, _object_spread_props(_object_spread({
                         labelId: x
                     }, a), {
                         right: (param)=>{
@@ -198,9 +198,9 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
                                 className: _,
                                 children: [
                                     c,
-                                    /* @__PURE__ */ n("div", {
+                                    /* @__PURE__ */ r("div", {
                                         className: j,
-                                        children: /* @__PURE__ */ n(E, {
+                                        children: /* @__PURE__ */ r(E, {
                                             size: 20,
                                             transitionDuration: B,
                                             direction: g ? "up" : "down",
@@ -213,22 +213,22 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
                     }))
                 })
             }),
-            /* @__PURE__ */ n(W, {
+            /* @__PURE__ */ r(W, {
                 in: g,
                 timeout: Y() ? 0 : B,
                 nodeRef: f,
                 classNames: z,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
-                children: /* @__PURE__ */ n("div", {
+                children: /* @__PURE__ */ r("div", {
                     className: F,
                     ref: f,
-                    children: /* @__PURE__ */ n("div", {
+                    children: /* @__PURE__ */ r("div", {
                         className: M,
                         role: "region",
                         "aria-labelledby": x,
                         id: C,
-                        children: /* @__PURE__ */ n(A, {
+                        children: /* @__PURE__ */ r(A, {
                             paddingX: 16,
                             paddingBottom: 16,
                             children: o
@@ -239,83 +239,84 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
         ]
     }));
 }), he = /*#__PURE__*/ i.forwardRef((_param, c)=>{
-    var { dataAttributes: o, role: e } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: o, role: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
-    return /* @__PURE__ */ n("div", {
+    return /* @__PURE__ */ r("div", {
         role: e,
         className: P,
-        children: /* @__PURE__ */ n(R, _object_spread_props(_object_spread({}, r), {
+        children: /* @__PURE__ */ r(R, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
-                "component-name": "AccordionItem"
+                testid: "AccordionItem"
             }, o)
         }))
     });
 }), ve = (param)=>{
-    let { children: o, dataAttributes: e, index: r, defaultIndex: c, onChange: d, singleOpen: l, role: a } = param;
+    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a } = param;
     const [u, f] = y({
-        value: r,
+        value: n,
         defaultValue: c,
-        onChange: d,
+        onChange: s,
         singleOpen: l
     }), p = i.Children.toArray(o).filter(Boolean), t = p.length - 1;
-    return /* @__PURE__ */ n(b.Provider, {
+    return /* @__PURE__ */ r(b.Provider, {
         value: {
             index: u,
             toggle: f
         },
-        children: /* @__PURE__ */ n("div", _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
             role: a
-        }, N(_object_spread_props(_object_spread({}, e), {
+        }, N(_object_spread_props(_object_spread({
+            testid: "Accordion"
+        }, e), {
             accordion: !0
-        }), "Accordion")), {
-            children: p.map((m, s)=>/* @__PURE__ */ v(i.Fragment, {
+        }))), {
+            children: p.map((m, d)=>/* @__PURE__ */ v(i.Fragment, {
                     children: [
                         m,
-                        s < t && /* @__PURE__ */ n(A, {
+                        d < t && /* @__PURE__ */ r(A, {
                             paddingX: 16,
-                            children: /* @__PURE__ */ n(J, {})
+                            children: /* @__PURE__ */ r(J, {})
                         })
                     ]
-                }, s))
+                }, d))
         }))
     });
-}, Ae = /*#__PURE__*/ i.forwardRef((_param, d)=>{
-    var { dataAttributes: o, isInverse: e, variant: r } = _param, c = _object_without_properties(_param, [
+}, Ae = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: o, variant: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
-        "isInverse",
         "variant"
     ]);
-    return /* @__PURE__ */ n(K, {
+    return /* @__PURE__ */ r(K, {
         overflow: "visible",
         className: L,
-        variant: r !== null && r !== void 0 ? r : e ? "brand" : "default",
-        ref: d,
+        variant: e !== null && e !== void 0 ? e : "default",
+        ref: c,
         dataAttributes: _object_spread({
-            "component-name": "BoxedAccordionItem"
+            testid: "BoxedAccordionItem"
         }, o),
-        children: /* @__PURE__ */ n(R, _object_spread({}, c))
+        children: /* @__PURE__ */ r(R, _object_spread({}, n))
     });
 }), be = (param)=>{
-    let { children: o, dataAttributes: e, index: r, defaultIndex: c, onChange: d, singleOpen: l, role: a } = param;
+    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a } = param;
     const [u, f] = y({
-        value: r,
+        value: n,
         defaultValue: c,
-        onChange: d,
+        onChange: s,
         singleOpen: l
     });
-    return /* @__PURE__ */ n(b.Provider, {
+    return /* @__PURE__ */ r(b.Provider, {
         value: {
             index: u,
             toggle: f
         },
-        children: /* @__PURE__ */ n(U, {
+        children: /* @__PURE__ */ r(U, {
             space: 16,
             role: a,
             dataAttributes: _object_spread({
-                "component-name": "BoxedAccordion",
+                testid: "BoxedAccordion",
                 accordion: !0
             }, e),
             children: o

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

@@ -1,2 +1,2 @@
-/* empty css                                 */ var o = "v16_71_1mfs0fk0";
+/* empty css                                 */ var o = "v17_1mfs0fk0";
 export { o as container };

package/dist-es/align.js

@@ -53,9 +53,11 @@ function _object_spread_props(target, source) {
 import { jsx as i } from "react/jsx-runtime";
 import { getPrefixedDataAttributes as m } from "./utils/dom.js";
 import { container as l } from "./align.css-mistica.js";
-const c = (param)=>{
-    let { x: e = "start", y: o = "start", width: t, height: r, children: a, dataAttributes: s } = param;
-    return /* @__PURE__ */ i("div", _object_spread_props(_object_spread({}, m(s, "Align")), {
+const p = (param)=>{
+    let { x: e = "start", y: o = "start", width: t, height: r, children: s, dataAttributes: a } = param;
+    return /* @__PURE__ */ i("div", _object_spread_props(_object_spread({}, m(_object_spread({
+        testid: "Align"
+    }, a))), {
         className: l,
         style: _object_spread({
             placeItems: `${o} ${e}`
@@ -64,7 +66,7 @@ const c = (param)=>{
         } : {}, r !== void 0 ? {
             height: r
         } : {}),
-        children: a
+        children: s
     }));
 };
-export { c as default };
+export { p as default };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                        */ var n = "v16_71_1rj3nw81 v16_71_1rj3nw80 v16_71_1y2v1nfpy", r = "v16_71_1rj3nw83 v16_71_1rj3nw82 v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfio v16_71_1y2v1nfjx v16_71_1y2v1nfpz v16_71_1y2v1nfsy", y = "v16_71_1rj3nw85 v16_71_1rj3nw84 v16_71_1y2v1nfio v16_71_1y2v1nfjx v16_71_1y2v1nfg9 v16_71_1y2v1nfhi", f = "v16_71_1rj3nw87 v16_71_1rj3nw85 v16_71_1rj3nw84 v16_71_1y2v1nfio v16_71_1y2v1nfjx v16_71_1y2v1nfg9 v16_71_1y2v1nfhi v16_71_1rj3nw86 v16_71_1y2v1nft7", o = "v16_71_1rj3nw88";
-export { n as autocompleteContainer, y as optionBaseItem, f as optionItem, o as optionItemSelected, r as optionsList };
+/* empty css                                     */ /* empty css                                        */ var _ = "v17_1rj3nw81 v17_1rj3nw80 v17_1y2v1nfpy", r = "v17_1rj3nw83 v17_1rj3nw82 v17_1y2v1nfg6 v17_1y2v1nfhf v17_1y2v1nfio v17_1y2v1nfjx v17_1y2v1nfpz v17_1y2v1nfsx", f = "v17_1rj3nw85 v17_1rj3nw84 v17_1y2v1nfio v17_1y2v1nfjx v17_1y2v1nfg9 v17_1y2v1nfhi", o = "v17_1rj3nw87 v17_1rj3nw85 v17_1rj3nw84 v17_1y2v1nfio v17_1y2v1nfjx v17_1y2v1nfg9 v17_1y2v1nfhi v17_1rj3nw86 v17_1y2v1nft6", y = "v17_1rj3nw88";
+export { _ as autocompleteContainer, f as optionBaseItem, o as optionItem, y as optionItemSelected, r as optionsList };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var f = "v16_71_f1g4uj0 v16_71_1y2v1nft4 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft8", a = "v16_71_f1g4uj1 v16_71_1y2v1nfv2";
-export { f as avatar, a as image };
+/* empty css                                     */ /* empty css                                  */ var _ = "v17_f1g4uj0 v17_1y2v1nft3 v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nft7", a = "v17_f1g4uj1 v17_1y2v1nfv1";
+export { _ as avatar, a as image };

package/dist-es/avatar.js

@@ -112,17 +112,17 @@ const T = (r, o)=>{
         "dataAttributes"
     ]);
     var _i_backgroundColor, _i_textColor;
-    const s = I(), l = s === "brand" || s === "media" || s === "negative", b = (_i_backgroundColor = i.backgroundColor) !== null && _i_backgroundColor !== void 0 ? _i_backgroundColor : l ? a.colors.brandHigh : a.colors.brandLow, h = (_i_textColor = i.textColor) !== null && _i_textColor !== void 0 ? _i_textColor : l ? a.colors.textPrimaryNegative : a.colors.textBrand, [p, m] = u.useState(!1);
+    const s = I(), l = s === "brand" || s === "media" || s === "negative", b = (_i_backgroundColor = i.backgroundColor) !== null && _i_backgroundColor !== void 0 ? _i_backgroundColor : l ? a.colors.brandHigh : a.colors.brandLow, h = (_i_textColor = i.textColor) !== null && _i_textColor !== void 0 ? _i_textColor : l ? a.colors.textPrimaryNegative : a.colors.textBrand, [p, d] = u.useState(!1);
     u.useEffect(()=>{
-        m(!1);
+        d(!1);
     }, [
         o
     ]);
-    const x = i.border ? `1px solid ${a.colors.borderLow}` : "none", v = c.trim().slice(0, 2), d = T(r, e), C = e === !0 ? void 0 : e || 0, w = !!o && !p, A = r <= 40 ? 16 : 24;
+    const x = i.border ? `1px solid ${a.colors.borderLow}` : "none", v = c.trim().slice(0, 2), m = T(r, e), C = e === !0 ? void 0 : e || 0, w = !!o && !p, A = r <= 40 ? 16 : 24;
     return /* @__PURE__ */ n(B, {
         value: C,
-        top: d,
-        right: d,
+        top: m,
+        right: m,
         children: /* @__PURE__ */ n("div", _object_spread_props(_object_spread({
             className: L,
             role: "img",
@@ -135,11 +135,13 @@ const T = (r, o)=>{
                 boxSizing: "border-box",
                 border: x
             }
-        }, R(g, "Avatar")), {
+        }, R(_object_spread({
+            testid: "Avatar"
+        }, g))), {
             children: w ? /* @__PURE__ */ n("img", {
                 src: o,
                 className: P,
-                onError: ()=>m(!0),
+                onError: ()=>d(!0),
                 role: "none",
                 width: r,
                 height: r

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                 */ var r = "v16_71_17szrmd0 v16_71_1y2v1nfpy v16_71_1y2v1nfq8", d = "v16_71_17szrmd2 v16_71_17szrmd1 v16_71_1y2v1nfce", m = "v16_71_17szrmd3", e = "v16_71_17szrmd5 v16_71_17szrmd2 v16_71_17szrmd1 v16_71_1y2v1nfce v16_71_17szrmd4 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", a = "v16_71_17szrmd6 v16_71_1y2v1nfpz", n = "v16_71_17szrmd7";
-export { d as badge, n as badgeBigNumber, m as badgeBorder, e as badgeNumber, a as badgeWithChildren, r as container };
+/* empty css                                     */ /* empty css                                 */ var d = "v17_17szrmd0 v17_1y2v1nfpy v17_1y2v1nfq8", _ = "v17_17szrmd2 v17_17szrmd1 v17_1y2v1nfce", m = "v17_17szrmd3", e = "v17_17szrmd5 v17_17szrmd2 v17_17szrmd1 v17_1y2v1nfce v17_17szrmd4 v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd", a = "v17_17szrmd6 v17_1y2v1nfpz", n = "v17_17szrmd7";
+export { _ as badge, n as badgeBigNumber, m as badgeBorder, e as badgeNumber, a as badgeWithChildren, d as container };

package/dist-es/badge.js

@@ -60,16 +60,18 @@ import { useTheme as y } from "./hooks.js";
 import { vars as P } from "./skins/skin-contract.css-mistica.js";
 import { useThemeVariant as T } from "./theme-variant-context.js";
 const F = (param)=>{
-    let { children: e, value: r, right: o, top: a, dataAttributes: f } = param;
+    let { children: e, value: r, right: o, top: s, dataAttributes: f } = param;
     const i = T(), { textPresets: c } = y();
     if (e && r === 0) return /* @__PURE__ */ t(b, {
         children: e
     });
     if (r === 0) return null;
-    const s = r && r > 9, m = i === "brand" || i === "negative" || i === "media" || !!e;
+    const a = r && r > 9, m = i === "brand" || i === "negative" || i === "media" || !!e;
     return /* @__PURE__ */ p("div", _object_spread_props(_object_spread({
         className: u
-    }, h(f, "Badge")), {
+    }, h(_object_spread({
+        testid: "Badge"
+    }, f))), {
         children: [
             e,
             r ? /* @__PURE__ */ t("div", {
@@ -77,23 +79,23 @@ const F = (param)=>{
                 "aria-hidden": "true",
                 className: n(l, {
                     [g]: !!e,
-                    [x]: s,
+                    [x]: a,
                     [d]: m
                 }),
                 style: {
                     right: o,
-                    top: a
+                    top: s
                 },
                 children: /* @__PURE__ */ t(B, {
                     forceMobileSizes: !0,
                     weight: c.indicator.weight,
                     color: P.colors.textPrimaryNegative,
-                    children: s ? "+9" : r
+                    children: a ? "+9" : r
                 })
             }) : /* @__PURE__ */ t("div", {
                 style: {
                     right: o,
-                    top: a
+                    top: s
                 },
                 className: n(N, {
                     [g]: !!e,

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

@@ -1,23 +1,23 @@
-/* empty css                               */ var _ = {
+/* empty css                               */ var a = {
     paddingTop: {
-        desktop: "var(--v16_71_1xgjmkv0)",
-        tablet: "var(--v16_71_1xgjmkv1)",
-        mobile: "var(--v16_71_1xgjmkv2)"
+        desktop: "var(--v17_1xgjmkv0)",
+        tablet: "var(--v17_1xgjmkv1)",
+        mobile: "var(--v17_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_71_1xgjmkv3)",
-        tablet: "var(--v16_71_1xgjmkv4)",
-        mobile: "var(--v16_71_1xgjmkv5)"
+        desktop: "var(--v17_1xgjmkv3)",
+        tablet: "var(--v17_1xgjmkv4)",
+        mobile: "var(--v17_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_71_1xgjmkv6)",
-        tablet: "var(--v16_71_1xgjmkv7)",
-        mobile: "var(--v16_71_1xgjmkv8)"
+        desktop: "var(--v17_1xgjmkv6)",
+        tablet: "var(--v17_1xgjmkv7)",
+        mobile: "var(--v17_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_71_1xgjmkv9)",
-        tablet: "var(--v16_71_1xgjmkva)",
-        mobile: "var(--v16_71_1xgjmkvb)"
+        desktop: "var(--v17_1xgjmkv9)",
+        tablet: "var(--v17_1xgjmkva)",
+        mobile: "var(--v17_1xgjmkvb)"
     }
-}, a = "v16_71_1xgjmkvc";
-export { a as box, _ as vars };
+}, m = "v17_1xgjmkvc";
+export { m as box, a as vars };

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

@@ -1,31 +1,31 @@
-/* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v16_71_ihbkeq0)",
-    height: "var(--v16_71_ihbkeq1)",
-    minHeight: "var(--v16_71_ihbkeq2)",
-    maxWidth: "var(--v16_71_ihbkeq3)",
-    minWidth: "var(--v16_71_ihbkeq4)",
+/* empty css                                     */ /* empty css                                 */ var h = {
+    width: "var(--v17_ihbkeq0)",
+    height: "var(--v17_ihbkeq1)",
+    minHeight: "var(--v17_ihbkeq2)",
+    maxWidth: "var(--v17_ihbkeq3)",
+    minWidth: "var(--v17_ihbkeq4)",
     mobile: {
-        width: "var(--v16_71_ihbkeq5)",
-        height: "var(--v16_71_ihbkeq6)",
-        minHeight: "var(--v16_71_ihbkeq7)",
-        maxWidth: "var(--v16_71_ihbkeq8)",
-        minWidth: "var(--v16_71_ihbkeq9)"
+        width: "var(--v17_ihbkeq5)",
+        height: "var(--v17_ihbkeq6)",
+        minHeight: "var(--v17_ihbkeq7)",
+        maxWidth: "var(--v17_ihbkeq8)",
+        minWidth: "var(--v17_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_71_ihbkeqa)",
-        height: "var(--v16_71_ihbkeqb)",
-        minHeight: "var(--v16_71_ihbkeqc)",
-        maxWidth: "var(--v16_71_ihbkeqd)",
-        minWidth: "var(--v16_71_ihbkeqe)"
+        width: "var(--v17_ihbkeqa)",
+        height: "var(--v17_ihbkeqb)",
+        minHeight: "var(--v17_ihbkeqc)",
+        maxWidth: "var(--v17_ihbkeqd)",
+        minWidth: "var(--v17_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_71_ihbkeqf)",
-        height: "var(--v16_71_ihbkeqg)",
-        minHeight: "var(--v16_71_ihbkeqh)",
-        maxWidth: "var(--v16_71_ihbkeqi)",
-        minWidth: "var(--v16_71_ihbkeqj)"
+        width: "var(--v17_ihbkeqf)",
+        height: "var(--v17_ihbkeqg)",
+        minHeight: "var(--v17_ihbkeqh)",
+        maxWidth: "var(--v17_ihbkeqi)",
+        minWidth: "var(--v17_ihbkeqj)"
     },
-    background: "var(--v16_71_ihbkeqk)",
-    borderRadius: "var(--v16_71_ihbkeql)"
-}, h = "v16_71_ihbkeqm", e = "v16_71_ihbkeqn v16_71_1y2v1nft8", r = "v16_71_ihbkeqo v16_71_1y2v1nfsl", a = "v16_71_ihbkeqp", b = "v16_71_ihbkeqq v16_71_1y2v1nfsm";
-export { r as boxBorder, h as boxed, a as desktopOnly, b as noBorder, e as overflowHidden, _ as vars };
+    background: "var(--v17_ihbkeqk)",
+    borderRadius: "var(--v17_ihbkeql)"
+}, e = "v17_ihbkeqm", r = "v17_ihbkeqn v17_1y2v1nft7", a = "v17_ihbkeqo v17_1y2v1nfsl", b = "v17_ihbkeqp", k = "v17_ihbkeqq v17_1y2v1nfsm";
+export { a as boxBorder, e as boxed, b as desktopOnly, k as noBorder, r as overflowHidden, h as vars };

package/dist-es/boxed.js

@@ -52,14 +52,14 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import * as f from "react";
-import z from "classnames";
-import { normalizeVariant as b, useThemeVariant as A, ThemeVariant as D } from "./theme-variant-context.js";
-import { getPrefixedDataAttributes as H } from "./utils/dom.js";
+import * as c from "react";
+import O from "classnames";
+import { normalizeVariant as b, useThemeVariant as z, ThemeVariant as A } from "./theme-variant-context.js";
+import { getPrefixedDataAttributes as D } from "./utils/dom.js";
 import { vars as t } from "./skins/skin-contract.css-mistica.js";
-import { boxed as T, overflowHidden as W, desktopOnly as $, vars as o, boxBorder as j, noBorder as I } from "./boxed.css-mistica.js";
-import { applyCssVars as P } from "./utils/css.js";
-const S = (e, r)=>e === "default" && (r === "default" || r === "alternative") ? j : I, d = (e)=>typeof e == "number" ? `${e}px` : e !== null && e !== void 0 ? e : "initial", n = (e, r)=>{
+import { boxed as H, overflowHidden as T, desktopOnly as W, vars as o, boxBorder as $, noBorder as j } from "./boxed.css-mistica.js";
+import { applyCssVars as I } from "./utils/css.js";
+const P = (e, r)=>e === "default" && (r === "default" || r === "alternative") ? $ : j, d = (e)=>typeof e == "number" ? `${e}px` : e !== null && e !== void 0 ? e : "initial", n = (e, r)=>{
     if (typeof r == "number" || typeof r == "string" || typeof r > "u") return {
         [o[e]]: d(r)
     };
@@ -68,12 +68,12 @@ const S = (e, r)=>e === "default" && (r === "default" || r === "alternative") ?
         [o.desktop[e]]: d(r.desktop)
     };
     return r.tablet && (a[o.tablet[e]] = d(r.tablet)), a;
-}, q = /*#__PURE__*/ f.forwardRef((param, O)=>{
-    let { children: e, isInverse: r = !1, className: a, role: c, dataAttributes: p, "aria-label": u, "aria-labelledby": g, width: y, maxWidth: k, minWidth: h, height: x, minHeight: B, borderRadius: C = t.borderRadii.container, background: m, desktopOnly: V, variant: R, overflow: w, border: v } = param;
-    const i = b(A()), s = b(R !== null && R !== void 0 ? R : r ? "brand" : "default");
+}, S = /*#__PURE__*/ c.forwardRef((param, v)=>{
+    let { children: e, className: r, role: a, dataAttributes: f, "aria-label": p, "aria-labelledby": u, width: g, maxWidth: y, minWidth: k, height: h, minHeight: x, borderRadius: B = t.borderRadii.container, background: m, desktopOnly: C, variant: V, overflow: R, border: w } = param;
+    const i = b(z()), s = b(V !== null && V !== void 0 ? V : "default");
     return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({
-        ref: O,
-        style: _object_spread_props(_object_spread({}, P(_object_spread_props(_object_spread({}, n("width", y), n("maxWidth", k), n("minWidth", h), n("height", x), n("minHeight", B)), {
+        ref: v,
+        style: _object_spread_props(_object_spread({}, I(_object_spread_props(_object_spread({}, n("width", g), n("maxWidth", y), n("minWidth", k), n("height", h), n("minHeight", x)), {
             [o.background]: m !== null && m !== void 0 ? m : ({
                 default: t.colors.backgroundContainer,
                 brand: i === "brand" || i === "negative" || i === "media" ? t.colors.backgroundContainerBrandOverBrand : t.colors.backgroundContainerBrand,
@@ -81,25 +81,25 @@ const S = (e, r)=>e === "default" && (r === "default" || r === "alternative") ?
                 alternative: t.colors.backgroundContainerAlternative,
                 media: t.colors.backgroundContainer
             })[s],
-            [o.borderRadius]: C
+            [o.borderRadius]: B
         }))), {
             background: m,
-            border: v
+            border: w
         }),
-        className: z(a, T, S(s, i), {
-            [$]: V,
-            [W]: w !== "visible"
+        className: O(r, H, P(s, i), {
+            [W]: C,
+            [T]: R !== "visible"
         }),
-        role: c,
-        "aria-label": u,
-        "aria-labelledby": g
-    }, H(p)), {
-        children: /* @__PURE__ */ l(D, {
+        role: a,
+        "aria-label": p,
+        "aria-labelledby": u
+    }, D(f)), {
+        children: /* @__PURE__ */ l(A, {
             variant: s,
             children: e
         })
     }));
-}), Q = /*#__PURE__*/ f.forwardRef((e, r)=>/* @__PURE__ */ l(q, _object_spread_props(_object_spread({}, e), {
+}), M = /*#__PURE__*/ c.forwardRef((e, r)=>/* @__PURE__ */ l(S, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));
-export { Q as Boxed, q as InternalBoxed };
+export { M as Boxed, S as InternalBoxed };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var n = "v16_71_1xdd1h61 v16_71_1xdd1h60 v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfq9", t = "v16_71_1xdd1h62", r = "v16_71_1xdd1h63", a = "v16_71_1xdd1h64", e = "v16_71_1xdd1h65", h = "v16_71_1xdd1h66", i = "v16_71_1xdd1h67", o = "v16_71_1xdd1h68", x = "v16_71_1xdd1h69";
-export { x as buttonChild, i as buttons, o as buttonsWithSmallLink, a as centerInDesktop, t as centerInMobile, r as centerInTablet, e as container, h as containerWithSmallLink, n as inline };
+/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var t = "v17_1xdd1h61 v17_1xdd1h60 v17_1y2v1nfq5 v17_1y2v1nfqj v17_1y2v1nfq9", r = "v17_1xdd1h62", a = "v17_1xdd1h63", e = "v17_1xdd1h64", h = "v17_1xdd1h65", i = "v17_1xdd1h66", _ = "v17_1xdd1h67", o = "v17_1xdd1h68", x = "v17_1xdd1h69";
+export { x as buttonChild, _ as buttons, o as buttonsWithSmallLink, e as centerInDesktop, r as centerInMobile, a as centerInTablet, h as container, i as containerWithSmallLink, t as inline };

package/dist-es/button-group.js

@@ -81,7 +81,9 @@ const H = (param)=>{
             [I]: o.tablet === "center",
             [x]: o.mobile === "center"
         })
-    }, k(d, "ButtonGroup")), {
+    }, k(_object_spread({
+        testid: "ButtonGroup"
+    }, d))), {
         children: [
             (t || s) && /* @__PURE__ */ a("div", {
                 className: f(b, m ? L : N),