@telefonica/mistica 14.33.0 → 14.34.0

package/dist/select.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -22,8 +23,8 @@ const _platform = require("./utils/platform.js");
 const _dom = require("./utils/dom.js");
 const _text = require("./text.js");
 const _selectcssmistica = require("./select.css-mistica.js");
-const _dynamic = require("@vanilla-extract/dynamic");
 const _portal = require("./portal.js");
+const _css = require("./utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -50,7 +51,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -121,9 +124,9 @@ function _object_spread_props(target, source) {
     return target;
 }
 const Ye = (param)=>{
-    let { id: re , label: d , helperText: ie , value: ce , onChangeValue: b , name: i , fullWidth: P , options: u , optional: V , disabled: le , error: ae , onBlur: D , autoFocus: $ = !1 , native: ue  } = param;
+    let { id: re, label: d, helperText: ie, value: ce, onChangeValue: b, name: i, fullWidth: P, options: u, optional: V, disabled: le, error: ae, onBlur: D, autoFocus: $ = !1, native: ue } = param;
     var Y;
-    const S = _react.useRef(null), f = _react.useRef(null), g = _react.useRef(null), T = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [de, fe] = _react.useState(!0), [p, pe] = _react.useState(), [M, q] = _react.useState(!1), [z, j] = _react.useState(!1), [K, x] = _react.useState(!1), [a, H] = _react.useState({}), [v, F] = _react.useState(), G = _react.useRef(null), Z = (0, _hooks.useAriaId)(re), { rawValues: me , setRawValue: B , setValue: W , formStatus: he , formErrors: U , setFormError: Se , register: L  } = (0, _formcontext.useForm)(), { platformOverrides: X  } = (0, _hooks.useTheme)(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(X) || (0, _platform.isIos)(X), I = le || he === "sending", R = ae || !!U[i], J = U[i] || ie, l = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
+    const S = _react.useRef(null), f = _react.useRef(null), g = _react.useRef(null), T = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [de, fe] = _react.useState(!0), [p, pe] = _react.useState(), [M, q] = _react.useState(!1), [z, j] = _react.useState(!1), [K, x] = _react.useState(!1), [a, H] = _react.useState({}), [v, F] = _react.useState(), G = _react.useRef(null), Z = (0, _hooks.useAriaId)(re), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = (0, _formcontext.useForm)(), { platformOverrides: X } = (0, _hooks.useTheme)(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(X) || (0, _platform.isIos)(X), E = le || he === "sending", R = ae || !!U[i], J = U[i] || ie, l = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
         b == null || b(e), Se({
             name: i,
             error: ""
@@ -134,7 +137,7 @@ const Ye = (param)=>{
             name: i,
             value: e
         });
-    }, E = (e)=>{
+    }, I = (e)=>{
         if (e) {
             if (g != null && g.current) {
                 const s = g.current.getBoundingClientRect(), m = s.top, w = s.width, O = s.left, Oe = s.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
@@ -170,7 +173,7 @@ const Ye = (param)=>{
         } else j(!1), q(!1), F(void 0);
     }, Q = (e)=>{
         var t;
-        G.current = (t = T.current) == null ? void 0 : t.scrollTop, E(!1), A && typeof e == "string" && A(e), typeof l > "u" && pe(e);
+        G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof l > "u" && pe(e);
     }, Te = (e)=>{
         var n;
         const t = (n = T.current) == null ? void 0 : n.getBoundingClientRect();
@@ -182,7 +185,7 @@ const Ye = (param)=>{
             }
             s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, ve = f.current, Ie = S.current;
+    }, ve = f.current, Ee = S.current;
     _react.useEffect(()=>{
         B({
             name: i,
@@ -210,7 +213,7 @@ const Ye = (param)=>{
         f,
         S,
         ve,
-        Ie
+        Ee
     ]), _react.useEffect(()=>{
         const e = (n)=>{
             var m;
@@ -222,16 +225,16 @@ const Ye = (param)=>{
                 (0, _dom.cancelEvent)(n);
                 var _ref;
                 const w = (_ref = (m = u[u.findIndex((param)=>{
-                    let { value: O  } = param;
+                    let { value: O } = param;
                     return O === v;
                 }) + s]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
                 F(w), Te(w);
             }
         }, t = (n)=>{
-            M && (n.keyCode === _keycodes.TAB && (0, _dom.cancelEvent)(n), n.keyCode === _keycodes.ESC && E(!1), (n.keyCode === _keycodes.ENTER || n.keyCode === _keycodes.SPACE) && ((0, _dom.cancelEvent)(n), u.findIndex((param)=>{
-                let { value: c  } = param;
+            M && (n.keyCode === _keycodes.TAB && (0, _dom.cancelEvent)(n), n.keyCode === _keycodes.ESC && I(!1), (n.keyCode === _keycodes.ENTER || n.keyCode === _keycodes.SPACE) && ((0, _dom.cancelEvent)(n), u.findIndex((param)=>{
+                let { value: c } = param;
                 return c === v;
-            }) !== -1 && v !== p && Q(v), E(!1))), z && e(n);
+            }) !== -1 && v !== p && Q(v), I(!1))), z && e(n);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -243,10 +246,10 @@ const Ye = (param)=>{
     ]), _react.useEffect(()=>{
         fe(!1);
     }, []);
-    const Ee = (e)=>{
+    const Ie = (e)=>{
         var t;
         return e ? (t = u.find((param)=>{
-            let { value: n  } = param;
+            let { value: n } = param;
             return n === e;
         })) == null ? void 0 : t.text : "";
     }, we = {
@@ -254,15 +257,15 @@ const Ye = (param)=>{
         onFocus: ()=>x(!0),
         onBlur: ()=>x(!1),
         onClick: ()=>{
-            E(!0), x(!0);
+            I(!0), x(!0);
         },
         onKeyDown: (e)=>{
-            !M && (e.keyCode === _keycodes.SPACE || e.keyCode === _keycodes.ENTER) && ((0, _dom.cancelEvent)(e), E(!0));
+            !M && (e.keyCode === _keycodes.SPACE || e.keyCode === _keycodes.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
         }
-    }, { isDesktopOrBigger: xe  } = (0, _hooks.useScreenSize)();
+    }, { isDesktopOrBigger: xe } = (0, _hooks.useScreenSize)();
     var _ref, _a_transformOrigin;
     return ge || de ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
-        disabled: I,
+        disabled: E,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
             error: R,
             leftText: J
@@ -278,12 +281,12 @@ const Ye = (param)=>{
                 children: d
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
-                className: _selectcssmistica.selectVariants[I ? "disabled" : "default"],
+                className: _selectcssmistica.selectVariants[E ? "disabled" : "default"],
                 id: Z,
                 "aria-invalid": !!R,
                 value: l,
                 required: !V,
-                disabled: I,
+                disabled: E,
                 onChange: (e)=>{
                     A && A(e.target.value);
                 },
@@ -309,7 +312,7 @@ const Ye = (param)=>{
                 },
                 children: [
                     u.every((param)=>{
-                        let { value: e  } = param;
+                        let { value: e } = param;
                         return !!e;
                     }) && // if no "empty" option exists, insert a dummy empty option
                     // this is needed to allow a native select with no selected option
@@ -320,7 +323,7 @@ const Ye = (param)=>{
                         }
                     }),
                     u.map((param)=>/* @__PURE__ */ {
-                        let { value: e , text: t  } = param;
+                        let { value: e, text: t } = param;
                         return (0, _jsxruntime.jsx)("option", {
                             value: e,
                             children: t
@@ -343,7 +346,7 @@ const Ye = (param)=>{
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !I && we), {
+            }, !E && we), {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                         style: {
@@ -360,29 +363,29 @@ const Ye = (param)=>{
                         name: i,
                         helperText: J,
                         required: !V,
-                        disabled: I,
+                        disabled: E,
                         id: Z,
                         error: R,
                         inputRef: S,
                         fieldRef: g
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: _selectcssmistica.selectTextVariants[I ? "disabled" : "default"],
+                        className: _selectcssmistica.selectTextVariants[E ? "disabled" : "default"],
                         style: {
                             top: xe ? d ? 28 : 18 : d ? 25 : 16
                         },
-                        children: Ee(l !== null && l !== void 0 ? l : p)
+                        children: Ie(l !== null && l !== void 0 ? l : p)
                     })
                 ]
             })),
             M && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
                 onPress: (e)=>{
-                    E(!1), (0, _dom.cancelEvent)(e);
+                    I(!1), (0, _dom.cancelEvent)(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
-                        style: (0, _dynamic.assignInlineVars)({
+                        style: (0, _css.applyCssVars)({
                             [_selectcssmistica.vars.top]: a.top ? `${a.top}px` : "",
                             [_selectcssmistica.vars.left]: a.left ? `${a.left}px` : "",
                             [_selectcssmistica.vars.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
@@ -394,7 +397,7 @@ const Ye = (param)=>{
                         role: "listbox",
                         ref: T,
                         children: u.map((param)=>/* @__PURE__ */ {
-                            let { value: e , text: t  } = param;
+                            let { value: e, text: t } = param;
                             return (0, _jsxruntime.jsx)("li", {
                                 role: "option",
                                 "aria-selected": e === (p !== null && p !== void 0 ? p : l),

package/dist/sheet-root.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -50,7 +51,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -153,7 +156,7 @@ let p = null, n = null, l = null;
 const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
 
 `) : void 0 : r, L = (param)=>{
-    let { title: r , subtitle: c , description: e , selectedId: s , items: t  } = param;
+    let { title: r, subtitle: c, description: e, selectedId: s, items: t } = param;
     return l({
         title: r,
         subtitle: c,
@@ -172,7 +175,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
             }
         ]
     }).then((param)=>{
-        let { action: o , result: a  } = param;
+        let { action: o, result: a } = param;
         return o === "SUBMIT" ? {
             action: o,
             selectedId: a[0].selectedIds[0]
@@ -182,7 +185,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
         };
     });
 }, k = (param)=>{
-    let { title: r , subtitle: c , description: e , items: s  } = param;
+    let { title: r, subtitle: c, description: e, items: s } = param;
     return l({
         title: r,
         subtitle: c,
@@ -199,7 +202,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
             }
         ]
     }).then((param)=>{
-        let { action: t , result: o  } = param;
+        let { action: t, result: o } = param;
         return t === "SUBMIT" ? {
             action: t,
             selectedId: o[0].selectedIds[0]
@@ -210,7 +213,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
     });
 }, b = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: r , subtitle: c , description: e , items: s  } = param;
+        let { title: r, subtitle: c, description: e, items: s } = param;
         yield l({
             title: r,
             subtitle: c,
@@ -233,7 +236,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
     };
 }(), C = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: r , subtitle: c , description: e , button: s , secondaryButton: t , link: o  } = param;
+        let { title: r, subtitle: c, description: e, button: s, secondaryButton: t, link: o } = param;
         return l({
             title: r,
             subtitle: c,
@@ -249,10 +252,10 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
                 }
             ]
         }).then((param)=>{
-            let { action: a , result: i  } = param;
+            let { action: a, result: i } = param;
             if (a === "SUBMIT") {
                 const f = i.find((param)=>{
-                    let { id: T  } = param;
+                    let { id: T } = param;
                     return T === "bottom-actions-0";
                 }), I = f == null ? void 0 : f.selectedIds[0];
                 if (I === "PRIMARY" || I === "SECONDARY" || I === "LINK") return {
@@ -283,7 +286,7 @@ const B = (r)=>{
     };
     if (l) {
         let e;
-        const { type: s , props: t  } = r;
+        const { type: s, props: t } = r;
         switch(s){
             case "INFO":
                 e = b(t);
@@ -307,7 +310,7 @@ const B = (r)=>{
         });
     } else return c();
 }, M = (r)=>{
-    const { isDarkMode: c  } = (0, _hooks.useTheme)(), [e, s] = _react.useState(null), t = _react.useRef(null);
+    const { isDarkMode: c } = (0, _hooks.useTheme)(), [e, s] = _react.useState(null), t = _react.useRef(null);
     if (_react.useEffect(()=>{
         if (r.nativeImplementation) return l = r.nativeImplementation, ()=>{
             l = null;

package/dist/sheet.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -80,7 +81,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -178,8 +181,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
-    let { closeModal: t  } = param;
-    const [i, a] = _react.useState(0), f = _react.useRef(!1), p = _react.useRef(0), o = _react.useRef(0), s = _react.useRef(0), u = _react.useRef(0), { isDesktopOrBigger: m  } = (0, _hooks.useScreenSize)(), r = _react.useCallback((h)=>{
+    let { closeModal: t } = param;
+    const [i, a] = _react.useState(0), f = _react.useRef(!1), p = _react.useRef(0), o = _react.useRef(0), s = _react.useRef(0), u = _react.useRef(0), { isDesktopOrBigger: m } = (0, _hooks.useScreenSize)(), r = _react.useCallback((h)=>{
         f.current = !0, p.current = 0, o.current = Date.now(), s.current = C(h);
     }, []), c = _react.useCallback(()=>{
         f.current = !1, a(0);
@@ -249,8 +252,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         transitionEnd: "closed"
     }
 }, we = (t, i)=>be[t][i] || t, b = /*#__PURE__*/ _react.forwardRef((param, f)=>{
-    let { onClose: t , children: i , dataAttributes: a  } = param;
-    const { texts: p  } = (0, _hooks.useTheme)(), [o, s] = _react.useReducer(we, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((v)=>{
+    let { onClose: t, children: i, dataAttributes: a } = param;
+    const { texts: p } = (0, _hooks.useTheme)(), [o, s] = _react.useReducer(we, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((v)=>{
         v.target === v.currentTarget && s("transitionEnd");
     }, []), c = ()=>{
         o === "open" && s("close");
@@ -272,7 +275,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     ]);
     const _Se = Se({
         closeModal: c
-    }), { onScroll: h , overlayStyle: d  } = _Se, l = _object_without_properties(_Se, [
+    }), { onScroll: h, overlayStyle: d } = _Se, l = _object_without_properties(_Se, [
         "onScroll",
         "overlayStyle"
     ]);
@@ -343,7 +346,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         })
     });
 }), k = (param)=>{
-    let { title: t , subtitle: i , description: a , modalTitleId: f , button: p , secondaryButton: o , link: s , children: u  } = param;
+    let { title: t, subtitle: i, description: a, modalTitleId: f, button: p, secondaryButton: o, link: s, children: u } = param;
     const m = _react.useRef(null), r = _react.useRef(null), c = _react.useRef(null);
     _react.useEffect(()=>{
         r.current && (c.current = (0, _dom.getScrollableParentElement)(r.current));
@@ -461,9 +464,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         ]
     });
 }, Qe = /*#__PURE__*/ _react.forwardRef((param, r)=>{
-    let { title: t , subtitle: i , description: a , items: f , selectedId: p , onClose: o , onSelect: s , button: u , dataAttributes: m  } = param;
-    const [c, h] = _react.useState(p), d = _react.useRef(!1), { isDesktopOrBigger: l  } = (0, _hooks.useScreenSize)(), { texts: g  } = (0, _hooks.useTheme)();
-    var _ref, _R_title;
+    let { title: t, subtitle: i, description: a, items: f, selectedId: p, onClose: o, onSelect: s, button: u, dataAttributes: m } = param;
+    const [c, h] = _react.useState(p), d = _react.useRef(!1), { isDesktopOrBigger: l } = (0, _hooks.useScreenSize)(), { texts: g } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: o,
         ref: r,
@@ -471,7 +473,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "RadioListSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: v , modalTitleId: L  } = param;
+            let { closeModal: v, modalTitleId: L } = param;
+            var _ref;
             return (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,
@@ -494,12 +497,15 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                             }, 200));
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.RowList, {
-                            children: f.map((R)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, {
+                            children: f.map((R)=>/* @__PURE__ */ {
+                                var _R_title;
+                                return (0, _jsxruntime.jsx)(_list.Row, {
                                     title: (_R_title = R.title) !== null && _R_title !== void 0 ? _R_title : "",
                                     description: R.description,
                                     asset: R.asset,
                                     radioValue: R.id
-                                }, R.id))
+                                }, R.id);
+                            })
                         })
                     })
                 })
@@ -507,8 +513,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), Ue = /*#__PURE__*/ _react.forwardRef((param, u)=>{
-    let { title: t , subtitle: i , description: a , items: f , onClose: p , onSelect: o , dataAttributes: s  } = param;
-    const { isDarkMode: m  } = (0, _hooks.useTheme)();
+    let { title: t, subtitle: i, description: a, items: f, onClose: p, onSelect: o, dataAttributes: s } = param;
+    const { isDarkMode: m } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: p,
         ref: u,
@@ -516,7 +522,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "ActionsListSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: r , modalTitleId: c  } = param;
+            let { closeModal: r, modalTitleId: c } = param;
             return (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,
@@ -524,7 +530,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                 modalTitleId: c,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
                     children: f.map((param)=>/* @__PURE__ */ {
-                        let { id: h , style: d , title: l , icon: g  } = param;
+                        let { id: h, style: d, title: l, icon: g } = param;
                         return (0, _jsxruntime.jsx)(_touchable.default, {
                             onPress: ()=>{
                                 o == null || o(h), r();
@@ -557,8 +563,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), We = /*#__PURE__*/ _react.forwardRef((param, s)=>{
-    let { title: t , subtitle: i , description: a , items: f , onClose: p , dataAttributes: o  } = param;
-    const { isDarkMode: u  } = (0, _hooks.useTheme)();
+    let { title: t, subtitle: i, description: a, items: f, onClose: p, dataAttributes: o } = param;
+    const { isDarkMode: u } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: p,
         ref: s,
@@ -566,7 +572,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "InfoSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { modalTitleId: m  } = param;
+            let { modalTitleId: m } = param;
             return (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,
@@ -615,11 +621,11 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), Xe = /*#__PURE__*/ _react.forwardRef((param, r)=>{
-    let { title: t , subtitle: i , description: a , button: f , secondaryButton: p , buttonLink: o , onClose: s , dataAttributes: u , onPressButton: m  } = param;
+    let { title: t, subtitle: i, description: a, button: f, secondaryButton: p, buttonLink: o, onClose: s, dataAttributes: u, onPressButton: m } = param;
     const c = (d, l)=>()=>{
             m == null || m(l), d();
         }, h = (_param)=>{
-        var { text: d  } = _param, l = _object_without_properties(_param, [
+        var { text: d } = _param, l = _object_without_properties(_param, [
             "text"
         ]);
         return _object_spread({
@@ -633,7 +639,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "ActionsSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { modalTitleId: d , closeModal: l  } = param;
+            let { modalTitleId: d, closeModal: l } = param;
             return (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,

package/dist/skeleton-base.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -19,7 +20,7 @@ function _interop_require_default(obj) {
     };
 }
 const d = (param)=>{
-    let { width: e = "100%" , height: o = 8 , radius: s = _skincontractcssmistica.vars.borderRadii.container , className: a , noBorderRadius: n = !1  } = param;
+    let { width: e = "100%", height: o = 8, radius: s = _skincontractcssmistica.vars.borderRadii.container, className: a, noBorderRadius: n = !1 } = param;
     const t = (0, _themevariantcontext.useIsInverseVariant)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(a, (0, _sprinklescssmistica.sprinkles)({

package/dist/skeletons.js

@@ -88,7 +88,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 const o = (param)=>/* @__PURE__ */ {
-    let { children: n , ariaLabel: t , dataAttributes: i , width: a , height: l  } = param;
+    let { children: n, ariaLabel: t, dataAttributes: i, width: a, height: l } = param;
     return (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: _skeletonscssmistica.animation,
         role: "status",
@@ -103,7 +103,7 @@ const o = (param)=>/* @__PURE__ */ {
         children: n
     }));
 }, g = (param)=>/* @__PURE__ */ {
-    let { width: n = "100%" , ariaLabel: t , dataAttributes: i  } = param;
+    let { width: n = "100%", ariaLabel: t, dataAttributes: i } = param;
     return (0, _jsxruntime.jsx)(o, {
         width: n,
         ariaLabel: t,
@@ -115,7 +115,7 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, A = (param)=>/* @__PURE__ */ {
-    let { ariaLabel: n , dataAttributes: t  } = param;
+    let { ariaLabel: n, dataAttributes: t } = param;
     return (0, _jsxruntime.jsx)(o, {
         width: "100%",
         ariaLabel: n,
@@ -134,7 +134,7 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, x = (param)=>/* @__PURE__ */ {
-    let { ariaLabel: n , size: t = 40 , dataAttributes: i  } = param;
+    let { ariaLabel: n, size: t = 40, dataAttributes: i } = param;
     return (0, _jsxruntime.jsx)(o, {
         width: t,
         height: t,
@@ -149,7 +149,7 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, N = (param)=>/* @__PURE__ */ {
-    let { width: n = "100%" , ariaLabel: t , dataAttributes: i  } = param;
+    let { width: n = "100%", ariaLabel: t, dataAttributes: i } = param;
     return (0, _jsxruntime.jsx)(o, {
         width: n,
         ariaLabel: t,
@@ -173,7 +173,7 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, R = (param)=>/* @__PURE__ */ {
-    let { width: n = "100%" , height: t = "100%" , ariaLabel: i , dataAttributes: a , noBorderRadius: l = !1  } = param;
+    let { width: n = "100%", height: t = "100%", ariaLabel: i, dataAttributes: a, noBorderRadius: l = !1 } = param;
     return (0, _jsxruntime.jsx)(o, {
         height: t,
         width: n,

package/dist/skins/utils.js

@@ -46,7 +46,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/slider.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -40,7 +41,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -59,8 +62,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const K = (param)=>{
-    let { disabled: u , steps: t = 1 , max: a = 100 , min: l = 0 , value: o , onChange: d , getStepArrayIndex: f , "arial-label": A , tooltip: $  } = param;
-    const { isIos: w  } = (0, _hooks.useTheme)(), { isTabletOrSmaller: k  } = (0, _hooks.useScreenSize)(), [i, g] = _react.useState(l), [m, C] = _react.useState(l), [b, M] = _react.useState(a), [N, O] = _react.useState(1), h = _react.useRef(null), P = _react.useMemo(()=>u ? "0.5" : "1", [
+    let { disabled: u, steps: t = 1, max: a = 100, min: l = 0, value: o, onChange: d, getStepArrayIndex: f, "arial-label": A, tooltip: $ } = param;
+    const { isIos: w } = (0, _hooks.useTheme)(), { isTabletOrSmaller: k } = (0, _hooks.useScreenSize)(), [i, g] = _react.useState(l), [m, C] = _react.useState(l), [b, M] = _react.useState(a), [N, O] = _react.useState(1), h = _react.useRef(null), P = _react.useMemo(()=>u ? "0.5" : "1", [
         u
     ]), j = 0, p = "50%", v = _react.useMemo(()=>u && _slidercssmistica.sliderDisabled, [
         u

package/dist/snackbar.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -48,7 +49,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -119,8 +122,8 @@ function _object_spread_props(target, source) {
     return target;
 }
 const q = 5e3, G = 1e4, J = (param)=>{
-    let { message: l , buttonText: o , duration: r , onClose: n , type: c , withDismiss: m = !1 , dataAttributes: f  } = param;
-    const { texts: d  } = (0, _hooks.useTheme)(), [i, e] = _react.useState(!1), { width: N , ref: v  } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: B  } = (0, _hooks.useScreenSize)(), s = N > (B ? 160 : 128), T = r === 1 / 0 && !o || m, u = _react.useCallback((h)=>{
+    let { message: l, buttonText: o, duration: r, onClose: n, type: c, withDismiss: m = !1, dataAttributes: f } = param;
+    const { texts: d } = (0, _hooks.useTheme)(), [i, e] = _react.useState(!1), { width: N, ref: v } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: B } = (0, _hooks.useScreenSize)(), s = N > (B ? 160 : 128), T = r === 1 / 0 && !o || m, u = _react.useCallback((h)=>{
         e(!1), setTimeout(()=>{
             n == null || n(h);
         }, _snackbarcssmistica.TRANSITION_TIME_IN_MS);
@@ -226,7 +229,7 @@ const q = 5e3, G = 1e4, J = (param)=>{
         })
     });
 }, K = (param)=>{
-    let { message: l , buttonText: o , duration: r , onClose: n = ()=>{} , type: c = "INFORMATIVE" , withDismiss: m  } = param;
+    let { message: l, buttonText: o, duration: r, onClose: n = ()=>{}, type: c = "INFORMATIVE", withDismiss: m } = param;
     const f = o ? G : q;
     r = Math.max(r !== null && r !== void 0 ? r : f, f);
     const d = (0, _webviewbridge.isWebViewBridgeAvailable)(), i = _react.useRef(n);

package/dist/spinner.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -48,8 +49,8 @@ function _object_spread(target) {
     return target;
 }
 const Z = (param)=>{
-    let { color: t , delay: s = "500ms" , size: a = 24 , style: m , rolePresentation: p  } = param;
-    const { texts: h , platformOverrides: o  } = (0, _hooks.useTheme)();
+    let { color: t, delay: s = "500ms", size: a = 24, style: m, rolePresentation: p } = param;
+    const { texts: h, platformOverrides: o } = (0, _hooks.useTheme)();
     t = t || _skincontractcssmistica.vars.colors.controlActivated;
     const l = (0, _hooks.useAriaId)(), n = !p, C = h.loading, d = (0, _platform.getPlatform)(o) === "ios" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
         "aria-labelledby": l,