@telefonica/mistica 16.2.0 → 16.3.0

package/dist/list.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return ut;
+        return ft;
     },
     BoxedRowList: function() {
-        return mt;
+        return bt;
     },
     Content: function() {
-        return Fe;
+        return ze;
     },
     Row: function() {
-        return st;
+        return ut;
     },
     RowList: function() {
-        return ht;
+        return mt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -172,7 +172,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+const qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: a
     }) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
@@ -183,25 +183,23 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             children: e
         })
-    }) : e, Fe = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: r, extraRef: l, title: c, titleAs: v, titleLinesMax: g, subtitle: x, subtitleLinesMax: P, description: w, descriptionLinesMax: D, detail: h, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: L, labelId: M, disabled: s, control: k } = param;
+    }) : e, ze = (param)=>{
+    let { withChevron: e, headline: a, headlineRef: r, extraRef: o, title: d, titleAs: x, titleLinesMax: g, subtitle: v, subtitleLinesMax: D, description: w, descriptionLinesMax: M, detail: u, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: L, labelId: O, disabled: c, control: k } = param;
     const A = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), S = [
         a,
-        c,
-        x,
+        d,
+        v,
         w,
         L
     ].filter(Boolean).length === 1;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
-        paddingY: 16,
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _listcssmistica.content,
-        id: M,
+        id: O,
         children: [
-            E && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: 16,
-                className: (0, _classnames.default)({
+            E && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(_listcssmistica.assetContainer, {
                     [_listcssmistica.center]: S,
-                    [_listcssmistica.disabled]: s
+                    [_listcssmistica.disabled]: c
                 }),
                 "aria-hidden": !0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -215,7 +213,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rowBody, {
-                    [_listcssmistica.disabled]: s
+                    [_listcssmistica.disabled]: c
                 }),
                 style: {
                     justifyContent: S ? "center" : "flex-start"
@@ -226,8 +224,8 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         color: T ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
                         truncate: g,
                         hyphens: "auto",
-                        as: v,
-                        children: c
+                        as: x,
+                        children: d
                     }),
                     a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         ref: r,
@@ -242,14 +240,14 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
-                            truncate: P,
+                            truncate: D,
                             hyphens: "auto",
-                            children: x
+                            children: v
                         })
                     }),
                     w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -257,13 +255,13 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                            truncate: D,
+                            truncate: M,
                             hyphens: "auto",
                             children: w
                         })
                     }),
                     L && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        ref: l,
+                        ref: o,
                         paddingTop: 2,
                         children: L
                     })
@@ -273,49 +271,53 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_listcssmistica.badge, {
-                        [_listcssmistica.disabled]: s
+                        [_listcssmistica.disabled]: c
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                         value: N === !0 ? void 0 : N
                     })
                 })
             }),
-            (h || y || e || k) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            (u || y || e || k) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rightContent, {
-                    [_listcssmistica.rightRestrictedWidth]: !!h
+                    [_listcssmistica.rightRestrictedWidth]: !!u
                 }),
                 children: [
-                    h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.detail, {
-                            [_listcssmistica.disabled]: s
+                            [_listcssmistica.disabled]: c
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             hyphens: "auto",
-                            children: h
+                            children: u
                         })
                     }),
                     y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!h,
-                            [_listcssmistica.disabled]: s
+                            [_listcssmistica.detailRight]: !!u,
+                            [_listcssmistica.disabled]: c
                         }),
                         ref: f,
-                        children: He(y, S)
+                        children: qe(y, S)
                     }),
-                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: h || y ? 4 : 0,
+                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        style: {
+                            paddingLeft: u || y ? 4 : 0
+                        },
                         className: (0, _classnames.default)(_listcssmistica.center, {
-                            [_listcssmistica.disabled]: s
+                            [_listcssmistica.disabled]: c
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
                             color: A ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     }),
-                    k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: h || y ? 8 : 0,
+                    k && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        style: {
+                            paddingLeft: u || y ? 8 : 0
+                        },
                         className: _listcssmistica.center,
                         children: k
                     })
@@ -323,31 +325,31 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, Ye = (param)=>{
+}, Ge = (param)=>{
     let { value: e, defaultValue: a, onChange: r } = param;
-    const l = e !== void 0, [c, v] = _react.useState(!!a);
+    const o = e !== void 0, [d, x] = _react.useState(!!a);
     return [
-        l ? !!e : c,
+        o ? !!e : d,
         ()=>{
-            l || v(!c), r == null || r(l ? !e : !c);
+            o || x(!d), r == null || r(o ? !e : !d);
         }
     ];
-}, qe = (e)=>[
+}, Je = (e)=>[
         "switch",
         "checkbox",
         "radioValue",
         "iconButton"
     ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ _react.forwardRef((e, a)=>{
     var p, ee;
-    const r = _react.useId(), l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: c, headline: v, title: g, titleAs: x, titleLinesMax: P, subtitle: w, subtitleLinesMax: D, description: h, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: L, withChevron: M, dataAttributes: s, right: k, "aria-label": A } = e, [Q, S] = _react.useState(""), [de, ce] = _react.useState(""), [se, he] = _react.useState(""), ue = [
+    const r = _react.useId(), o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: d, headline: x, title: g, titleAs: v, titleLinesMax: D, subtitle: w, subtitleLinesMax: M, description: u, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: L, withChevron: O, dataAttributes: c, right: k, "aria-label": A } = e, [U, S] = _react.useState(""), [de, ce] = _react.useState(""), [se, he] = _react.useState(""), ue = [
         g,
-        Q,
+        U,
         w,
-        h,
+        u,
         de,
         T,
         se
-    ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = (0, _radiobutton.useRadioContext)(), b = e.disabled || e.radioValue !== void 0 && me.disabled, O = !b && !l, W = !b && l, U = qe(e), V = !!e.onPress || !!e.href || !!e.to, fe = U ? !1 : M !== null && M !== void 0 ? M : V, Z = {
+    ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = (0, _radiobutton.useRadioContext)(), b = e.disabled || e.radioValue !== void 0 && me.disabled, W = !b && !o, j = !b && o, Y = Je(e), V = !!e.onPress || !!e.href || !!e.to, fe = Y ? !1 : O !== null && O !== void 0 ? O : V, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -357,19 +359,19 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         onNavigate: e.onNavigate,
         onPress: e.onPress,
         trackingEvent: e.trackingEvent
-    }, [_, $] = Ye(e.switch || e.checkbox || {}), R = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Fe, {
-            asset: c,
-            headline: v,
+    }, [_, $] = Ge(e.switch || e.checkbox || {}), R = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(ze, {
+            asset: d,
+            headline: x,
             headlineRef: (i)=>{
                 i && S(i.textContent || "");
             },
             title: g,
-            titleAs: x,
+            titleAs: v,
             subtitle: w,
-            description: h,
+            description: u,
             badge: y,
-            titleLinesMax: P,
-            subtitleLinesMax: D,
+            titleLinesMax: D,
+            subtitleLinesMax: M,
             descriptionLinesMax: E,
             detail: T,
             danger: N,
@@ -386,16 +388,16 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: b,
             withChevron: fe
         });
-    if (V && !U) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
+    if (V && !Y) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         ref: a,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: O,
-            [_listcssmistica.touchableBackgroundInverse]: W,
+            [_listcssmistica.touchableBackground]: W,
+            [_listcssmistica.touchableBackgroundInverse]: j,
             [_listcssmistica.pointer]: !b
         })
     }, Z), {
         role: f,
-        dataAttributes: s,
+        dataAttributes: c,
         disabled: b,
         "aria-label": B,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -404,18 +406,18 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             children: R()
         })
     }));
-    const j = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+    const H = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(s)), {
+        }, (0, _dom.getPrefixedDataAttributes)(c)), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
                     disabled: b
                 }, Z), {
                     role: f,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                        [_listcssmistica.touchableBackground]: O,
-                        [_listcssmistica.touchableBackgroundInverse]: W
+                        [_listcssmistica.touchableBackground]: W,
+                        [_listcssmistica.touchableBackgroundInverse]: j
                     }),
                     "aria-label": B,
                     children: R({
@@ -427,20 +429,20 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }),
                 n
             ]
-        })), H = (n, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        })), F = (n, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.touchableBackground]: O && i,
-                [_listcssmistica.touchableBackgroundInverse]: W && i,
+                [_listcssmistica.touchableBackground]: W && i,
+                [_listcssmistica.touchableBackgroundInverse]: j && i,
                 [_listcssmistica.pointer]: !b && i
             }),
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(s)), {
+        }, (0, _dom.getPrefixedDataAttributes)(c)), {
             children: n
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
         const n = e.switch ? _switchcomponent.default : _checkbox.default, i = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
-        return V ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
+        return V ? H(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
             disabled: b,
             name: i,
             checked: _,
@@ -448,13 +450,13 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "aria-labelledby": r,
             onChange: $,
             render: (param)=>{
-                let { controlElement: F } = param;
+                let { controlElement: q } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionRight,
-                    children: F
+                    children: q
                 });
             }
-        })) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
+        })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
             disabled: b,
             name: i,
             checked: _,
@@ -462,7 +464,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "aria-labelledby": r,
             onChange: $,
             render: (param)=>{
-                let { controlElement: F, labelId: be } = param;
+                let { controlElement: q, labelId: be } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     role: f,
@@ -470,14 +472,14 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         labelId: be,
                         control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                             space: "around",
-                            children: F
+                            children: q
                         })
                     })
                 });
             }
         }), !0);
     }
-    return e.radioValue ? V ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+    return e.radioValue ? V ? H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
         "aria-label": B,
         "aria-labelledby": r,
@@ -491,7 +493,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             });
         }
-    })) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+    })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
         "aria-label": B,
         "aria-labelledby": r,
@@ -509,7 +511,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             });
         }
-    }), !0) : e.iconButton ? V ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    }), !0) : e.iconButton ? V ? H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         padding: 16,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
             space: "around",
@@ -519,7 +521,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 disabled: e.disabled
             }))
         })
-    })) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         children: R({
             labelId: r,
@@ -534,15 +536,14 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }))
             })
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-        paddingX: 16,
-        className: _listcssmistica.rowContent,
-        role: f,
-        dataAttributes: s,
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(_listcssmistica.rowContent, _listcssmistica.rowContentPadding),
+        role: f
+    }, (0, _dom.getPrefixedDataAttributes)(c)), {
         ref: a,
         children: R()
-    });
-}), st = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
+    }));
+}), ut = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -551,30 +552,30 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         role: a,
         className: _listcssmistica.row,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread_props(_object_spread({}, r), {
-            ref: l,
+            ref: o,
             dataAttributes: _object_spread({
                 "component-name": "Row"
             }, e)
         }))
     });
-}), ht = (param)=>{
-    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
-    const c = _react.Children.toArray(e).filter(Boolean), v = c.length - 1;
+}), mt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
+    const d = _react.Children.toArray(e).filter(Boolean), x = d.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: r,
         "aria-labelledby": a
-    }, (0, _dom.getPrefixedDataAttributes)(l, "RowList")), {
-        children: c.map((g, x)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+    }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
+        children: d.map((g, v)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
                     g,
-                    x < v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    v < x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, x))
+            }, v))
     }));
-}, ut = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+}, ft = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -586,15 +587,15 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread({}, a))
     });
-}), mt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
+}), bt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: r,
         "aria-labelledby": a,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
-        }, l),
+        }, o),
         children: e
     });
 };

package/dist/menu.css-mistica.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     iconContainer: function() {
-        return r;
+        return e;
     },
     itemContent: function() {
-        return v;
+        return n;
     },
     menuContainer: function() {
-        return n;
+        return r;
     },
     menuItem: function() {
-        return a;
+        return _;
     },
     menuItemDisabled: function() {
-        return t;
+        return a;
     },
     menuItemEnabled: function() {
-        return _;
+        return t;
     },
     menuItemHovered: function() {
         return u;
@@ -37,17 +37,17 @@ _export(exports, {
         return m;
     },
     vars: function() {
-        return o;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var r = "_2k0k3uj", v = "_2k0k3ui", n = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+var e = "_2k0k3uk", n = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7m _1y2v1nf8v", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",
     exitActive: "_2k0k3uc"
-}, o = {
+}, f = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",

package/dist/menu.js

@@ -143,9 +143,9 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ne = ()=>_react.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
+}), Ne = ()=>_react.useContext(Q), y = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
     if (!f) return null;
-    const d = D(r).indexOf(f);
+    const d = y(r).indexOf(f);
     return d < 0 ? null : d;
 }, qe = (param)=>{
     let { label: r, Icon: f, destructive: d, disabled: u, onPress: C, controlType: s, checked: p } = param;
@@ -236,8 +236,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     return r ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             r,
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingY: 8,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _menucssmistica.menuSectionDivider,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             })
@@ -249,20 +248,20 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     _react.useEffect(()=>{
         const a = n == null ? void 0 : n.getBoundingClientRect();
         if (!i || !a || !s) return;
-        const { top: t, right: O, left: g, bottom: A } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
+        const { top: t, right: O, left: g, bottom: A } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, D = R.height - $ - V, H = L - V, B = D > T, z = H > T, te = B || !z && D > H;
         N(te ? {
             left: I,
             right: F,
             top: `${$}px`,
             bottom: "auto",
-            maxHeight: B ? void 0 : H,
+            maxHeight: B ? void 0 : D,
             transformOrigin: "center top"
         } : {
             left: I,
             right: F,
             top: "auto",
             bottom: `${R.height - L}px`,
-            maxHeight: z ? void 0 : P,
+            maxHeight: z ? void 0 : H,
             transformOrigin: "center bottom"
         });
     }, [
@@ -286,13 +285,13 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         className: _menucssmistica.menuContainer,
         close: ()=>p(!1)
     }, w = _react.useCallback(()=>{
-        const t = D(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
+        const t = y(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
         h(t < 0 ? null : t);
     }, [
         i
     ]), _ = _react.useCallback((a)=>{
         var T;
-        const t = D(i);
+        const t = y(i);
         a && t.reverse();
         const O = c === null ? -1 : a ? t.length - 1 - c : c;
         let g = t.findIndex((I, F)=>!I.getAttribute("aria-disabled") && F > O);
@@ -326,7 +325,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                     break;
                 case _keys.SPACE:
                 case _keys.ENTER:
-                    (0, _dom.cancelEvent)(t), c !== null && D(i)[c].click();
+                    (0, _dom.cancelEvent)(t), c !== null && y(i)[c].click();
                     break;
                 case _keys.TAB:
                     (0, _dom.cancelEvent)(t);

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "16.2.0";
+const o = "16.3.0";

package/dist/sheet-common.js

@@ -11,7 +11,7 @@ function _export(target, all) {
 }
 _export(exports, {
     SheetBody: function() {
-        return xe;
+        return we;
     },
     default: function() {
         return Ae;
@@ -284,6 +284,7 @@ const ce = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                                     style: {
                                         paddingBottom: _css.safeAreaInsetBottom
                                     },
+                                    tabIndex: -1,
                                     children: [
                                         typeof o == "function" ? o({
                                             closeModal: s,
@@ -313,7 +314,7 @@ const ce = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
     mobile: _responsivelayoutcssmistica.MOBILE_SIDE_MARGIN,
     tablet: _responsivelayoutcssmistica.TABLET_SIDE_MARGIN,
     desktop: _responsivelayoutcssmistica.SMALL_DESKTOP_SIDE_MARGIN
-}, xe = (param)=>{
+}, we = (param)=>{
     let { title: n, subtitle: o, description: i, modalTitleId: l, button: m, secondaryButton: v, link: r, children: c } = param;
     const d = _react.useRef(null), a = _react.useRef(null), f = _react.useRef(null);
     _react.useEffect(()=>{