@telefonica/mistica 16.62.0-beta.1 → 16.63.0

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

@@ -1,11 +1,11 @@
 /* empty css                                  */ var a = {
-    space: "var(--v16_62_0-beta_1_kkfbnv0)",
-    spaceMobile: "var(--v16_62_0-beta_1_kkfbnv1)",
-    spaceTablet: "var(--v16_62_0-beta_1_kkfbnv2)",
-    spaceDesktop: "var(--v16_62_0-beta_1_kkfbnv3)",
-    verticalSpace: "var(--v16_62_0-beta_1_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_62_0-beta_1_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_62_0-beta_1_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_62_0-beta_1_kkfbnv7)"
-}, v = "v16_62_0-beta_1_kkfbnv8", e = "v16_62_0-beta_1_kkfbnv9", b = "v16_62_0-beta_1_kkfbnva", k = "v16_62_0-beta_1_kkfbnvb", t = "v16_62_0-beta_1_kkfbnvc", r = "v16_62_0-beta_1_kkfbnvd", n = "v16_62_0-beta_1_kkfbnve";
-export { b as fullWidth, e as inline, v as marginInline, t as noFullWidth, r as stringSpace, n as stringSpaceWithWrap, a as vars, k as wrap };
+    space: "var(--v16_63_kkfbnv0)",
+    spaceMobile: "var(--v16_63_kkfbnv1)",
+    spaceTablet: "var(--v16_63_kkfbnv2)",
+    spaceDesktop: "var(--v16_63_kkfbnv3)",
+    verticalSpace: "var(--v16_63_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_63_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_63_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_63_kkfbnv7)"
+}, k = "v16_63_kkfbnv8", _ = "v16_63_kkfbnv9", r = "v16_63_kkfbnva", e = "v16_63_kkfbnvb", n = "v16_63_kkfbnvc", b = "v16_63_kkfbnvd", f = "v16_63_kkfbnve";
+export { r as fullWidth, _ as inline, k as marginInline, n as noFullWidth, b as stringSpace, f as stringSpaceWithWrap, a as vars, e as wrap };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                */ var a = "v16_62_0-beta_1_2buj9g0", b = "v16_62_0-beta_1_2buj9g1 v16_62_0-beta_1_1y2v1nfqr", t = "v16_62_0-beta_1_2buj9g2", e = "v16_62_0-beta_1_2buj9g3", n = "v16_62_0-beta_1_2buj9g4", f = "v16_62_0-beta_1_2buj9g5 v16_62_0-beta_1_1y2v1nft7", y = "v16_62_0-beta_1_2buj9g7 v16_62_0-beta_1_2buj9g6 v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_1y2v1nfif v16_62_0-beta_1_1y2v1nfjo v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nffw v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfr8 v16_62_0-beta_1_1y2v1nfpy", r = "v16_62_0-beta_1_2buj9g8 v16_62_0-beta_1_1y2v1nfiu v16_62_0-beta_1_1y2v1nfk3", u = "v16_62_0-beta_1_2buj9g9 v16_62_0-beta_1_1y2v1nfgc v16_62_0-beta_1_1y2v1nfhl v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfsh", g = "v16_62_0-beta_1_2buj9ga v16_62_0-beta_1_1y2v1nfk3", j = "v16_62_0-beta_1_2buj9gb v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqm v16_62_0-beta_1_1y2v1nfqo", i = "v16_62_0-beta_1_2buj9gc v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa v16_62_0-beta_1_1y2v1nfqq", o = "v16_62_0-beta_1_2buj9gd v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj", q = "v16_62_0-beta_1_2buj9gf v16_62_0-beta_1_2buj9gd v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_2buj9ge v16_62_0-beta_1_1y2v1nfqd v16_62_0-beta_1_1y2v1nfru v16_62_0-beta_1_1y2v1nfr8 v16_62_0-beta_1_1y2v1nfqm", d = "v16_62_0-beta_1_2buj9gg", l = "v16_62_0-beta_1_2buj9gh", h = "v16_62_0-beta_1_2buj9gi", c = "v16_62_0-beta_1_2buj9gj v16_62_0-beta_1_2buj9gd v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj", s = "v16_62_0-beta_1_2buj9gk v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfq9 v16_62_0-beta_1_1y2v1nfr8", m = "v16_62_0-beta_1_2buj9gn v16_62_0-beta_1_2buj9gl v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_1y2v1nfif v16_62_0-beta_1_1y2v1nfjo v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nffw v16_62_0-beta_1_2buj9gm v16_62_0-beta_1_1y2v1nfiu v16_62_0-beta_1_1y2v1nfk3 v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfqp", k = "v16_62_0-beta_1_2buj9gp v16_62_0-beta_1_2buj9go v16_62_0-beta_1_1y2v1nfq4", w = "v16_62_0-beta_1_2buj9gr v16_62_0-beta_1_2buj9gl v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_1y2v1nfif v16_62_0-beta_1_1y2v1nfjo v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nffw v16_62_0-beta_1_2buj9gq v16_62_0-beta_1_1y2v1nfiu v16_62_0-beta_1_1y2v1nfk3 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqo v16_62_0-beta_1_1y2v1nfqs v16_62_0-beta_1_1y2v1nfr8", p = "v16_62_0-beta_1_2buj9gs", C = "v16_62_0-beta_1_2buj9gt", x = "v16_62_0-beta_1_2buj9gu", A = "v16_62_0-beta_1_2buj9gv", B = "v16_62_0-beta_1_2buj9gw";
-export { j as asset, g as assetContainer, q as badge, t as boxed, o as center, u as content, c as detail, h as detailRight, a as disabled, s as dualActionContainer, k as dualActionDivider, m as dualActionLeft, w as dualActionRight, A as li, B as liContent, C as liWithCustomIcon, x as liWithoutMarker, f as pointer, d as rightContent, l as rightRestrictedWidth, b as row, i as rowBody, y as rowContent, r as rowContentPadding, e as touchableBackground, n as touchableBackgroundBrand, p as ul };
+/* empty css                                     */ /* empty css                                */ var n = "v16_63_2buj9g0", f = "v16_63_2buj9g1 v16_63_1y2v1nfqr", y = "v16_63_2buj9g2", r = "v16_63_2buj9g3", u = "v16_63_2buj9g4", a = "v16_63_2buj9g5 v16_63_1y2v1nft7", g = "v16_63_2buj9g7 v16_63_2buj9g6 v16_63_1y2v1nffx v16_63_1y2v1nfh6 v16_63_1y2v1nfif v16_63_1y2v1nfjo v16_63_1y2v1nfqr v16_63_1y2v1nfsm v16_63_1y2v1nffw v16_63_1y2v1nfq6 v16_63_1y2v1nfr8 v16_63_1y2v1nfpy", j = "v16_63_2buj9g8 v16_63_1y2v1nfiu v16_63_1y2v1nfk3", b = "v16_63_2buj9g9 v16_63_1y2v1nfgc v16_63_1y2v1nfhl v16_63_1y2v1nfq4 v16_63_1y2v1nfqr v16_63_1y2v1nfsh", t = "v16_63_2buj9ga v16_63_1y2v1nfk3", i = "v16_63_2buj9gb v16_63_1y2v1nfq4 v16_63_1y2v1nfqm v16_63_1y2v1nfqo", o = "v16_63_2buj9gc v16_63_1y2v1nfq4 v16_63_1y2v1nfqa v16_63_1y2v1nfqq", q = "v16_63_2buj9gd v16_63_1y2v1nfq4 v16_63_1y2v1nfqj", e = "v16_63_2buj9gf v16_63_2buj9gd v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_2buj9ge v16_63_1y2v1nfqd v16_63_1y2v1nfru v16_63_1y2v1nfr8 v16_63_1y2v1nfqm", d = "v16_63_2buj9gg", l = "v16_63_2buj9gh", h = "v16_63_2buj9gi", c = "v16_63_2buj9gj v16_63_2buj9gd v16_63_1y2v1nfq4 v16_63_1y2v1nfqj", s = "v16_63_2buj9gk v16_63_1y2v1nfq4 v16_63_1y2v1nfq9 v16_63_1y2v1nfr8", m = "v16_63_2buj9gn v16_63_2buj9gl v16_63_1y2v1nffx v16_63_1y2v1nfh6 v16_63_1y2v1nfif v16_63_1y2v1nfjo v16_63_1y2v1nfsm v16_63_1y2v1nffw v16_63_2buj9gm v16_63_1y2v1nfiu v16_63_1y2v1nfk3 v16_63_1y2v1nfq6 v16_63_1y2v1nfqp", k = "v16_63_2buj9gp v16_63_2buj9go v16_63_1y2v1nfq4", w = "v16_63_2buj9gr v16_63_2buj9gl v16_63_1y2v1nffx v16_63_1y2v1nfh6 v16_63_1y2v1nfif v16_63_1y2v1nfjo v16_63_1y2v1nfsm v16_63_1y2v1nffw v16_63_2buj9gq v16_63_1y2v1nfiu v16_63_1y2v1nfk3 v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfqo v16_63_1y2v1nfqs v16_63_1y2v1nfr8", p = "v16_63_2buj9gs", C = "v16_63_2buj9gt", x = "v16_63_2buj9gu", A = "v16_63_2buj9gv", B = "v16_63_2buj9gw";
+export { i as asset, t as assetContainer, e as badge, y as boxed, q as center, b as content, c as detail, h as detailRight, n as disabled, s as dualActionContainer, k as dualActionDivider, m as dualActionLeft, w as dualActionRight, A as li, B as liContent, C as liWithCustomIcon, x as liWithoutMarker, a as pointer, d as rightContent, l as rightRestrictedWidth, f as row, o as rowBody, g as rowContent, j as rowContentPadding, r as touchableBackground, u as touchableBackgroundBrand, p as ul };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                       */ var t = "v16_62_0-beta_1_1num3qg2 v16_62_0-beta_1_1num3qg1 v16_62_0-beta_1_1y2v1nfq0 v16_62_0-beta_1_1y2v1nfte v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfu8", a = "v16_62_0-beta_1_1num3qg3", e = "v16_62_0-beta_1_1num3qg4 v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nft8 v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_1y2v1nfbx v16_62_0-beta_1_1y2v1nfrb", n = "v16_62_0-beta_1_1num3qg7 v16_62_0-beta_1_1num3qg6 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfr8";
-export { a as hidden, t as portal, n as progress, e as progressContainer };
+/* empty css                                     */ /* empty css                                       */ var n = "v16_63_1num3qg2 v16_63_1num3qg1 v16_63_1y2v1nfq0 v16_63_1y2v1nfte v16_63_1y2v1nftt v16_63_1y2v1nfu8", r = "v16_63_1num3qg3", y = "v16_63_1num3qg4 v16_63_1y2v1nfqr v16_63_1y2v1nft8 v16_63_1y2v1nfpy v16_63_1y2v1nfbx v16_63_1y2v1nfrb", f = "v16_63_1num3qg7 v16_63_1num3qg6 v16_63_1y2v1nfpz v16_63_1y2v1nfqr v16_63_1y2v1nfr8";
+export { r as hidden, n as portal, f as progress, y as progressContainer };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                          */ var a = "v16_62_0-beta_1_flke8b1 v16_62_0-beta_1_flke8b0 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa v16_62_0-beta_1_1y2v1nfqj", v = 500, b = "v16_62_0-beta_1_flke8b3", t = {
-    default: "v16_62_0-beta_1_flke8b4",
-    brand: "v16_62_0-beta_1_flke8b5"
-}, n = "v16_62_0-beta_1_flke8b6", r = "v16_62_0-beta_1_flke8b7 v16_62_0-beta_1_1y2v1nfqq v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqd", f = "v16_62_0-beta_1_flke8b9 v16_62_0-beta_1_flke8b8 v16_62_0-beta_1_1y2v1nfgi", l = "v16_62_0-beta_1_flke8bb", d = "v16_62_0-beta_1_flke8bc", k = "v16_62_0-beta_1_flke8be", o = "v16_62_0-beta_1_flke8bf";
-export { v as inOutAnimationMs, a as loadingScreen, r as loadingScreenChildren, f as loadingScreenText, l as loadingScreenTextAnimated, d as loadingScreenTextAnimatedOut, o as logo, k as pulseLogo, t as screenBackground, b as screenBackgroundAnimated, n as screenBackgroundFadeOut };
+/* empty css                                     */ /* empty css                                          */ var e = "v16_63_flke8b1 v16_63_flke8b0 v16_63_1y2v1nfq4 v16_63_1y2v1nfqa v16_63_1y2v1nfqj", n = 500, a = "v16_63_flke8b3", r = {
+    default: "v16_63_flke8b4",
+    brand: "v16_63_flke8b5"
+}, f = "v16_63_flke8b6", l = "v16_63_flke8b7 v16_63_1y2v1nfqq v16_63_1y2v1nfq4 v16_63_1y2v1nfqa v16_63_1y2v1nfqj v16_63_1y2v1nfqd", d = "v16_63_flke8b9 v16_63_flke8b8 v16_63_1y2v1nfgi", k = "v16_63_flke8bb", o = "v16_63_flke8bc", b = "v16_63_flke8be", i = "v16_63_flke8bf";
+export { n as inOutAnimationMs, e as loadingScreen, l as loadingScreenChildren, d as loadingScreenText, k as loadingScreenTextAnimated, o as loadingScreenTextAnimatedOut, i as logo, b as pulseLogo, r as screenBackground, a as screenBackgroundAnimated, f as screenBackgroundFadeOut };

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

@@ -1,7 +1,7 @@
-/* empty css                                */ var t = {
-    size: "var(--v16_62_0-beta_1_140ft6x0)",
-    sizeMobile: "var(--v16_62_0-beta_1_140ft6x1)",
-    sizeTablet: "var(--v16_62_0-beta_1_140ft6x2)",
-    sizeDesktop: "var(--v16_62_0-beta_1_140ft6x3)"
-}, a = "v16_62_0-beta_1_140ft6x4", e = "v16_62_0-beta_1_140ft6x5";
-export { e as logoContainer, a as svg, t as vars };
+/* empty css                                */ var _ = {
+    size: "var(--v16_63_140ft6x0)",
+    sizeMobile: "var(--v16_63_140ft6x1)",
+    sizeTablet: "var(--v16_63_140ft6x2)",
+    sizeDesktop: "var(--v16_63_140ft6x3)"
+}, r = "v16_63_140ft6x4", t = "v16_63_140ft6x5";
+export { t as logoContainer, r as svg, _ as vars };

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

@@ -1,15 +1,15 @@
-/* empty css                                     */ /* empty css                                */ var v = {
-    top: "var(--v16_62_0-beta_1_2k0k3u0)",
-    bottom: "var(--v16_62_0-beta_1_2k0k3u1)",
-    left: "var(--v16_62_0-beta_1_2k0k3u2)",
-    right: "var(--v16_62_0-beta_1_2k0k3u4)",
-    width: "var(--v16_62_0-beta_1_2k0k3u3)",
-    maxHeight: "var(--v16_62_0-beta_1_2k0k3u5)",
-    transformOrigin: "var(--v16_62_0-beta_1_2k0k3u6)"
-}, a = "v16_62_0-beta_1_2k0k3u8 v16_62_0-beta_1_2k0k3u7 v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf v16_62_0-beta_1_1y2v1nfio v16_62_0-beta_1_1y2v1nfjx v16_62_0-beta_1_1y2v1nf83 v16_62_0-beta_1_1y2v1nfsy v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa v16_62_0-beta_1_1y2v1nfpz", t = {
-    enter: "v16_62_0-beta_1_2k0k3u9",
-    enterActive: "v16_62_0-beta_1_2k0k3ua",
-    exit: "v16_62_0-beta_1_2k0k3ub",
-    exitActive: "v16_62_0-beta_1_2k0k3uc"
-}, k = "v16_62_0-beta_1_2k0k3ud", b = "v16_62_0-beta_1_2k0k3ue", n = "v16_62_0-beta_1_2k0k3uf", r = "v16_62_0-beta_1_2k0k3ug", u = "v16_62_0-beta_1_2k0k3ui v16_62_0-beta_1_2k0k3uh v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf", i = "v16_62_0-beta_1_2k0k3uj", m = "v16_62_0-beta_1_2k0k3uk";
-export { m as iconContainer, i as itemContent, a as menuContainer, k as menuItem, r as menuItemDisabled, n as menuItemEnabled, b as menuItemHovered, u as menuSectionDivider, t as menuTransitionClasses, v as vars };
+/* empty css                                     */ /* empty css                                */ var k = {
+    top: "var(--v16_63_2k0k3u0)",
+    bottom: "var(--v16_63_2k0k3u1)",
+    left: "var(--v16_63_2k0k3u2)",
+    right: "var(--v16_63_2k0k3u4)",
+    width: "var(--v16_63_2k0k3u3)",
+    maxHeight: "var(--v16_63_2k0k3u5)",
+    transformOrigin: "var(--v16_63_2k0k3u6)"
+}, e = "v16_63_2k0k3u8 v16_63_2k0k3u7 v16_63_1y2v1nfg6 v16_63_1y2v1nfhf v16_63_1y2v1nfio v16_63_1y2v1nfjx v16_63_1y2v1nf83 v16_63_1y2v1nfsy v16_63_1y2v1nfq4 v16_63_1y2v1nfqa v16_63_1y2v1nfpz", n = {
+    enter: "v16_63_2k0k3u9",
+    enterActive: "v16_63_2k0k3ua",
+    exit: "v16_63_2k0k3ub",
+    exitActive: "v16_63_2k0k3uc"
+}, r = "v16_63_2k0k3ud", t = "v16_63_2k0k3ue", a = "v16_63_2k0k3uf", u = "v16_63_2k0k3ug", i = "v16_63_2k0k3ui v16_63_2k0k3uh v16_63_1y2v1nfg6 v16_63_1y2v1nfhf", m = "v16_63_2k0k3uj", f = "v16_63_2k0k3uk", o = "v16_63_2k0k3ul";
+export { o as iconContainer, m as itemContent, f as itemTextContent, e as menuContainer, r as menuItem, u as menuItemDisabled, a as menuItemEnabled, t as menuItemHovered, i as menuSectionDivider, n as menuTransitionClasses, k as vars };

package/dist-es/menu.js

@@ -51,283 +51,310 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as S, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { jsxs as N, jsx as t, Fragment as G } from "react/jsx-runtime";
 import * as o from "react";
-import ne from "classnames";
-import { TAB as oe, ENTER as G, SPACE as K, ESC as re, UP as se, LEFT as ie, DOWN as j, RIGHT as ce } from "./utils/keys.js";
-import { getPrefixedDataAttributes as ae, cancelEvent as T } from "./utils/dom.js";
-import le from "./overlay.js";
-import { menuTransitionClasses as me, menuContainer as ue, vars as x, menuItem as fe, menuItemHovered as de, menuItemDisabled as pe, menuItemEnabled as ge, menuSectionDivider as he, itemContent as X, iconContainer as Y } from "./menu.css-mistica.js";
-import { useWindowSize as xe } from "./hooks.js";
+import ee from "classnames";
+import { TAB as te, ENTER as K, SPACE as j, ESC as ne, UP as oe, LEFT as re, DOWN as q, RIGHT as se } from "./utils/keys.js";
+import { getPrefixedDataAttributes as ie, cancelEvent as A } from "./utils/dom.js";
+import ce from "./overlay.js";
+import { menuTransitionClasses as ae, menuContainer as le, vars as v, menuItem as me, menuItemHovered as ue, menuItemDisabled as de, menuItemEnabled as fe, menuSectionDivider as pe, itemContent as ge, iconContainer as he, itemTextContent as xe } from "./menu.css-mistica.js";
+import { useWindowSize as Ie } from "./hooks.js";
 import { Portal as be } from "./portal.js";
-import P from "./box.js";
-import Ie from "./inline.js";
-import ve from "./touchable.js";
-import { Text3 as q } from "./text.js";
-import { vars as V } from "./skins/skin-contract.css-mistica.js";
-import Me from "./divider.js";
-import Oe from "./checkbox.js";
-import { CSSTransition as Te } from "react-transition-group";
-import { combineRefs as Se } from "./utils/common.js";
-import { applyCssVars as Ee } from "./utils/css.js";
-import { isRunningAcceptanceTest as Ce } from "./utils/platform.js";
-const ke = 120, Z = /*#__PURE__*/ o.createContext({
+import k from "./box.js";
+import ve from "./inline.js";
+import $ from "./touchable.js";
+import { Text3 as Me, Text2 as Oe } from "./text.js";
+import { vars as B } from "./skins/skin-contract.css-mistica.js";
+import Te from "./divider.js";
+import Ce from "./checkbox.js";
+import { CSSTransition as Se } from "react-transition-group";
+import { combineRefs as Ee } from "./utils/common.js";
+import { applyCssVars as Ae } from "./utils/css.js";
+import { isRunningAcceptanceTest as ke } from "./utils/platform.js";
+const Ne = 120, Q = /*#__PURE__*/ o.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ae = ()=>o.useContext(Z), F = (s)=>s ? Array.from(s.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (s, m)=>{
-    if (!m) return null;
-    const u = F(s).indexOf(m);
-    return u < 0 ? null : u;
-}, qe = (param)=>{
-    let { label: s, Icon: m, destructive: u, disabled: a, onPress: E, controlType: r, checked: f, dataAttributes: d } = param;
-    const { focusedItem: C, setFocusedItem: i, closeMenu: k, isMenuOpen: l } = Ae(), p = o.useRef(null), h = u ? V.colors.textLinkDanger : V.colors.neutralHigh, b = p === null || p === void 0 ? void 0 : p.current, A = (b === null || b === void 0 ? void 0 : b.closest("[role=menu]")) || null, t = Ne(A, b), M = _object_spread({
+}), Re = ()=>o.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: M, description: C, dataAttributes: S } = param;
+    const { focusedItem: D, setFocusedItem: s, closeMenu: h, isMenuOpen: x } = Re(), I = o.useRef(null), H = f ? B.colors.textLinkDanger : B.colors.neutralHigh, E = I === null || I === void 0 ? void 0 : I.current, P = (E === null || E === void 0 ? void 0 : E.closest("[role=menu]")) || null, n = Fe(P, E), e = _object_spread({
         testid: "MenuItem"
-    }, d), I = ()=>r === "checkbox" ? /* @__PURE__ */ e(Oe, {
-            ref: p,
-            name: s,
-            checked: f,
+    }, S), b = (m)=>/* @__PURE__ */ N("div", {
+            id: m,
+            className: xe,
+            children: [
+                /* @__PURE__ */ t(Me, {
+                    regular: !0,
+                    color: H,
+                    children: c
+                }),
+                C && /* @__PURE__ */ t(Oe, {
+                    regular: !0,
+                    color: B.colors.textSecondary,
+                    children: C
+                })
+            ]
+        }), i = (m)=>/* @__PURE__ */ N("div", {
+            className: ge,
+            children: [
+                g && /* @__PURE__ */ t("div", {
+                    className: he,
+                    children: /* @__PURE__ */ t(g, {
+                        size: 24,
+                        color: H
+                    })
+                }),
+                b(m)
+            ]
+        }), O = ()=>p === "checkbox" ? /* @__PURE__ */ t(Ce, {
+            ref: I,
+            name: c,
+            checked: M,
             onChange: ()=>{
-                l && t !== null && (E(t), k());
+                x && n !== null && (R === null || R === void 0 ? void 0 : R(n), h());
             },
             disabled: a,
             role: "menuitemcheckbox",
-            dataAttributes: M,
+            dataAttributes: e,
             render: (param)=>{
-                let { controlElement: y } = param;
-                return /* @__PURE__ */ e(P, {
+                let { controlElement: m, labelId: T } = param;
+                return /* @__PURE__ */ t(k, {
                     paddingX: 8,
                     paddingY: 12,
-                    children: /* @__PURE__ */ S(Ie, {
+                    children: /* @__PURE__ */ N(ve, {
                         space: "between",
                         alignItems: "center",
                         children: [
-                            /* @__PURE__ */ S("div", {
-                                className: X,
-                                children: [
-                                    m && /* @__PURE__ */ e("div", {
-                                        className: Y,
-                                        children: /* @__PURE__ */ e(m, {
-                                            size: 24,
-                                            color: h
-                                        })
-                                    }),
-                                    /* @__PURE__ */ e(q, {
-                                        regular: !0,
-                                        color: h,
-                                        children: s
-                                    })
-                                ]
-                            }),
-                            /* @__PURE__ */ e(P, {
+                            i(T),
+                            /* @__PURE__ */ t(k, {
                                 paddingLeft: 16,
-                                children: y
+                                children: m
                             })
                         ]
                     })
                 });
             }
-        }) : /* @__PURE__ */ e(ve, {
-            ref: p,
+        }) : r ? /* @__PURE__ */ t($, {
+            ref: I,
+            href: r,
+            newTab: d,
+            loadOnTop: F,
+            onNavigate: ()=>{
+                h(), y === null || y === void 0 ? void 0 : y();
+            },
+            disabled: a,
+            role: "menuitem",
+            dataAttributes: e,
+            children: /* @__PURE__ */ t(k, {
+                paddingX: 8,
+                paddingY: 12,
+                children: i()
+            })
+        }) : u ? /* @__PURE__ */ t($, {
+            ref: I,
+            to: u,
+            newTab: d,
+            fullPageOnWebView: l,
+            onNavigate: ()=>{
+                h(), y === null || y === void 0 ? void 0 : y();
+            },
+            disabled: a,
+            role: "menuitem",
+            dataAttributes: e,
+            children: /* @__PURE__ */ t(k, {
+                paddingX: 8,
+                paddingY: 12,
+                children: i()
+            })
+        }) : /* @__PURE__ */ t($, {
+            ref: I,
             onPress: ()=>{
-                l && t !== null && (E(t), k());
+                x && n !== null && (R === null || R === void 0 ? void 0 : R(n), h());
             },
             disabled: a,
             role: "menuitem",
-            dataAttributes: M,
-            children: /* @__PURE__ */ e(P, {
+            dataAttributes: e,
+            children: /* @__PURE__ */ t(k, {
                 paddingX: 8,
                 paddingY: 12,
-                children: /* @__PURE__ */ S("div", {
-                    className: X,
-                    children: [
-                        m && /* @__PURE__ */ e("div", {
-                            className: Y,
-                            children: /* @__PURE__ */ e(m, {
-                                size: 24,
-                                color: h
-                            })
-                        }),
-                        /* @__PURE__ */ e(q, {
-                            regular: !0,
-                            color: h,
-                            children: s
-                        })
-                    ]
-                })
+                children: i()
             })
         });
-    return /* @__PURE__ */ e("div", {
-        className: ne(fe, {
-            [ge]: !a,
-            [pe]: a,
-            [de]: !a && t !== null && C === t
+    return /* @__PURE__ */ t("div", {
+        className: ee(me, {
+            [fe]: !a,
+            [de]: a,
+            [ue]: !a && n !== null && D === n
         }),
-        onMouseMove: ()=>i(a ? null : t),
-        onMouseLeave: ()=>i(null),
-        children: I()
+        onMouseMove: ()=>s(a ? null : n),
+        onMouseLeave: ()=>s(null),
+        children: O()
     });
-}, Ve = (param)=>{
-    let { children: s } = param;
-    return s ? /* @__PURE__ */ S(W, {
+}, Qe = (param)=>{
+    let { children: c } = param;
+    return c ? /* @__PURE__ */ N(G, {
         children: [
-            s,
-            /* @__PURE__ */ e("div", {
-                className: he,
-                children: /* @__PURE__ */ e(Me, {})
+            c,
+            /* @__PURE__ */ t("div", {
+                className: pe,
+                children: /* @__PURE__ */ t(Te, {})
             })
         ]
-    }) : /* @__PURE__ */ e(W, {});
-}, J = 12, Q = 8, Je = (param)=>{
-    let { renderTarget: s, renderMenu: m, width: u, position: a = "left", dataAttributes: E } = param;
-    const [r, f] = o.useState(!1), [d, C] = o.useState(null), [i, k] = o.useState(null), [l, p] = o.useState(null), [h, b] = o.useState(!1), A = o.useRef(null), [t, M] = o.useState(null), I = xe();
+    }) : /* @__PURE__ */ t(G, {});
+}, V = 12, J = 8, Ze = (param)=>{
+    let { renderTarget: c, renderMenu: g, width: f, position: a = "left", dataAttributes: R } = param;
+    const [r, u] = o.useState(!1), [d, F] = o.useState(null), [l, y] = o.useState(null), [p, M] = o.useState(null), [C, S] = o.useState(!1), D = o.useRef(null), [s, h] = o.useState(null), x = Ie();
     o.useEffect(()=>{
-        const c = d === null || d === void 0 ? void 0 : d.getBoundingClientRect();
-        if (!i || !c || !r) return;
-        const { top: n, right: O, left: g, bottom: N } = c, v = i.scrollHeight, R = a === "left" ? g : void 0, L = a === "right" ? I.width - O : void 0, $ = n - Q, B = N + Q, D = I.height - B - J, H = $ - J, z = D > v, U = H > v, te = z || !U && D > H;
-        M(te ? {
-            left: R,
-            right: L,
-            top: `${B}px`,
+        const n = d === null || d === void 0 ? void 0 : d.getBoundingClientRect();
+        if (!l || !n || !r) return;
+        const { top: e, right: b, left: i, bottom: O } = n, m = l.scrollHeight, T = a === "left" ? i : void 0, U = a === "right" ? x.width - b : void 0, W = e - J, X = O + J, _ = x.height - X - V, L = W - V, Y = _ > m, z = L > m, Z = Y || !z && _ > L;
+        h(Z ? {
+            left: T,
+            right: U,
+            top: `${X}px`,
             bottom: "auto",
-            maxHeight: z ? void 0 : D,
+            maxHeight: Y ? void 0 : _,
             transformOrigin: "center top"
         } : {
-            left: R,
-            right: L,
+            left: T,
+            right: U,
             top: "auto",
-            bottom: `${I.height - $}px`,
-            maxHeight: U ? void 0 : H,
+            bottom: `${x.height - W}px`,
+            maxHeight: z ? void 0 : L,
             transformOrigin: "center bottom"
         });
     }, [
         a,
         r,
-        i,
+        l,
         d,
-        u,
-        I
+        f,
+        x
     ]);
-    const y = o.useMemo(()=>({
-            ref: C,
+    const I = o.useMemo(()=>({
+            ref: F,
             onPress: ()=>{
-                f(!r);
+                u(!r);
             }
         }), [
-        C,
+        F,
         r
-    ]), ee = {
-        ref: Se(k, A),
-        className: ue,
-        close: ()=>f(!1)
-    }, w = o.useCallback(()=>{
-        const n = F(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
-        p(n < 0 ? null : n);
+    ]), H = {
+        ref: Ee(y, D),
+        className: le,
+        close: ()=>u(!1)
+    }, E = o.useCallback(()=>{
+        const e = w(l).findIndex((b)=>!b.getAttribute("aria-disabled"));
+        M(e < 0 ? null : e);
     }, [
-        i
-    ]), _ = o.useCallback((c)=>{
-        var _n_g;
-        const n = F(i);
-        c && n.reverse();
-        const O = l === null ? -1 : c ? n.length - 1 - l : l;
-        let g = n.findIndex((v, R)=>!v.getAttribute("aria-disabled") && R > O);
-        g === -1 && (g = n.findIndex((v)=>!v.getAttribute("aria-disabled")));
-        const N = c && g !== -1 ? n.length - 1 - g : g;
-        p(N < 0 ? null : N), (_n_g = n[g]) === null || _n_g === void 0 ? void 0 : _n_g.focus();
+        l
+    ]), P = o.useCallback((n)=>{
+        var _e_i;
+        const e = w(l);
+        n && e.reverse();
+        const b = p === null ? -1 : n ? e.length - 1 - p : p;
+        let i = e.findIndex((m, T)=>!m.getAttribute("aria-disabled") && T > b);
+        i === -1 && (i = e.findIndex((m)=>!m.getAttribute("aria-disabled")));
+        const O = n && i !== -1 ? e.length - 1 - i : i;
+        M(O < 0 ? null : O), (_e_i = e[i]) === null || _e_i === void 0 ? void 0 : _e_i.focus();
     }, [
-        l,
-        i
+        p,
+        l
     ]);
     return o.useEffect(()=>{
-        r ? h && i && (w(), b(!1)) : p(null);
+        r ? C && l && (E(), S(!1)) : M(null);
     }, [
         r,
-        w,
-        h,
-        i
+        E,
+        C,
+        l
     ]), o.useEffect(()=>{
-        const c = (n)=>{
-            if (r) switch(n.key){
-                case ce:
-                case j:
-                    T(n), _();
-                    break;
-                case ie:
+        const n = (e)=>{
+            if (r) switch(e.key){
                 case se:
-                    T(n), _(!0);
+                case q:
+                    A(e), P();
                     break;
                 case re:
-                    f(!1);
+                case oe:
+                    A(e), P(!0);
                     break;
+                case ne:
+                    u(!1);
+                    break;
+                case j:
                 case K:
-                case G:
-                    T(n), l !== null && F(i)[l].click();
+                    A(e), p !== null && w(l)[p].click();
                     break;
-                case oe:
-                    T(n);
+                case te:
+                    A(e);
                     break;
             }
-            else switch(n.key){
-                case G:
+            else switch(e.key){
                 case K:
-                    b(!0);
-                    break;
                 case j:
-                    d === document.activeElement && (b(!0), f(!0));
+                    S(!0);
+                    break;
+                case q:
+                    d === document.activeElement && (S(!0), u(!0));
                     break;
             }
         };
-        return document.addEventListener("keydown", c, !1), ()=>{
-            document.removeEventListener("keydown", c, !1);
+        return document.addEventListener("keydown", n, !1), ()=>{
+            document.removeEventListener("keydown", n, !1);
         };
     }), o.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));
     }, [
         d,
         r
-    ]), /* @__PURE__ */ S("div", _object_spread_props(_object_spread({}, ae(E, "Menu")), {
+    ]), /* @__PURE__ */ N("div", _object_spread_props(_object_spread({}, ie(R, "Menu")), {
         children: [
-            s(_object_spread_props(_object_spread({}, y), {
+            c(_object_spread_props(_object_spread({}, I), {
                 isMenuOpen: r
             })),
-            /* @__PURE__ */ e(be, {
-                children: /* @__PURE__ */ e(Te, {
+            /* @__PURE__ */ t(be, {
+                children: /* @__PURE__ */ t(Se, {
                     in: r,
-                    nodeRef: A,
-                    timeout: Ce() ? 0 : ke,
-                    classNames: me,
+                    nodeRef: D,
+                    timeout: ke() ? 0 : Ne,
+                    classNames: ae,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
                     onExit: ()=>d === null || d === void 0 ? void 0 : d.focus(),
-                    children: /* @__PURE__ */ e(le, {
-                        onPress: (c)=>{
-                            T(c), f(!1);
+                    children: /* @__PURE__ */ t(ce, {
+                        onPress: (n)=>{
+                            A(n), u(!1);
                         },
                         disableScroll: !0,
-                        children: /* @__PURE__ */ e("div", {
-                            style: _object_spread({}, Ee(_object_spread({}, t ? _object_spread({
-                                [x.top]: t.top,
-                                [x.bottom]: t.bottom,
-                                [x.transformOrigin]: t.transformOrigin
-                            }, t.left !== void 0 && {
-                                [x.left]: `${t.left}px`
-                            }, t.right !== void 0 && {
-                                [x.right]: `${t.right}px`
-                            }, t.maxHeight !== void 0 && {
-                                [x.maxHeight]: `${t.maxHeight}px`
-                            }, u !== void 0 && {
-                                [x.width]: u ? `${u}px` : ""
+                        children: /* @__PURE__ */ t("div", {
+                            style: _object_spread({}, Ae(_object_spread({}, s ? _object_spread({
+                                [v.top]: s.top,
+                                [v.bottom]: s.bottom,
+                                [v.transformOrigin]: s.transformOrigin
+                            }, s.left !== void 0 && {
+                                [v.left]: `${s.left}px`
+                            }, s.right !== void 0 && {
+                                [v.right]: `${s.right}px`
+                            }, s.maxHeight !== void 0 && {
+                                [v.maxHeight]: `${s.maxHeight}px`
+                            }, f !== void 0 && {
+                                [v.width]: f ? `${f}px` : ""
                             }) : {}))),
                             role: "menu",
-                            children: /* @__PURE__ */ e(Z.Provider, {
+                            children: /* @__PURE__ */ t(Q.Provider, {
                                 value: {
                                     isMenuOpen: r,
-                                    focusedItem: l,
-                                    setFocusedItem: p,
-                                    closeMenu: ()=>f(!1)
+                                    focusedItem: p,
+                                    setFocusedItem: M,
+                                    closeMenu: ()=>u(!1)
                                 },
-                                children: m(ee)
+                                children: g(H)
                             })
                         })
                     })
@@ -336,4 +363,4 @@ const ke = 120, Z = /*#__PURE__*/ o.createContext({
         ]
     }));
 };
-export { Je as Menu, qe as MenuItem, Ve as MenuSection };
+export { Ze as Menu, Je as MenuItem, Qe as MenuSection };