@telefonica/mistica 14.45.0 → 14.46.0

package/dist/select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Et;
+        return wt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -125,11 +125,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const nt = (param)=>{
-    let { id: ae, label: w, helperText: le, value: ue, onChangeValue: C, name: i, fullWidth: P, options: u, optional: D, disabled: fe, error: de, onBlur: M, autoFocus: q = !1, native: pe } = param;
+const rt = (param)=>{
+    let { id: le, label: w, helperText: ue, value: fe, onChangeValue: V, name: i, fullWidth: P, options: u, optional: D, disabled: de, error: pe, onBlur: M, autoFocus: q = !1, native: me } = param;
     var te;
-    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), g = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [me, he] = _react.useState(!0), [d, Se] = _react.useState(), [H, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [l, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(ae), { rawValues: ge, setRawValue: Z, setValue: $, formStatus: Te, formErrors: X, setFormError: ve, register: B } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), Ie = pe || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), v = fe || Te === "sending", R = de || !!X[i], Q = X[i] || le, a = ue !== null && ue !== void 0 ? ue : ge[i], A = (e)=>{
-        C == null || C(e), ve({
+    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), g = _react.useRef(null), y = _react.useRef(/* @__PURE__ */ new Map()), [he, Se] = _react.useState(!0), [d, ge] = _react.useState(), [H, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [l, F] = _react.useState({}), [v, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: ve, setRawValue: Z, setValue: $, formStatus: Te, formErrors: X, setFormError: Ie, register: B } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), Ee = me || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), T = de || Te === "sending", R = pe || !!X[i], Q = X[i] || ue, a = fe !== null && fe !== void 0 ? fe : ve[i], A = (e)=>{
+        V == null || V(e), Ie({
             name: i,
             error: ""
         }), Z({
@@ -142,28 +142,28 @@ const nt = (param)=>{
     }, I = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, ye = o.height, b = p + ye, _ = Math.min(u.length, 8) * 48 + 16;
-                if (b + _ + 12 > window.innerHeight) {
-                    const Ne = window.innerHeight - b;
-                    if (p > Ne) {
-                        const Re = p - _;
+                const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, ye = o.height, N = p + ye, _ = Math.min(u.length, 8) * 48 + 16;
+                if (N + _ + 12 > window.innerHeight) {
+                    const Re = window.innerHeight - N;
+                    if (p > Re) {
+                        const Ae = p - _;
                         F({
                             minWidth: E,
                             left: O,
-                            top: Math.max(Re, 12),
+                            top: Math.max(Ae, 12),
                             maxHeight: Math.min(p - 12, _),
                             transformOrigin: "center bottom"
                         });
                     } else F({
                         minWidth: E,
-                        top: b,
+                        top: N,
                         left: O,
-                        maxHeight: window.innerHeight - b - 12,
+                        maxHeight: window.innerHeight - N - 12,
                         transformOrigin: "center top"
                     });
                 } else F({
                     minWidth: E,
-                    top: b,
+                    top: N,
                     left: O,
                     maxHeight: _,
                     transformOrigin: "center top"
@@ -175,19 +175,19 @@ const nt = (param)=>{
         } else K(!1), z(!1), W(void 0);
     }, Y = (e)=>{
         var t;
-        G.current = (t = g.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && Se(e);
-    }, Ee = (e)=>{
-        var r;
-        const t = (r = g.current) == null ? void 0 : r.getBoundingClientRect();
-        if (t && e && N.current.has(e)) {
-            const c = N.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
+        G.current = (t = g.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && ge(e);
+    }, we = (e)=>{
+        var s;
+        const t = (s = g.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 (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));
         }
-    }, we = f.current, xe = h.current;
+    }, xe = f.current, Oe = h.current;
     _react.useEffect(()=>{
         Z({
             name: i,
@@ -214,41 +214,41 @@ const nt = (param)=>{
         B,
         f,
         h,
-        we,
-        xe
+        xe,
+        Oe
     ]), _react.useEffect(()=>{
-        const e = (r)=>{
+        const e = (s)=>{
             var p;
             const o = {
                 [_keys.UP]: -1,
                 [_keys.DOWN]: 1
-            }[r.key];
+            }[s.key];
             if (o) {
-                (0, _dom.cancelEvent)(r);
+                (0, _dom.cancelEvent)(s);
                 var _ref;
                 const E = (_ref = (p = u[u.findIndex((param)=>{
                     let { value: O } = param;
-                    return O === T;
-                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
-                W(E), Ee(E);
+                    return O === v;
+                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : v;
+                W(E), we(E);
             }
-        }, t = (r)=>{
-            if (H) switch(r.key){
+        }, t = (s)=>{
+            if (H) switch(s.key){
                 case _keys.TAB:
-                    (0, _dom.cancelEvent)(r);
+                    (0, _dom.cancelEvent)(s);
                     break;
                 case _keys.ESC:
                     I(!1);
                     break;
                 case _keys.ENTER:
                 case _keys.SPACE:
-                    (0, _dom.cancelEvent)(r), u.findIndex((param)=>{
+                    (0, _dom.cancelEvent)(s), u.findIndex((param)=>{
                         let { value: c } = param;
-                        return c === T;
-                    }) !== -1 && T !== d && Y(T), I(!1);
+                        return c === v;
+                    }) !== -1 && v !== d && Y(v), I(!1);
                     break;
             }
-            j && e(r);
+            j && e(s);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -258,13 +258,13 @@ const nt = (param)=>{
     }, [
         q
     ]), _react.useEffect(()=>{
-        he(!1);
+        Se(!1);
     }, []);
-    const Oe = (e)=>{
+    const Ne = (e)=>{
         var t;
         return e ? (t = u.find((param)=>{
-            let { value: r } = param;
-            return r === e;
+            let { value: s } = param;
+            return s === e;
         })) == null ? void 0 : t.text : "";
     }, be = {
         tabIndex: 0,
@@ -280,8 +280,8 @@ const nt = (param)=>{
     var _ref, _l_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         isInverse: !1,
-        children: Ie || me ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
-            disabled: v,
+        children: Ee || he ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+            disabled: T,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
                 error: R,
                 leftText: Q
@@ -297,12 +297,12 @@ const nt = (param)=>{
                     children: w
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
-                    className: (0, _classnames.default)(_selectcssmistica.selectVariants[v ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                    className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
                     id: L,
                     "aria-invalid": !!R,
                     value: a,
                     required: !D,
-                    disabled: v,
+                    disabled: T,
                     onChange: (e)=>{
                         A && A(e.target.value);
                     },
@@ -347,8 +347,11 @@ const nt = (param)=>{
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _selectcssmistica.arrowDown,
                     "aria-hidden": !0,
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                        size: ee
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: _selectcssmistica.iconContainer,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
+                            size: ee
+                        })
                     })
                 })
             ]
@@ -359,15 +362,18 @@ const nt = (param)=>{
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: f
-                }, !v && be), {
+                }, !T && be), {
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
                                 visibility: "hidden"
                             },
                             fullWidth: P,
-                            endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                                size: ee
+                            endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _selectcssmistica.iconContainer,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
+                                    size: ee
+                                })
                             }),
                             focus: U,
                             label: w,
@@ -376,15 +382,15 @@ const nt = (param)=>{
                             name: i,
                             helperText: Q,
                             required: !D,
-                            disabled: v,
+                            disabled: T,
                             id: L,
                             error: R,
                             inputRef: h,
                             fieldRef: S
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[v ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: Oe(a !== null && a !== void 0 ? a : d)
+                            className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                            children: Ne(a !== null && a !== void 0 ? a : d)
                         })
                     ]
                 })),
@@ -413,12 +419,12 @@ const nt = (param)=>{
                                     "aria-selected": e === (d !== null && d !== void 0 ? d : a),
                                     "data-value": e,
                                     className: (0, _classnames.default)(_selectcssmistica.menuItem, {
-                                        [_selectcssmistica.menuItemSelected]: e === T || e === (d !== null && d !== void 0 ? d : a)
+                                        [_selectcssmistica.menuItemSelected]: e === v || e === (d !== null && d !== void 0 ? d : a)
                                     }),
                                     onPointerDown: _dom.cancelEvent,
                                     onClick: ()=>Y(e),
-                                    ref: (r)=>{
-                                        r ? N.current.set(e, r) : N.current.delete(e);
+                                    ref: (s)=>{
+                                        s ? y.current.set(e, s) : y.current.delete(e);
                                     },
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         regular: !0,
@@ -432,4 +438,4 @@ const nt = (param)=>{
             ]
         })
     });
-}, Et = nt;
+}, wt = rt;

package/dist/sheet.css-mistica.js

@@ -22,7 +22,7 @@ _export(exports, {
         return a;
     },
     children: function() {
-        return o;
+        return e;
     },
     closingOverlay: function() {
         return r;
@@ -31,36 +31,33 @@ _export(exports, {
         return t;
     },
     handle: function() {
-        return e;
+        return o;
     },
     handleContainer: function() {
-        return l;
+        return i;
     },
     infoItemIcon: function() {
-        return g;
+        return l;
     },
     modalCloseButton: function() {
-        return i;
-    },
-    modalCloseButtonIcon: function() {
-        return c;
+        return g;
     },
     overlay: function() {
-        return h;
+        return c;
     },
     sheetActionRow: function() {
-        return z;
+        return h;
     },
     stickyButtons: function() {
-        return k;
+        return z;
     },
     stickyTitle: function() {
-        return j;
+        return k;
     },
     transitionDuration: function() {
-        return d;
+        return j;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet.css.ts.vanilla.css-mistica.js");
-var y = "cylz3v6 _1y2v1nf36", f = "cylz3v4 _1y2v1nfge _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", _ = "cylz3v9 _1y2v1nf6z _1y2v1nfgi _1y2v1nfgo", a = "cylz3vo", o = "_1y2v1nfjo _1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo", r = "cylz3vl", t = "cylz3v7", e = "_1y2v1nf4d _1y2v1nfhe _1y2v1nfhp _1y2v1nfj2", l = "cylz3vc _1y2v1nf6k _1y2v1nf7t _1y2v1nfgd _1y2v1nfjp _1y2v1nfhz _1y2v1nfh5 _1y2v1nfgi _1y2v1nfgr", g = "_1y2v1nfgi _1y2v1nfgx _1y2v1nfhu", i = "cylz3vf _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj", c = "cylz3vh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1", h = "cylz3vk _1y2v1nfge _1y2v1nf3h _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", z = "cylz3vq _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfiv _1y2v1nfgx", k = "_1y2v1nfgg _1y2v1nfky _1y2v1nf36", j = "_1y2v1nfgg _1y2v1nfjp _1y2v1nf36", d = 400;
+var y = "cylz3v6 _1y2v1nf36", f = "cylz3v4 _1y2v1nfge _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", _ = "cylz3v9 _1y2v1nf6z _1y2v1nfgi _1y2v1nfgo", a = "cylz3vo", e = "_1y2v1nfjo _1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo", r = "cylz3vl", t = "cylz3v7", o = "_1y2v1nf4d _1y2v1nfhe _1y2v1nfhp _1y2v1nfj2", i = "cylz3vc _1y2v1nf6k _1y2v1nf7t _1y2v1nfgd _1y2v1nfjp _1y2v1nfhz _1y2v1nfh5 _1y2v1nfgi _1y2v1nfgr", l = "_1y2v1nfgi _1y2v1nfgx _1y2v1nfhu", g = "cylz3vf _1y2v1nf6w _1y2v1nf85 _1y2v1nf9e _1y2v1nfan _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj", c = "cylz3vk _1y2v1nfge _1y2v1nf3h _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", h = "cylz3vq _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfiv _1y2v1nfgx", z = "_1y2v1nfgg _1y2v1nfky _1y2v1nf36", k = "_1y2v1nfgg _1y2v1nfjp _1y2v1nf36", j = 400;

package/dist/sheet.js

@@ -11,22 +11,22 @@ function _export(target, all) {
 }
 _export(exports, {
     ActionsListSheet: function() {
-        return Ze;
+        return Xe;
     },
     ActionsSheet: function() {
-        return er;
+        return _e;
     },
     InfoSheet: function() {
-        return _e;
+        return Ze;
     },
     RadioListSheet: function() {
-        return Xe;
+        return We;
     },
     SheetBody: function() {
-        return b;
+        return k;
     },
     default: function() {
-        return rr;
+        return er;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -51,7 +51,7 @@ const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"))
 const _dom = require("./utils/dom.js");
 const _button = require("./button.js");
 const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
-const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
+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");
@@ -181,10 +181,10 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>{
+const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (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 = C(h);
+        p.current = !0, g.current = 0, t.current = Date.now(), o.current = P(h);
     }, []), c = _react.useCallback(()=>{
         p.current = !1, l(0);
     }, []);
@@ -196,7 +196,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                     g.current++;
                     return;
                 }
-                u.current = C(a), l(u.current - o.current);
+                u.current = P(a), l(u.current - o.current);
             }
         }, d = ()=>{
             if (!p.current) return;
@@ -223,7 +223,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             transition: "none"
         } : void 0
     };
-}, Ee = {
+}, Ie = {
     closed: {
         open: "opening"
     },
@@ -237,9 +237,9 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
     closing: {
         transitionEnd: "closed"
     }
-}, ke = (n, s)=>Ee[n][s] || n, I = /*#__PURE__*/ _react.forwardRef((param, p)=>{
+}, be = (n, s)=>Ie[n][s] || n, I = /*#__PURE__*/ _react.forwardRef((param, p)=>{
     let { onClose: n, children: s, dataAttributes: l } = param;
-    const { texts: g } = (0, _hooks.useTheme)(), [t, o] = _react.useReducer(ke, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((f)=>{
+    const { texts: g } = (0, _hooks.useTheme)(), [t, o] = _react.useReducer(be, "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 C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         t,
         n
     ]);
-    const _Ie = Ie({
+    const _De = De({
         closeModal: c
-    }), { onScroll: h, overlayStyle: d } = _Ie, a = _object_without_properties(_Ie, [
+    }), { onScroll: h, overlayStyle: d } = _De, a = _object_without_properties(_De, [
         "onScroll",
         "overlayStyle"
     ]);
@@ -313,16 +313,13 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _sheetcssmistica.modalCloseButton,
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
-                                    size: 32,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
                                     onPress: c,
                                     "aria-label": g.modalClose,
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                        className: _sheetcssmistica.modalCloseButtonIcon,
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
-                                            size: 20
-                                        })
-                                    })
+                                    Icon: _iconcloseregular.default,
+                                    bleedLeft: !0,
+                                    bleedRight: !0,
+                                    bleedY: !0
                                 })
                             })
                         ]
@@ -331,7 +328,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             ]
         })
     });
-}), b = (param)=>{
+}), k = (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(()=>{
@@ -449,7 +446,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             })
         ]
     });
-}, Xe = /*#__PURE__*/ _react.forwardRef((param, r)=>{
+}, We = /*#__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, {
@@ -459,13 +456,13 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             "component-name": "RadioListSheet"
         }, m),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: y, modalTitleId: B } = param;
+            let { closeModal: y, modalTitleId: L } = param;
             var _ref;
-            return (0, _jsxruntime.jsx)(b, {
+            return (0, _jsxruntime.jsx)(k, {
                 title: n,
                 subtitle: s,
                 description: l,
-                modalTitleId: B,
+                modalTitleId: L,
                 button: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
                     onPress: ()=>{
                         d.current && (o == null || o(c !== null && c !== void 0 ? c : "")), y();
@@ -474,7 +471,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                 }) : void 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
-                        "aria-labelledby": B,
+                        "aria-labelledby": L,
                         name: "sheetselection",
                         value: c,
                         onChange: (R)=>{
@@ -498,7 +495,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), Ze = /*#__PURE__*/ _react.forwardRef((param, u)=>{
+}), Xe = /*#__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, {
@@ -509,7 +506,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         }, o),
         children: (param)=>{
             let { closeModal: r, modalTitleId: c } = param;
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -548,7 +545,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), _e = /*#__PURE__*/ _react.forwardRef((param, o)=>{
+}), Ze = /*#__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, {
@@ -559,7 +556,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         }, t),
         children: (param)=>{
             let { modalTitleId: m } = param;
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -606,7 +603,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), er = /*#__PURE__*/ _react.forwardRef((param, r)=>{
+}), _e = /*#__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();
@@ -626,7 +623,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         }, u),
         children: (param)=>{
             let { modalTitleId: d, closeModal: a } = param;
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -643,4 +640,4 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), rr = I;
+}), er = I;

package/dist/slider.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Ue;
+        return Ne;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -153,7 +153,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
         "tooltip"
     ]);
     r && (r.length === 0 ? r = void 0 : s = r.length - 1), t = t | 0, t = t <= 0 ? 1 : t;
-    const { defaultValue: z, value: H, onChange: U, focusableRef: q, disabled: _, name: G } = (0, _formcontext.useControlProps)({
+    const { defaultValue: z, value: H, onChange: N, focusableRef: q, disabled: U, name: G } = (0, _formcontext.useControlProps)({
         name: f.name,
         value: f.value !== void 0 ? B(!1, a, s, t, D(a, f.value, r)) : void 0,
         defaultValue: f.defaultValue !== void 0 ? B(!1, a, s, t, D(a, f.defaultValue, r)) : void 0,
@@ -161,24 +161,24 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
         disabled: f.disabled
     }), [J, K] = _react.useState(H !== null && H !== void 0 ? H : B(!1, a, s, t, D(a, z, r))), d = H !== null && H !== void 0 ? H : J, y = _react.useRef(d), S = _react.useCallback((e, o)=>{
         const n = B(o, a, s, t, e);
-        y.current !== n && (U(r ? r[n] : n), K(n), y.current = n);
+        y.current !== n && (N(r ? r[n] : n), K(n), y.current = n);
     }, [
         a,
         s,
         t,
         r,
-        U
+        N
     ]);
     _react.useEffect(()=>{
         S(y.current, !1);
     }, [
         S
     ]);
-    const N = _react.useRef(null), C = _react.useRef(null), F = _react.useRef(null), Q = _react.useRef(null), [T, E] = _react.useState(!1), [A, L] = _react.useState(!1), [W, O] = _react.useState(!1), { isIos: I } = (0, _hooks.useTheme)(), k = (e, o, n)=>{
+    const _ = _react.useRef(null), C = _react.useRef(null), F = _react.useRef(null), Q = _react.useRef(null), [T, E] = _react.useState(!1), [A, L] = _react.useState(!1), [W, O] = _react.useState(!1), { isIos: I } = (0, _hooks.useTheme)(), k = (e, o, n)=>{
         const g = e == null ? void 0 : e.getBoundingClientRect();
         return !!g && g.left <= o && o <= g.right && g.top <= n && n <= g.bottom;
     }, u = (0, _environment.isTouchableDevice)(), V = I ? pe : Ve, h = u ? Ce : V, M = (e)=>{
-        const o = N.current;
+        const o = _.current;
         if (o) {
             const n = o.getBoundingClientRect().left + V / 2, g = o.getBoundingClientRect().right - V / 2;
             S((e - n) / (g - n), !0);
@@ -204,7 +204,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
         }, m),
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: (0, _classnames.default)(_slidercssmistica.container, {
-                [_slidercssmistica.disabled]: _
+                [_slidercssmistica.disabled]: U
             }),
             style: {
                 height: h
@@ -232,7 +232,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _slidercssmistica.track,
-                    ref: N,
+                    ref: _,
                     style: {
                         background: `linear-gradient(to right, ${_skincontractcssmistica.vars.colors.controlActivated} ${X}, ${_skincontractcssmistica.vars.colors.barTrack} ${X}`
                     }
@@ -278,7 +278,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
                     },
                     name: G,
                     value: d,
-                    disabled: _,
+                    disabled: U,
                     onChange: (e)=>S(+e.target.value, !1),
                     onFocus: ()=>{
                         O(!0);
@@ -290,4 +290,4 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
             ]
         })
     });
-}), Ue = Se;
+}), Ne = Se;