@telefonica/mistica 16.30.1 → 16.32.0

package/dist/list.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return Rt;
+        return wt;
     },
     BoxedRowList: function() {
-        return yt;
+        return Rt;
     },
     Content: function() {
         return Ue;
@@ -23,7 +23,7 @@ _export(exports, {
         return gt;
     },
     RowList: function() {
-        return wt;
+        return yt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -185,12 +185,12 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             children: e
         })
     }) : e, Ue = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: d, titleAs: f, titleLinesMax: x, subtitle: R, subtitleLinesMax: k, description: b, descriptionLinesMax: M, detail: h, asset: X, danger: S, badge: V, right: y, rightRef: u, extra: I, labelId: W, disabled: g, control: w } = param;
-    const E = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), B = [
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: l, title: d, titleAs: b, titleLinesMax: x, subtitle: w, subtitleLinesMax: L, description: f, descriptionLinesMax: M, detail: h, asset: X, danger: k, badge: S, right: R, rightRef: u, extra: I, labelId: W, disabled: g, control: y } = param;
+    const V = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), B = [
         a,
         d,
-        R,
-        b,
+        w,
+        f,
         I
     ].filter(Boolean).length === 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -207,7 +207,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
                     style: (0, _css.applyCssVars)({
-                        color: S ? E ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : E ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
+                        color: k ? V ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : V ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                     }),
                     children: X
@@ -223,10 +223,10 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
-                        color: S ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
+                        color: k ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
                         truncate: x,
                         hyphens: "auto",
-                        as: f,
+                        as: b,
                         dataAttributes: {
                             testid: "title"
                         },
@@ -248,20 +248,20 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
-                            truncate: k,
+                            truncate: L,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: R
+                            children: w
                         })
                     }),
-                    b && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
@@ -271,11 +271,11 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: b
+                            children: f
                         })
                     }),
                     I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        ref: o,
+                        ref: l,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
@@ -284,18 +284,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     })
                 ]
             }),
-            V && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            S && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_listcssmistica.badge, {
                         [_listcssmistica.disabled]: g
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                        value: V === !0 ? void 0 : V
+                        value: S === !0 ? void 0 : S
                     })
                 })
             }),
-            (h || y || e || w) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            (h || R || e || y) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rightContent, {
                     [_listcssmistica.rightRestrictedWidth]: !!h
                 }),
@@ -314,18 +314,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: h
                         })
                     }),
-                    y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
                             [_listcssmistica.detailRight]: !!h,
                             [_listcssmistica.disabled]: g
                         }),
                         ref: u,
                         "data-testid": "endSlot",
-                        children: Qe(y, B)
+                        children: Qe(R, B)
                     }),
                     e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: h || y ? 4 : 0
+                            paddingLeft: h || R ? 4 : 0
                         },
                         className: (0, _classnames.default)(_listcssmistica.center, {
                             [_listcssmistica.disabled]: g
@@ -333,15 +333,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightfilled.default, {
                             size: 16,
-                            color: E ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium
+                            color: V ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium
                         })
                     }),
-                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: h || y ? 8 : 0
+                            paddingLeft: h || R ? 8 : 0
                         },
                         className: _listcssmistica.center,
-                        children: w
+                        children: y
                     })
                 ]
             })
@@ -349,11 +349,11 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }, Ye = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const o = e !== void 0, [d, f] = _react.useState(!!a);
+    const l = e !== void 0, [d, b] = _react.useState(!!a);
     return [
-        o ? !!e : d,
+        l ? !!e : d,
         ()=>{
-            o || f(!d), i == null || i(o ? !e : !d);
+            l || b(!d), i == null || i(l ? !e : !d);
         }
     ];
 }, Ze = (e)=>[
@@ -363,15 +363,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "iconButton"
     ].some((a)=>e[a] !== void 0), de = /*#__PURE__*/ _react.forwardRef((e, a)=>{
     var ee, te;
-    const i = _react.useId(), o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: d, headline: f, title: x, titleAs: R, titleLinesMax: k, subtitle: b, subtitleLinesMax: M, description: h, descriptionLinesMax: X, detail: S, danger: V, badge: y, role: u, touchableRole: I, extra: W, withChevron: g, dataAttributes: w, right: E, "aria-label": U, tabIndex: B } = e, [ce, se] = _react.useState(""), [he, ue] = _react.useState(""), [me, fe] = _react.useState(""), be = [
+    const i = _react.useId(), l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: d, headline: b, title: x, titleAs: w, titleLinesMax: L, subtitle: f, subtitleLinesMax: M, description: h, descriptionLinesMax: X, detail: k, danger: S, badge: R, role: u, touchableRole: I, extra: W, withChevron: g, dataAttributes: y, right: V, "aria-label": U, tabIndex: B } = e, [ce, se] = _react.useState(""), [he, ue] = _react.useState(""), [me, be] = _react.useState(""), fe = [
         x,
         ce,
-        b,
+        f,
         h,
         he,
-        S,
+        k,
         me
-    ].filter(Boolean).join(" "), C = U !== null && U !== void 0 ? U : e.href || e.to ? be : void 0, ve = (0, _radiobutton.useRadioContext)(), v = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !v && !o, F = !v && o, Y = Ze(e), O = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : g !== null && g !== void 0 ? g : O, Z = {
+    ].filter(Boolean).join(" "), E = U !== null && U !== void 0 ? U : e.href || e.to ? fe : void 0, ve = (0, _radiobutton.useRadioContext)(), v = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !v && !l, F = !v && l, Y = Ze(e), O = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : g !== null && g !== void 0 ? g : O, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -380,26 +380,31 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         replace: e.replace,
         onNavigate: e.onNavigate,
         onPress: e.onPress,
-        trackingEvent: e.trackingEvent
-    }, [_, $] = Ye(e.switch || e.checkbox || {}), T = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
+        trackingEvent: e.trackingEvent,
+        "aria-label": E,
+        "aria-labelledby": e["aria-labelledby"],
+        "aria-description": e["aria-description"],
+        "aria-describedby": e["aria-describedby"],
+        "aria-current": e["aria-current"]
+    }, [_, $] = Ye(e.switch || e.checkbox || {}), C = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
             asset: d,
-            headline: f,
+            headline: b,
             headlineRef: (n)=>{
                 n && se(n.textContent || "");
             },
             title: x,
-            titleAs: R,
-            subtitle: b,
+            titleAs: w,
+            subtitle: f,
             description: h,
-            badge: y,
-            titleLinesMax: k,
+            badge: R,
+            titleLinesMax: L,
             subtitleLinesMax: M,
             descriptionLinesMax: X,
-            detail: S,
-            danger: V,
-            right: E,
+            detail: k,
+            danger: S,
+            right: V,
             rightRef: (n)=>{
-                n && fe(n.innerText || n.textContent || "");
+                n && be(n.innerText || n.textContent || "");
             },
             control: r == null ? void 0 : r.control,
             role: r == null ? void 0 : r.role,
@@ -420,14 +425,13 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     }, Z), {
         role: I,
-        dataAttributes: w,
+        dataAttributes: y,
         disabled: v,
-        "aria-label": C,
         tabIndex: B,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: T({
+            children: C({
                 role: u
             })
         })
@@ -435,7 +439,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     const H = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(w)), {
+        }, (0, _dom.getPrefixedDataAttributes)(y)), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
                     disabled: v
@@ -445,9 +449,8 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         [_listcssmistica.touchableBackground]: j,
                         [_listcssmistica.touchableBackgroundInverse]: F
                     }),
-                    "aria-label": C,
                     tabIndex: B,
-                    children: T({
+                    children: C({
                         labelId: i,
                         role: u
                     })
@@ -464,7 +467,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 [_listcssmistica.pointer]: !v && n
             }),
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(w)), {
+        }, (0, _dom.getPrefixedDataAttributes)(y)), {
             children: r
         }));
     if (e.switch || e.checkbox) {
@@ -474,7 +477,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: v,
             name: n,
             checked: _,
-            "aria-label": C,
+            "aria-label": E,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
@@ -488,7 +491,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: v,
             name: n,
             checked: _,
-            "aria-label": C,
+            "aria-label": E,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
@@ -496,7 +499,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     role: u,
-                    children: T({
+                    children: C({
                         labelId: ge,
                         control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                             space: "around",
@@ -509,7 +512,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     }
     if (e.radioValue) return O ? H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": C,
+        "aria-label": E,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
@@ -523,14 +526,14 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }
     })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": C,
+        "aria-label": E,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 16,
                 role: u,
-                children: T({
+                children: C({
                     labelId: i,
                     control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
@@ -552,7 +555,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
-        children: T({
+        children: C({
             labelId: i,
             control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: "around",
@@ -570,13 +573,13 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_listcssmistica.rowContent, _listcssmistica.rowContentPadding),
         role: u
-    }, (0, _dom.getPrefixedDataAttributes)(w)), {
+    }, (0, _dom.getPrefixedDataAttributes)(y)), {
         ref: a,
         tabIndex: B,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 "aria-hidden": p,
-                children: T({
+                children: C({
                     role: u
                 })
             }),
@@ -587,7 +590,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     }));
-}), gt = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+}), gt = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -596,33 +599,33 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         role: a,
         className: _listcssmistica.row,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread_props(_object_spread({}, i), {
-            ref: o,
+            ref: l,
             dataAttributes: _object_spread({
                 "component-name": "Row",
                 testid: "Row"
             }, e)
         }))
     });
-}), wt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": o = "off", "aria-atomic": d = !1, dataAttributes: f } = param;
-    const x = _react.Children.toArray(e).filter(Boolean), R = x.length - 1;
+}), yt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": l = "off", "aria-atomic": d = !1, dataAttributes: b } = param;
+    const x = _react.Children.toArray(e).filter(Boolean), w = x.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a,
-        "aria-live": o,
+        "aria-live": l,
         "aria-atomic": d
-    }, (0, _dom.getPrefixedDataAttributes)(f, "RowList")), {
-        children: x.map((k, b)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+    }, (0, _dom.getPrefixedDataAttributes)(b, "RowList")), {
+        children: x.map((L, f)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    k,
-                    b < R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    L,
+                    f < w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, b))
+            }, f))
     }));
-}, Rt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
+}, wt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -637,18 +640,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread({}, a))
     });
-}), yt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o, "aria-live": d = "off", "aria-atomic": f = !1 } = param;
+}), Rt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: l, "aria-live": d = "off", "aria-atomic": b = !1 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: i,
         "aria-labelledby": a,
         "aria-live": d,
-        "aria-atomic": f,
+        "aria-atomic": b,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList",
             testid: "BoxedRowList"
-        }, o),
+        }, l),
         children: e
     });
 };

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

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var n = "v16_30_1_1num3qg3", f = "v16_30_1_1num3qg2 v16_30_1_1y2v1nfio v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfmu", r = "v16_30_1_1num3qg7 v16_30_1_1y2v1nfin v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfjw", y = "v16_30_1_1y2v1nfjf v16_30_1_1y2v1nflu v16_30_1_1y2v1nfim v16_30_1_1y2v1nf5t v16_30_1_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";

package/dist/loading-bar.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return h;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -85,4 +85,4 @@ const l = (param)=>{
             })
         }))
     });
-}, u = l;
+}, h = l;

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

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     inOutAnimationMs: function() {
-        return v;
+        return _;
     },
     loadingScreen: function() {
         return n;
@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-screen.css.ts.vanilla.css-mistica.js");
-var v = 500, n = "v16_30_1_flke8b1 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfj7", r = "v16_30_1_1y2v1nfje v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfj1", a = "v16_30_1_flke8b9 v16_30_1_1y2v1nf96", f = "v16_30_1_flke8bb", i = "v16_30_1_flke8bc", l = "v16_30_1_flke8bf", o = "v16_30_1_flke8be", d = {
-    default: "v16_30_1_flke8b4",
-    inverse: "v16_30_1_flke8b5"
-}, t = "v16_30_1_flke8b3", k = "v16_30_1_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";

package/dist/loading-screen.js

@@ -232,7 +232,7 @@ const J = (param)=>{
             })
         }, c)
     });
-}, x = /*#__PURE__*/ _react.forwardRef((param, f)=>{
+}, R = /*#__PURE__*/ _react.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,
@@ -323,7 +323,7 @@ const J = (param)=>{
             })
         ]
     });
-}), he = /*#__PURE__*/ _react.forwardRef((e, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
+}), he = /*#__PURE__*/ _react.forwardRef((e, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({
         ref: r
     }, e), {
         dataAttributes: _object_spread({
@@ -377,7 +377,7 @@ const J = (param)=>{
     }, d = ()=>{
         l.current && m.current && (r == null || r());
     };
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({
         ref: c,
         isInverse: s.brandLoadingScreen === "inverse"
     }, i), {

package/dist/logo.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     logoContainer: function() {
-        return v;
+        return _;
     },
     svg: function() {
         return r;
@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./logo.css.ts.vanilla.css-mistica.js");
-var v = "v16_30_1_140ft6x5", r = "v16_30_1_140ft6x4", t = {
-    size: "var(--v16_30_1_140ft6x0)",
-    sizeMobile: "var(--v16_30_1_140ft6x1)",
-    sizeTablet: "var(--v16_30_1_140ft6x2)",
-    sizeDesktop: "var(--v16_30_1_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)"
 };

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

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var n = "v16_30_1_cim30m2 v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3 v16_30_1_1y2v1nfbc v16_30_1_1y2v1nfcl v16_30_1_1y2v1nfin v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmu", i = "v16_30_1_1y2v1nfim v16_30_1_1y2v1nfis v16_30_1_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";

package/dist/menu.css-mistica.js

@@ -42,17 +42,17 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var k = "v16_30_1_2k0k3uk", e = "v16_30_1_2k0k3uj", n = "v16_30_1_2k0k3u8 v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3 v16_30_1_1y2v1nfbc v16_30_1_1y2v1nfcl v16_30_1_1y2v1nf4c v16_30_1_1y2v1nflm v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfin", r = "v16_30_1_2k0k3ud", a = "v16_30_1_2k0k3ug", t = "v16_30_1_2k0k3uf", u = "v16_30_1_2k0k3ue", i = "v16_30_1_2k0k3ui v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3", m = {
-    enter: "v16_30_1_2k0k3u9",
-    enterActive: "v16_30_1_2k0k3ua",
-    exit: "v16_30_1_2k0k3ub",
-    exitActive: "v16_30_1_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_30_1_2k0k3u0)",
-    bottom: "var(--v16_30_1_2k0k3u1)",
-    left: "var(--v16_30_1_2k0k3u2)",
-    right: "var(--v16_30_1_2k0k3u4)",
-    width: "var(--v16_30_1_2k0k3u3)",
-    maxHeight: "var(--v16_30_1_2k0k3u5)",
-    transformOrigin: "var(--v16_30_1_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)"
 };

package/dist/menu.js

@@ -143,20 +143,20 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ae = ()=>_react.useContext(Z), y = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (i, d)=>{
+}), Ne = ()=>_react.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 = _react.useRef(null), x = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.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 = _react.useRef(null), x = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.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__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
             ref: m,
             name: i,
             checked: p,
             onChange: ()=>{
-                u && t !== null && (C(t), A());
+                u && t !== null && (C(t), N());
             },
             disabled: a,
             role: "menuitemcheckbox",
@@ -198,7 +198,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
             ref: m,
             onPress: ()=>{
-                u && t !== null && (C(t), A());
+                u && t !== null && (C(t), N());
             },
             disabled: a,
             role: "menuitem",
@@ -248,7 +248,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, J = 12, Q = 8, Je = (param)=>{
     let { renderTarget: i, renderMenu: d, width: f, position: a = "left", dataAttributes: C } = param;
-    const [r, p] = _react.useState(!1), [o, k] = _react.useState(null), [c, A] = _react.useState(null), [u, m] = _react.useState(null), [x, h] = _react.useState(!1), N = _react.useRef(null), [t, M] = _react.useState(null), I = (0, _hooks.useWindowSize)();
+    const [r, p] = _react.useState(!1), [o, k] = _react.useState(null), [c, N] = _react.useState(null), [u, m] = _react.useState(null), [x, h] = _react.useState(!1), A = _react.useRef(null), [t, M] = _react.useState(null), I = (0, _hooks.useWindowSize)();
     _react.useEffect(()=>{
         const l = o == null ? void 0 : o.getBoundingClientRect();
         if (!c || !l || !r) return;
@@ -285,7 +285,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
         k,
         r
     ]), ee = {
-        ref: (0, _common.combineRefs)(A, N),
+        ref: (0, _common.combineRefs)(N, A),
         className: _menucssmistica.menuContainer,
         close: ()=>p(!1)
     }, _ = _react.useCallback(()=>{
@@ -361,7 +361,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
                     in: r,
-                    nodeRef: N,
+                    nodeRef: A,
                     timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : ke,
                     classNames: _menucssmistica.menuTransitionClasses,
                     mountOnEnter: !0,

package/dist/mosaic.css-mistica.js

@@ -16,8 +16,8 @@ _export(exports, {
         return t;
     },
     squareContainer: function() {
-        return _;
+        return a;
     }
 });
 require("./mosaic.css.ts.vanilla.css-mistica.js");
-var r = "v16_30_1_1j2q6te2", t = "v16_30_1_1j2q6te1", _ = "v16_30_1_1j2q6te0";
+var r = "v16_32_1j2q6te2", t = "v16_32_1j2q6te1", a = "v16_32_1j2q6te0";