@telefonica/mistica 15.2.0 → 15.3.0

package/dist/responsive-layout.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     InternalResponsiveLayout: function() {
-        return b;
+        return C;
     },
     default: function() {
-        return j;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -106,32 +106,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const b = (param)=>{
-    let { children: o, isInverse: n = !1, variant: r, backgroundColor: s, className: p, fullWidth: e, dataAttributes: u, shouldExpandWhenNested: i = !1 } = param;
-    const d = (0, _themevariantcontext.useThemeVariant)(), t = r || n && "inverse" || void 0;
+const C = (param)=>{
+    let { children: n, isInverse: o = !1, variant: p, backgroundColor: s, className: u, fullWidth: e, dataAttributes: d, shouldExpandWhenNested: i = !1, innerDivClassName: m } = param;
+    const v = (0, _themevariantcontext.useThemeVariant)(), t = p || o && "inverse" || void 0;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-        variant: t !== null && t !== void 0 ? t : d,
+        variant: t !== null && t !== void 0 ? t : v,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullwidthContainer : _responsivelayoutcssmistica.responsiveLayoutContainer, p, t && t !== "default" && _responsivelayoutcssmistica.backgroundVariant[t], {
+            className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullwidthContainer : _responsivelayoutcssmistica.responsiveLayoutContainer, u, t && t !== "default" && _responsivelayoutcssmistica.backgroundVariant[t], {
                 [_responsivelayoutcssmistica.expandedResponsiveLayoutContainerMobile]: i === !0 && !e,
                 [_responsivelayoutcssmistica.expandedResponsiveLayoutContainerDesktop]: i && !e
             }),
             style: s ? {
                 background: s
             } : void 0
-        }, (0, _dom.getPrefixedDataAttributes)(u)), {
+        }, (0, _dom.getPrefixedDataAttributes)(d)), {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: e ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout,
-                children: o
+                className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout, m),
+                children: n
             })
         }))
     });
-}, C = (_param)=>{
-    var { children: o } = _param, n = _object_without_properties(_param, [
+}, g = (_param)=>{
+    var { children: n } = _param, o = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, _object_spread_props(_object_spread({}, n), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, _object_spread_props(_object_spread({}, o), {
         shouldExpandWhenNested: !0,
-        children: o
+        children: n
     }));
-}, j = C;
+}, w = g;

package/dist/select.js

@@ -128,7 +128,7 @@ function _object_spread_props(target, source) {
 const st = (param)=>{
     let { id: le, label: w, helperText: ue, value: fe, defaultValue: de, onChangeValue: V, name: i, fullWidth: P, options: f, optional: D, disabled: pe, error: me, onBlur: M, autoFocus: z = !1, native: he } = param;
     var te;
-    const h = _react.useRef(null), d = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), y = _react.useRef(/* @__PURE__ */ new Map()), [Se, ve] = _react.useState(!0), [l, ge] = _react.useState(de), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, x] = _react.useState(!1), [u, F] = _react.useState({}), [g, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: Te, setRawValue: Z, setValue: $, formStatus: Ie, formErrors: J, setFormError: Ee, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), we = he || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), T = pe || Ie === "sending", R = me || !!J[i], Y = J[i] || ue, a = fe !== null && fe !== void 0 ? fe : Te[i], A = (e)=>{
+    const h = _react.useRef(null), d = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [Se, ve] = _react.useState(!0), [l, ge] = _react.useState(de), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, x] = _react.useState(!1), [u, F] = _react.useState({}), [g, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: Te, setRawValue: Z, setValue: $, formStatus: Ie, formErrors: J, setFormError: Ee, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), we = he || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), T = pe || Ie === "sending", R = me || !!J[i], Y = J[i] || ue, a = fe !== null && fe !== void 0 ? fe : Te[i], A = (e)=>{
         V == null || V(e), Ee({
             name: i,
             error: ""
@@ -142,9 +142,9 @@ const st = (param)=>{
     }, I = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, Re = o.height, N = p + Re, _ = Math.min(f.length, 8) * 48 + 16;
-                if (N + _ + 12 > window.innerHeight) {
-                    const Ae = window.innerHeight - N;
+                const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, Re = o.height, b = p + Re, _ = Math.min(f.length, 8) * 48 + 16;
+                if (b + _ + 12 > window.innerHeight) {
+                    const Ae = window.innerHeight - b;
                     if (p > Ae) {
                         const _e = p - _;
                         F({
@@ -156,14 +156,14 @@ const st = (param)=>{
                         });
                     } else F({
                         minWidth: E,
-                        top: N,
+                        top: b,
                         left: O,
-                        maxHeight: window.innerHeight - N - 12,
+                        maxHeight: window.innerHeight - b - 12,
                         transformOrigin: "center top"
                     });
                 } else F({
                     minWidth: E,
-                    top: N,
+                    top: b,
                     left: O,
                     maxHeight: _,
                     transformOrigin: "center top"
@@ -179,15 +179,15 @@ const st = (param)=>{
     }, xe = (e)=>{
         var s;
         const t = (s = v.current) == null ? void 0 : s.getBoundingClientRect();
-        if (t && e && y.current.has(e)) {
-            const c = y.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
+        if (t && e && N.current.has(e)) {
+            const c = N.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
             if (o && o.top + o.height / 2 >= t.top + t.height) {
                 c == null || c.scrollIntoView();
                 return;
             }
             o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, Oe = d.current, Ne = h.current;
+    }, Oe = d.current, be = h.current;
     _react.useEffect(()=>{
         Z({
             name: i,
@@ -215,7 +215,7 @@ const st = (param)=>{
         d,
         h,
         Oe,
-        Ne
+        be
     ]), _react.useEffect(()=>{
         const e = (s)=>{
             var p;
@@ -260,13 +260,13 @@ const st = (param)=>{
     ]), _react.useEffect(()=>{
         ve(!1);
     }, []);
-    const be = (e)=>{
+    const ye = (e)=>{
         var t;
         return e ? (t = f.find((param)=>{
             let { value: s } = param;
             return s === e;
         })) == null ? void 0 : t.text : "";
-    }, ye = {
+    }, Ne = {
         tabIndex: 0,
         onFocus: ()=>x(!0),
         onBlur: ()=>x(!1),
@@ -362,7 +362,7 @@ const st = (param)=>{
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: d
-                }, !T && ye), {
+                }, !T && Ne), {
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
@@ -390,7 +390,7 @@ const st = (param)=>{
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: be(a !== null && a !== void 0 ? a : l)
+                            children: ye(a !== null && a !== void 0 ? a : l)
                         })
                     ]
                 })),
@@ -424,7 +424,7 @@ const st = (param)=>{
                                     onPointerDown: _dom.cancelEvent,
                                     onClick: ()=>q(e),
                                     ref: (s)=>{
-                                        s ? y.current.set(e, s) : y.current.delete(e);
+                                        s ? N.current.set(e, s) : N.current.delete(e);
                                     },
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         regular: !0,

package/dist/sheet.js

@@ -11,22 +11,22 @@ function _export(target, all) {
 }
 _export(exports, {
     ActionsListSheet: function() {
-        return Xe;
+        return er;
     },
     ActionsSheet: function() {
-        return _e;
+        return tr;
     },
     InfoSheet: function() {
-        return Ze;
+        return rr;
     },
     RadioListSheet: function() {
-        return We;
+        return Ze;
     },
     SheetBody: function() {
-        return k;
+        return T;
     },
     default: function() {
-        return er;
+        return nr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -54,8 +54,8 @@ const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./gene
 const _iconbutton = require("./icon-button.js");
 const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
 const _image = /*#__PURE__*/ _interop_require_default(require("./image.js"));
-const _responsivelayout = require("./responsive-layout.js");
 const _css = require("./utils/css.js");
+const _responsivelayoutcssmistica = require("./responsive-layout.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -181,7 +181,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>{
+const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, be = (param)=>{
     let { closeModal: n } = param;
     const [s, l] = _react.useState(0), p = _react.useRef(!1), g = _react.useRef(0), t = _react.useRef(0), o = _react.useRef(0), u = _react.useRef(0), { isDesktopOrBigger: m } = (0, _hooks.useScreenSize)(), r = _react.useCallback((h)=>{
         p.current = !0, g.current = 0, t.current = Date.now(), o.current = P(h);
@@ -223,7 +223,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             transition: "none"
         } : void 0
     };
-}, Ie = {
+}, Te = {
     closed: {
         open: "opening"
     },
@@ -237,9 +237,9 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
     closing: {
         transitionEnd: "closed"
     }
-}, be = (n, s)=>Ie[n][s] || n, I = /*#__PURE__*/ _react.forwardRef((param, p)=>{
+}, ke = (n, s)=>Te[n][s] || n, D = /*#__PURE__*/ _react.forwardRef((param, p)=>{
     let { onClose: n, children: s, dataAttributes: l } = param;
-    const { texts: g } = (0, _hooks.useTheme)(), [t, o] = _react.useReducer(be, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((f)=>{
+    const { texts: g } = (0, _hooks.useTheme)(), [t, o] = _react.useReducer(ke, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((f)=>{
         f.target === f.currentTarget && o("transitionEnd");
     }, []), c = ()=>{
         t === "open" && o("close");
@@ -259,9 +259,9 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
         t,
         n
     ]);
-    const _De = De({
+    const _be = be({
         closeModal: c
-    }), { onScroll: h, overlayStyle: d } = _De, a = _object_without_properties(_De, [
+    }), { onScroll: h, overlayStyle: d } = _be, a = _object_without_properties(_be, [
         "onScroll",
         "overlayStyle"
     ]);
@@ -328,7 +328,11 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             ]
         })
     });
-}), k = (param)=>{
+}), k = {
+    mobile: _responsivelayoutcssmistica.MOBILE_SIDE_MARGIN,
+    tablet: _responsivelayoutcssmistica.TABLET_SIDE_MARGIN,
+    desktop: _responsivelayoutcssmistica.SMALL_DESKTOP_SIDE_MARGIN
+}, T = (param)=>{
     let { title: n, subtitle: s, description: l, modalTitleId: p, button: g, secondaryButton: t, link: o, children: u } = param;
     const m = _react.useRef(null), r = _react.useRef(null), c = _react.useRef(null);
     _react.useEffect(()=>{
@@ -355,13 +359,12 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
                             mobile: 0,
                             desktop: 40
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.InternalResponsiveLayout, {
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
-                                as: "h2",
-                                id: p,
-                                truncate: !0,
-                                children: n
-                            })
+                        paddingX: k,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                            as: "h2",
+                            id: p,
+                            truncate: !0,
+                            children: n
                         })
                     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: {
@@ -379,43 +382,42 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
                         desktop: 40,
                         mobile: 0
                     },
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.InternalResponsiveLayout, {
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-                            space: 8,
-                            children: [
-                                s || l ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-                                    space: {
-                                        mobile: 8,
-                                        desktop: 16
-                                    },
-                                    children: [
-                                        s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                                            as: "p",
-                                            regular: !0,
-                                            children: s
-                                        }),
-                                        l && (Array.isArray(l) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                                            as: "div",
-                                            regular: !0,
-                                            color: _skincontractcssmistica.vars.colors.textSecondary,
-                                            children: l.map((f, y)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                                                    style: {
-                                                        margin: 0,
-                                                        marginBottom: y < l.length - 1 ? "1em" : void 0
-                                                    },
-                                                    children: f
-                                                }, y))
-                                        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                                            as: "p",
-                                            regular: !0,
-                                            color: _skincontractcssmistica.vars.colors.textSecondary,
-                                            children: l
-                                        }))
-                                    ]
-                                }) : null,
-                                u
-                            ]
-                        })
+                    paddingX: k,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                        space: 8,
+                        children: [
+                            s || l ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                space: {
+                                    mobile: 8,
+                                    desktop: 16
+                                },
+                                children: [
+                                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                        as: "p",
+                                        regular: !0,
+                                        children: s
+                                    }),
+                                    l && (Array.isArray(l) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                        as: "div",
+                                        regular: !0,
+                                        color: _skincontractcssmistica.vars.colors.textSecondary,
+                                        children: l.map((f, y)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                                                style: {
+                                                    margin: 0,
+                                                    marginBottom: y < l.length - 1 ? "1em" : void 0
+                                                },
+                                                children: f
+                                            }, y))
+                                    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                        as: "p",
+                                        regular: !0,
+                                        color: _skincontractcssmistica.vars.colors.textSecondary,
+                                        children: l
+                                    }))
+                                ]
+                            }) : null,
+                            u
+                        ]
                     })
                 })
             }),
@@ -428,13 +430,12 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
                             mobile: 16,
                             desktop: 40
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.InternalResponsiveLayout, {
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
-                                align: "full-width",
-                                link: o,
-                                primaryButton: g,
-                                secondaryButton: t
-                            })
+                        paddingX: k,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
+                            align: "full-width",
+                            link: o,
+                            primaryButton: g,
+                            secondaryButton: t
                         })
                     })
                 ]
@@ -444,23 +445,23 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             })
         ]
     });
-}, We = /*#__PURE__*/ _react.forwardRef((param, r)=>{
+}, Ze = /*#__PURE__*/ _react.forwardRef((param, r)=>{
     let { title: n, subtitle: s, description: l, items: p, selectedId: g, onClose: t, onSelect: o, button: u, dataAttributes: m } = param;
     const [c, h] = _react.useState(g), d = _react.useRef(!1), { isDesktopOrBigger: a } = (0, _hooks.useScreenSize)(), { texts: f } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {
         onClose: t,
         ref: r,
         dataAttributes: _object_spread({
             "component-name": "RadioListSheet"
         }, m),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: y, modalTitleId: B } = param;
+            let { closeModal: y, modalTitleId: w } = param;
             var _ref;
-            return (0, _jsxruntime.jsx)(k, {
+            return (0, _jsxruntime.jsx)(T, {
                 title: n,
                 subtitle: s,
                 description: l,
-                modalTitleId: B,
+                modalTitleId: w,
                 button: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
                     onPress: ()=>{
                         d.current && (o == null || o(c !== null && c !== void 0 ? c : "")), y();
@@ -469,7 +470,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
                 }) : void 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
-                        "aria-labelledby": B,
+                        "aria-labelledby": w,
                         name: "sheetselection",
                         value: c,
                         onChange: (R)=>{
@@ -493,10 +494,10 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             });
         }
     });
-}), Xe = /*#__PURE__*/ _react.forwardRef((param, u)=>{
+}), er = /*#__PURE__*/ _react.forwardRef((param, u)=>{
     let { title: n, subtitle: s, description: l, items: p, onClose: g, onSelect: t, dataAttributes: o } = param;
     const { isDarkMode: m } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {
         onClose: g,
         ref: u,
         dataAttributes: _object_spread({
@@ -504,7 +505,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
         }, o),
         children: (param)=>{
             let { closeModal: r, modalTitleId: c } = param;
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -543,10 +544,10 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             });
         }
     });
-}), Ze = /*#__PURE__*/ _react.forwardRef((param, o)=>{
+}), rr = /*#__PURE__*/ _react.forwardRef((param, o)=>{
     let { title: n, subtitle: s, description: l, items: p, onClose: g, dataAttributes: t } = param;
     const { isDarkMode: u } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {
         onClose: g,
         ref: o,
         dataAttributes: _object_spread({
@@ -554,7 +555,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
         }, t),
         children: (param)=>{
             let { modalTitleId: m } = param;
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -601,7 +602,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             });
         }
     });
-}), _e = /*#__PURE__*/ _react.forwardRef((param, r)=>{
+}), tr = /*#__PURE__*/ _react.forwardRef((param, r)=>{
     let { title: n, subtitle: s, description: l, button: p, secondaryButton: g, buttonLink: t, onClose: o, dataAttributes: u, onPressButton: m } = param;
     const c = (d, a)=>()=>{
             m == null || m(a), d();
@@ -613,7 +614,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             children: d
         }, a);
     };
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {
         onClose: o,
         ref: r,
         dataAttributes: _object_spread({
@@ -621,7 +622,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
         }, u),
         children: (param)=>{
             let { modalTitleId: d, closeModal: a } = param;
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -638,4 +639,4 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
             });
         }
     });
-}), er = I;
+}), nr = D;

package/dist/slider.js

@@ -151,7 +151,7 @@ const Re = 48, me = 20, Ce = 28, Ve = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
         "tooltip"
     ]);
     n && (n.length === 0 ? n = void 0 : a = n.length - 1), t = t | 0, t = t <= 0 ? 1 : t;
-    const { defaultValue: Z, value: D, onChange: H, focusableRef: x, disabled: N, name: z } = (0, _formcontext.useControlProps)({
+    const { defaultValue: Z, value: D, onChange: H, focusableRef: x, disabled: U, name: z } = (0, _formcontext.useControlProps)({
         name: i.name,
         value: i.value !== void 0 ? I(!1, o, a, t, w(o, i.value, n)) : void 0,
         defaultValue: i.defaultValue !== void 0 ? I(!1, o, a, t, w(o, i.defaultValue, n)) : void 0,
@@ -172,11 +172,11 @@ const Re = 48, me = 20, Ce = 28, Ve = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
     }, [
         T
     ]);
-    const U = _react.useRef(null), m = _react.useRef(null), _ = _react.useRef(null), J = _react.useRef(null), [p, E] = _react.useState(!1), [y, F] = _react.useState(!1), [K, L] = _react.useState(!1), { isIos: S } = (0, _hooks.useTheme)(), A = (e, r, c)=>{
+    const _ = _react.useRef(null), m = _react.useRef(null), N = _react.useRef(null), J = _react.useRef(null), [p, E] = _react.useState(!1), [y, F] = _react.useState(!1), [K, L] = _react.useState(!1), { isIos: S } = (0, _hooks.useTheme)(), A = (e, r, c)=>{
         const d = e == null ? void 0 : e.getBoundingClientRect();
         return !!d && d.left <= r && r <= d.right && d.top <= c && c <= d.bottom;
     }, l = (0, _environment.isTouchableDevice)(), C = S ? Ce : me, f = l ? Re : C, M = (e)=>{
-        const r = U.current;
+        const r = _.current;
         if (r) {
             const c = r.getBoundingClientRect().left + C / 2, d = r.getBoundingClientRect().right - C / 2;
             T((e - c) / (d - c), !0);
@@ -202,15 +202,15 @@ const Re = 48, me = 20, Ce = 28, Ve = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
         }, P),
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: (0, _classnames.default)(_slidercssmistica.container, {
-                [_slidercssmistica.disabled]: N
+                [_slidercssmistica.disabled]: U
             }),
             style: {
                 height: f
             },
-            ref: _,
+            ref: N,
             onPointerDown: (e)=>{
                 const r = e.clientX, c = e.clientY;
-                !l && A(_.current, r, c) ? (A(m.current, r, c) || M(r), E(!0), W(e)) : (0, _dom.cancelEvent)(e);
+                !l && A(N.current, r, c) ? (A(m.current, r, c) || M(r), E(!0), W(e)) : (0, _dom.cancelEvent)(e);
             },
             onPointerUp: (e)=>{
                 l || (E(!1), ee(e));
@@ -230,7 +230,7 @@ const Re = 48, me = 20, Ce = 28, Ve = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _slidercssmistica.track,
-                    ref: U,
+                    ref: _,
                     style: {
                         background: `linear-gradient(to right, ${_skincontractcssmistica.vars.colors.controlActivated} ${O}, ${_skincontractcssmistica.vars.colors.barTrack} ${O}`
                     }
@@ -276,7 +276,7 @@ const Re = 48, me = 20, Ce = 28, Ve = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
                     },
                     name: z,
                     value: u,
-                    disabled: N,
+                    disabled: U,
                     onChange: (e)=>T(+e.target.value, !1),
                     onFocus: ()=>{
                         L(!0);

package/dist/tag.js

@@ -78,7 +78,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const { colors: t } = _skincontractcssmistica.vars, P = (param)=>{
+const { colors: t } = _skincontractcssmistica.vars, V = (param)=>{
     let { Icon: e, children: i, dataAttributes: m, type: l = "promo", badge: n } = param;
     const { textPresets: d } = (0, _hooks.useTheme)(), p = (0, _themevariantcontext.useThemeVariant)(), o = n === !0 ? void 0 : n || 0;
     if (!i) return null;
@@ -151,4 +151,4 @@ const { colors: t } = _skincontractcssmistica.vars, P = (param)=>{
             })
         ]
     }));
-}, I = P;
+}, I = V;

package/dist/text-field-base.js

@@ -186,7 +186,7 @@ const Be = (o, f)=>{
         })
     });
 }, W = /*#__PURE__*/ _react.forwardRef((_param, U)=>{
-    var { error: o, helperText: f, label: i, inputProps: m, inputRef: g, defaultValue: r, value: a, onFocus: h, onBlur: x, inputComponent: p, prefix: b, startIcon: t, endIcon: u, endIconOverlay: S, shrinkLabel: F, multiline: R = !1, focus: y, fieldRef: H, maxLength: C, id: K, autoComplete: M, fullWidth: J, dataAttributes: Q } = _param, l = _object_without_properties(_param, [
+    var { error: o, helperText: f, label: i, inputProps: m, inputRef: g, defaultValue: r, value: a, onFocus: h, onBlur: x, inputComponent: p, prefix: b, startIcon: t, endIcon: u, endIconOverlay: S, shrinkLabel: N, multiline: R = !1, focus: y, fieldRef: H, maxLength: C, id: K, autoComplete: M, fullWidth: J, dataAttributes: Q } = _param, l = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -234,7 +234,7 @@ const Be = (o, f)=>{
     }, I = _object_spread(_object_spread_props(_object_spread({}, l), {
         maxLength: C,
         autoComplete: M
-    }), m), $ = `calc(${_iconbuttoncssmistica.iconSize.default} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, q = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldEndIconGap}px)`, V = F || s === "focused" || s === "filled" ? X ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, ee = {
+    }), m), $ = `calc(${_iconbuttoncssmistica.iconSize.default} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, q = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldEndIconGap}px)`, V = N || s === "focused" || s === "filled" ? X ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, ee = {
         left: `calc(${_textfieldbasecssmistica.fieldLeftPadding}px + ${t ? $ : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
@@ -316,7 +316,7 @@ const Be = (o, f)=>{
                     error: o,
                     forId: w,
                     inputState: s,
-                    shrinkLabel: F,
+                    shrinkLabel: N,
                     optional: !l.required,
                     children: i
                 }),

package/dist/text-field-components.js

@@ -132,11 +132,11 @@ const J = (param)=>{
     let { shrinkLabel: t, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
     const f = t || r === "focused" || r === "filled", [u, h] = _react.useState("initial"), { texts: d } = (0, _hooks.useTheme)();
     _react.useEffect(()=>{
-        const T = setTimeout(()=>{
+        const g = setTimeout(()=>{
             process.env.NODE_ENV !== "test" && h("transform 150ms, width 150ms");
         });
         return ()=>{
-            clearTimeout(T);
+            clearTimeout(g);
         };
     }, []);
     let p = _skincontractcssmistica.vars.colors.textSecondary;