@telefonica/mistica 14.33.0 → 14.35.0

package/dist/menu.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -22,13 +23,12 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 const _dom = require("./utils/dom.js");
 const _overlay = /*#__PURE__*/ _interop_require_default(require("./overlay.js"));
 const _menucssmistica = require("./menu.css-mistica.js");
 const _hooks = require("./hooks.js");
 const _portal = require("./portal.js");
-const _dynamic = require("@vanilla-extract/dynamic");
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
@@ -38,6 +38,7 @@ const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"))
 const _checkbox = /*#__PURE__*/ _interop_require_default(require("./checkbox.js"));
 const _reacttransitiongroup = require("react-transition-group");
 const _common = require("./utils/common.js");
+const _css = require("./utils/css.js");
 const _platform = require("./utils/platform.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -65,7 +66,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)) {
@@ -140,23 +143,23 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ne = ()=>_react.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, d)=>{
-    if (!d) return null;
-    const f = D(r).indexOf(d);
-    return f < 0 ? null : f;
+}), Ne = ()=>_react.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
+    if (!f) return null;
+    const d = D(r).indexOf(f);
+    return d < 0 ? null : d;
 }, qe = (param)=>{
-    let { label: r , Icon: d , destructive: f , disabled: u , onPress: E , controlType: s , checked: p  } = param;
-    const { focusedItem: n , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = Ne(), c = _react.useRef(null), h = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
+    let { label: r, Icon: f, destructive: d, disabled: u, onPress: C, controlType: s, checked: p } = param;
+    const { focusedItem: n, setFocusedItem: v, closeMenu: i, isMenuOpen: k } = Ne(), c = _react.useRef(null), h = d ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
             ref: c,
             name: r,
             checked: p,
             onChange: ()=>{
-                k && m !== null && (E(m), i());
+                k && m !== null && (C(m), i());
             },
             disabled: u,
             role: "menuitemcheckbox",
             render: (param)=>/* @__PURE__ */ {
-                let { controlElement: N  } = param;
+                let { controlElement: N } = param;
                 return (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 8,
                     paddingY: 12,
@@ -167,9 +170,9 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                 className: _menucssmistica.itemContent,
                                 children: [
-                                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _menucssmistica.iconContainer,
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                                             size: 24,
                                             color: h
                                         })
@@ -192,7 +195,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
             ref: c,
             onPress: ()=>{
-                k && m !== null && (E(m), i());
+                k && m !== null && (C(m), i());
             },
             disabled: u,
             role: "menuitem",
@@ -202,9 +205,9 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                     className: _menucssmistica.itemContent,
                     children: [
-                        d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _menucssmistica.iconContainer,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                                 size: 24,
                                 color: h
                             })
@@ -229,7 +232,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         children: l()
     });
 }, Ve = (param)=>{
-    let { children: r  } = param;
+    let { children: r } = param;
     return r ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             r,
@@ -241,12 +244,12 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, V = 12, J = 8, Je = (param)=>{
-    let { renderTarget: r , renderMenu: d , width: f , position: u = "left" , dataAttributes: E  } = param;
+    let { renderTarget: r, renderMenu: f, width: d, position: u = "left", dataAttributes: C } = param;
     const [s, p] = _react.useState(!1), [n, v] = _react.useState(null), [i, k] = _react.useState(null), [c, h] = _react.useState(null), [x, M] = _react.useState(!1), m = _react.useRef(null), [l, N] = _react.useState(null), R = (0, _hooks.useWindowSize)();
     _react.useEffect(()=>{
         const a = n == null ? void 0 : n.getBoundingClientRect();
         if (!i || !a || !s) return;
-        const { top: t , right: O , left: g , bottom: A  } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
+        const { top: t, right: O, left: g, bottom: A } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
         N(te ? {
             left: I,
             right: F,
@@ -267,7 +270,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         s,
         i,
         n,
-        f,
+        d,
         R
     ]);
     const Z = _react.useMemo(()=>({
@@ -309,32 +312,32 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         i
     ]), _react.useEffect(()=>{
         const a = (t)=>{
-            if (s) switch(t.keyCode){
-                case _keycodes.RIGHT:
-                case _keycodes.DOWN:
+            if (s) switch(t.key){
+                case _keys.RIGHT:
+                case _keys.DOWN:
                     (0, _dom.cancelEvent)(t), _();
                     break;
-                case _keycodes.LEFT:
-                case _keycodes.UP:
+                case _keys.LEFT:
+                case _keys.UP:
                     (0, _dom.cancelEvent)(t), _(!0);
                     break;
-                case _keycodes.ESC:
+                case _keys.ESC:
                     p(!1);
                     break;
-                case _keycodes.SPACE:
-                case _keycodes.ENTER:
+                case _keys.SPACE:
+                case _keys.ENTER:
                     (0, _dom.cancelEvent)(t), c !== null && D(i)[c].click();
                     break;
-                case _keycodes.TAB:
+                case _keys.TAB:
                     (0, _dom.cancelEvent)(t);
                     break;
             }
-            else switch(t.keyCode){
-                case _keycodes.ENTER:
-                case _keycodes.SPACE:
+            else switch(t.key){
+                case _keys.ENTER:
+                case _keys.SPACE:
                     M(!0);
                     break;
-                case _keycodes.DOWN:
+                case _keys.DOWN:
                     n === document.activeElement && (M(!0), p(!0));
                     break;
             }
@@ -347,7 +350,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     }, [
         n,
         s
-    ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(E, "Menu")), {
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(C, "Menu")), {
         children: [
             r(_object_spread_props(_object_spread({}, Z), {
                 isMenuOpen: s
@@ -367,7 +370,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                         },
                         disableScroll: !0,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            style: _object_spread({}, (0, _dynamic.assignInlineVars)(_object_spread({}, l ? _object_spread({
+                            style: _object_spread({}, (0, _css.applyCssVars)(_object_spread({}, l ? _object_spread({
                                 [_menucssmistica.vars.top]: l.top,
                                 [_menucssmistica.vars.bottom]: l.bottom,
                                 [_menucssmistica.vars.transformOrigin]: l.transformOrigin
@@ -377,8 +380,8 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                                 [_menucssmistica.vars.right]: `${l.right}px`
                             }, l.maxHeight !== void 0 && {
                                 [_menucssmistica.vars.maxHeight]: `${l.maxHeight}px`
-                            }, f !== void 0 && {
-                                [_menucssmistica.vars.width]: f ? `${f}px` : ""
+                            }, d !== void 0 && {
+                                [_menucssmistica.vars.width]: d ? `${d}px` : ""
                             }) : {}))),
                             role: "menu",
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Q.Provider, {
@@ -388,7 +391,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                                     setFocusedItem: h,
                                     closeMenu: ()=>p(!1)
                                 },
-                                children: d(ee)
+                                children: f(ee)
                             })
                         })
                     })

package/dist/modal-context-provider.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -45,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)) {
@@ -94,7 +97,7 @@ function _object_spread(target) {
 const o = /*#__PURE__*/ _react.createContext({
     isModalOpen: !1
 }), s = /*#__PURE__*/ _react.createContext(()=>{}), S = (param)=>{
-    let { children: e  } = param;
+    let { children: e } = param;
     const [l, n] = _react.useState({
         isModalOpen: !1
     }), d = _react.useCallback((r)=>{

package/dist/month-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,7 +144,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const j = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), z = (_param)=>{
-    var { disabled: l , error: h , helperText: g , name: y , optional: a , validate: s , onChange: D , onChangeValue: n , onBlur: R , value: S , defaultValue: k , min: o , max: i  } = _param, d = _object_without_properties(_param, [
+    var { disabled: l, error: h, helperText: g, name: y, optional: a, validate: s, onChange: D, onChangeValue: n, onBlur: R, value: S, defaultValue: k, min: o, max: i } = _param, d = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -156,7 +159,7 @@ const j = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "min",
         "max"
     ]);
-    const F = (t)=>t, I = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T  } = (0, _hooks.useTheme)(), c = (t)=>!(o && t && t < (0, _time.getLocalYearMonthString)(o) || i && t && t > (0, _time.getLocalYearMonthString)(i)), u = (0, _formcontext.useFieldProps)({
+    const F = (t)=>t, I = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T } = (0, _hooks.useTheme)(), c = (t)=>!(o && t && t < (0, _time.getLocalYearMonthString)(o) || i && t && t > (0, _time.getLocalYearMonthString)(i)), u = (0, _formcontext.useFieldProps)({
         name: y,
         value: S,
         defaultValue: k,

package/dist/navigation-bar.css-mistica.js

@@ -25,13 +25,13 @@ _export(exports, {
         return r;
     },
     iconCloseOpen: function() {
-        return a;
+        return d;
     },
     iconMenuHidden: function() {
-        return d;
+        return c;
     },
     iconMenuOpen: function() {
-        return c;
+        return a;
     },
     lineHeightFix: function() {
         return t;
@@ -52,10 +52,10 @@ _export(exports, {
         return p;
     },
     selectedSectionVariantes: function() {
-        return u;
+        return s;
     },
     spacer: function() {
-        return s;
+        return u;
     },
     spacerLarge: function() {
         return g;
@@ -72,7 +72,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfer _1y2v1nfev _1y2v1nffa _1y2v1nf32", e = {
+var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfes _1y2v1nfew _1y2v1nffb _1y2v1nf32", e = {
     entering: "_1vcy5dzt",
     entered: "_1vcy5dzu",
     exiting: "_1vcy5dzv",
@@ -81,14 +81,14 @@ var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6
 }, f = {
     default: "_1vcy5dz13 _1y2v1nf1o",
     inverse: "_1vcy5dz14 _1y2v1nf1n"
-}, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
+}, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
     default: "_1vcy5dze _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
     noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
     menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct"
-}, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", u = {
+}, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", s = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, s = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
+}, u = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
     default: "_1vcy5dzl",
     inverse: "_1vcy5dzm"
-}, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeg _1y2v1nfev _1y2v1nffa", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfeu _1y2v1nfev _1y2v1nffa";
+}, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfev _1y2v1nfew _1y2v1nffb";

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
@@ -64,7 +65,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const x = {
+const g = {
     position: "fixed",
     top: 0,
     right: 0,
@@ -73,27 +74,27 @@ const x = {
     zIndex: 12,
     outline: "none",
     WebkitTapHighlightColor: "transparent"
-}, b = (param)=>{
-    let { onPress: o , children: a , className: l , style: n , disableScroll: f = !1 , dataAttributes: u  } = param;
+}, x = (param)=>{
+    let { onPress: o, children: a, className: n, style: l, disableScroll: f = !1, dataAttributes: p } = param;
     (0, _hooks.useDisableBodyScroll)(f);
-    const { platformOverrides: e  } = (0, _hooks.useTheme)(), d = (t)=>{
+    const { platformOverrides: e } = (0, _hooks.useTheme)(), u = (t)=>{
         t.button === 2 && o && o(t);
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         "data-overlay": "true"
-    }, (0, _dom.getPrefixedDataAttributes)(u, "Overlay")), {
-        style: _object_spread({}, x, n),
-        className: l,
+    }, (0, _dom.getPrefixedDataAttributes)(p, "Overlay")), {
+        style: _object_spread({}, g, l),
+        className: n,
         onPointerDown: (t)=>{
             t.target.dataset.overlay && o && (a && (0, _platform.isAndroid)(e) && (0, _platform.isChrome)(e) ? t.stopPropagation() : o(t));
         },
         onClick: (t)=>{
-            t.target.dataset.overlay && o && a && (0, _platform.isAndroid)(e) && (0, _platform.isChrome)(e) && o(t);
+            t.stopPropagation(), t.target.dataset.overlay && o && a && (0, _platform.isAndroid)(e) && (0, _platform.isChrome)(e) && o(t);
         },
         "touch-action": "auto",
-        onContextMenu: d,
+        onContextMenu: u,
         role: "button",
         tabIndex: 0,
         children: a
     }));
-}, C = b;
+}, C = x;

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.35.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",