@telefonica/mistica 16.70.0 → 16.72.0

package/dist/utils/dom.d.ts

@@ -12,7 +12,7 @@ export declare const removePassiveEventListener: (el: EventTarget, eventName: st
  *
  * For example: `{foo: 'bar'}` => `{data-foo: 'bar'}`
  */
-export declare const getPrefixedDataAttributes: (attrs?: DataAttributes, componentName?: string) => DataAttributes;
+export declare const getPrefixedDataAttributes: (attrs?: DataAttributes) => DataAttributes;
 type ScrollAxis = 'X' | 'Y';
 export declare const getScrollableParentElement: (el?: HTMLElement | null, axis?: ScrollAxis) => HTMLElement;
 export declare const getScrollDistanceToBottom: (el: HTMLElement) => number;

package/dist/utils/dom.js

@@ -37,7 +37,7 @@ _export(exports, {
         return l;
     },
     get isInputTypeSupported () {
-        return p;
+        return d;
     },
     get listenResize () {
         return y;
@@ -140,7 +140,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const p = (e)=>{
+const d = (e)=>{
     if ((0, _environment.isServerSide)()) return !1;
     const t = document.createElement("input");
     return t.setAttribute("type", e), t.type === e;
@@ -164,14 +164,11 @@ try {
 } catch (e) {}
 const h = (e, t, r)=>e.addEventListener(t, r, c ? {
         passive: !0
-    } : !1), E = (e, t, r)=>e.removeEventListener(t, r, !1), g = (e, t)=>{
-    const r = t ? {
-        "data-component-name": t,
-        "data-testid": t
-    } : {};
-    return e && Object.keys(e).forEach((n)=>{
-        r["data-" + n] = e[n];
-    }), r;
+    } : !1), E = (e, t, r)=>e.removeEventListener(t, r, !1), g = (e)=>{
+    const t = {};
+    return e && Object.keys(e).forEach((r)=>{
+        t["data-" + r] = e[r];
+    }), t;
 }, u = (e, t)=>{
     const r = `overflow${t}`, n = window.getComputedStyle(e)[r];
     return [

package/dist/video.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "video", {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var f = "v16_70_19h163j0 v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfq6 v16_70_1y2v1nffw v16_70_1y2v1nfsj v16_70_1y2v1nfsk v16_70_1y2v1nfv2";
+/* empty css                                     */ /* empty css                                 */ var f = "v16_72_19h163j0 v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfq6 v16_72_1y2v1nffw v16_72_1y2v1nfsj v16_72_1y2v1nfsk v16_72_1y2v1nfv1";

package/dist/video.js

@@ -72,6 +72,34 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -265,7 +293,9 @@ const K = {
         aspectRatio: m,
         width: n.width,
         height: n.height,
-        dataAttributes: (0, _dom.getPrefixedDataAttributes)(B, "Video"),
+        dataAttributes: (0, _dom.getPrefixedDataAttributes)(_object_spread({
+            testid: "Video"
+        }, B)),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {

package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                                     */ var a = "v16_70_1ezqdj90", r = "v16_70_1ezqdj91";
+/* empty css                                                     */ var a = "v16_72_1ezqdj90", r = "v16_72_1ezqdj91";

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

@@ -1,7 +1,7 @@
-/* empty css                                     */ /* empty css                                     */ var n = "v16_70_8s3szx0 v16_70_1y2v1nffx v16_70_1y2v1nfh6 v16_70_1y2v1nfif v16_70_1y2v1nfjo v16_70_1y2v1nfqr v16_70_1y2v1nfsm v16_70_1y2v1nffw v16_70_1y2v1nfq6 v16_70_1y2v1nfr8", s = "v16_70_8s3szx1", r = "v16_70_8s3szx2", a = "v16_70_8s3szx3", e = "v16_70_8s3szx4", t = "v16_70_8s3szx5", o = "v16_70_8s3szx6", x = {
-    enter: "v16_70_8s3szx7",
-    enterActive: "v16_70_8s3szx8",
-    exit: "v16_70_8s3szx9",
-    exitActive: "v16_70_8s3szxa"
-}, i = "v16_70_8s3szxb", f = "v16_70_8s3szxc v16_70_1y2v1nfqr";
+/* empty css                                     */ /* empty css                                     */ var n = "v16_72_8s3szx0 v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo v16_72_1y2v1nfqr v16_72_1y2v1nfsm v16_72_1y2v1nffw v16_72_1y2v1nfq6 v16_72_1y2v1nfr8", s = "v16_72_8s3szx1", r = "v16_72_8s3szx2", a = "v16_72_8s3szx3", e = "v16_72_8s3szx4", t = "v16_72_8s3szx5", o = "v16_72_8s3szx6", x = {
+    enter: "v16_72_8s3szx7",
+    enterActive: "v16_72_8s3szx8",
+    exit: "v16_72_8s3szx9",
+    exitActive: "v16_72_8s3szxa"
+}, i = "v16_72_8s3szxb", f = "v16_72_8s3szxc v16_72_1y2v1nfqr";
 export { f as accordionItem, s as boxed, t as chevronContainer, n as itemContent, i as panel, o as panelContainer, x as panelTransitionClasses, e as rightContentContainer, r as touchableBackground, a as touchableBackgroundOverBrand };

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_70_1mfs0fk0";
+/* empty css                                 */ var o = "v16_72_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_70_1rj3nw81 v16_70_1rj3nw80 v16_70_1y2v1nfpy", r = "v16_70_1rj3nw83 v16_70_1rj3nw82 v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfpz v16_70_1y2v1nfsy", y = "v16_70_1rj3nw85 v16_70_1rj3nw84 v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfg9 v16_70_1y2v1nfhi", f = "v16_70_1rj3nw87 v16_70_1rj3nw85 v16_70_1rj3nw84 v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfg9 v16_70_1y2v1nfhi v16_70_1rj3nw86 v16_70_1y2v1nft7", o = "v16_70_1rj3nw88";
-export { n as autocompleteContainer, y as optionBaseItem, f as optionItem, o as optionItemSelected, r as optionsList };
+/* empty css                                     */ /* empty css                                        */ var n = "v16_72_1rj3nw81 v16_72_1rj3nw80 v16_72_1y2v1nfpy", r = "v16_72_1rj3nw83 v16_72_1rj3nw82 v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfpz v16_72_1y2v1nfsx", f = "v16_72_1rj3nw85 v16_72_1rj3nw84 v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfg9 v16_72_1y2v1nfhi", o = "v16_72_1rj3nw87 v16_72_1rj3nw85 v16_72_1rj3nw84 v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfg9 v16_72_1y2v1nfhi v16_72_1rj3nw86 v16_72_1y2v1nft6", y = "v16_72_1rj3nw88";
+export { n 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_70_f1g4uj0 v16_70_1y2v1nft4 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nft8", a = "v16_70_f1g4uj1 v16_70_1y2v1nfv2";
+/* empty css                                     */ /* empty css                                  */ var f = "v16_72_f1g4uj0 v16_72_1y2v1nft3 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft7", a = "v16_72_f1g4uj1 v16_72_1y2v1nfv1";
 export { f 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_70_17szrmd0 v16_70_1y2v1nfpy v16_70_1y2v1nfq8", d = "v16_70_17szrmd2 v16_70_17szrmd1 v16_70_1y2v1nfce", m = "v16_70_17szrmd3", e = "v16_70_17szrmd5 v16_70_17szrmd2 v16_70_17szrmd1 v16_70_1y2v1nfce v16_70_17szrmd4 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd", a = "v16_70_17szrmd6 v16_70_1y2v1nfpz", n = "v16_70_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v16_72_17szrmd0 v16_72_1y2v1nfpy v16_72_1y2v1nfq8", d = "v16_72_17szrmd2 v16_72_17szrmd1 v16_72_1y2v1nfce", m = "v16_72_17szrmd3", e = "v16_72_17szrmd5 v16_72_17szrmd2 v16_72_17szrmd1 v16_72_1y2v1nfce v16_72_17szrmd4 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd", a = "v16_72_17szrmd6 v16_72_1y2v1nfpz", n = "v16_72_17szrmd7";
 export { d as badge, n as badgeBigNumber, m as badgeBorder, e as badgeNumber, a as badgeWithChildren, r 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 _ = {
     paddingTop: {
-        desktop: "var(--v16_70_1xgjmkv0)",
-        tablet: "var(--v16_70_1xgjmkv1)",
-        mobile: "var(--v16_70_1xgjmkv2)"
+        desktop: "var(--v16_72_1xgjmkv0)",
+        tablet: "var(--v16_72_1xgjmkv1)",
+        mobile: "var(--v16_72_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_70_1xgjmkv3)",
-        tablet: "var(--v16_70_1xgjmkv4)",
-        mobile: "var(--v16_70_1xgjmkv5)"
+        desktop: "var(--v16_72_1xgjmkv3)",
+        tablet: "var(--v16_72_1xgjmkv4)",
+        mobile: "var(--v16_72_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_70_1xgjmkv6)",
-        tablet: "var(--v16_70_1xgjmkv7)",
-        mobile: "var(--v16_70_1xgjmkv8)"
+        desktop: "var(--v16_72_1xgjmkv6)",
+        tablet: "var(--v16_72_1xgjmkv7)",
+        mobile: "var(--v16_72_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_70_1xgjmkv9)",
-        tablet: "var(--v16_70_1xgjmkva)",
-        mobile: "var(--v16_70_1xgjmkvb)"
+        desktop: "var(--v16_72_1xgjmkv9)",
+        tablet: "var(--v16_72_1xgjmkva)",
+        mobile: "var(--v16_72_1xgjmkvb)"
     }
-}, a = "v16_70_1xgjmkvc";
+}, a = "v16_72_1xgjmkvc";
 export { a as box, _ as vars };

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

@@ -1,31 +1,31 @@
 /* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v16_70_ihbkeq0)",
-    height: "var(--v16_70_ihbkeq1)",
-    minHeight: "var(--v16_70_ihbkeq2)",
-    maxWidth: "var(--v16_70_ihbkeq3)",
-    minWidth: "var(--v16_70_ihbkeq4)",
+    width: "var(--v16_72_ihbkeq0)",
+    height: "var(--v16_72_ihbkeq1)",
+    minHeight: "var(--v16_72_ihbkeq2)",
+    maxWidth: "var(--v16_72_ihbkeq3)",
+    minWidth: "var(--v16_72_ihbkeq4)",
     mobile: {
-        width: "var(--v16_70_ihbkeq5)",
-        height: "var(--v16_70_ihbkeq6)",
-        minHeight: "var(--v16_70_ihbkeq7)",
-        maxWidth: "var(--v16_70_ihbkeq8)",
-        minWidth: "var(--v16_70_ihbkeq9)"
+        width: "var(--v16_72_ihbkeq5)",
+        height: "var(--v16_72_ihbkeq6)",
+        minHeight: "var(--v16_72_ihbkeq7)",
+        maxWidth: "var(--v16_72_ihbkeq8)",
+        minWidth: "var(--v16_72_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_70_ihbkeqa)",
-        height: "var(--v16_70_ihbkeqb)",
-        minHeight: "var(--v16_70_ihbkeqc)",
-        maxWidth: "var(--v16_70_ihbkeqd)",
-        minWidth: "var(--v16_70_ihbkeqe)"
+        width: "var(--v16_72_ihbkeqa)",
+        height: "var(--v16_72_ihbkeqb)",
+        minHeight: "var(--v16_72_ihbkeqc)",
+        maxWidth: "var(--v16_72_ihbkeqd)",
+        minWidth: "var(--v16_72_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_70_ihbkeqf)",
-        height: "var(--v16_70_ihbkeqg)",
-        minHeight: "var(--v16_70_ihbkeqh)",
-        maxWidth: "var(--v16_70_ihbkeqi)",
-        minWidth: "var(--v16_70_ihbkeqj)"
+        width: "var(--v16_72_ihbkeqf)",
+        height: "var(--v16_72_ihbkeqg)",
+        minHeight: "var(--v16_72_ihbkeqh)",
+        maxWidth: "var(--v16_72_ihbkeqi)",
+        minWidth: "var(--v16_72_ihbkeqj)"
     },
-    background: "var(--v16_70_ihbkeqk)",
-    borderRadius: "var(--v16_70_ihbkeql)"
-}, h = "v16_70_ihbkeqm", e = "v16_70_ihbkeqn v16_70_1y2v1nft8", r = "v16_70_ihbkeqo v16_70_1y2v1nfsl", a = "v16_70_ihbkeqp", b = "v16_70_ihbkeqq v16_70_1y2v1nfsm";
+    background: "var(--v16_72_ihbkeqk)",
+    borderRadius: "var(--v16_72_ihbkeql)"
+}, h = "v16_72_ihbkeqm", e = "v16_72_ihbkeqn v16_72_1y2v1nft7", r = "v16_72_ihbkeqo v16_72_1y2v1nfsl", a = "v16_72_ihbkeqp", b = "v16_72_ihbkeqq v16_72_1y2v1nfsm";
 export { r as boxBorder, h as boxed, a as desktopOnly, b as noBorder, e as overflowHidden, _ as vars };