@telefonica/mistica 17.1.0 → 17.3.0

package/dist/loading-bar.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return n;
     },
     get progress () {
-        return f;
+        return y;
     },
     get progressContainer () {
-        return y;
+        return f;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v17_1_1num3qg2 v17_1_1num3qg1 v17_1_1y2v1nfr6 v17_1_1y2v1nfuj v17_1_1y2v1nfuy v17_1_1y2v1nfvd", r = "v17_1_1num3qg3", y = "v17_1_1num3qg4 v17_1_1y2v1nfrx v17_1_1y2v1nfud v17_1_1y2v1nfr4 v17_1_1y2v1nfd4 v17_1_1y2v1nfsh", f = "v17_1_1num3qg7 v17_1_1num3qg6 v17_1_1y2v1nfr5 v17_1_1y2v1nfrx v17_1_1y2v1nfse";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_3_1num3qg2 v17_3_1num3qg1 v17_3_1y2v1nfr6 v17_3_1y2v1nfuk v17_3_1y2v1nfuz v17_3_1y2v1nfve", r = "v17_3_1num3qg3", f = "v17_3_1num3qg4 v17_3_1y2v1nfrx v17_3_1y2v1nfue v17_3_1y2v1nfr4 v17_3_1y2v1nfd4 v17_3_1y2v1nfsh", y = "v17_3_1num3qg7 v17_3_1num3qg6 v17_3_1y2v1nfr5 v17_3_1y2v1nfrx v17_3_1y2v1nfse";

package/dist/loading-screen.css-mistica.js

@@ -43,7 +43,7 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var e = "v17_1_flke8b1 v17_1_flke8b0 v17_1_1y2v1nfra v17_1_1y2v1nfrg v17_1_1y2v1nfrp", r = 500, n = "v17_1_flke8b3", a = {
-    default: "v17_1_flke8b4",
-    brand: "v17_1_flke8b5"
-}, f = "v17_1_flke8b6", l = "v17_1_flke8b7 v17_1_1y2v1nfrw v17_1_1y2v1nfra v17_1_1y2v1nfrg v17_1_1y2v1nfrp v17_1_1y2v1nfrj", o = "v17_1_flke8b9 v17_1_flke8b8 v17_1_1y2v1nfho", k = "v17_1_flke8bb", b = "v17_1_flke8bc", d = "v17_1_flke8be", i = "v17_1_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var e = "v17_3_flke8b1 v17_3_flke8b0 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp", r = 500, n = "v17_3_flke8b3", a = {
+    default: "v17_3_flke8b4",
+    brand: "v17_3_flke8b5"
+}, f = "v17_3_flke8b6", l = "v17_3_flke8b7 v17_3_1y2v1nfrw v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp v17_3_1y2v1nfrj", o = "v17_3_flke8b9 v17_3_flke8b8 v17_3_1y2v1nfho", k = "v17_3_flke8bb", b = "v17_3_flke8bc", d = "v17_3_flke8be", i = "v17_3_flke8bf";

package/dist/logo-movistar.js

@@ -110,7 +110,7 @@ const g = (param)=>{
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
         fill: H,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            d: "M17.2797 17.2124C14.4995 17.2572 9.36782 18.6502 7.02384 28.3781C6.00256 32.6168 5.60793 37.0347 6.4823 42.2938C7.28828 47.1441 8.71635 51.3303 9.67886 53.6376C10.0107 54.4324 10.5244 55.2617 10.9215 55.7719C12.0639 57.239 13.9651 57.1453 14.764 56.7453C15.6348 56.3098 16.6358 55.2581 16.2736 52.8561C16.0983 51.6958 15.5933 49.9981 15.3091 49.0545C14.4367 46.1588 13.2756 42.6649 13.1743 40.176C13.039 36.8468 14.3308 36.4108 15.1885 36.2193C16.6312 35.8965 17.8405 37.5063 18.9894 39.5237C20.3607 41.9314 22.7108 46.1974 24.6277 49.456C26.3582 52.3975 29.5517 55.5469 34.6804 55.3307C39.9089 55.1109 43.763 53.0837 45.7483 46.7014C47.2341 41.9267 48.2468 38.3588 49.8765 34.7048C51.7503 30.5031 54.2498 28.254 56.3547 28.9408C58.3091 29.5781 58.7969 31.5193 58.8202 34.3728C58.841 36.8968 58.5538 39.6792 58.3304 41.7234C58.2493 42.4652 58.1024 43.9576 58.1622 44.7859C58.2802 46.4146 58.9742 48.0414 60.7792 48.3018C62.7017 48.5788 64.2443 47.0174 64.8603 45.1302C65.1034 44.3864 65.3106 43.2482 65.4226 42.4405C65.9874 38.3618 66.1338 35.6206 65.8795 31.4473C65.5811 26.5676 64.6414 22.1178 63.0021 18.2667C61.4337 14.5839 58.9145 12.2236 55.6835 12.0151C52.107 11.7845 48.0026 14.1958 45.8496 18.8741C43.8648 23.1865 42.2772 27.6136 41.3141 29.873C40.3374 32.1643 38.9018 33.5764 36.6946 33.8127C33.996 34.101 31.6708 32.1103 29.9676 29.2718C28.4828 26.7977 25.5401 22.0869 23.9656 20.5039C22.4864 19.0167 20.7969 17.1558 17.2797 17.2124Z"
+            d: "M63.9489 19.7664C62.3545 16.0836 59.7935 13.7229 56.5087 13.5152C52.8722 13.2842 48.7008 15.6958 46.5119 20.3736C44.4945 24.6854 42.8797 29.1134 41.9015 31.3724C40.9088 33.6634 39.4496 35.0755 37.2054 35.3123C34.4613 35.6014 32.098 33.6097 30.367 30.7724C28.8568 28.2984 25.8656 23.5871 24.2654 22.0036C22.7611 20.5175 21.0445 18.655 17.4676 18.7131C14.6407 18.7582 9.42423 20.1514 7.04057 29.879C6.00281 34.1181 5.60166 38.536 6.48971 43.7935C7.30946 48.6442 8.76145 52.8311 9.73962 55.1381C10.0768 55.9327 10.5986 56.7622 11.0027 57.2721C12.164 58.7394 14.0971 58.645 14.9095 58.2455C15.7947 57.8097 16.8121 56.7579 16.4444 54.3565C16.2671 53.1957 15.7525 51.4989 15.4633 50.5546C14.5767 47.6593 13.3965 44.1654 13.2933 41.6768C13.1552 38.3486 14.4691 37.9127 15.3412 37.721C16.8077 37.3985 18.0374 39.0081 19.2059 41.026C20.5998 43.4332 22.9893 47.6999 24.9383 50.9585C26.697 53.9003 29.944 57.0499 35.159 56.8334C40.4742 56.6141 44.3927 54.586 46.4116 48.2041C47.9217 43.4288 48.9522 39.8609 50.6077 36.2072C52.5132 32.0058 55.0538 29.757 57.1933 30.4427C59.1801 31.0804 59.6758 33.0213 59.7005 35.8745C59.7223 38.398 59.4301 41.1814 59.2019 43.2255C59.1191 43.9678 58.9708 45.4598 59.0319 46.2879C59.1525 47.9164 59.8574 49.5435 61.6917 49.8035C63.6466 50.081 65.2148 48.5193 65.8413 46.6322C66.0884 45.8884 66.2991 44.7494 66.4125 43.9417C66.9866 39.8638 67.1363 37.1224 66.8776 32.9487C66.5738 28.0689 65.6189 23.6191 63.9518 19.7678L63.9489 19.7664Z"
         })
     });
 };

package/dist/logo.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    size: "var(--v17_1_140ft6x0)",
-    sizeMobile: "var(--v17_1_140ft6x1)",
-    sizeTablet: "var(--v17_1_140ft6x2)",
-    sizeDesktop: "var(--v17_1_140ft6x3)"
-}, r = "v17_1_140ft6x4", t = "v17_1_140ft6x5";
+    size: "var(--v17_3_140ft6x0)",
+    sizeMobile: "var(--v17_3_140ft6x1)",
+    sizeTablet: "var(--v17_3_140ft6x2)",
+    sizeDesktop: "var(--v17_3_140ft6x3)"
+}, r = "v17_3_140ft6x4", t = "v17_3_140ft6x5";

package/dist/menu.css-mistica.js

@@ -9,32 +9,35 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get iconContainer () {
-        return f;
+    get assetContainer () {
+        return y;
     },
     get itemContent () {
-        return m;
+        return o;
     },
     get itemTextContent () {
-        return o;
+        return f;
     },
     get menuContainer () {
         return e;
     },
     get menuItem () {
-        return n;
+        return t;
     },
     get menuItemDisabled () {
-        return a;
+        return i;
     },
     get menuItemEnabled () {
-        return u;
+        return a;
     },
     get menuItemHovered () {
-        return t;
+        return n;
+    },
+    get menuItemHoveredDestructive () {
+        return u;
     },
     get menuSectionDivider () {
-        return i;
+        return m;
     },
     get menuTransitionClasses () {
         return r;
@@ -44,16 +47,16 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v17_1_2k0k3u0)",
-    bottom: "var(--v17_1_2k0k3u1)",
-    left: "var(--v17_1_2k0k3u2)",
-    right: "var(--v17_1_2k0k3u4)",
-    width: "var(--v17_1_2k0k3u3)",
-    maxHeight: "var(--v17_1_2k0k3u5)",
-    transformOrigin: "var(--v17_1_2k0k3u6)"
-}, e = "v17_1_2k0k3u8 v17_1_2k0k3u7 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfju v17_1_1y2v1nfl3 v17_1_1y2v1nf8x v17_1_1y2v1nfu3 v17_1_1y2v1nfra v17_1_1y2v1nfrg v17_1_1y2v1nfr5", r = {
-    enter: "v17_1_2k0k3u9",
-    enterActive: "v17_1_2k0k3ua",
-    exit: "v17_1_2k0k3ub",
-    exitActive: "v17_1_2k0k3uc"
-}, n = "v17_1_2k0k3ud", t = "v17_1_2k0k3ue", u = "v17_1_2k0k3uf", a = "v17_1_2k0k3ug", i = "v17_1_2k0k3ui v17_1_2k0k3uh v17_1_1y2v1nfhc v17_1_1y2v1nfil", m = "v17_1_2k0k3uj", o = "v17_1_2k0k3uk", f = "v17_1_2k0k3ul";
+    top: "var(--v17_3_2k0k3u0)",
+    bottom: "var(--v17_3_2k0k3u1)",
+    left: "var(--v17_3_2k0k3u2)",
+    right: "var(--v17_3_2k0k3u4)",
+    width: "var(--v17_3_2k0k3u3)",
+    maxHeight: "var(--v17_3_2k0k3u5)",
+    transformOrigin: "var(--v17_3_2k0k3u6)"
+}, e = "v17_3_2k0k3u8 v17_3_2k0k3u7 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nf8x v17_3_1y2v1nfu3 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfr5", r = {
+    enter: "v17_3_2k0k3u9",
+    enterActive: "v17_3_2k0k3ua",
+    exit: "v17_3_2k0k3ub",
+    exitActive: "v17_3_2k0k3uc"
+}, t = "v17_3_2k0k3ud", n = "v17_3_2k0k3ue", u = "v17_3_2k0k3uf", a = "v17_3_2k0k3ug", i = "v17_3_2k0k3uh", m = "v17_3_2k0k3uj v17_3_2k0k3ui v17_3_1y2v1nfhc v17_3_1y2v1nfil", o = "v17_3_2k0k3uk", f = "v17_3_2k0k3ul", y = "v17_3_2k0k3um";

package/dist/menu.css.d.ts

@@ -16,9 +16,10 @@ export declare const menuTransitionClasses: {
 };
 export declare const menuItem: string;
 export declare const menuItemHovered: string;
+export declare const menuItemHoveredDestructive: string;
 export declare const menuItemEnabled: string;
 export declare const menuItemDisabled: string;
 export declare const menuSectionDivider: string;
 export declare const itemContent: string;
 export declare const itemTextContent: string;
-export declare const iconContainer: string;
+export declare const assetContainer: string;

package/dist/menu.d.ts

@@ -5,6 +5,7 @@ interface MenuItemBaseProps {
     label: string;
     description?: string;
     Icon?: (props: IconProps) => JSX.Element;
+    asset?: React.ReactElement;
     destructive?: boolean;
     disabled?: boolean;
     dataAttributes?: DataAttributes;
@@ -37,7 +38,7 @@ interface MenuItemToProps extends MenuItemBaseProps {
     checked?: undefined;
 }
 type MenuItemProps = ExclusifyUnion<MenuItemOnPressProps | MenuItemHrefProps | MenuItemToProps>;
-export declare const MenuItem: ({ label, Icon, destructive, disabled, onPress, href, to, newTab, loadOnTop, fullPageOnWebView, onNavigate, controlType, checked, description, dataAttributes, }: MenuItemProps) => JSX.Element;
+export declare const MenuItem: ({ label, Icon, asset, destructive, disabled, onPress, href, to, newTab, loadOnTop, fullPageOnWebView, onNavigate, controlType, checked, description, dataAttributes, }: MenuItemProps) => JSX.Element;
 type MenuSectionProps = {
     children?: React.ReactNode;
 };

package/dist/menu.js

@@ -11,13 +11,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get Menu () {
-        return Ze;
+        return nt;
     },
     get MenuItem () {
-        return Je;
+        return et;
     },
     get MenuSection () {
-        return Qe;
+        return tt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -40,6 +40,7 @@ const _reacttransitiongroup = require("react-transition-group");
 const _common = require("./utils/common.js");
 const _css = require("./utils/css.js");
 const _platform = require("./utils/platform.js");
+const _imagecssmistica = require("./image.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -138,58 +139,64 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const Ne = 120, Q = /*#__PURE__*/ _react.createContext({
+const ye = 120, ee = /*#__PURE__*/ _react.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Re = ()=>_react.useContext(Q), w = (c)=>c ? Array.from(c.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Fe = (c, g)=>{
-    if (!g) return null;
-    const f = w(c).indexOf(g);
-    return f < 0 ? null : f;
-}, Je = (param)=>{
-    let { label: c, Icon: g, destructive: f, disabled: a, onPress: R, href: r, to: u, newTab: d, loadOnTop: F, fullPageOnWebView: l, onNavigate: y, controlType: p, checked: v, description: C, dataAttributes: S } = param;
-    const { focusedItem: D, setFocusedItem: s, closeMenu: M, isMenuOpen: h } = Re(), x = _react.useRef(null), H = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, E = x === null || x === void 0 ? void 0 : x.current, P = (E === null || E === void 0 ? void 0 : E.closest("[role=menu]")) || null, n = Fe(P, E), e = _object_spread({
+}), Fe = ()=>_react.useContext(ee), _ = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], De = (i, x)=>{
+    if (!x) return null;
+    const a = _(i).indexOf(x);
+    return a < 0 ? null : a;
+}, et = (param)=>{
+    let { label: i, Icon: x, asset: a, destructive: v, disabled: l, onPress: o, href: m, to: u, newTab: C, loadOnTop: c, fullPageOnWebView: $, onNavigate: d, controlType: T, checked: F, description: S, dataAttributes: D } = param;
+    const { focusedItem: s, setFocusedItem: E, closeMenu: I, isMenuOpen: H } = Fe(), M = _react.useRef(null), A = v ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, R = M === null || M === void 0 ? void 0 : M.current, r = (R === null || R === void 0 ? void 0 : R.closest("[role=menu]")) || null, e = De(r, R), f = _object_spread({
         testid: "MenuItem"
-    }, S), I = (m)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-            id: m,
+    }, D), p = (g)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            id: g,
             className: _menucssmistica.itemTextContent,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
-                    color: H,
-                    children: c
+                    color: A,
+                    children: i
                 }),
-                C && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                S && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                    children: C
+                    children: S
                 })
             ]
-        }), i = (m)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+        }), h = (g)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _menucssmistica.itemContent,
             children: [
-                g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    className: _menucssmistica.iconContainer,
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
+                (a || x) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+                    className: _menucssmistica.assetContainer
+                }, a ? (0, _dom.getPrefixedDataAttributes)({
+                    testid: "asset"
+                }) : {}), {
+                    style: a ? (0, _css.applyCssVars)({
+                        [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
+                    }) : void 0,
+                    children: a || x && /* @__PURE__ */ (0, _jsxruntime.jsx)(x, {
                         size: 24,
-                        color: H
+                        color: A
                     })
-                }),
-                I(m)
+                })),
+                p(g)
             ]
-        }), O = ()=>p === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
-            ref: x,
-            name: c,
-            checked: v,
+        }), b = ()=>T === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
+            ref: M,
+            name: i,
+            checked: F,
             onChange: ()=>{
-                h && n !== null && (R === null || R === void 0 ? void 0 : R(n));
+                H && e !== null && (o === null || o === void 0 ? void 0 : o(e));
             },
-            disabled: a,
+            disabled: l,
             role: "menuitemcheckbox",
-            dataAttributes: e,
+            dataAttributes: f,
             render: (param)=>{
-                let { controlElement: m, labelId: T } = param;
+                let { controlElement: g, labelId: P } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 8,
                     paddingY: 12,
@@ -197,166 +204,167 @@ const Ne = 120, Q = /*#__PURE__*/ _react.createContext({
                         space: "between",
                         alignItems: "center",
                         children: [
-                            i(T),
+                            h(P),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingLeft: 16,
-                                children: m
+                                children: g
                             })
                         ]
                     })
                 });
             }
-        }) : r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: x,
-            href: r,
-            newTab: d,
-            loadOnTop: F,
+        }) : m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+            ref: M,
+            href: m,
+            newTab: C,
+            loadOnTop: c,
             onNavigate: ()=>{
-                M(), y === null || y === void 0 ? void 0 : y();
+                I(), d === null || d === void 0 ? void 0 : d();
             },
-            disabled: a,
+            disabled: l,
             role: "menuitem",
-            dataAttributes: e,
+            dataAttributes: f,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: i()
+                children: h()
             })
         }) : u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: x,
+            ref: M,
             to: u,
-            newTab: d,
-            fullPageOnWebView: l,
+            newTab: C,
+            fullPageOnWebView: $,
             onNavigate: ()=>{
-                M(), y === null || y === void 0 ? void 0 : y();
+                I(), d === null || d === void 0 ? void 0 : d();
             },
-            disabled: a,
+            disabled: l,
             role: "menuitem",
-            dataAttributes: e,
+            dataAttributes: f,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: i()
+                children: h()
             })
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: x,
+            ref: M,
             onPress: ()=>{
-                h && n !== null && (R === null || R === void 0 ? void 0 : R(n), M());
+                H && e !== null && (o === null || o === void 0 ? void 0 : o(e), I());
             },
-            disabled: a,
+            disabled: l,
             role: "menuitem",
-            dataAttributes: e,
+            dataAttributes: f,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: i()
+                children: h()
             })
         });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_menucssmistica.menuItem, {
-            [_menucssmistica.menuItemEnabled]: !a,
-            [_menucssmistica.menuItemDisabled]: a,
-            [_menucssmistica.menuItemHovered]: !a && n !== null && D === n
+            [_menucssmistica.menuItemEnabled]: !l,
+            [_menucssmistica.menuItemDisabled]: l,
+            [_menucssmistica.menuItemHovered]: !l && !v && e !== null && s === e,
+            [_menucssmistica.menuItemHoveredDestructive]: !l && v && e !== null && s === e
         }),
-        onMouseMove: ()=>s(a ? null : n),
-        onMouseLeave: ()=>s(null),
-        children: O()
+        onMouseMove: ()=>E(l ? null : e),
+        onMouseLeave: ()=>E(null),
+        children: b()
     });
-}, Qe = (param)=>{
-    let { children: c } = param;
-    return c ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, tt = (param)=>{
+    let { children: i } = param;
+    return i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            c,
+            i,
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _menucssmistica.menuSectionDivider,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             })
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-}, V = 12, J = 8, Ze = (param)=>{
-    let { renderTarget: c, renderMenu: g, width: f, position: a = "left", dataAttributes: R } = param;
-    const [r, u] = _react.useState(!1), [d, F] = _react.useState(null), [l, y] = _react.useState(null), [p, v] = _react.useState(null), [C, S] = _react.useState(!1), D = _react.useRef(null), [s, M] = _react.useState(null), h = (0, _hooks.useWindowSize)();
+}, V = 12, J = 8, nt = (param)=>{
+    let { renderTarget: i, renderMenu: x, width: a, position: v = "left", dataAttributes: l } = param;
+    const [o, m] = _react.useState(!1), [u, C] = _react.useState(null), [c, $] = _react.useState(null), [d, T] = _react.useState(null), [F, S] = _react.useState(!1), D = _react.useRef(null), [s, E] = _react.useState(null), I = (0, _hooks.useWindowSize)();
     _react.useEffect(()=>{
-        const n = d === null || d === void 0 ? void 0 : d.getBoundingClientRect();
-        if (!l || !n || !r) return;
-        const { top: e, right: I, left: i, bottom: O } = n, m = l.scrollHeight, T = a === "left" ? i : void 0, U = a === "right" ? h.width - I : void 0, W = e - J, X = O + J, _ = h.height - X - V, L = W - V, Y = _ > m, z = L > m, Z = Y || !z && _ > L;
-        M(Z ? {
-            left: T,
-            right: U,
+        const r = u === null || u === void 0 ? void 0 : u.getBoundingClientRect();
+        if (!c || !r || !o) return;
+        const { top: e, right: f, left: p, bottom: h } = r, b = c.scrollHeight, g = v === "left" ? p : void 0, P = v === "right" ? I.width - f : void 0, W = e - J, X = h + J, B = I.height - X - V, L = W - V, Y = B > b, z = L > b, te = Y || !z && B > L;
+        E(te ? {
+            left: g,
+            right: P,
             top: `${X}px`,
             bottom: "auto",
-            maxHeight: Y ? void 0 : _,
+            maxHeight: Y ? void 0 : B,
             transformOrigin: "center top"
         } : {
-            left: T,
-            right: U,
+            left: g,
+            right: P,
             top: "auto",
-            bottom: `${h.height - W}px`,
+            bottom: `${I.height - W}px`,
             maxHeight: z ? void 0 : L,
             transformOrigin: "center bottom"
         });
     }, [
+        v,
+        o,
+        c,
+        u,
         a,
-        r,
-        l,
-        d,
-        f,
-        h
+        I
     ]);
-    const x = _react.useMemo(()=>({
-            ref: F,
+    const H = _react.useMemo(()=>({
+            ref: C,
             onPress: ()=>{
-                u(!r);
+                m(!o);
             }
         }), [
-        F,
-        r
-    ]), H = {
-        ref: (0, _common.combineRefs)(y, D),
+        C,
+        o
+    ]), M = {
+        ref: (0, _common.combineRefs)($, D),
         className: _menucssmistica.menuContainer,
-        close: ()=>u(!1)
-    }, E = _react.useCallback(()=>{
-        const e = w(l).findIndex((I)=>!I.getAttribute("aria-disabled"));
-        v(e < 0 ? null : e);
+        close: ()=>m(!1)
+    }, A = _react.useCallback(()=>{
+        const e = _(c).findIndex((f)=>!f.getAttribute("aria-disabled"));
+        T(e < 0 ? null : e);
     }, [
-        l
-    ]), P = _react.useCallback((n)=>{
-        var _e_i;
-        const e = w(l);
-        n && e.reverse();
-        const I = p === null ? -1 : n ? e.length - 1 - p : p;
-        let i = e.findIndex((m, T)=>!m.getAttribute("aria-disabled") && T > I);
-        i === -1 && (i = e.findIndex((m)=>!m.getAttribute("aria-disabled")));
-        const O = n && i !== -1 ? e.length - 1 - i : i;
-        v(O < 0 ? null : O), (_e_i = e[i]) === null || _e_i === void 0 ? void 0 : _e_i.focus();
+        c
+    ]), R = _react.useCallback((r)=>{
+        var _e_p;
+        const e = _(c);
+        r && e.reverse();
+        const f = d === null ? -1 : r ? e.length - 1 - d : d;
+        let p = e.findIndex((b, g)=>!b.getAttribute("aria-disabled") && g > f);
+        p === -1 && (p = e.findIndex((b)=>!b.getAttribute("aria-disabled")));
+        const h = r && p !== -1 ? e.length - 1 - p : p;
+        T(h < 0 ? null : h), (_e_p = e[p]) === null || _e_p === void 0 ? void 0 : _e_p.focus();
     }, [
-        p,
-        l
+        d,
+        c
     ]);
     return _react.useEffect(()=>{
-        r ? C && l && (E(), S(!1)) : v(null);
+        o ? F && c && (A(), S(!1)) : T(null);
     }, [
-        r,
-        E,
-        C,
-        l
+        o,
+        A,
+        F,
+        c
     ]), _react.useEffect(()=>{
-        const n = (e)=>{
-            if (r) switch(e.key){
+        const r = (e)=>{
+            if (o) switch(e.key){
                 case _keys.RIGHT:
                 case _keys.DOWN:
-                    (0, _dom.cancelEvent)(e), P();
+                    (0, _dom.cancelEvent)(e), R();
                     break;
                 case _keys.LEFT:
                 case _keys.UP:
-                    (0, _dom.cancelEvent)(e), P(!0);
+                    (0, _dom.cancelEvent)(e), R(!0);
                     break;
                 case _keys.ESC:
-                    u(!1);
+                    m(!1);
                     break;
                 case _keys.SPACE:
                 case _keys.ENTER:
-                    (0, _dom.cancelEvent)(e), p !== null && w(l)[p].click();
+                    (0, _dom.cancelEvent)(e), d !== null && _(c)[d].click();
                     break;
                 case _keys.TAB:
                     (0, _dom.cancelEvent)(e);
@@ -368,37 +376,37 @@ const Ne = 120, Q = /*#__PURE__*/ _react.createContext({
                     S(!0);
                     break;
                 case _keys.DOWN:
-                    d === document.activeElement && (S(!0), u(!0));
+                    u === document.activeElement && (S(!0), m(!0));
                     break;
             }
         };
-        return document.addEventListener("keydown", n, !1), ()=>{
-            document.removeEventListener("keydown", n, !1);
+        return document.addEventListener("keydown", r, !1), ()=>{
+            document.removeEventListener("keydown", r, !1);
         };
     }), _react.useEffect(()=>{
-        d === null || d === void 0 ? void 0 : d.setAttribute("aria-haspopup", "menu"), d === null || d === void 0 ? void 0 : d.setAttribute("aria-expanded", String(r));
+        u === null || u === void 0 ? void 0 : u.setAttribute("aria-haspopup", "menu"), u === null || u === void 0 ? void 0 : u.setAttribute("aria-expanded", String(o));
     }, [
-        d,
-        r
+        u,
+        o
     ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
         testid: "Menu"
-    }, R))), {
+    }, l))), {
         children: [
-            c(_object_spread_props(_object_spread({}, x), {
-                isMenuOpen: r
+            i(_object_spread_props(_object_spread({}, H), {
+                isMenuOpen: o
             })),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                    in: r,
+                    in: o,
                     nodeRef: D,
-                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : Ne,
+                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : ye,
                     classNames: _menucssmistica.menuTransitionClasses,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
-                    onExit: ()=>d === null || d === void 0 ? void 0 : d.focus(),
+                    onExit: ()=>u === null || u === void 0 ? void 0 : u.focus(),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
-                        onPress: (n)=>{
-                            (0, _dom.cancelEvent)(n), u(!1);
+                        onPress: (r)=>{
+                            (0, _dom.cancelEvent)(r), m(!1);
                         },
                         disableScroll: !0,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -412,18 +420,18 @@ const Ne = 120, Q = /*#__PURE__*/ _react.createContext({
                                 [_menucssmistica.vars.right]: `${s.right}px`
                             }, s.maxHeight !== void 0 && {
                                 [_menucssmistica.vars.maxHeight]: `${s.maxHeight}px`
-                            }, f !== void 0 && {
-                                [_menucssmistica.vars.width]: f ? `${f}px` : ""
+                            }, a !== void 0 && {
+                                [_menucssmistica.vars.width]: a ? `${a}px` : ""
                             }) : {}))),
                             role: "menu",
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Q.Provider, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ee.Provider, {
                                 value: {
-                                    isMenuOpen: r,
-                                    focusedItem: p,
-                                    setFocusedItem: v,
-                                    closeMenu: ()=>u(!1)
+                                    isMenuOpen: o,
+                                    focusedItem: d,
+                                    setFocusedItem: T,
+                                    closeMenu: ()=>m(!1)
                                 },
-                                children: g(H)
+                                children: x(M)
                             })
                         })
                     })