@telefonica/mistica 16.61.0 → 16.62.0

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

@@ -1,11 +1,11 @@
 /* empty css                                  */ var a = {
-    space: "var(--v16_61_kkfbnv0)",
-    spaceMobile: "var(--v16_61_kkfbnv1)",
-    spaceTablet: "var(--v16_61_kkfbnv2)",
-    spaceDesktop: "var(--v16_61_kkfbnv3)",
-    verticalSpace: "var(--v16_61_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_61_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_61_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_61_kkfbnv7)"
-}, k = "v16_61_kkfbnv8", _ = "v16_61_kkfbnv9", r = "v16_61_kkfbnva", e = "v16_61_kkfbnvb", n = "v16_61_kkfbnvc", b = "v16_61_kkfbnvd", f = "v16_61_kkfbnve";
+    space: "var(--v16_62_kkfbnv0)",
+    spaceMobile: "var(--v16_62_kkfbnv1)",
+    spaceTablet: "var(--v16_62_kkfbnv2)",
+    spaceDesktop: "var(--v16_62_kkfbnv3)",
+    verticalSpace: "var(--v16_62_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_62_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_62_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_62_kkfbnv7)"
+}, k = "v16_62_kkfbnv8", _ = "v16_62_kkfbnv9", r = "v16_62_kkfbnva", e = "v16_62_kkfbnvb", n = "v16_62_kkfbnvc", b = "v16_62_kkfbnvd", f = "v16_62_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 n = "v16_61_2buj9g0", f = "v16_61_2buj9g1 v16_61_1y2v1nfqr", y = "v16_61_2buj9g2", r = "v16_61_2buj9g3", u = "v16_61_2buj9g4", a = "v16_61_2buj9g5 v16_61_1y2v1nft7", g = "v16_61_2buj9g7 v16_61_2buj9g6 v16_61_1y2v1nffx v16_61_1y2v1nfh6 v16_61_1y2v1nfif v16_61_1y2v1nfjo v16_61_1y2v1nfqr v16_61_1y2v1nfsm v16_61_1y2v1nffw v16_61_1y2v1nfq6 v16_61_1y2v1nfr8 v16_61_1y2v1nfpy", j = "v16_61_2buj9g8 v16_61_1y2v1nfiu v16_61_1y2v1nfk3", b = "v16_61_2buj9g9 v16_61_1y2v1nfgc v16_61_1y2v1nfhl v16_61_1y2v1nfq4 v16_61_1y2v1nfqr v16_61_1y2v1nfsh", t = "v16_61_2buj9ga v16_61_1y2v1nfk3", i = "v16_61_2buj9gb v16_61_1y2v1nfq4 v16_61_1y2v1nfqm v16_61_1y2v1nfqo", o = "v16_61_2buj9gc v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqq", q = "v16_61_2buj9gd v16_61_1y2v1nfq4 v16_61_1y2v1nfqj", e = "v16_61_2buj9gf v16_61_2buj9gd v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_2buj9ge v16_61_1y2v1nfqd v16_61_1y2v1nfru v16_61_1y2v1nfr8 v16_61_1y2v1nfqm", d = "v16_61_2buj9gg", l = "v16_61_2buj9gh", h = "v16_61_2buj9gi", c = "v16_61_2buj9gj v16_61_2buj9gd v16_61_1y2v1nfq4 v16_61_1y2v1nfqj", s = "v16_61_2buj9gk v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfr8", m = "v16_61_2buj9gn v16_61_2buj9gl v16_61_1y2v1nffx v16_61_1y2v1nfh6 v16_61_1y2v1nfif v16_61_1y2v1nfjo v16_61_1y2v1nfsm v16_61_1y2v1nffw v16_61_2buj9gm v16_61_1y2v1nfiu v16_61_1y2v1nfk3 v16_61_1y2v1nfq6 v16_61_1y2v1nfqp", k = "v16_61_2buj9gp v16_61_2buj9go v16_61_1y2v1nfq4", w = "v16_61_2buj9gr v16_61_2buj9gl v16_61_1y2v1nffx v16_61_1y2v1nfh6 v16_61_1y2v1nfif v16_61_1y2v1nfjo v16_61_1y2v1nfsm v16_61_1y2v1nffw v16_61_2buj9gq v16_61_1y2v1nfiu v16_61_1y2v1nfk3 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfqo v16_61_1y2v1nfqs v16_61_1y2v1nfr8", p = "v16_61_2buj9gs", C = "v16_61_2buj9gt", x = "v16_61_2buj9gu", A = "v16_61_2buj9gv", B = "v16_61_2buj9gw";
+/* empty css                                     */ /* empty css                                */ var n = "v16_62_2buj9g0", f = "v16_62_2buj9g1 v16_62_1y2v1nfqr", y = "v16_62_2buj9g2", r = "v16_62_2buj9g3", u = "v16_62_2buj9g4", a = "v16_62_2buj9g5 v16_62_1y2v1nft7", g = "v16_62_2buj9g7 v16_62_2buj9g6 v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfqr v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_1y2v1nfq6 v16_62_1y2v1nfr8 v16_62_1y2v1nfpy", j = "v16_62_2buj9g8 v16_62_1y2v1nfiu v16_62_1y2v1nfk3", b = "v16_62_2buj9g9 v16_62_1y2v1nfgc v16_62_1y2v1nfhl v16_62_1y2v1nfq4 v16_62_1y2v1nfqr v16_62_1y2v1nfsh", t = "v16_62_2buj9ga v16_62_1y2v1nfk3", i = "v16_62_2buj9gb v16_62_1y2v1nfq4 v16_62_1y2v1nfqm v16_62_1y2v1nfqo", o = "v16_62_2buj9gc v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqq", q = "v16_62_2buj9gd v16_62_1y2v1nfq4 v16_62_1y2v1nfqj", e = "v16_62_2buj9gf v16_62_2buj9gd v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_2buj9ge v16_62_1y2v1nfqd v16_62_1y2v1nfru v16_62_1y2v1nfr8 v16_62_1y2v1nfqm", d = "v16_62_2buj9gg", l = "v16_62_2buj9gh", h = "v16_62_2buj9gi", c = "v16_62_2buj9gj v16_62_2buj9gd v16_62_1y2v1nfq4 v16_62_1y2v1nfqj", s = "v16_62_2buj9gk v16_62_1y2v1nfq4 v16_62_1y2v1nfq9 v16_62_1y2v1nfr8", m = "v16_62_2buj9gn v16_62_2buj9gl v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_2buj9gm v16_62_1y2v1nfiu v16_62_1y2v1nfk3 v16_62_1y2v1nfq6 v16_62_1y2v1nfqp", k = "v16_62_2buj9gp v16_62_2buj9go v16_62_1y2v1nfq4", w = "v16_62_2buj9gr v16_62_2buj9gl v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_2buj9gq v16_62_1y2v1nfiu v16_62_1y2v1nfk3 v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqo v16_62_1y2v1nfqs v16_62_1y2v1nfr8", p = "v16_62_2buj9gs", C = "v16_62_2buj9gt", x = "v16_62_2buj9gu", A = "v16_62_2buj9gv", B = "v16_62_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 n = "v16_61_1num3qg2 v16_61_1num3qg1 v16_61_1y2v1nfq0 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8", r = "v16_61_1num3qg3", y = "v16_61_1num3qg4 v16_61_1y2v1nfqr v16_61_1y2v1nft8 v16_61_1y2v1nfpy v16_61_1y2v1nfbx v16_61_1y2v1nfrb", f = "v16_61_1num3qg7 v16_61_1num3qg6 v16_61_1y2v1nfpz v16_61_1y2v1nfqr v16_61_1y2v1nfr8";
+/* empty css                                     */ /* empty css                                       */ var n = "v16_62_1num3qg2 v16_62_1num3qg1 v16_62_1y2v1nfq0 v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfu8", r = "v16_62_1num3qg3", y = "v16_62_1num3qg4 v16_62_1y2v1nfqr v16_62_1y2v1nft8 v16_62_1y2v1nfpy v16_62_1y2v1nfbx v16_62_1y2v1nfrb", f = "v16_62_1num3qg7 v16_62_1num3qg6 v16_62_1y2v1nfpz v16_62_1y2v1nfqr v16_62_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 e = "v16_61_flke8b1 v16_61_flke8b0 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqj", n = 500, a = "v16_61_flke8b3", r = {
-    default: "v16_61_flke8b4",
-    brand: "v16_61_flke8b5"
-}, f = "v16_61_flke8b6", l = "v16_61_flke8b7 v16_61_1y2v1nfqq v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqj v16_61_1y2v1nfqd", d = "v16_61_flke8b9 v16_61_flke8b8 v16_61_1y2v1nfgi", k = "v16_61_flke8bb", o = "v16_61_flke8bc", b = "v16_61_flke8be", i = "v16_61_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var e = "v16_62_flke8b1 v16_62_flke8b0 v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqj", n = 500, a = "v16_62_flke8b3", r = {
+    default: "v16_62_flke8b4",
+    brand: "v16_62_flke8b5"
+}, f = "v16_62_flke8b6", l = "v16_62_flke8b7 v16_62_1y2v1nfqq v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqj v16_62_1y2v1nfqd", d = "v16_62_flke8b9 v16_62_flke8b8 v16_62_1y2v1nfgi", k = "v16_62_flke8bb", o = "v16_62_flke8bc", b = "v16_62_flke8be", i = "v16_62_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 _ = {
-    size: "var(--v16_61_140ft6x0)",
-    sizeMobile: "var(--v16_61_140ft6x1)",
-    sizeTablet: "var(--v16_61_140ft6x2)",
-    sizeDesktop: "var(--v16_61_140ft6x3)"
-}, r = "v16_61_140ft6x4", t = "v16_61_140ft6x5";
+    size: "var(--v16_62_140ft6x0)",
+    sizeMobile: "var(--v16_62_140ft6x1)",
+    sizeTablet: "var(--v16_62_140ft6x2)",
+    sizeDesktop: "var(--v16_62_140ft6x3)"
+}, r = "v16_62_140ft6x4", t = "v16_62_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 k = {
-    top: "var(--v16_61_2k0k3u0)",
-    bottom: "var(--v16_61_2k0k3u1)",
-    left: "var(--v16_61_2k0k3u2)",
-    right: "var(--v16_61_2k0k3u4)",
-    width: "var(--v16_61_2k0k3u3)",
-    maxHeight: "var(--v16_61_2k0k3u5)",
-    transformOrigin: "var(--v16_61_2k0k3u6)"
-}, e = "v16_61_2k0k3u8 v16_61_2k0k3u7 v16_61_1y2v1nfg6 v16_61_1y2v1nfhf v16_61_1y2v1nfio v16_61_1y2v1nfjx v16_61_1y2v1nf83 v16_61_1y2v1nfsy v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfpz", n = {
-    enter: "v16_61_2k0k3u9",
-    enterActive: "v16_61_2k0k3ua",
-    exit: "v16_61_2k0k3ub",
-    exitActive: "v16_61_2k0k3uc"
-}, r = "v16_61_2k0k3ud", a = "v16_61_2k0k3ue", t = "v16_61_2k0k3uf", u = "v16_61_2k0k3ug", i = "v16_61_2k0k3ui v16_61_2k0k3uh v16_61_1y2v1nfg6 v16_61_1y2v1nfhf", m = "v16_61_2k0k3uj", f = "v16_61_2k0k3uk";
-export { f as iconContainer, m as itemContent, e as menuContainer, r as menuItem, u as menuItemDisabled, t as menuItemEnabled, a as menuItemHovered, i as menuSectionDivider, n as menuTransitionClasses, k as vars };
+    top: "var(--v16_62_2k0k3u0)",
+    bottom: "var(--v16_62_2k0k3u1)",
+    left: "var(--v16_62_2k0k3u2)",
+    right: "var(--v16_62_2k0k3u4)",
+    width: "var(--v16_62_2k0k3u3)",
+    maxHeight: "var(--v16_62_2k0k3u5)",
+    transformOrigin: "var(--v16_62_2k0k3u6)"
+}, e = "v16_62_2k0k3u8 v16_62_2k0k3u7 v16_62_1y2v1nfg6 v16_62_1y2v1nfhf v16_62_1y2v1nfio v16_62_1y2v1nfjx v16_62_1y2v1nf83 v16_62_1y2v1nfsy v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfpz", n = {
+    enter: "v16_62_2k0k3u9",
+    enterActive: "v16_62_2k0k3ua",
+    exit: "v16_62_2k0k3ub",
+    exitActive: "v16_62_2k0k3uc"
+}, r = "v16_62_2k0k3ud", t = "v16_62_2k0k3ue", a = "v16_62_2k0k3uf", u = "v16_62_2k0k3ug", i = "v16_62_2k0k3ui v16_62_2k0k3uh v16_62_1y2v1nfg6 v16_62_1y2v1nfhf", m = "v16_62_2k0k3uj", f = "v16_62_2k0k3uk", o = "v16_62_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,290 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as S, jsx as e, Fragment as W } 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 { jsxs as O, jsx as e, Fragment as K } from "react/jsx-runtime";
+import * as n from "react";
+import te from "classnames";
+import { TAB as ne, ENTER as j, SPACE as X, ESC as oe, UP as re, LEFT as se, DOWN as Y, RIGHT as ie } from "./utils/keys.js";
+import { getPrefixedDataAttributes as ce, cancelEvent as E } from "./utils/dom.js";
+import ae from "./overlay.js";
+import { menuTransitionClasses as le, menuContainer as me, vars as I, menuItem as ue, menuItemHovered as de, menuItemDisabled as fe, menuItemEnabled as pe, menuSectionDivider as he, itemContent as q, iconContainer as V, itemTextContent as ge } from "./menu.css-mistica.js";
 import { useWindowSize as xe } from "./hooks.js";
 import { Portal as be } from "./portal.js";
-import P from "./box.js";
+import L 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 { Text3 as Me, Text2 as Te } from "./text.js";
+import { vars as $ } from "./skins/skin-contract.css-mistica.js";
+import Oe from "./divider.js";
+import Se from "./checkbox.js";
+import { CSSTransition as Ce } from "react-transition-group";
+import { combineRefs as Ee } from "./utils/common.js";
+import { applyCssVars as ke } from "./utils/css.js";
+import { isRunningAcceptanceTest as Ne } from "./utils/platform.js";
+const Ae = 120, Z = /*#__PURE__*/ n.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 = ()=>n.useContext(Z), H = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Fe = (r, d)=>{
+    if (!d) return null;
+    const f = H(r).indexOf(d);
+    return f < 0 ? null : f;
+}, Je = (param)=>{
+    let { label: r, Icon: d, destructive: f, disabled: a, onPress: k, controlType: o, checked: p, description: l, dataAttributes: N } = param;
+    const { focusedItem: s, setFocusedItem: A, closeMenu: m, isMenuOpen: g } = Re(), v = n.useRef(null), x = f ? $.colors.textLinkDanger : $.colors.neutralHigh, S = v === null || v === void 0 ? void 0 : v.current, i = (S === null || S === void 0 ? void 0 : S.closest("[role=menu]")) || null, u = Fe(i, S), b = _object_spread({
         testid: "MenuItem"
-    }, d), I = ()=>r === "checkbox" ? /* @__PURE__ */ e(Oe, {
-            ref: p,
-            name: s,
-            checked: f,
+    }, N), R = (M)=>/* @__PURE__ */ O("div", {
+            id: M,
+            className: ge,
+            children: [
+                /* @__PURE__ */ e(Me, {
+                    regular: !0,
+                    color: x,
+                    children: r
+                }),
+                l && /* @__PURE__ */ e(Te, {
+                    regular: !0,
+                    color: $.colors.textSecondary,
+                    children: l
+                })
+            ]
+        }), P = ()=>o === "checkbox" ? /* @__PURE__ */ e(Se, {
+            ref: v,
+            name: r,
+            checked: p,
             onChange: ()=>{
-                l && t !== null && (E(t), k());
+                g && u !== null && (k(u), m());
             },
             disabled: a,
             role: "menuitemcheckbox",
-            dataAttributes: M,
+            dataAttributes: b,
             render: (param)=>{
-                let { controlElement: y } = param;
-                return /* @__PURE__ */ e(P, {
+                let { controlElement: M, labelId: F } = param;
+                return /* @__PURE__ */ e(L, {
                     paddingX: 8,
                     paddingY: 12,
-                    children: /* @__PURE__ */ S(Ie, {
+                    children: /* @__PURE__ */ O(Ie, {
                         space: "between",
                         alignItems: "center",
                         children: [
-                            /* @__PURE__ */ S("div", {
-                                className: X,
+                            /* @__PURE__ */ O("div", {
+                                className: q,
                                 children: [
-                                    m && /* @__PURE__ */ e("div", {
-                                        className: Y,
-                                        children: /* @__PURE__ */ e(m, {
+                                    d && /* @__PURE__ */ e("div", {
+                                        className: V,
+                                        children: /* @__PURE__ */ e(d, {
                                             size: 24,
-                                            color: h
+                                            color: x
                                         })
                                     }),
-                                    /* @__PURE__ */ e(q, {
-                                        regular: !0,
-                                        color: h,
-                                        children: s
-                                    })
+                                    R(F)
                                 ]
                             }),
-                            /* @__PURE__ */ e(P, {
+                            /* @__PURE__ */ e(L, {
                                 paddingLeft: 16,
-                                children: y
+                                children: M
                             })
                         ]
                     })
                 });
             }
         }) : /* @__PURE__ */ e(ve, {
-            ref: p,
+            ref: v,
             onPress: ()=>{
-                l && t !== null && (E(t), k());
+                g && u !== null && (k(u), m());
             },
             disabled: a,
             role: "menuitem",
-            dataAttributes: M,
-            children: /* @__PURE__ */ e(P, {
+            dataAttributes: b,
+            children: /* @__PURE__ */ e(L, {
                 paddingX: 8,
                 paddingY: 12,
-                children: /* @__PURE__ */ S("div", {
-                    className: X,
+                children: /* @__PURE__ */ O("div", {
+                    className: q,
                     children: [
-                        m && /* @__PURE__ */ e("div", {
-                            className: Y,
-                            children: /* @__PURE__ */ e(m, {
+                        d && /* @__PURE__ */ e("div", {
+                            className: V,
+                            children: /* @__PURE__ */ e(d, {
                                 size: 24,
-                                color: h
+                                color: x
                             })
                         }),
-                        /* @__PURE__ */ e(q, {
-                            regular: !0,
-                            color: h,
-                            children: s
-                        })
+                        R()
                     ]
                 })
             })
         });
     return /* @__PURE__ */ e("div", {
-        className: ne(fe, {
-            [ge]: !a,
-            [pe]: a,
-            [de]: !a && t !== null && C === t
+        className: te(ue, {
+            [pe]: !a,
+            [fe]: a,
+            [de]: !a && u !== null && s === u
         }),
-        onMouseMove: ()=>i(a ? null : t),
-        onMouseLeave: ()=>i(null),
-        children: I()
+        onMouseMove: ()=>A(a ? null : u),
+        onMouseLeave: ()=>A(null),
+        children: P()
     });
-}, Ve = (param)=>{
-    let { children: s } = param;
-    return s ? /* @__PURE__ */ S(W, {
+}, Qe = (param)=>{
+    let { children: r } = param;
+    return r ? /* @__PURE__ */ O(K, {
         children: [
-            s,
+            r,
             /* @__PURE__ */ e("div", {
                 className: he,
-                children: /* @__PURE__ */ e(Me, {})
+                children: /* @__PURE__ */ e(Oe, {})
             })
         ]
-    }) : /* @__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();
-    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`,
+    }) : /* @__PURE__ */ e(K, {});
+}, J = 12, Q = 8, Ze = (param)=>{
+    let { renderTarget: r, renderMenu: d, width: f, position: a = "left", dataAttributes: k } = param;
+    const [o, p] = n.useState(!1), [l, N] = n.useState(null), [s, A] = n.useState(null), [m, g] = n.useState(null), [v, x] = n.useState(!1), S = n.useRef(null), [i, u] = n.useState(null), b = xe();
+    n.useEffect(()=>{
+        const c = l === null || l === void 0 ? void 0 : l.getBoundingClientRect();
+        if (!s || !c || !o) return;
+        const { top: t, right: C, left: h, bottom: y } = c, T = s.scrollHeight, D = a === "left" ? h : void 0, B = a === "right" ? b.width - C : void 0, z = t - Q, U = y + Q, w = b.height - U - J, _ = z - J, W = w > T, G = _ > T, ee = W || !G && w > _;
+        u(ee ? {
+            left: D,
+            right: B,
+            top: `${U}px`,
             bottom: "auto",
-            maxHeight: z ? void 0 : D,
+            maxHeight: W ? void 0 : w,
             transformOrigin: "center top"
         } : {
-            left: R,
-            right: L,
+            left: D,
+            right: B,
             top: "auto",
-            bottom: `${I.height - $}px`,
-            maxHeight: U ? void 0 : H,
+            bottom: `${b.height - z}px`,
+            maxHeight: G ? void 0 : _,
             transformOrigin: "center bottom"
         });
     }, [
         a,
-        r,
-        i,
-        d,
-        u,
-        I
+        o,
+        s,
+        l,
+        f,
+        b
     ]);
-    const y = o.useMemo(()=>({
-            ref: C,
+    const R = n.useMemo(()=>({
+            ref: N,
             onPress: ()=>{
-                f(!r);
+                p(!o);
             }
         }), [
-        C,
-        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);
+        N,
+        o
+    ]), P = {
+        ref: Ee(A, S),
+        className: me,
+        close: ()=>p(!1)
+    }, M = n.useCallback(()=>{
+        const t = H(s).findIndex((C)=>!C.getAttribute("aria-disabled"));
+        g(t < 0 ? null : t);
     }, [
-        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();
+        s
+    ]), F = n.useCallback((c)=>{
+        var _t_h;
+        const t = H(s);
+        c && t.reverse();
+        const C = m === null ? -1 : c ? t.length - 1 - m : m;
+        let h = t.findIndex((T, D)=>!T.getAttribute("aria-disabled") && D > C);
+        h === -1 && (h = t.findIndex((T)=>!T.getAttribute("aria-disabled")));
+        const y = c && h !== -1 ? t.length - 1 - h : h;
+        g(y < 0 ? null : y), (_t_h = t[h]) === null || _t_h === void 0 ? void 0 : _t_h.focus();
     }, [
-        l,
-        i
+        m,
+        s
     ]);
-    return o.useEffect(()=>{
-        r ? h && i && (w(), b(!1)) : p(null);
+    return n.useEffect(()=>{
+        o ? v && s && (M(), x(!1)) : g(null);
     }, [
-        r,
-        w,
-        h,
-        i
-    ]), o.useEffect(()=>{
-        const c = (n)=>{
-            if (r) switch(n.key){
-                case ce:
-                case j:
-                    T(n), _();
-                    break;
+        o,
+        M,
+        v,
+        s
+    ]), n.useEffect(()=>{
+        const c = (t)=>{
+            if (o) switch(t.key){
                 case ie:
-                case se:
-                    T(n), _(!0);
+                case Y:
+                    E(t), F();
                     break;
+                case se:
                 case re:
-                    f(!1);
-                    break;
-                case K:
-                case G:
-                    T(n), l !== null && F(i)[l].click();
+                    E(t), F(!0);
                     break;
                 case oe:
-                    T(n);
+                    p(!1);
                     break;
-            }
-            else switch(n.key){
-                case G:
-                case K:
-                    b(!0);
+                case X:
+                case j:
+                    E(t), m !== null && H(s)[m].click();
+                    break;
+                case ne:
+                    E(t);
                     break;
+            }
+            else switch(t.key){
                 case j:
-                    d === document.activeElement && (b(!0), f(!0));
+                case X:
+                    x(!0);
+                    break;
+                case Y:
+                    l === document.activeElement && (x(!0), p(!0));
                     break;
             }
         };
         return document.addEventListener("keydown", c, !1), ()=>{
             document.removeEventListener("keydown", c, !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));
+    }), n.useEffect(()=>{
+        l === null || l === void 0 ? void 0 : l.setAttribute("aria-haspopup", "menu"), l === null || l === void 0 ? void 0 : l.setAttribute("aria-expanded", String(o));
     }, [
-        d,
-        r
-    ]), /* @__PURE__ */ S("div", _object_spread_props(_object_spread({}, ae(E, "Menu")), {
+        l,
+        o
+    ]), /* @__PURE__ */ O("div", _object_spread_props(_object_spread({}, ce(k, "Menu")), {
         children: [
-            s(_object_spread_props(_object_spread({}, y), {
-                isMenuOpen: r
+            r(_object_spread_props(_object_spread({}, R), {
+                isMenuOpen: o
             })),
             /* @__PURE__ */ e(be, {
-                children: /* @__PURE__ */ e(Te, {
-                    in: r,
-                    nodeRef: A,
-                    timeout: Ce() ? 0 : ke,
-                    classNames: me,
+                children: /* @__PURE__ */ e(Ce, {
+                    in: o,
+                    nodeRef: S,
+                    timeout: Ne() ? 0 : Ae,
+                    classNames: le,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
-                    onExit: ()=>d === null || d === void 0 ? void 0 : d.focus(),
-                    children: /* @__PURE__ */ e(le, {
+                    onExit: ()=>l === null || l === void 0 ? void 0 : l.focus(),
+                    children: /* @__PURE__ */ e(ae, {
                         onPress: (c)=>{
-                            T(c), f(!1);
+                            E(c), p(!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` : ""
+                            style: _object_spread({}, ke(_object_spread({}, i ? _object_spread({
+                                [I.top]: i.top,
+                                [I.bottom]: i.bottom,
+                                [I.transformOrigin]: i.transformOrigin
+                            }, i.left !== void 0 && {
+                                [I.left]: `${i.left}px`
+                            }, i.right !== void 0 && {
+                                [I.right]: `${i.right}px`
+                            }, i.maxHeight !== void 0 && {
+                                [I.maxHeight]: `${i.maxHeight}px`
+                            }, f !== void 0 && {
+                                [I.width]: f ? `${f}px` : ""
                             }) : {}))),
                             role: "menu",
                             children: /* @__PURE__ */ e(Z.Provider, {
                                 value: {
-                                    isMenuOpen: r,
-                                    focusedItem: l,
-                                    setFocusedItem: p,
-                                    closeMenu: ()=>f(!1)
+                                    isMenuOpen: o,
+                                    focusedItem: m,
+                                    setFocusedItem: g,
+                                    closeMenu: ()=>p(!1)
                                 },
-                                children: m(ee)
+                                children: d(P)
                             })
                         })
                     })
@@ -336,4 +343,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 };

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

@@ -1,2 +1,2 @@
-/* empty css                                  */ var r = "v16_61_1j2q6te0", t = "v16_61_1j2q6te1", a = "v16_61_1j2q6te2";
+/* empty css                                  */ var r = "v16_62_1j2q6te0", t = "v16_62_1j2q6te1", a = "v16_62_1j2q6te2";
 export { a as fourItemsContainer, t as singleItemRowContainer, r as squareContainer };