@telefonica/mistica 16.71.0 → 16.72.0

package/dist/tooltip.js

@@ -163,7 +163,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const dt = (t)=>({
+const ft = (t)=>({
         border: `1px solid ${({
             default: _skincontractcssmistica.vars.colors.border,
             alternative: _skincontractcssmistica.vars.colors.border,
@@ -184,20 +184,20 @@ const dt = (t)=>({
         default:
             return "";
     }
-}, ut = (t)=>{
-    const m = parseFloat(getComputedStyle(t, null).paddingLeft) + parseFloat(getComputedStyle(t, null).paddingRight), T = parseFloat(getComputedStyle(t, null).paddingTop) + parseFloat(getComputedStyle(t, null).paddingBottom), g = t.offsetWidth - m, c = t.offsetHeight - T;
+}, mt = (t)=>{
+    const u = parseFloat(getComputedStyle(t, null).paddingLeft) + parseFloat(getComputedStyle(t, null).paddingRight), T = parseFloat(getComputedStyle(t, null).paddingTop) + parseFloat(getComputedStyle(t, null).paddingBottom), g = t.offsetWidth - u, c = t.offsetHeight - T;
     return {
         width: g,
         height: c
     };
-}, mt = (t, m, T, g, c)=>{
-    if (!t || !m) return;
-    const { top: b, bottom: _, left: W, right: V } = t, v = g - _, S = c - V, o = b, w = W, { width: X, height: z } = ut(m), f = X + I, N = z + I, O = f <= Math.max(w, S), R = N <= Math.max(v, o);
+}, ut = (t, u, T, g, c)=>{
+    if (!t || !u) return;
+    const { top: b, bottom: _, left: W, right: V } = t, v = g - _, S = c - V, o = b, w = W, { width: X, height: z } = mt(u), d = X + I, N = z + I, O = d <= Math.max(w, S), R = N <= Math.max(v, o);
     if (!(!R && !O)) switch(T){
         case "left":
-            return O ? f <= w ? "left" : "right" : v > o ? "bottom" : "top";
+            return O ? d <= w ? "left" : "right" : v > o ? "bottom" : "top";
         case "right":
-            return O ? f <= S ? "right" : "left" : v > o ? "bottom" : "top";
+            return O ? d <= S ? "right" : "left" : v > o ? "bottom" : "top";
         case "top":
             return R ? N <= o ? "top" : "bottom" : w > S ? "left" : "right";
         case "bottom":
@@ -206,8 +206,8 @@ const dt = (t)=>({
             return;
     }
 }, Zt = (param)=>{
-    let { content: t, target: m, targetStyle: T, width: g, position: c = "top", dataAttributes: b, delay: _ = !0, centerContent: W, open: V, onClose: v, closeButtonLabel: S, hasPointerInteractionOnly: o = !1, trackingEvent: w } = param;
-    const { texts: X, t: z } = (0, _hooks.useTheme)(), f = _react.useId(), { openTooltipId: N } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: O, closeTooltip: R } = (0, _tooltipcontextprovider.useSetTooltipState)(), [H, P] = _react.useState(), [Y, G] = _react.useState(), K = _react.useRef(null), U = _react.useRef(null), [y, ht] = _react.useState(null), u = (0, _environment.isTouchableDevice)(), j = _ ? Ut : 0, [ot, q] = _react.useState(!1), [Z, L] = _react.useState(!1), J = V !== void 0, [rt, Q] = _react.useState(!1), x = J ? V : f === N, st = (0, _themevariantcontext.useThemeVariant)(), d = (0, _hooks.useBoundingRect)(K, x), it = (0, _hooks.useBoundingRect)(U, x, !0), n = (0, _hooks.useWindowSize)(), M = _react.useCallback(()=>{
+    let { content: t, target: u, targetStyle: T, width: g, position: c = "top", dataAttributes: b, delay: _ = !0, centerContent: W, open: V, onClose: v, closeButtonLabel: S, hasPointerInteractionOnly: o = !1, trackingEvent: w } = param;
+    const { texts: X, t: z } = (0, _hooks.useTheme)(), d = _react.useId(), { openTooltipId: N } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: O, closeTooltip: R } = (0, _tooltipcontextprovider.useSetTooltipState)(), [H, P] = _react.useState(), [Y, G] = _react.useState(), K = _react.useRef(null), U = _react.useRef(null), [y, ht] = _react.useState(null), m = (0, _environment.isTouchableDevice)(), j = _ ? Ut : 0, [ot, q] = _react.useState(!1), [Z, L] = _react.useState(!1), J = V !== void 0, [rt, Q] = _react.useState(!1), x = J ? V : d === N, st = (0, _themevariantcontext.useThemeVariant)(), f = (0, _hooks.useBoundingRect)(K, x), it = (0, _hooks.useBoundingRect)(U, x, !0), n = (0, _hooks.useWindowSize)(), M = _react.useCallback(()=>{
         Q(!1), q(!1), L(!1);
     }, []);
     _react.useEffect(()=>{
@@ -217,14 +217,14 @@ const dt = (t)=>({
         M
     ]), _react.useEffect(()=>{
         if (!y || !x) return;
-        const a = mt(d, y, c, n.height, n.width);
-        if (!a || !d) {
+        const a = ut(f, y, c, n.height, n.width);
+        if (!a || !f) {
             P(void 0), G(void 0), M();
             return;
         }
         let r, e;
         var _parseInt;
-        const { left: l, right: k, top: A, bottom: $ } = d, { width: F, height: B } = ut(y), nt = n.width - F, at = n.height - B, h = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
+        const { left: l, right: k, top: A, bottom: $ } = f, { width: F, height: B } = mt(y), nt = n.width - F, at = n.height - B, h = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
         switch(a){
             case "top":
                 r = {
@@ -276,15 +276,15 @@ const dt = (t)=>({
         typeof e.top == "number" && (e.top -= r.top, e.top = `${e.top / B * 100}%`), typeof e.left == "number" && (e.left -= r.left, e.left = `${e.left / F * 100}%`), (0, _helpers.isEqual)(r, H) || P(r), (0, _helpers.isEqual)(e, Y) || G(e);
     }, [
         y,
-        d,
+        f,
         it,
         x,
         c,
         n,
         H,
         Y,
-        u,
-        f,
+        m,
+        d,
         M
     ]);
     const tt = _react.useRef(!1);
@@ -299,28 +299,28 @@ const dt = (t)=>({
                     break;
             }
         }, r = ()=>tt.current = !1, e = (l)=>{
-            !o && u && d && (l.clientX < d.left || l.clientX > d.right || l.clientY < d.top || l.clientY > d.bottom) && M();
+            !o && m && f && (l.clientX < f.left || l.clientX > f.right || l.clientY < f.top || l.clientY > f.bottom) && M();
         };
         return document.addEventListener("keydown", a, !1), document.addEventListener("keyup", r, !1), document.addEventListener("click", e, !1), ()=>{
             document.removeEventListener("keydown", a, !1), document.removeEventListener("keyup", r, !1), document.removeEventListener("click", e, !1);
         };
     }, [
-        u,
+        m,
         M,
-        d,
+        f,
         o
     ]), _react.useEffect(()=>{
-        J || (Z || ot || rt ? O(f) : R(f));
+        J || (Z || ot || rt ? O(d) : R(d));
     }, [
         Z,
         ot,
         rt,
-        f,
+        d,
         O,
         R,
         J
     ]);
-    const Tt = mt(d, y, c, n.height, n.width), gt = W !== void 0 ? W : (it === null || it === void 0 ? void 0 : it.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
+    const Tt = ut(f, y, c, n.height, n.width), gt = W !== void 0 ? W : (it === null || it === void 0 ? void 0 : it.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -330,22 +330,22 @@ const dt = (t)=>({
                     r && r !== K.current && (K.current = r);
                 },
                 onMouseOver: ()=>{
-                    !u && !o && L(!0);
+                    !m && !o && L(!0);
                 },
                 onMouseLeave: ()=>{
-                    !u && !o && L(!1);
+                    !m && !o && L(!1);
                 },
                 onClick: ()=>{
-                    (u || o) && L(o ? !Z : !0);
+                    (m || o) && L(o ? !Z : !0);
                 },
                 onFocus: ()=>{
                     tt.current && !o && Q(!0);
                 },
                 onBlur: ()=>{
-                    !u && !o && Q(!1);
+                    !m && !o && Q(!1);
                 },
-                "aria-describedby": f,
-                children: m
+                "aria-describedby": d,
+                children: u
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
@@ -374,7 +374,7 @@ const dt = (t)=>({
                             }
                         }, b), {
                             role: "tooltip",
-                            "aria-label": f,
+                            "aria-label": d,
                             tabIndex: -1,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_tooltipcssmistica.container),
@@ -386,16 +386,16 @@ const dt = (t)=>({
                                 }),
                                 ref: (0, _common.combineRefs)(ht, U),
                                 onMouseEnter: ()=>{
-                                    !u && a === "entered" && !o && q(!0);
+                                    !m && a === "entered" && !o && q(!0);
                                 },
                                 onMouseLeave: ()=>{
-                                    !u && !o && q(!1);
+                                    !m && !o && q(!1);
                                 },
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     className: _tooltipcssmistica.tooltip,
                                     style: _object_spread_props(_object_spread({
                                         width: g
-                                    }, dt(st)), {
+                                    }, ft(st)), {
                                         maxWidth: Math.min(pt, n.width)
                                     }),
                                     children: [
@@ -427,7 +427,7 @@ const dt = (t)=>({
                                             style: Y,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                 className: (0, _classnames.default)(_tooltipcssmistica.arrow),
-                                                style: dt(st)
+                                                style: ft(st)
                                             })
                                         })
                                     ]
@@ -439,9 +439,9 @@ const dt = (t)=>({
         ]
     });
 }, be = (_param)=>{
-    var { centerContent: t, extra: m, children: T, dataAttributes: g, title: c, description: b } = _param, _ = _object_without_properties(_param, [
+    var { centerContent: t, slot: u, children: T, dataAttributes: g, title: c, description: b } = _param, _ = _object_without_properties(_param, [
         "centerContent",
-        "extra",
+        "slot",
         "children",
         "dataAttributes",
         "title",
@@ -464,12 +464,12 @@ const dt = (t)=>({
                         })
                     ]
                 }),
-                m !== null && m !== void 0 ? m : T
+                u !== null && u !== void 0 ? u : T
             ]
         }),
         centerContent: t,
         dataAttributes: _object_spread({
-            "component-name": "Tooltip"
+            testid: "Tooltip"
         }, g)
     }, _));
 };

package/dist/touchable.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                     */ var t = "v16_71_mhti6u0", f = "v16_71_mhti6u2 v16_71_mhti6u1 v16_71_1y2v1nft7", n = "v16_71_mhti6u4 v16_71_mhti6u2 v16_71_mhti6u1 v16_71_1y2v1nft7 v16_71_mhti6u3 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfq6 v16_71_1y2v1nfsm v16_71_1y2v1nfqr v16_71_1y2v1nf7x v16_71_1y2v1nffw v16_71_1y2v1nft9", i = "v16_71_mhti6u5";
+/* empty css                                     */ /* empty css                                     */ var t = "v16_72_mhti6u0", f = "v16_72_mhti6u2 v16_72_mhti6u1 v16_72_1y2v1nft6", n = "v16_72_mhti6u4 v16_72_mhti6u2 v16_72_mhti6u1 v16_72_1y2v1nft6 v16_72_mhti6u3 v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo v16_72_1y2v1nfq6 v16_72_1y2v1nfsm v16_72_1y2v1nfqr v16_72_1y2v1nf7x v16_72_1y2v1nffw v16_72_1y2v1nft8", i = "v16_72_mhti6u5";

package/dist/touchable.js

@@ -172,7 +172,9 @@ const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         "aria-disabled": e["aria-disabled"],
         "aria-hidden": e["aria-hidden"],
         "aria-live": e["aria-live"]
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), u = {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "Touchable"
+    }, e.dataAttributes))), u = {
         "aria-checked": e["aria-checked"],
         "aria-disabled": e.disabled || e["aria-disabled"] ? !0 : void 0,
         "aria-controls": e["aria-controls"],

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

@@ -23,5 +23,5 @@ _export(exports, {
     }
 });
 /* empty css                                      */ /* empty css                                                */ var r = {
-    aspectRatio: "var(--v16_71_yqswj60)"
-}, y = "v16_71_yqswj61 v16_71_1y2v1nft8 v16_71_1y2v1nfsj v16_71_1y2v1nfsk v16_71_1y2v1nfpy", a = "v16_71_yqswj62", n = "v16_71_yqswj63 v16_71_1y2v1nfqr v16_71_1y2v1nfr8 v16_71_1y2v1nfte v16_71_1y2v1nftt";
+    aspectRatio: "var(--v16_72_yqswj60)"
+}, y = "v16_72_yqswj61 v16_72_1y2v1nft7 v16_72_1y2v1nfsj v16_72_1y2v1nfsk v16_72_1y2v1nfpy", a = "v16_72_yqswj62", n = "v16_72_yqswj63 v16_72_1y2v1nfqr v16_72_1y2v1nfr8 v16_72_1y2v1nftd v16_72_1y2v1nfts";

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_71_19h163j0 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfq6 v16_71_1y2v1nffw v16_71_1y2v1nfsj v16_71_1y2v1nfsk v16_71_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_71_1ezqdj90", r = "v16_71_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_71_8s3szx0 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfqr v16_71_1y2v1nfsm v16_71_1y2v1nffw v16_71_1y2v1nfq6 v16_71_1y2v1nfr8", s = "v16_71_8s3szx1", r = "v16_71_8s3szx2", a = "v16_71_8s3szx3", e = "v16_71_8s3szx4", t = "v16_71_8s3szx5", o = "v16_71_8s3szx6", x = {
-    enter: "v16_71_8s3szx7",
-    enterActive: "v16_71_8s3szx8",
-    exit: "v16_71_8s3szx9",
-    exitActive: "v16_71_8s3szxa"
-}, i = "v16_71_8s3szxb", f = "v16_71_8s3szxc v16_71_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_71_1mfs0fk0";
+/* empty css                                 */ var o = "v16_72_1mfs0fk0";
 export { o as container };