@telefonica/mistica 14.28.1 → 14.29.0

package/dist/list.js

@@ -177,21 +177,21 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, ye = (param)=>{
-    let { withChevron: e , headline: n , title: r , titleLinesMax: o , subtitle: d , subtitleLinesMax: x , description: l , descriptionLinesMax: A , detail: c , asset: E , type: g = "basic" , badge: T , right: X , extra: D , labelId: h , disabled: v  } = param;
-    const u = (0, _themevariantcontext.useIsInverseVariant)(), i = [
+    let { withChevron: e , headline: n , title: r , titleLinesMax: o , subtitle: s , subtitleLinesMax: x , description: d , descriptionLinesMax: W , detail: m , asset: V , type: g = "basic" , badge: A , right: E , extra: X , labelId: l , disabled: v  } = param;
+    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = [
         n,
         r,
+        s,
         d,
-        l,
-        D
-    ].filter(Boolean).length === 1, f = ()=>T ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        X
+    ].filter(Boolean).length === 1, f = ()=>A ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingLeft: 16,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.badge, {
                     [_listcssmistica.disabled]: v
                 }),
-                children: T === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                    value: T
+                children: A === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                    value: A
                 })
             })
         }) : null;
@@ -199,15 +199,15 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         paddingY: 16,
         className: _listcssmistica.content,
         children: [
-            E && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            V && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
-                    [_listcssmistica.center]: i,
+                    [_listcssmistica.center]: a,
                     [_listcssmistica.disabled]: v
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
-                    children: E
+                    children: V
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -215,7 +215,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     [_listcssmistica.disabled]: v
                 }),
                 style: {
-                    justifyContent: i ? "center" : "flex-start"
+                    justifyContent: a ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
@@ -233,25 +233,25 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textPrimary,
                                     truncate: o,
-                                    id: h,
+                                    id: l,
                                     hyphens: "auto",
                                     children: r
                                 }),
-                                d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
                                     truncate: x,
                                     hyphens: "auto",
-                                    children: d
+                                    children: s
                                 }),
-                                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: A,
+                                    truncate: W,
                                     hyphens: "auto",
-                                    children: l
+                                    children: d
                                 }),
-                                D
+                                X
                             ]
                         })
                     ]
@@ -260,11 +260,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             f(),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)({
-                    [_listcssmistica.right]: !!c || g !== "basic",
-                    [_listcssmistica.rightRestrictedWidth]: !!c
+                    [_listcssmistica.right]: !!m || g !== "basic",
+                    [_listcssmistica.rightRestrictedWidth]: !!m
                 }),
                 children: [
-                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
                             [_listcssmistica.disabled]: v
                         }),
@@ -272,29 +272,29 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             hyphens: "auto",
-                            children: c
+                            children: m
                         })
                     }),
                     g === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!c
+                            [_listcssmistica.detailRight]: !!m
                         }),
-                        children: $(X, i)
+                        children: $(E, a)
                     }),
                     g === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!c,
+                            [_listcssmistica.detailRight]: !!m,
                             [_listcssmistica.disabled]: v
                         }),
-                        children: $(X, i)
+                        children: $(E, a)
                     }),
                     (g === "chevron" || g === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: c || g === "custom" ? 4 : 0,
+                        paddingLeft: m || g === "custom" ? 4 : 0,
                         className: (0, _classnames.default)(_listcssmistica.center, {
                             [_listcssmistica.disabled]: v
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: u ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -304,45 +304,45 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }, Re = (param)=>{
     let { value: e , defaultValue: n , onChange: r  } = param;
-    const o = e !== void 0, [d, x] = _react.useState(!!n), l = ()=>{
-        o || x(!d), r && r(o ? !e : !d);
+    const o = e !== void 0, [s, x] = _react.useState(!!n), d = ()=>{
+        o || x(!s), r && r(o ? !e : !s);
     };
     return o ? [
         !!e,
-        l
+        d
     ] : [
-        d,
-        l
+        s,
+        d
     ];
 }, Ce = (e)=>e.switch !== void 0, Ne = (e)=>e.checkbox !== void 0, ke = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ _react.forwardRef((e, n)=>{
-    const r = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { asset: d , headline: x , title: l , titleLinesMax: A , subtitle: c , subtitleLinesMax: E , description: g , descriptionLinesMax: T , detail: X , badge: D , role: h , extra: v , dataAttributes: u  } = e, F = (0, _radiobutton.useRadioContext)(), i = e.disabled || e.radioValue !== void 0 && F.disabled, f = !i && !o, w = !i && o, [Y, q] = Re(e.switch || e.checkbox || {}), y = (param)=>/* @__PURE__ */ {
-        let { type: s , right: b , labelId: M  } = param;
+    const r = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s , headline: x , title: d , titleLinesMax: W , subtitle: m , subtitleLinesMax: V , description: g , descriptionLinesMax: A , detail: E , badge: X , role: l , extra: v , dataAttributes: h  } = e, F = (0, _radiobutton.useRadioContext)(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, w = !a && o, [Y, q] = Re(e.switch || e.checkbox || {}), y = (param)=>/* @__PURE__ */ {
+        let { type: c , right: b , labelId: D  } = param;
         return (0, _jsxruntime.jsx)(ye, {
-            asset: d,
+            asset: s,
             headline: x,
-            title: l,
-            subtitle: c,
+            title: d,
+            subtitle: m,
             description: g,
-            badge: D,
-            titleLinesMax: A,
-            subtitleLinesMax: E,
-            descriptionLinesMax: T,
-            detail: X,
-            type: s,
+            badge: X,
+            titleLinesMax: W,
+            subtitleLinesMax: V,
+            descriptionLinesMax: A,
+            detail: E,
+            type: c,
             right: b,
             extra: v,
-            labelId: M,
-            disabled: i,
+            labelId: D,
+            disabled: a,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    }, j = (s)=>{
+    }, j = (c)=>{
         let b = "chevron";
-        return s.right === null && (b = "basic"), s.right && (b = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        return c.right === null && (b = "basic"), c.right && (b = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             ref: n,
             children: y({
                 type: b,
-                right: s.right
+                right: c.right
             })
         });
     };
@@ -351,55 +351,55 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
             [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !i
+            [_listcssmistica.pointer]: !a
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        role: h,
-        dataAttributes: u,
-        disabled: i,
+        role: l,
+        dataAttributes: h,
+        disabled: a,
         children: j(e)
     });
     if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
             [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !i
+            [_listcssmistica.pointer]: !a
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        role: h,
-        dataAttributes: u,
-        disabled: i,
+        role: l,
+        dataAttributes: h,
+        disabled: a,
         children: j(e)
     });
     if (e.href) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
             [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !i
+            [_listcssmistica.pointer]: !a
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        role: h,
-        dataAttributes: u,
-        disabled: i,
+        role: l,
+        dataAttributes: h,
+        disabled: a,
         children: j(e)
     });
-    const z = (s)=>{
-        var M, G;
+    const z = (c)=>{
+        var D, G;
         var _ref, _ref1;
-        const b = (_ref1 = (_ref = (M = e.switch) == null ? void 0 : M.name) !== null && _ref !== void 0 ? _ref : (G = e.checkbox) == null ? void 0 : G.name) !== null && _ref1 !== void 0 ? _ref1 : r;
+        const b = (_ref1 = (_ref = (D = e.switch) == null ? void 0 : D.name) !== null && _ref !== void 0 ? _ref : (G = e.checkbox) == null ? void 0 : G.name) !== null && _ref1 !== void 0 ? _ref1 : r;
         return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _listcssmistica.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    dataAttributes: u,
-                    disabled: i,
+                    dataAttributes: h,
+                    disabled: a,
                     onPress: e.onPress,
-                    role: h,
+                    role: l,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
                         [_listcssmistica.touchableBackground]: f,
                         [_listcssmistica.touchableBackgroundInverse]: w
@@ -412,8 +412,8 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionDivider
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(s, {
-                    disabled: i,
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+                    disabled: a,
                     name: b,
                     checked: Y,
                     "aria-labelledby": r,
@@ -431,11 +431,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
                 [_listcssmistica.touchableBackground]: f,
                 [_listcssmistica.touchableBackgroundInverse]: w,
-                [_listcssmistica.pointer]: !i
+                [_listcssmistica.pointer]: !a
             }),
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s, {
-                disabled: i,
-                dataAttributes: u,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+                disabled: a,
+                dataAttributes: h,
                 name: b,
                 checked: Y,
                 onChange: q,
@@ -443,7 +443,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     let { controlElement: H , labelId: te  } = param;
                     return (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
-                        role: h,
+                        role: l,
                         children: y({
                             labelId: te,
                             type: "control",
@@ -461,9 +461,9 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: _listcssmistica.dualActionContainer,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                disabled: i,
+                disabled: a,
                 onPress: e.onPress,
-                role: h,
+                role: l,
                 className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
                     [_listcssmistica.touchableBackground]: f,
                     [_listcssmistica.touchableBackgroundInverse]: w
@@ -477,16 +477,16 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: _listcssmistica.dualActionDivider
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: u,
+                dataAttributes: h,
                 value: e.radioValue,
                 "aria-labelledby": r,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: s  } = param;
+                    let { controlElement: c  } = param;
                     return (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
-                            children: s
+                            children: c
                         })
                     });
                 }
@@ -496,16 +496,16 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
             [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !i
+            [_listcssmistica.pointer]: !a
         }),
-        role: h,
+        role: l,
         ref: n,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: u,
+            dataAttributes: h,
             value: e.radioValue,
             "aria-labelledby": r,
             render: (param)=>/* @__PURE__ */ {
-                let { controlElement: s  } = param;
+                let { controlElement: c  } = param;
                 return (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     children: y({
@@ -513,7 +513,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                         type: "control",
                         right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                 space: "around",
-                                children: s
+                                children: c
                             })
                     })
                 });
@@ -522,8 +522,8 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         className: _listcssmistica.rowContent,
-        role: h,
-        dataAttributes: u,
+        role: l,
+        dataAttributes: h,
         children: e.right ? y({
             type: "custom",
             right: e.right
@@ -542,21 +542,21 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e)
     }));
 }), ze = (param)=>{
-    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o , noLastDivider: d  } = param;
-    const x = _react.Children.count(e) - 1, l = !d;
+    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o  } = param;
+    const s = _react.Children.count(e) - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: r,
         "aria-labelledby": n
     }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
-        children: _react.Children.toArray(e).filter(Boolean).map((A, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.toArray(e).filter(Boolean).map((x, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    A,
-                    (c < x || l) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    x,
+                    d < s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, c))
+            }, d))
     }));
 }, Ge = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
     var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [

package/dist/loading-bar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return S;
+        return B;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -13,6 +13,7 @@ const _reacttransitiongroup = require("react-transition-group");
 const _portal = require("./portal.js");
 const _loadingbarcssmistica = require("./loading-bar.css-mistica.js");
 const _dom = require("./utils/dom.js");
+const _platform = require("./utils/platform.js");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -65,11 +66,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const f = (param)=>/* @__PURE__ */ {
+const x = (param)=>/* @__PURE__ */ {
     let { visible: r , dataAttributes: t  } = param;
     return (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
         in: r,
-        timeout: _loadingbarcssmistica.TRANSITION_DURATION_MS,
+        timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : _loadingbarcssmistica.TRANSITION_DURATION_MS,
         classNames: {
             enter: _loadingbarcssmistica.enter,
             enterActive: _loadingbarcssmistica.enterActive,
@@ -91,4 +92,4 @@ const f = (param)=>/* @__PURE__ */ {
             }))
         })
     });
-}, S = f;
+}, B = x;

package/dist/menu.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     Menu: function() {
-        return qe;
+        return Je;
     },
     MenuItem: function() {
-        return je;
+        return qe;
     },
     MenuSection: function() {
-        return Xe;
+        return Ve;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -38,6 +38,7 @@ const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"))
 const _checkbox = /*#__PURE__*/ _interop_require_default(require("./checkbox.js"));
 const _reacttransitiongroup = require("react-transition-group");
 const _common = require("./utils/common.js");
+const _platform = require("./utils/platform.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -134,18 +135,18 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const Ee = 120, Q = /*#__PURE__*/ _react.createContext({
+const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), ke = ()=>_react.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (r, d)=>{
+}), Ne = ()=>_react.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, d)=>{
     if (!d) return null;
     const f = D(r).indexOf(d);
     return f < 0 ? null : f;
-}, je = (param)=>{
+}, qe = (param)=>{
     let { label: r , Icon: d , destructive: f , disabled: u , onPress: E , controlType: s , checked: p  } = param;
-    const { focusedItem: n , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = ke(), c = _react.useRef(null), h = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Ne(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
+    const { focusedItem: n , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = Ne(), c = _react.useRef(null), h = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
             ref: c,
             name: r,
             checked: p,
@@ -227,7 +228,7 @@ const Ee = 120, Q = /*#__PURE__*/ _react.createContext({
         onMouseLeave: ()=>v(null),
         children: l()
     });
-}, Xe = (param)=>{
+}, Ve = (param)=>{
     let { children: r  } = param;
     return r ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
@@ -239,7 +240,7 @@ const Ee = 120, Q = /*#__PURE__*/ _react.createContext({
             })
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-}, V = 12, J = 8, qe = (param)=>{
+}, V = 12, J = 8, Je = (param)=>{
     let { renderTarget: r , renderMenu: d , width: f , position: u = "left" , dataAttributes: E  } = param;
     const [s, p] = _react.useState(!1), [n, v] = _react.useState(null), [i, k] = _react.useState(null), [c, h] = _react.useState(null), [x, M] = _react.useState(!1), m = _react.useRef(null), [l, N] = _react.useState(null), R = (0, _hooks.useWindowSize)();
     _react.useEffect(()=>{
@@ -355,7 +356,7 @@ const Ee = 120, Q = /*#__PURE__*/ _react.createContext({
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
                     in: s,
                     nodeRef: m,
-                    timeout: Ee,
+                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : ke,
                     classNames: _menucssmistica.menuTransitionClasses,
                     mountOnEnter: !0,
                     unmountOnExit: !0,