@telefonica/mistica 14.39.0 → 14.40.0

package/dist/negative-box.js

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

package/dist/nestable-context.js

@@ -112,9 +112,9 @@ const C = (r)=>{
             return l(e), null;
         },
         Provider: m,
-        Getter: (param)=>/* @__PURE__ */ {
+        Getter: (param)=>{
             let { children: e } = param;
-            return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                 children: e(d())
             });
         },

package/dist/package-version.js

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

package/dist/placeholder.js

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "Placeholder", {
 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__ */ {
+const n = (param)=>{
     let { width: t = "auto", height: i = 120 } = param;
-    return (0, _jsxruntime.jsx)("div", {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             height: i,
             width: t,

package/dist/responsive-layout.js

@@ -123,11 +123,11 @@ const R = (param)=>{
             })
         }))
     });
-}, N = (_param)=>/* @__PURE__ */ {
+}, N = (_param)=>{
     var { children: a } = _param, n = _object_without_properties(_param, [
         "children"
     ]);
-    return (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
         shouldExpandWhenNested: !0,
         children: a
     }));

package/dist/select.js

@@ -334,9 +334,9 @@ const Ye = (param)=>{
                             display: "none"
                         }
                     }),
-                    u.map((param)=>/* @__PURE__ */ {
+                    u.map((param)=>{
                         let { value: e, text: t } = param;
-                        return (0, _jsxruntime.jsx)("option", {
+                        return /* @__PURE__ */ (0, _jsxruntime.jsx)("option", {
                             value: e,
                             children: t
                         }, e);
@@ -408,9 +408,9 @@ const Ye = (param)=>{
                         className: (0, _classnames.default)(_selectcssmistica.optionsContainer, z ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
                         role: "listbox",
                         ref: T,
-                        children: u.map((param)=>/* @__PURE__ */ {
+                        children: u.map((param)=>{
                             let { value: e, text: t } = param;
-                            return (0, _jsxruntime.jsx)("li", {
+                            return /* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
                                 role: "option",
                                 "aria-selected": e === (p !== null && p !== void 0 ? p : a),
                                 "data-value": e,

package/dist/sheet.js

@@ -11,22 +11,22 @@ function _export(target, all) {
 }
 _export(exports, {
     ActionsListSheet: function() {
-        return Ue;
+        return Xe;
     },
     ActionsSheet: function() {
-        return Xe;
+        return er;
     },
     InfoSheet: function() {
-        return We;
+        return Ze;
     },
     RadioListSheet: function() {
-        return Qe;
+        return We;
     },
     SheetBody: function() {
-        return k;
+        return I;
     },
     default: function() {
-        return Ze;
+        return rr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -55,6 +55,7 @@ const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-butto
 const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
 const _image = /*#__PURE__*/ _interop_require_default(require("./image.js"));
 const _responsivelayout = require("./responsive-layout.js");
+const _css = require("./utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -180,27 +181,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
+const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Ee = (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)=>{
+    const [i, l] = _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);
+        f.current = !1, l(0);
     }, []);
     return _react.useEffect(()=>{
         if (m) return;
-        const h = (l)=>{
+        const h = (a)=>{
             if (f.current) {
                 if (p.current < 3) {
                     p.current++;
                     return;
                 }
-                u.current = C(l), a(u.current - s.current);
+                u.current = C(a), l(u.current - s.current);
             }
         }, d = ()=>{
             if (!f.current) return;
-            const l = Date.now() - o.current, g = u.current - s.current, v = g / l;
-            f.current = !1, a(0), g > 50 && (u.current > window.innerHeight * 0.75 || v > 0.5) && t();
+            const a = Date.now() - o.current, g = u.current - s.current, v = g / a;
+            f.current = !1, l(0), g > 50 && (u.current > window.innerHeight * 0.75 || v > 0.5) && t();
         };
         return document.addEventListener("touchmove", h), document.addEventListener("touchend", d), document.addEventListener("mousemove", h), document.addEventListener("mouseup", d), ()=>{
             document.removeEventListener("touchmove", h), document.removeEventListener("touchend", d), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", d);
@@ -222,7 +223,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             transition: "none"
         } : void 0
     };
-}, Ee = ()=>(_react.useLayoutEffect(()=>{
+}, be = ()=>(_react.useLayoutEffect(()=>{
         const i = window.scrollY;
         return document.body.style.top = `-${i}px`, ()=>{
             process.env.NODE_ENV !== "test" && window.scrollTo(0, i);
@@ -237,7 +238,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             overflow: hidden;
         }
     `
-    })), be = {
+    })), we = {
     closed: {
         open: "opening"
     },
@@ -251,9 +252,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     closing: {
         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)=>{
+}, De = (t, i)=>we[t][i] || t, b = /*#__PURE__*/ _react.forwardRef((param, f)=>{
+    let { onClose: t, children: i, dataAttributes: l } = param;
+    const { texts: p } = (0, _hooks.useTheme)(), [o, s] = _react.useReducer(De, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((v)=>{
         v.target === v.currentTarget && s("transitionEnd");
     }, []), c = ()=>{
         o === "open" && s("close");
@@ -273,14 +274,14 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         o,
         t
     ]);
-    const _Se = Se({
+    const _Ee = Ee({
         closeModal: c
-    }), { onScroll: h, overlayStyle: d } = _Se, l = _object_without_properties(_Se, [
+    }), { onScroll: h, overlayStyle: d } = _Ee, a = _object_without_properties(_Ee, [
         "onScroll",
         "overlayStyle"
     ]);
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const g = Ee();
+    const g = be();
     return o === "closed" ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_focustrap.default, {
             children: [
@@ -298,7 +299,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                     }),
                     onTransitionEnd: r,
                     onAnimationEnd: r
-                }, l, (0, _dom.getPrefixedDataAttributes)(a, "Sheet")), {
+                }, a, (0, _dom.getPrefixedDataAttributes)(l, "Sheet")), {
                     ref: f,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: _sheetcssmistica.Sheet,
@@ -318,6 +319,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                         "aria-labelledby": m,
                                         onScroll: h,
                                         className: _sheetcssmistica.children,
+                                        style: {
+                                            paddingBottom: _css.safeAreaInsetBottom
+                                        },
                                         children: typeof i == "function" ? i({
                                             closeModal: c,
                                             modalTitleId: m
@@ -345,8 +349,8 @@ 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;
+}), I = (param)=>{
+    let { title: t, subtitle: i, description: l, 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));
@@ -357,7 +361,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         rootMargin: "1px",
         // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
         root: c.current
-    }), l = !!p || !!o || !!s;
+    }), a = !!p || !!o || !!s;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -392,7 +396,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _sheetcssmistica.bodyContent,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                    paddingBottom: l ? 0 : {
+                    paddingBottom: a ? 0 : {
                         desktop: 40,
                         mobile: 0
                     },
@@ -400,7 +404,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                             space: 8,
                             children: [
-                                i || a ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                i || l ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                                     space: {
                                         mobile: 8,
                                         desktop: 16
@@ -411,14 +415,14 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                             regular: !0,
                                             children: i
                                         }),
-                                        a && (Array.isArray(a) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                        l && (Array.isArray(l) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                             as: "div",
                                             regular: !0,
                                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                                            children: a.map((g, v)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                                            children: l.map((g, v)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
                                                     style: {
                                                         margin: 0,
-                                                        marginBottom: v < a.length - 1 ? "1em" : void 0
+                                                        marginBottom: v < l.length - 1 ? "1em" : void 0
                                                     },
                                                     children: g
                                                 }, v))
@@ -426,7 +430,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                             as: "p",
                                             regular: !0,
                                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                                            children: a
+                                            children: l
                                         }))
                                     ]
                                 }) : null,
@@ -436,7 +440,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                     })
                 })
             }),
-            l && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            a && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _sheetcssmistica.stickyButtons,
                 children: [
                     d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
@@ -463,9 +467,9 @@ 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)();
+}, We = /*#__PURE__*/ _react.forwardRef((param, r)=>{
+    let { title: t, subtitle: i, description: l, items: f, selectedId: p, onClose: o, onSelect: s, button: u, dataAttributes: m } = param;
+    const [c, h] = _react.useState(p), d = _react.useRef(!1), { isDesktopOrBigger: a } = (0, _hooks.useScreenSize)(), { texts: g } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: o,
         ref: r,
@@ -475,12 +479,12 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         children: (param)=>/* @__PURE__ */ {
             let { closeModal: v, modalTitleId: L } = param;
             var _ref;
-            return (0, _jsxruntime.jsx)(k, {
+            return (0, _jsxruntime.jsx)(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: L,
-                button: l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
+                button: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
                     onPress: ()=>{
                         d.current && (s == null || s(c !== null && c !== void 0 ? c : "")), v();
                     },
@@ -492,7 +496,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                         name: "sheetselection",
                         value: c,
                         onChange: (R)=>{
-                            h(R), d.current = !0, !l && (s == null || s(R), setTimeout(()=>{
+                            h(R), d.current = !0, !a && (s == null || s(R), setTimeout(()=>{
                                 v();
                             }, 200));
                         },
@@ -512,8 +516,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;
+}), Xe = /*#__PURE__*/ _react.forwardRef((param, u)=>{
+    let { title: t, subtitle: i, description: l, items: f, onClose: p, onSelect: o, dataAttributes: s } = param;
     const { isDarkMode: m } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: p,
@@ -521,17 +525,17 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         dataAttributes: _object_spread({
             "component-name": "ActionsListSheet"
         }, s),
-        children: (param)=>/* @__PURE__ */ {
+        children: (param)=>{
             let { closeModal: r, modalTitleId: c } = param;
-            return (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: c,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
-                    children: f.map((param)=>/* @__PURE__ */ {
-                        let { id: h, style: d, title: l, icon: g } = param;
-                        return (0, _jsxruntime.jsx)(_touchable.default, {
+                    children: f.map((param)=>{
+                        let { id: h, style: d, title: a, icon: g } = param;
+                        return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                             onPress: ()=>{
                                 o == null || o(h), r();
                             },
@@ -552,7 +556,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         regular: !0,
                                         color: d === "destructive" ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.textPrimary,
-                                        children: l
+                                        children: a
                                     })
                                 ]
                             })
@@ -562,8 +566,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;
+}), Ze = /*#__PURE__*/ _react.forwardRef((param, s)=>{
+    let { title: t, subtitle: i, description: l, items: f, onClose: p, dataAttributes: o } = param;
     const { isDarkMode: u } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: p,
@@ -571,12 +575,12 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         dataAttributes: _object_spread({
             "component-name": "InfoSheet"
         }, o),
-        children: (param)=>/* @__PURE__ */ {
+        children: (param)=>{
             let { modalTitleId: m } = param;
-            return (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: m,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingBottom: 16,
@@ -620,17 +624,17 @@ 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;
-    const c = (d, l)=>()=>{
-            m == null || m(l), d();
+}), er = /*#__PURE__*/ _react.forwardRef((param, r)=>{
+    let { title: t, subtitle: i, description: l, button: f, secondaryButton: p, buttonLink: o, onClose: s, dataAttributes: u, onPressButton: m } = param;
+    const c = (d, a)=>()=>{
+            m == null || m(a), d();
         }, h = (_param)=>{
-        var { text: d } = _param, l = _object_without_properties(_param, [
+        var { text: d } = _param, a = _object_without_properties(_param, [
             "text"
         ]);
         return _object_spread({
             children: d
-        }, l);
+        }, a);
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: s,
@@ -638,23 +642,23 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         dataAttributes: _object_spread({
             "component-name": "ActionsSheet"
         }, u),
-        children: (param)=>/* @__PURE__ */ {
-            let { modalTitleId: d, closeModal: l } = param;
-            return (0, _jsxruntime.jsx)(k, {
+        children: (param)=>{
+            let { modalTitleId: d, closeModal: a } = param;
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: d,
                 button: /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread_props(_object_spread({}, h(f)), {
-                    onPress: c(l, "PRIMARY")
+                    onPress: c(a, "PRIMARY")
                 })),
                 secondaryButton: p ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, _object_spread_props(_object_spread({}, h(p)), {
-                    onPress: c(l, "SECONDARY")
+                    onPress: c(a, "SECONDARY")
                 })) : void 0,
                 link: o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonLink, _object_spread_props(_object_spread({}, h(o)), {
-                    onPress: c(l, "LINK")
+                    onPress: c(a, "LINK")
                 })) : void 0
             });
         }
     });
-}), Ze = b;
+}), rr = b;

package/dist/skeletons.js

@@ -90,9 +90,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const o = (param)=>/* @__PURE__ */ {
+const o = (param)=>{
     let { children: n, ariaLabel: t, dataAttributes: i, width: a, height: l } = param;
-    return (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: _skeletonscssmistica.animation,
         role: "status",
         "aria-busy": !0,
@@ -105,9 +105,9 @@ const o = (param)=>/* @__PURE__ */ {
     }, (0, _dom.getPrefixedDataAttributes)(i)), {
         children: n
     }));
-}, g = (param)=>/* @__PURE__ */ {
+}, g = (param)=>{
     let { width: n = "100%", ariaLabel: t, dataAttributes: i } = param;
-    return (0, _jsxruntime.jsx)(o, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
         width: n,
         ariaLabel: t,
         dataAttributes: _object_spread({
@@ -117,9 +117,9 @@ const o = (param)=>/* @__PURE__ */ {
             width: "100%"
         })
     });
-}, A = (param)=>/* @__PURE__ */ {
+}, A = (param)=>{
     let { ariaLabel: n, dataAttributes: t } = param;
-    return (0, _jsxruntime.jsx)(o, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
         width: "100%",
         ariaLabel: n,
         dataAttributes: _object_spread({
@@ -136,9 +136,9 @@ const o = (param)=>/* @__PURE__ */ {
             ]
         })
     });
-}, x = (param)=>/* @__PURE__ */ {
+}, x = (param)=>{
     let { ariaLabel: n, size: t = 40, dataAttributes: i } = param;
-    return (0, _jsxruntime.jsx)(o, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
         width: t,
         height: t,
         ariaLabel: n,
@@ -151,9 +151,9 @@ const o = (param)=>/* @__PURE__ */ {
             radius: "50%"
         })
     });
-}, N = (param)=>/* @__PURE__ */ {
+}, N = (param)=>{
     let { width: n = "100%", ariaLabel: t, dataAttributes: i } = param;
-    return (0, _jsxruntime.jsx)(o, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
         width: n,
         ariaLabel: t,
         dataAttributes: _object_spread({
@@ -175,9 +175,9 @@ const o = (param)=>/* @__PURE__ */ {
             ]
         })
     });
-}, R = (param)=>/* @__PURE__ */ {
+}, R = (param)=>{
     let { width: n = "100%", height: t = "100%", ariaLabel: i, dataAttributes: a, noBorderRadius: l = !1 } = param;
-    return (0, _jsxruntime.jsx)(o, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
         height: t,
         width: n,
         ariaLabel: i,

package/dist/stack.js

@@ -121,9 +121,9 @@ const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, k = (t)=>{
         [_stackcssmistica.vars.spaceDesktop]: a(t.desktop)
     };
     return t.tablet && (e[_stackcssmistica.vars.spaceTablet] = a(t.tablet)), e;
-}, y = (param)=>/* @__PURE__ */ {
+}, y = (param)=>{
     let { space: t, className: e, children: o, role: i, "aria-labelledby": s, dataAttributes: n } = param;
-    return (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(e, typeof t == "string" ? _stackcssmistica.flexStack : _stackcssmistica.marginStack),
         style: (0, _css.applyCssVars)(k(t)),
         role: i,

package/dist/text-field-base.js

@@ -329,9 +329,9 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, H)=>{
             },
             onSuggestionsClearRequested: ()=>o([]),
             getSuggestionValue: (e)=>e,
-            renderSuggestion: (e, param)=>/* @__PURE__ */ {
+            renderSuggestion: (e, param)=>{
                 let { isHighlighted: a } = param;
-                return (0, _jsxruntime.jsx)("div", {
+                return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "menuitem",
                     className: (0, _classnames.default)(_textfieldbasecssmistica.menuItem, {
                         [_textfieldbasecssmistica.menuItemSelected]: a

package/dist/text-field-components.js

@@ -188,9 +188,9 @@ const G = (param)=>{
             })
         ]
     });
-}, K = (param)=>/* @__PURE__ */ {
+}, K = (param)=>{
     let { multiline: o, disabled: l, children: r, helperText: t, className: i, fieldRef: n, fullWidth: m, readOnly: f } = param;
-    return (0, _jsxruntime.jsxs)("div", {
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, m ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
             [_textfieldcomponentscssmistica.disabled]: l
         }),