@telefonica/mistica 16.31.0 → 16.32.0

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

@@ -1,12 +1,12 @@
 import "./inline.css.ts.vanilla.css-mistica.js";
-var a = "v16_31_kkfbnva", k = "v16_31_kkfbnv9", _ = "v16_31_kkfbnv8", r = "v16_31_kkfbnvc", e = "v16_31_kkfbnvd", n = "v16_31_kkfbnve", b = {
-    space: "var(--v16_31_kkfbnv0)",
-    spaceMobile: "var(--v16_31_kkfbnv1)",
-    spaceTablet: "var(--v16_31_kkfbnv2)",
-    spaceDesktop: "var(--v16_31_kkfbnv3)",
-    verticalSpace: "var(--v16_31_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_31_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_31_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_31_kkfbnv7)"
-}, f = "v16_31_kkfbnvb";
+var a = "v16_32_kkfbnva", k = "v16_32_kkfbnv9", _ = "v16_32_kkfbnv8", r = "v16_32_kkfbnvc", e = "v16_32_kkfbnvd", n = "v16_32_kkfbnve", b = {
+    space: "var(--v16_32_kkfbnv0)",
+    spaceMobile: "var(--v16_32_kkfbnv1)",
+    spaceTablet: "var(--v16_32_kkfbnv2)",
+    spaceDesktop: "var(--v16_32_kkfbnv3)",
+    verticalSpace: "var(--v16_32_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_32_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_32_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_32_kkfbnv7)"
+}, f = "v16_32_kkfbnvb";
 export { a as fullWidth, k as inline, _ as marginInline, r as noFullWidth, e as stringSpace, n as stringSpaceWithWrap, b as vars, f as wrap };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var n = "v16_31_1y2v1nfis v16_31_1y2v1nfja v16_31_1y2v1nfjc", f = "v16_31_1y2v1nfcr", y = "v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nfki v16_31_1y2v1nfjw v16_31_1y2v1nfja", a = "v16_31_2buj9g2", r = "v16_31_1y2v1nfis v16_31_1y2v1nfj7", i = "v16_31_1y2v1nf90 v16_31_1y2v1nfa9 v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_1y2v1nfl5", t = "v16_31_2buj9gj v16_31_1y2v1nfis v16_31_1y2v1nfj7", j = "v16_31_2buj9gi", e = "v16_31_2buj9g0", u = "v16_31_1y2v1nfis v16_31_1y2v1nfix v16_31_1y2v1nfjw", o = "v16_31_2buj9gp v16_31_1y2v1nfis", b = "v16_31_2buj9gn v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfiu v16_31_1y2v1nfjd", c = "v16_31_2buj9gr v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfjc v16_31_1y2v1nfjg v16_31_1y2v1nfjw", g = "v16_31_1y2v1nflt", d = "v16_31_2buj9gg", l = "v16_31_2buj9gh", s = "v16_31_1y2v1nfjf", h = "v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfje", w = "v16_31_2buj9g7 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfjf v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfiu v16_31_1y2v1nfjw", k = "v16_31_1y2v1nfbi v16_31_1y2v1nfcr", p = "v16_31_2buj9g3", C = "v16_31_2buj9g4";
+var n = "v16_32_1y2v1nfis v16_32_1y2v1nfja v16_32_1y2v1nfjc", f = "v16_32_1y2v1nfcr", y = "v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfki v16_32_1y2v1nfjw v16_32_1y2v1nfja", a = "v16_32_2buj9g2", r = "v16_32_1y2v1nfis v16_32_1y2v1nfj7", i = "v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfis v16_32_1y2v1nfjf v16_32_1y2v1nfl5", t = "v16_32_2buj9gj v16_32_1y2v1nfis v16_32_1y2v1nfj7", j = "v16_32_2buj9gi", e = "v16_32_2buj9g0", u = "v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjw", o = "v16_32_2buj9gp v16_32_1y2v1nfis", b = "v16_32_2buj9gn v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfiu v16_32_1y2v1nfjd", c = "v16_32_2buj9gr v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfjc v16_32_1y2v1nfjg v16_32_1y2v1nfjw", g = "v16_32_1y2v1nflt", d = "v16_32_2buj9gg", l = "v16_32_2buj9gh", s = "v16_32_1y2v1nfjf", h = "v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfje", w = "v16_32_2buj9g7 v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfjf v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfiu v16_32_1y2v1nfjw", k = "v16_32_1y2v1nfbi v16_32_1y2v1nfcr", p = "v16_32_2buj9g3", C = "v16_32_2buj9g4";
 export { n as asset, f as assetContainer, y as badge, a as boxed, r as center, i as content, t as detail, j as detailRight, e as disabled, u as dualActionContainer, o as dualActionDivider, b as dualActionLeft, c as dualActionRight, g as pointer, d as rightContent, l as rightRestrictedWidth, s as row, h as rowBody, w as rowContent, k as rowContentPadding, p as touchableBackground, C as touchableBackgroundInverse };

package/dist-es/list.js

@@ -84,17 +84,17 @@ import c from "classnames";
 import { BaseTouchable as ae } from "./touchable.js";
 import { Text3 as ye, Text1 as we, Text2 as q } from "./text.js";
 import s from "./box.js";
-import N from "./stack.js";
+import T from "./stack.js";
 import Re from "./badge.js";
 import { useIsInverseOrMediaVariant as oe } from "./theme-variant-context.js";
 import Be from "./generated/mistica-icons/icon-chevron-right-filled.js";
 import Ie from "./switch-component.js";
 import ie, { useRadioContext as Ce } from "./radio-button.js";
-import Te from "./checkbox.js";
-import { InternalBoxed as Ne } from "./boxed.js";
+import Ne from "./checkbox.js";
+import { InternalBoxed as Te } from "./boxed.js";
 import Ae from "./divider.js";
 import { getPrefixedDataAttributes as D } from "./utils/dom.js";
-import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Le, row as ke, boxed as Se, content as Ve, assetContainer as Ee, center as Q, disabled as T, asset as Oe, rowBody as Xe, badge as De, rightContent as Me, rightRestrictedWidth as We, detail as je, detailRight as Fe, dualActionContainer as He, dualActionLeft as Pe, dualActionDivider as ze, dualActionRight as qe } from "./list.css-mistica.js";
+import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Le, row as ke, boxed as Se, content as Ve, assetContainer as Ee, center as Q, disabled as N, asset as Oe, rowBody as Xe, badge as De, rightContent as Me, rightRestrictedWidth as We, detail as je, detailRight as Fe, dualActionContainer as He, dualActionLeft as Pe, dualActionDivider as ze, dualActionRight as qe } from "./list.css-mistica.js";
 import { vars as Ge } from "./image.css-mistica.js";
 import { vars as o } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as Je } from "./utils/css.js";
@@ -127,7 +127,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             X && /* @__PURE__ */ t("div", {
                 className: c(Ee, {
                     [Q]: B,
-                    [T]: g
+                    [N]: g
                 }),
                 "aria-hidden": !0,
                 "data-testid": "asset",
@@ -142,7 +142,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             /* @__PURE__ */ A("div", {
                 className: c(Xe, {
-                    [T]: g
+                    [N]: g
                 }),
                 style: {
                     justifyContent: B ? "center" : "flex-start"
@@ -215,7 +215,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 paddingLeft: 16,
                 children: /* @__PURE__ */ t("div", {
                     className: c(De, {
-                        [T]: g
+                        [N]: g
                     }),
                     children: /* @__PURE__ */ t(Re, {
                         value: S === !0 ? void 0 : S
@@ -229,7 +229,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: [
                     h && /* @__PURE__ */ t("div", {
                         className: c(je, {
-                            [T]: g
+                            [N]: g
                         }),
                         children: /* @__PURE__ */ t(q, {
                             regular: !0,
@@ -244,7 +244,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     R && /* @__PURE__ */ t("div", {
                         className: c({
                             [Fe]: !!h,
-                            [T]: g
+                            [N]: g
                         }),
                         ref: u,
                         "data-testid": "endSlot",
@@ -255,7 +255,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             paddingLeft: h || R ? 4 : 0
                         },
                         className: c(Q, {
-                            [T]: g
+                            [N]: g
                         }),
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ t(Be, {
@@ -399,7 +399,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
-        const r = e.switch ? Ie : Te, n = (_ref1 = (_ref = (ee = e.switch) == null ? void 0 : ee.name) !== null && _ref !== void 0 ? _ref : (te = e.checkbox) == null ? void 0 : te.name) !== null && _ref1 !== void 0 ? _ref1 : i;
+        const r = e.switch ? Ie : Ne, n = (_ref1 = (_ref = (ee = e.switch) == null ? void 0 : ee.name) !== null && _ref !== void 0 ? _ref : (te = e.checkbox) == null ? void 0 : te.name) !== null && _ref1 !== void 0 ? _ref1 : i;
         return O ? H(/* @__PURE__ */ t(r, {
             disabled: v,
             name: n,
@@ -428,7 +428,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     role: u,
                     children: C({
                         labelId: ge,
-                        control: /* @__PURE__ */ t(N, {
+                        control: /* @__PURE__ */ t(T, {
                             space: "around",
                             children: z
                         })
@@ -443,7 +443,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
-            return /* @__PURE__ */ t(N, {
+            return /* @__PURE__ */ t(T, {
                 space: "around",
                 children: /* @__PURE__ */ t(s, {
                     paddingX: 16,
@@ -462,7 +462,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 role: u,
                 children: C({
                     labelId: i,
-                    control: /* @__PURE__ */ t(N, {
+                    control: /* @__PURE__ */ t(T, {
                         space: "around",
                         children: r
                     })
@@ -472,7 +472,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     }), !0);
     if (e.iconButton) return O ? H(/* @__PURE__ */ t(s, {
         padding: 16,
-        children: /* @__PURE__ */ t(N, {
+        children: /* @__PURE__ */ t(T, {
             space: "around",
             children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
@@ -484,7 +484,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         paddingX: 16,
         children: C({
             labelId: i,
-            control: /* @__PURE__ */ t(N, {
+            control: /* @__PURE__ */ t(T, {
                 space: "around",
                 children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
@@ -556,7 +556,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(Ne, {
+    return /* @__PURE__ */ t(Te, {
         overflow: "visible",
         className: Se,
         variant: a.isInverse ? "inverse" : "default",
@@ -569,7 +569,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }), Rt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: l, "aria-live": d = "off", "aria-atomic": b = !1 } = param;
-    return /* @__PURE__ */ t(N, {
+    return /* @__PURE__ */ t(T, {
         space: 16,
         role: i,
         "aria-labelledby": a,

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var n = "v16_31_1num3qg3", f = "v16_31_1num3qg2 v16_31_1y2v1nfio v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfmu", r = "v16_31_1num3qg7 v16_31_1y2v1nfin v16_31_1y2v1nfjf v16_31_1y2v1nfjw", y = "v16_31_1y2v1nfjf v16_31_1y2v1nflu v16_31_1y2v1nfim v16_31_1y2v1nf5t v16_31_1y2v1nfjz";
+var n = "v16_32_1num3qg3", f = "v16_32_1num3qg2 v16_32_1y2v1nfio v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu", r = "v16_32_1num3qg7 v16_32_1y2v1nfin v16_32_1y2v1nfjf v16_32_1y2v1nfjw", y = "v16_32_1y2v1nfjf v16_32_1y2v1nflu v16_32_1y2v1nfim v16_32_1y2v1nf5t v16_32_1y2v1nfjz";
 export { n as hidden, f as portal, r as progress, y as progressContainer };

package/dist-es/loading-bar.js

@@ -54,21 +54,21 @@ function _object_spread_props(target, source) {
 import { jsx as r } from "react/jsx-runtime";
 import { Portal as s } from "./portal.js";
 import { portal as t, hidden as e, progressContainer as i, progress as m } from "./loading-bar.css-mistica.js";
-import { getPrefixedDataAttributes as n } from "./utils/dom.js";
-import d from "classnames";
+import { getPrefixedDataAttributes as d } from "./utils/dom.js";
+import n from "classnames";
 const l = (param)=>{
     let { visible: a, dataAttributes: o } = param;
     return /* @__PURE__ */ r(s, {
-        className: d(t, {
+        className: n(t, {
             [e]: !a
         }),
         children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
             className: i
-        }, n(o, "LoadingBar")), {
+        }, d(o, "LoadingBar")), {
             children: /* @__PURE__ */ r("div", {
                 className: m
             })
         }))
     });
-}, u = l;
-export { u as default };
+}, h = l;
+export { h as default };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-screen.css.ts.vanilla.css-mistica.js";
-var _ = 500, n = "v16_31_flke8b1 v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj7", r = "v16_31_1y2v1nfje v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj7 v16_31_1y2v1nfj1", a = "v16_31_flke8b9 v16_31_1y2v1nf96", f = "v16_31_flke8bb", i = "v16_31_flke8bc", l = "v16_31_flke8bf", o = "v16_31_flke8be", d = {
-    default: "v16_31_flke8b4",
-    inverse: "v16_31_flke8b5"
-}, t = "v16_31_flke8b3", k = "v16_31_flke8b6";
+var _ = 500, n = "v16_32_flke8b1 v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj7", r = "v16_32_1y2v1nfje v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj7 v16_32_1y2v1nfj1", a = "v16_32_flke8b9 v16_32_1y2v1nf96", f = "v16_32_flke8bb", i = "v16_32_flke8bc", l = "v16_32_flke8bf", o = "v16_32_flke8be", d = {
+    default: "v16_32_flke8b4",
+    inverse: "v16_32_flke8b5"
+}, t = "v16_32_flke8b3", k = "v16_32_flke8b6";
 export { _ as inOutAnimationMs, n as loadingScreen, r as loadingScreenChildren, a as loadingScreenText, f as loadingScreenTextAnimated, i as loadingScreenTextAnimatedOut, l as logo, o as pulseLogo, d as screenBackground, t as screenBackgroundAnimated, k as screenBackgroundFadeOut };

package/dist-es/loading-screen.js

@@ -80,13 +80,13 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as S, jsx as n } from "react/jsx-runtime";
 import * as o from "react";
-import { useSetOverscrollColor as N } from "./overscroll-color-context.js";
+import { useSetOverscrollColor as x } from "./overscroll-color-context.js";
 import { ThemeVariant as B } from "./theme-variant-context.js";
 import { vars as h } from "./skins/skin-contract.css-mistica.js";
 import E from "./responsive-layout.js";
 import { Text4 as I, Text2 as O } from "./text.js";
 import w from "./stack.js";
-import { inOutAnimationMs as k, loadingScreen as V, screenBackground as j, screenBackgroundFadeOut as z, screenBackgroundAnimated as D, loadingScreenChildren as P, loadingScreenText as _, loadingScreenTextAnimatedOut as F, loadingScreenTextAnimated as R, logo as K, pulseLogo as L } from "./loading-screen.css-mistica.js";
+import { inOutAnimationMs as k, loadingScreen as V, screenBackground as j, screenBackgroundFadeOut as z, screenBackgroundAnimated as D, loadingScreenChildren as P, loadingScreenText as _, loadingScreenTextAnimatedOut as F, loadingScreenTextAnimated as N, logo as K, pulseLogo as L } from "./loading-screen.css-mistica.js";
 import M from "./spinner.js";
 import T from "classnames";
 import { Logo as W } from "./logo.js";
@@ -143,7 +143,7 @@ const J = (param)=>{
                 space: 8,
                 children: [
                     f && /* @__PURE__ */ n("div", {
-                        className: e ? R : void 0,
+                        className: e ? N : void 0,
                         children: /* @__PURE__ */ n(I, {
                             textAlign: "center",
                             regular: !0,
@@ -152,7 +152,7 @@ const J = (param)=>{
                         })
                     }),
                     d && /* @__PURE__ */ n("div", {
-                        className: e ? R : void 0,
+                        className: e ? N : void 0,
                         style: {
                             animationDelay: "200ms"
                         },
@@ -168,7 +168,7 @@ const J = (param)=>{
             })
         }, c)
     });
-}, x = /*#__PURE__*/ o.forwardRef((param, f)=>{
+}, R = /*#__PURE__*/ o.forwardRef((param, f)=>{
     let { isInverse: e, children: r, isLoading: t = !0, animateText: i, animateBackground: c, onClose: s, dataAttributes: a, title: u, description: l, texts: m = [
         {
             title: u,
@@ -213,7 +213,7 @@ const J = (param)=>{
         s
     ]);
     const y = !r;
-    return N(e ? {
+    return x(e ? {
         topColor: h.colors.backgroundBrandTop
     } : {}), /* @__PURE__ */ S(B, {
         isInverse: e,
@@ -259,7 +259,7 @@ const J = (param)=>{
             })
         ]
     });
-}), he = /*#__PURE__*/ o.forwardRef((e, r)=>/* @__PURE__ */ n(x, _object_spread_props(_object_spread({
+}), he = /*#__PURE__*/ o.forwardRef((e, r)=>/* @__PURE__ */ n(R, _object_spread_props(_object_spread({
         ref: r
     }, e), {
         dataAttributes: _object_spread({
@@ -313,7 +313,7 @@ const J = (param)=>{
     }, d = ()=>{
         l.current && m.current && (r == null || r());
     };
-    return /* @__PURE__ */ n(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({
         ref: c,
         isInverse: s.brandLoadingScreen === "inverse"
     }, i), {

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

@@ -1,8 +1,8 @@
 import "./logo.css.ts.vanilla.css-mistica.js";
-var _ = "v16_31_140ft6x5", r = "v16_31_140ft6x4", t = {
-    size: "var(--v16_31_140ft6x0)",
-    sizeMobile: "var(--v16_31_140ft6x1)",
-    sizeTablet: "var(--v16_31_140ft6x2)",
-    sizeDesktop: "var(--v16_31_140ft6x3)"
+var _ = "v16_32_140ft6x5", r = "v16_32_140ft6x4", t = {
+    size: "var(--v16_32_140ft6x0)",
+    sizeMobile: "var(--v16_32_140ft6x1)",
+    sizeTablet: "var(--v16_32_140ft6x2)",
+    sizeDesktop: "var(--v16_32_140ft6x3)"
 };
 export { _ as logoContainer, r as svg, t as vars };

package/dist-es/maybe-dismissable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./maybe-dismissable.css.ts.vanilla.css-mistica.js";
-var n = "v16_31_cim30m2 v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nfbc v16_31_1y2v1nfcl v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfmu", i = "v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfja";
+var n = "v16_32_cim30m2 v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nfbc v16_32_1y2v1nfcl v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmu", i = "v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfja";
 export { n as dismissableButton, i as dismissableContainer };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./menu.css.ts.vanilla.css-mistica.js";
-var k = "v16_31_2k0k3uk", e = "v16_31_2k0k3uj", n = "v16_31_2k0k3u8 v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nfbc v16_31_1y2v1nfcl v16_31_1y2v1nf4c v16_31_1y2v1nflm v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfin", r = "v16_31_2k0k3ud", a = "v16_31_2k0k3ug", t = "v16_31_2k0k3uf", u = "v16_31_2k0k3ue", i = "v16_31_2k0k3ui v16_31_1y2v1nf8u v16_31_1y2v1nfa3", m = {
-    enter: "v16_31_2k0k3u9",
-    enterActive: "v16_31_2k0k3ua",
-    exit: "v16_31_2k0k3ub",
-    exitActive: "v16_31_2k0k3uc"
+var k = "v16_32_2k0k3uk", e = "v16_32_2k0k3uj", n = "v16_32_2k0k3u8 v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nfbc v16_32_1y2v1nfcl v16_32_1y2v1nf4c v16_32_1y2v1nflm v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfin", r = "v16_32_2k0k3ud", a = "v16_32_2k0k3ug", t = "v16_32_2k0k3uf", u = "v16_32_2k0k3ue", i = "v16_32_2k0k3ui v16_32_1y2v1nf8u v16_32_1y2v1nfa3", m = {
+    enter: "v16_32_2k0k3u9",
+    enterActive: "v16_32_2k0k3ua",
+    exit: "v16_32_2k0k3ub",
+    exitActive: "v16_32_2k0k3uc"
 }, f = {
-    top: "var(--v16_31_2k0k3u0)",
-    bottom: "var(--v16_31_2k0k3u1)",
-    left: "var(--v16_31_2k0k3u2)",
-    right: "var(--v16_31_2k0k3u4)",
-    width: "var(--v16_31_2k0k3u3)",
-    maxHeight: "var(--v16_31_2k0k3u5)",
-    transformOrigin: "var(--v16_31_2k0k3u6)"
+    top: "var(--v16_32_2k0k3u0)",
+    bottom: "var(--v16_32_2k0k3u1)",
+    left: "var(--v16_32_2k0k3u2)",
+    right: "var(--v16_32_2k0k3u4)",
+    width: "var(--v16_32_2k0k3u3)",
+    maxHeight: "var(--v16_32_2k0k3u5)",
+    transformOrigin: "var(--v16_32_2k0k3u6)"
 };
 export { k as iconContainer, e as itemContent, n as menuContainer, r as menuItem, a as menuItemDisabled, t as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, f as vars };

package/dist-es/menu.js

@@ -76,20 +76,20 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ae = ()=>s.useContext(Z), y = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (i, d)=>{
+}), Ne = ()=>s.useContext(Z), y = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ae = (i, d)=>{
     if (!d) return null;
     const f = y(i).indexOf(d);
     return f < 0 ? null : f;
 }, qe = (param)=>{
     let { label: i, Icon: d, destructive: f, disabled: a, onPress: C, controlType: r, checked: p, dataAttributes: o } = param;
-    const { focusedItem: k, setFocusedItem: c, closeMenu: A, isMenuOpen: u } = Ae(), m = s.useRef(null), x = f ? V.colors.textLinkDanger : V.colors.neutralHigh, h = m == null ? void 0 : m.current, N = (h == null ? void 0 : h.closest("[role=menu]")) || null, t = Ne(N, h), M = _object_spread({
+    const { focusedItem: k, setFocusedItem: c, closeMenu: N, isMenuOpen: u } = Ne(), m = s.useRef(null), x = f ? V.colors.textLinkDanger : V.colors.neutralHigh, h = m == null ? void 0 : m.current, A = (h == null ? void 0 : h.closest("[role=menu]")) || null, t = Ae(A, h), M = _object_spread({
         testid: "MenuItem"
     }, o), I = ()=>r === "checkbox" ? /* @__PURE__ */ e(Oe, {
             ref: m,
             name: i,
             checked: p,
             onChange: ()=>{
-                u && t !== null && (C(t), A());
+                u && t !== null && (C(t), N());
             },
             disabled: a,
             role: "menuitemcheckbox",
@@ -131,7 +131,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
         }) : /* @__PURE__ */ e(ve, {
             ref: m,
             onPress: ()=>{
-                u && t !== null && (C(t), A());
+                u && t !== null && (C(t), N());
             },
             disabled: a,
             role: "menuitem",
@@ -181,7 +181,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
     }) : /* @__PURE__ */ e(W, {});
 }, J = 12, Q = 8, Je = (param)=>{
     let { renderTarget: i, renderMenu: d, width: f, position: a = "left", dataAttributes: C } = param;
-    const [r, p] = s.useState(!1), [o, k] = s.useState(null), [c, A] = s.useState(null), [u, m] = s.useState(null), [x, h] = s.useState(!1), N = s.useRef(null), [t, M] = s.useState(null), I = xe();
+    const [r, p] = s.useState(!1), [o, k] = s.useState(null), [c, N] = s.useState(null), [u, m] = s.useState(null), [x, h] = s.useState(!1), A = s.useRef(null), [t, M] = s.useState(null), I = xe();
     s.useEffect(()=>{
         const l = o == null ? void 0 : o.getBoundingClientRect();
         if (!c || !l || !r) return;
@@ -218,7 +218,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
         k,
         r
     ]), ee = {
-        ref: Se(A, N),
+        ref: Se(N, A),
         className: ge,
         close: ()=>p(!1)
     }, _ = s.useCallback(()=>{
@@ -294,7 +294,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
             /* @__PURE__ */ e(be, {
                 children: /* @__PURE__ */ e(Te, {
                     in: r,
-                    nodeRef: N,
+                    nodeRef: A,
                     timeout: Ce() ? 0 : ke,
                     classNames: he,
                     mountOnEnter: !0,

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

@@ -1,3 +1,3 @@
 import "./mosaic.css.ts.vanilla.css-mistica.js";
-var r = "v16_31_1j2q6te2", t = "v16_31_1j2q6te1", a = "v16_31_1j2q6te0";
+var r = "v16_32_1j2q6te2", t = "v16_32_1j2q6te1", a = "v16_32_1j2q6te0";
 export { r as fourItemsContainer, t as singleItemRowContainer, a as squareContainer };

package/dist-es/mosaic.js

@@ -50,25 +50,25 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as g, Fragment as v } from "react/jsx-runtime";
-import { Grid as i, GridItem as e } from "./grid.js";
-import { Carousel as w } from "./carousel.js";
-import { singleItemRowContainer as m, squareContainer as f, fourItemsContainer as q } from "./mosaic.css-mistica.js";
-const u = {
+import { jsx as r, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import { Grid as h, GridItem as e } from "./grid.js";
+import { Carousel as q } from "./carousel.js";
+import { singleItemRowContainer as f, squareContainer as M, fourItemsContainer as C } from "./mosaic.css-mistica.js";
+const s = {
     mobile: 8,
     desktop: 16
 }, t = (n, o)=>typeof n == "function" ? n({
         gridMode: o
-    }) : n, C = (param)=>{
+    }) : n, S = (param)=>{
     let { items: n, isEven: o } = param;
     return /* @__PURE__ */ r("div", {
-        className: n.length === 1 ? m : f,
-        children: /* @__PURE__ */ r(i, {
-            gap: u,
+        className: n.length === 1 ? f : M,
+        children: /* @__PURE__ */ r(h, {
+            gap: s,
             rows: 2,
             columns: 2,
             height: "100%",
-            children: n.length === 3 ? /* @__PURE__ */ g(v, {
+            children: n.length === 3 ? /* @__PURE__ */ m(w, {
                 children: [
                     /* @__PURE__ */ r(e, {
                         columnSpan: o ? 2 : void 0,
@@ -82,43 +82,44 @@ const u = {
                         children: t(n[2], o ? "square" : "horizontal")
                     })
                 ]
-            }) : n.map((a, s)=>/* @__PURE__ */ r(e, {
+            }) : n.map((a, i)=>/* @__PURE__ */ r(e, {
                     columnSpan: n.length === 4 ? void 0 : 2,
                     rowSpan: n.length === 1 ? 2 : void 0,
                     children: t(a, n.length === 4 ? "square" : "horizontal")
-                }, s))
+                }, i))
         })
     });
-}, G = (param)=>{
-    let { items: n, withBullets: o, free: a, dataAttributes: s } = param;
-    const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), h = Array.from({
+}, N = (param)=>{
+    let { items: n, withBullets: o, withControls: a = !0, free: i, dataAttributes: u } = param;
+    const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), d = Array.from({
         length: l
     }, ()=>[]);
-    return n.forEach((d, p)=>{
-        const M = Math.min(l - 1, Math.floor(p / 3));
-        h[M].push(d);
-    }), /* @__PURE__ */ r(w, {
-        dataAttributes: _object_spread_props(_object_spread({}, s), {
+    return n.forEach((g, p)=>{
+        const v = Math.min(l - 1, Math.floor(p / 3));
+        d[v].push(g);
+    }), /* @__PURE__ */ r(q, {
+        dataAttributes: _object_spread_props(_object_spread({}, u), {
             "component-name": "HorizontalMosaic"
         }),
-        items: h.map((d, p)=>/* @__PURE__ */ r(i, {
-                children: /* @__PURE__ */ r(C, {
-                    items: d,
+        items: d.map((g, p)=>/* @__PURE__ */ r(h, {
+                children: /* @__PURE__ */ r(S, {
+                    items: g,
                     isEven: p % 2 === 0
                 }, p)
             })),
         withBullets: o,
-        free: a
+        withControls: a,
+        free: i
     });
-}, S = (param)=>{
+}, z = (param)=>{
     let { items: n } = param;
     switch(n.length){
         case 1:
         case 2:
             return /* @__PURE__ */ r("div", {
-                className: m,
-                children: /* @__PURE__ */ r(i, {
-                    gap: u,
+                className: f,
+                children: /* @__PURE__ */ r(h, {
+                    gap: s,
                     columns: 2,
                     height: "100%",
                     children: n.map((o, a)=>/* @__PURE__ */ r(e, {
@@ -129,9 +130,9 @@ const u = {
             });
         case 3:
             return /* @__PURE__ */ r("div", {
-                className: f,
-                children: /* @__PURE__ */ r(i, {
-                    gap: u,
+                className: M,
+                children: /* @__PURE__ */ r(h, {
+                    gap: s,
                     columns: 2,
                     flow: "column",
                     height: "100%",
@@ -144,9 +145,9 @@ const u = {
         case 4:
         default:
             return /* @__PURE__ */ r("div", {
-                className: q,
-                children: /* @__PURE__ */ g(i, {
-                    gap: u,
+                className: C,
+                children: /* @__PURE__ */ m(h, {
+                    gap: s,
                     rows: 3,
                     columns: 2,
                     height: "100%",
@@ -169,23 +170,23 @@ const u = {
                 })
             });
     }
-}, N = (param)=>{
+}, b = (param)=>{
     let { items: n, dataAttributes: o } = param;
-    const a = n.length, s = Math.ceil(a / 4), c = Array.from({
-        length: s
+    const a = n.length, i = Math.ceil(a / 4), u = Array.from({
+        length: i
     }, ()=>[]);
-    return n.forEach((l, h)=>{
-        const d = Math.floor(h / 4);
-        c[d].push(l);
-    }), /* @__PURE__ */ r(i, {
+    return n.forEach((c, l)=>{
+        const d = Math.floor(l / 4);
+        u[d].push(c);
+    }), /* @__PURE__ */ r(h, {
         rows: 1,
-        gap: u,
+        gap: s,
         dataAttributes: _object_spread_props(_object_spread({}, o), {
             "component-name": "VerticalMosaic"
         }),
-        children: c.map((l, h)=>/* @__PURE__ */ r(S, {
-                items: l
-            }, h))
+        children: u.map((c, l)=>/* @__PURE__ */ r(z, {
+                items: c
+            }, l))
     });
 };
-export { G as HorizontalMosaic, N as VerticalMosaic };
+export { N as HorizontalMosaic, b as VerticalMosaic };