@telefonica/mistica 14.33.0 → 14.34.0

package/dist/navigation-bar.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -79,7 +80,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)) {
@@ -177,7 +180,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const ke = (param)=>/* @__PURE__ */ {
-    let { isOpen: n  } = param;
+    let { isOpen: n } = param;
     return (0, _jsxruntime.jsxs)("div", {
         className: _navigationbarcssmistica.burgerIconContainer,
         role: "presentation",
@@ -194,8 +197,8 @@ const ke = (param)=>/* @__PURE__ */ {
         ]
     });
 }, Ee = 300, f = (param)=>{
-    let { children: n , topFixed: o , withBorder: t , isMenuOpen: r , isInverse: a , dataAttributes: c , isBottomRow: d = !1  } = param;
-    const { isDarkMode: s  } = (0, _hooks.useTheme)();
+    let { children: n, topFixed: o, withBorder: t, isMenuOpen: r, isInverse: a, dataAttributes: c, isBottomRow: d = !1 } = param;
+    const { isDarkMode: s } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("header", _object_spread_props(_object_spread({
         className: (0, _classnames.default)((()=>{
             const h = a && !s;
@@ -212,8 +215,8 @@ const ke = (param)=>/* @__PURE__ */ {
         children: n
     }));
 }, Ge = 136, ye = 24, N = (param)=>{
-    let { right: n , children: o  } = param;
-    const { isTabletOrSmaller: t  } = (0, _hooks.useScreenSize)();
+    let { right: n, children: o } = param;
+    const { isTabletOrSmaller: t } = (0, _hooks.useScreenSize)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _navigationbarcssmistica.navigationBarContent,
         children: [
@@ -228,8 +231,8 @@ const ke = (param)=>/* @__PURE__ */ {
         ]
     });
 }, dn = (param)=>{
-    let { sections: n , selectedIndex: o , right: t , isInverse: r = !1 , topFixed: a = !0 , withBorder: c = !0 , burgerMenuExtra: d , logo: s , large: p = !1  } = param;
-    const { texts: h , isDarkMode: q  } = (0, _hooks.useTheme)(), [l, x] = _react.useState(!1), [_, v] = _react.useState("closed"), k = (0, _hooks.useAriaId)(), J = q ? 1 : 0.2, { isTabletOrSmaller: E  } = (0, _hooks.useScreenSize)(), G = (0, _modalcontextprovider.useSetModalState)();
+    let { sections: n, selectedIndex: o, right: t, isInverse: r = !1, topFixed: a = !0, withBorder: c = !0, burgerMenuExtra: d, logo: s, large: p = !1 } = param;
+    const { texts: h, isDarkMode: q } = (0, _hooks.useTheme)(), [l, x] = _react.useState(!1), [_, v] = _react.useState("closed"), k = (0, _hooks.useAriaId)(), J = q ? 1 : 0.2, { isTabletOrSmaller: E } = (0, _hooks.useScreenSize)(), G = (0, _modalcontextprovider.useSetModalState)();
     if (s = s !== null && s !== void 0 ? s : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
         size: E ? 40 : 48
     }), E) {
@@ -348,7 +351,7 @@ const ke = (param)=>/* @__PURE__ */ {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
                 space: 32,
                 children: n.map((_param, g)=>/* @__PURE__ */ /*#__PURE__*/ {
-                    var { title: I  } = _param, b = _object_without_properties(_param, [
+                    var { title: I } = _param, b = _object_without_properties(_param, [
                         "title"
                     ]);
                     return /*#__PURE__*/ (0, _react.createElement)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
@@ -413,8 +416,8 @@ const ke = (param)=>/* @__PURE__ */ {
         ]
     });
 }, mn = (param)=>{
-    let { onBack: n , title: o , right: t , isInverse: r = !1 , topFixed: a = !0 , paddingX: c = 0 , withBorder: d = !0  } = param;
-    const { texts: s  } = (0, _hooks.useTheme)(), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+    let { onBack: n, title: o, right: t, isInverse: r = !1, topFixed: a = !0, paddingX: c = 0, withBorder: d = !0 } = param;
+    const { texts: s } = (0, _hooks.useTheme)(), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
         right: t,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 24,
@@ -464,8 +467,8 @@ const ke = (param)=>/* @__PURE__ */ {
         ]
     });
 }, un = (param)=>{
-    let { logo: n , right: o , isInverse: t = !1 , topFixed: r = !0 , withBorder: a = !0  } = param;
-    const { isTabletOrSmaller: c  } = (0, _hooks.useScreenSize)();
+    let { logo: n, right: o, isInverse: t = !1, topFixed: r = !0, withBorder: a = !0 } = param;
+    const { isTabletOrSmaller: c } = (0, _hooks.useScreenSize)();
     return n = n !== null && n !== void 0 ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
         size: c ? 40 : 48
     }), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
@@ -494,7 +497,7 @@ const ke = (param)=>/* @__PURE__ */ {
         ]
     });
 }, pn = (param)=>/* @__PURE__ */ {
-    let { children: n  } = param;
+    let { children: n } = param;
     return (0, _jsxruntime.jsx)("div", {
         className: _navigationbarcssmistica.lineHeightFix,
         "data-component-name": "NavigationBarActionGroup",
@@ -505,7 +508,7 @@ const ke = (param)=>/* @__PURE__ */ {
         })
     });
 }, hn = (_param)=>{
-    var { children: n  } = _param, o = _object_without_properties(_param, [
+    var { children: n } = _param, o = _object_without_properties(_param, [
         "children"
     ]);
     const t = (0, _themevariantcontext.useIsInverseVariant)();

package/dist/navigation-breadcrumbs.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -73,7 +74,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 const N = " / ", b = (param)=>{
-    let { title: s , breadcrumbs: n , dataAttributes: c , "aria-label": m = "Breadcrumb"  } = param;
+    let { title: s, breadcrumbs: n, dataAttributes: c, "aria-label": m = "Breadcrumb" } = param;
     const i = (0, _themevariantcontext.useIsInverseVariant)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", _object_spread_props(_object_spread({
         "aria-label": m
@@ -82,7 +83,7 @@ const N = " / ", b = (param)=>{
             className: _navigationbreadcrumbscssmistica.list,
             children: [
                 n.map((param, u)=>/* @__PURE__ */ {
-                    let { title: a , url: d  } = param;
+                    let { title: a, url: d } = param;
                     return (0, _jsxruntime.jsxs)("li", {
                         className: _navigationbreadcrumbscssmistica.listItem,
                         children: [

package/dist/negative-box.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const a = (param)=>/* @__PURE__ */ {
-    let { left: o , right: t , children: i  } = param;
+    let { left: o, right: t, children: i } = param;
     return (0, _jsxruntime.jsx)("div", {
         style: {
             marginLeft: o || !o && !t ? -16 : void 0,

package/dist/nestable-context.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -32,7 +33,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)) {
@@ -75,7 +78,7 @@ const C = (r)=>{
                 throw new Error(`Unhandled action type ${t.type}`);
         }
     }, m = (param)=>{
-        let { children: e  } = param;
+        let { children: e } = param;
         _react.useEffect(()=>(o++, o > 1 && process.env.NODE_ENV !== "production" && console.warn(`Multiple NestableContext instances: ${o}`), ()=>{
                 o--;
             }), []);
@@ -105,12 +108,12 @@ const C = (r)=>{
     }, d = ()=>_react.useContext(a);
     return {
         Setter: (param)=>{
-            let { value: e  } = param;
+            let { value: e } = param;
             return l(e), null;
         },
         Provider: m,
         Getter: (param)=>/* @__PURE__ */ {
-            let { children: e  } = param;
+            let { children: e } = param;
             return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                 children: e(d())
             });

package/dist/overlay.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -74,9 +75,9 @@ const x = {
     outline: "none",
     WebkitTapHighlightColor: "transparent"
 }, b = (param)=>{
-    let { onPress: o , children: a , className: l , style: n , disableScroll: f = !1 , dataAttributes: u  } = param;
+    let { onPress: o, children: a, className: l, style: n, disableScroll: f = !1, dataAttributes: u } = param;
     (0, _hooks.useDisableBodyScroll)(f);
-    const { platformOverrides: e  } = (0, _hooks.useTheme)(), d = (t)=>{
+    const { platformOverrides: e } = (0, _hooks.useTheme)(), d = (t)=>{
         t.button === 2 && o && o(t);
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({

package/dist/overscroll-color-context.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -22,9 +23,9 @@ const _hooks = require("./hooks.js");
 const _nestablecontext = require("./nestable-context.js");
 const _platform = require("./utils/platform.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
-const { Provider: p , Getter: g , useSetValue: b  } = (0, _nestablecontext.createNestableContext)(""), l = (r)=>(0, _platform.getPlatform)(r) === "ios", P = (param)=>{
-    let { children: r  } = param;
-    const { platformOverrides: o  } = (0, _hooks.useTheme)(), { isTabletOrSmaller: a  } = (0, _hooks.useScreenSize)(), i = (0, _hooks.useTheme)();
+const { Provider: p, Getter: g, useSetValue: b } = (0, _nestablecontext.createNestableContext)(""), l = (r)=>(0, _platform.getPlatform)(r) === "ios", P = (param)=>{
+    let { children: r } = param;
+    const { platformOverrides: o } = (0, _hooks.useTheme)(), { isTabletOrSmaller: a } = (0, _hooks.useScreenSize)(), i = (0, _hooks.useTheme)();
     return l(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
             children: (c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {

package/dist/package-version.js

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

package/dist/password-field.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -43,7 +44,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)) {
@@ -141,8 +144,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const j = (param)=>{
-    let { isVisible: s , setVisibility: i , focus: c  } = param;
-    const { texts: a  } = (0, _hooks.useTheme)();
+    let { isVisible: s, setVisibility: i, focus: c } = param;
+    const { texts: a } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.BaseIconButton, {
         "aria-label": a.togglePasswordVisibilityLabel,
         onPress: ()=>{
@@ -153,7 +156,7 @@ const j = (param)=>{
         children: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconeyeoffregular.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconeyeregular.default, {})
     });
 }, q = (_param)=>{
-    var { disabled: s , error: i , helperText: c , name: a , optional: l , validate: m , onChange: p , onChangeValue: d , onBlur: R , value: P , autoComplete: w = "current-password" , defaultValue: g  } = _param, F = _object_without_properties(_param, [
+    var { disabled: s, error: i, helperText: c, name: a, optional: l, validate: m, onChange: p, onChangeValue: d, onBlur: R, value: P, autoComplete: w = "current-password", defaultValue: g } = _param, F = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",

package/dist/phone-number-field.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -38,7 +39,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)) {
@@ -136,7 +139,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const P = (r, s)=>(0, _libphonenumber.formatAsYouType)(s.replace(/[^\d+*#]/g, ""), r), $ = (r)=>!!r.match(/^\+\d+$/), j = (_param)=>{
-    var { inputRef: r , value: s , defaultValue: m , onChange: i , prefix: t , e164: b  } = _param, p = _object_without_properties(_param, [
+    var { inputRef: r, value: s, defaultValue: m, onChange: i, prefix: t, e164: b } = _param, p = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
@@ -144,7 +147,7 @@ const P = (r, s)=>(0, _libphonenumber.formatAsYouType)(s.replace(/[^\d+*#]/g, ""
         "prefix",
         "e164"
     ]);
-    const [f, d] = _react.useState(m !== null && m !== void 0 ? m : ""), l = _react.useRef(null), { i18n: g  } = (0, _hooks.useTheme)(), c = g.phoneNumberFormattingRegionCode, n = typeof s < "u", h = n ? s : f, y = _react.useCallback((o)=>{
+    const [f, d] = _react.useState(m !== null && m !== void 0 ? m : ""), l = _react.useRef(null), { i18n: g } = (0, _hooks.useTheme)(), c = g.phoneNumberFormattingRegionCode, n = typeof s < "u", h = n ? s : f, y = _react.useCallback((o)=>{
         n || d(o), l.current && (i == null || i((0, _dom.createChangeEvent)(l.current, o)));
     }, [
         n,
@@ -175,7 +178,7 @@ const P = (r, s)=>(0, _libphonenumber.formatAsYouType)(s.replace(/[^\d+*#]/g, ""
         ref: (0, _common.combineRefs)(r, l)
     }));
 }, I = (_param)=>{
-    var { disabled: r , error: s , helperText: m , name: i , optional: t , validate: b , onChange: p , onChangeValue: f , onBlur: d , value: l , defaultValue: g , e164: c  } = _param, n = _object_without_properties(_param, [
+    var { disabled: r, error: s, helperText: m, name: i, optional: t, validate: b, onChange: p, onChangeValue: f, onBlur: d, value: l, defaultValue: g, e164: c } = _param, n = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -189,7 +192,7 @@ const P = (r, s)=>(0, _libphonenumber.formatAsYouType)(s.replace(/[^\d+*#]/g, ""
         "defaultValue",
         "e164"
     ]);
-    const { i18n: h  } = (0, _hooks.useTheme)(), C = (0, _formcontext.useFieldProps)({
+    const { i18n: h } = (0, _hooks.useTheme)(), C = (0, _formcontext.useFieldProps)({
         name: i,
         value: l,
         defaultValue: g,

package/dist/pin-field.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -47,7 +48,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)) {
@@ -95,9 +98,9 @@ function _object_spread(target) {
 }
 let P = !1;
 const Y = (param)=>{
-    let { length: a = 6 , hideCode: c = !1 , readSms: d , disabled: h , readOnly: y , value: w , defaultValue: b , onChange: n , inputRef: R  } = param;
+    let { length: a = 6, hideCode: c = !1, readSms: d, disabled: h, readOnly: y, value: w, defaultValue: b, onChange: n, inputRef: R } = param;
     var _ref;
-    const { texts: T  } = (0, _hooks.useTheme)(), [k, A] = _react.useState((_ref = b == null ? void 0 : b.slice(0, a)) !== null && _ref !== void 0 ? _ref : ""), [F, v] = _react.useState(void 0), l = _react.useRef(Array.from({
+    const { texts: T } = (0, _hooks.useTheme)(), [k, A] = _react.useState((_ref = b == null ? void 0 : b.slice(0, a)) !== null && _ref !== void 0 ? _ref : ""), [F, v] = _react.useState(void 0), l = _react.useRef(Array.from({
         length: a
     }, ()=>null)).current, f = typeof w < "u", r = f ? w : k, u = _react.useCallback((s)=>{
         if (s === r) return;
@@ -160,12 +163,13 @@ const Y = (param)=>{
                 u(g);
             }), I !== s && I <= a - 1 && ((C = l[I]) == null || C.focus()));
         };
-    var _r_e;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
         space: 8,
         children: Array.from({
             length: a
-        }).map((s, e)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+        }).map((s, e)=>/* @__PURE__ */ {
+            var _r_e;
+            return (0, _jsxruntime.jsxs)("div", {
                 className: y ? _pinfieldcssmistica.readOnlyField : e === F ? _pinfieldcssmistica.focusedField : _pinfieldcssmistica.field,
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_integerfield.IntegerInput, {
@@ -222,10 +226,11 @@ const Y = (param)=>{
                         children: "•"
                     })
                 ]
-            }, e))
+            }, e);
+        })
     });
 }, Z = (param)=>{
-    let { length: a = 6 , hideCode: c = !1 , readSms: d = !c , disabled: h , readOnly: y , name: w , value: b , defaultValue: n , helperText: R , error: T , onChangeValue: k , onChange: A , "aria-label": F , "aria-labelledby": v  } = param;
+    let { length: a = 6, hideCode: c = !1, readSms: d = !c, disabled: h, readOnly: y, name: w, value: b, defaultValue: n, helperText: R, error: T, onChangeValue: k, onChange: A, "aria-label": F, "aria-labelledby": v } = param;
     const l = (0, _formcontext.useFieldProps)({
         name: w,
         value: b,

package/dist/placeholder.js

@@ -12,7 +12,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _color = require("./utils/color.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const n = (param)=>/* @__PURE__ */ {
-    let { width: t = "auto" , height: i = 120  } = param;
+    let { width: t = "auto", height: i = 120 } = param;
     return (0, _jsxruntime.jsx)("div", {
         style: {
             height: i,

package/dist/popover.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -47,7 +48,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)) {
@@ -117,7 +120,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const { defaultPositionDesktop: K , defaultPositionMobile: Q , distanceToTarget: m , marginLeftRightMobile: d , maxWidthDesktop: U , arrowSize: L  } = _popovercssmistica, Z = (t)=>t || U, V = function() {
+const { defaultPositionDesktop: K, defaultPositionMobile: Q, distanceToTarget: m, marginLeftRightMobile: d, maxWidthDesktop: U, arrowSize: L } = _popovercssmistica, Z = (t)=>t || U, V = function() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : K, r = arguments.length > 1 ? arguments[1] : void 0;
     return r && (t === "left" || t === "right") ? Q : t;
 }, tt = (t, r, e)=>t ? (r ? window.screen.width : window.innerWidth) - d * 2 : Z(e), et = (t, r, e, s)=>{
@@ -180,8 +183,8 @@ const { defaultPositionDesktop: K , defaultPositionMobile: Q , distanceToTarget:
         // @ts-expect-error - parentNode must exist
         parentLeft: t.parentNode.offsetLeft
     } : null, rt = (param)=>{
-    let { description: t , title: r , onClose: e , trackingEvent: s , position: n , width: a , target: w , asset: f , isVisible: g = !0 , extra: Y , dataAttributes: B  } = param;
-    const { texts: R , isIos: z , isDarkMode: D  } = (0, _hooks.useTheme)(), { isTabletOrSmaller: h  } = (0, _hooks.useScreenSize)(), [x, b] = _react.useState(null), p = _react.useRef(null);
+    let { description: t, title: r, onClose: e, trackingEvent: s, position: n, width: a, target: w, asset: f, isVisible: g = !0, extra: Y, dataAttributes: B } = param;
+    const { texts: R, isIos: z, isDarkMode: D } = (0, _hooks.useTheme)(), { isTabletOrSmaller: h } = (0, _hooks.useScreenSize)(), [x, b] = _react.useState(null), p = _react.useRef(null);
     n = V(n, h);
     const y = tt(h, z, a), S = D ? 1 : 0.2;
     _react.useEffect(()=>{
@@ -198,7 +201,7 @@ const { defaultPositionDesktop: K , defaultPositionMobile: Q , distanceToTarget:
     ]);
     let v = null;
     if (g && x) {
-        const { containerStyles: l , arrowStyles: I  } = et(n, y, x, h);
+        const { containerStyles: l, arrowStyles: I } = et(n, y, x, h);
         v = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _popovercssmistica.container,
             style: _object_spread({

package/dist/portal.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -36,7 +37,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)) {
@@ -55,7 +58,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const f = (param)=>{
-    let { children: n , className: e  } = param;
+    let { children: n, className: e } = param;
     const [t, i] = _react.useState(null);
     return _react.useEffect(()=>{
         if (!t) {

package/dist/progress-bar.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)) {
@@ -121,8 +124,8 @@ function _object_spread_props(target, source) {
     return target;
 }
 const E = (param)=>{
-    let { progressPercent: r , color: o , "aria-label": d , "aria-labelledby": l , dataAttributes: i , reverse: n = !1  } = param;
-    const { texts: c  } = (0, _hooks.useTheme)(), a = Math.max(0, Math.min(100, r)), s = l ? void 0 : (()=>`${d || c.loading}, ${a}% ${c.progressBarCompletedLabel}`)();
+    let { progressPercent: r, color: o, "aria-label": d, "aria-labelledby": l, dataAttributes: i, reverse: n = !1 } = param;
+    const { texts: c } = (0, _hooks.useTheme)(), a = Math.max(0, Math.min(100, r)), s = l ? void 0 : (()=>`${d || c.loading}, ${a}% ${c.progressBarCompletedLabel}`)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(i, "ProgressBar")), {
         className: _progressbarcssmistica.barBackground,
         role: "progressbar",
@@ -140,8 +143,8 @@ const E = (param)=>{
         })
     }));
 }, R = (param)=>{
-    let { steps: r , currentStep: o = 0 , color: d , dataAttributes: l , "aria-label": i , "aria-labelledby": n  } = param;
-    const { texts: c  } = (0, _hooks.useTheme)(), [a, p] = _react.useState(Math.ceil(o)), [s, y] = _react.useState(!1);
+    let { steps: r, currentStep: o = 0, color: d, dataAttributes: l, "aria-label": i, "aria-labelledby": n } = param;
+    const { texts: c } = (0, _hooks.useTheme)(), [a, p] = _react.useState(Math.ceil(o)), [s, y] = _react.useState(!1);
     _react.useEffect(()=>{
         const e = Math.ceil(o);
         a !== e && (y(e < a), p(e));

package/dist/radio-button.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -56,7 +57,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)) {
@@ -161,13 +164,13 @@ const N = /*#__PURE__*/ _react.createContext({
     selectNext: ()=>{},
     selectPrev: ()=>{}
 }), z = ()=>_react.useContext(N), J = (_param)=>{
-    var { value: e , id: s , dataAttributes: C , "aria-labelledby": R  } = _param, d = _object_without_properties(_param, [
+    var { value: e, id: s, dataAttributes: C, "aria-labelledby": R } = _param, d = _object_without_properties(_param, [
         "value",
         "id",
         "dataAttributes",
         "aria-labelledby"
     ]);
-    const { disabled: l , selectedValue: v , focusableValue: p , select: u , selectNext: f , selectPrev: g  } = z(), m = (0, _hooks.useAriaId)(R), r = _react.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h  } = (0, _hooks.useTheme)(), t = (o)=>{
+    const { disabled: l, selectedValue: v, focusableValue: p, select: u, selectNext: f, selectPrev: g } = z(), m = (0, _hooks.useAriaId)(R), r = _react.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h } = (0, _hooks.useTheme)(), t = (o)=>{
         switch(o.keyCode){
             case _keycodes.SPACE:
                 u(e), o.preventDefault(), o.stopPropagation();
@@ -240,7 +243,7 @@ const N = /*#__PURE__*/ _react.createContext({
     }));
 }, re = (e)=>{
     var _ref;
-    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: l  } = (0, _formcontext.useControlProps)({
+    const { value: s, defaultValue: C, onChange: R, focusableRef: d, disabled: l } = (0, _formcontext.useControlProps)({
         name: e.name,
         value: e.value,
         defaultValue: e.defaultValue,

package/dist/responsive-layout.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -106,7 +107,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const R = (param)=>{
-    let { children: a , isInverse: n = !1 , variant: i , backgroundColor: o , className: r , fullWidth: s , dataAttributes: d , shouldExpandWhenNested: u = !1  } = param;
+    let { children: a, isInverse: n = !1, variant: i, backgroundColor: o, className: r, fullWidth: s, dataAttributes: d, shouldExpandWhenNested: u = !1 } = param;
     const m = (0, _themevariantcontext.useThemeVariant)(), e = i || n && "inverse" || void 0;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         variant: e !== null && e !== void 0 ? e : m,
@@ -123,7 +124,7 @@ const R = (param)=>{
         }))
     });
 }, N = (_param)=>/* @__PURE__ */ {
-    var { children: a  } = _param, n = _object_without_properties(_param, [
+    var { children: a } = _param, n = _object_without_properties(_param, [
         "children"
     ]);
     return (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {

package/dist/screen-reader-only.js

@@ -32,7 +32,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)) {
@@ -51,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const o = (param)=>{
-    let { children: s  } = param;
+    let { children: s } = param;
     if (_react.Children.count(s) === 1) {
         const e = _react.Children.only(s);
         if (/*#__PURE__*/ _react.isValidElement(e)) return /*#__PURE__*/ _react.cloneElement(e, {

package/dist/screen-size-context-provider.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -39,7 +40,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)) {
@@ -58,7 +61,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const B = (param)=>{
-    let { children: p  } = param;
+    let { children: p } = param;
     const [e, b] = _react.useState(!0);
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         b(!1);

package/dist/screen-size-context.js

@@ -30,7 +30,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/search-field.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -44,7 +45,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)) {
@@ -142,7 +145,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const q = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
-    var { disabled: m , error: u , helperText: d , name: p , optional: n , validate: R , onChange: e , onChangeValue: t , onBlur: I , value: a , defaultValue: S  } = _param, x = _object_without_properties(_param, [
+    var { disabled: m, error: u, helperText: d, name: p, optional: n, validate: R, onChange: e, onChangeValue: t, onBlur: I, value: a, defaultValue: S } = _param, x = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",