@telefonica/mistica 14.39.0 → 14.40.0

package/dist-es/placeholder.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { applyAlpha as r } from "./utils/color.js";
 import { vars as o } from "./skins/skin-contract.css-mistica.js";
-const n = (param)=>/* @__PURE__ */ {
+const n = (param)=>{
     let { width: t = "auto", height: i = 120 } = param;
-    return e("div", {
+    return /* @__PURE__ */ e("div", {
         style: {
             height: i,
             width: t,

package/dist-es/responsive-layout.js

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

package/dist-es/select.js

@@ -278,9 +278,9 @@ const Ye = (param)=>{
                             display: "none"
                         }
                     }),
-                    u.map((param)=>/* @__PURE__ */ {
+                    u.map((param)=>{
                         let { value: e, text: t } = param;
-                        return o("option", {
+                        return /* @__PURE__ */ o("option", {
                             value: e,
                             children: t
                         }, e);
@@ -352,9 +352,9 @@ const Ye = (param)=>{
                         className: ee(Ke, z ? re.show : re.hide),
                         role: "listbox",
                         ref: T,
-                        children: u.map((param)=>/* @__PURE__ */ {
+                        children: u.map((param)=>{
                             let { value: e, text: t } = param;
-                            return o("li", {
+                            return /* @__PURE__ */ o("li", {
                                 role: "option",
                                 "aria-selected": e === (p !== null && p !== void 0 ? p : a),
                                 "data-value": e,

package/dist-es/sheet.js

@@ -79,17 +79,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e, jsxs as y, Fragment as O } from "react/jsx-runtime";
-import N from "classnames";
+import B from "classnames";
 import * as n from "react";
 import { transitionDuration as H, overlay as V, closingOverlay as j, SheetContainer as F, closingSheet as $, Sheet as G, SheetContent as K, handleContainer as _, handle as q, children as J, modalCloseButton as Q, modalCloseButtonIcon as U, stickyTitle as W, bodyContent as X, stickyButtons as Z, sheetActionRow as ee, infoItemIcon as re } from "./sheet.css-mistica.js";
 import te from "./focus-trap.js";
-import { useTheme as D, useAriaId as oe, useIsInViewport as B, useScreenSize as P } from "./hooks.js";
+import { useTheme as D, useAriaId as oe, useIsInViewport as N, useScreenSize as P } from "./hooks.js";
 import { useSetModalStateEffect as ne } from "./modal-context-provider.js";
 import { Portal as ie } from "./portal.js";
 import { Text5 as se, Text3 as x, Text2 as T } from "./text.js";
 import { vars as S } from "./skins/skin-contract.css-mistica.js";
 import { RadioGroup as ce } from "./radio-button.js";
-import { RowList as le, Row as ae } from "./list.js";
+import { RowList as ae, Row as le } from "./list.js";
 import Y from "./negative-box.js";
 import w from "./stack.js";
 import E from "./box.js";
@@ -103,28 +103,29 @@ import ve from "./generated/mistica-icons/icon-close-regular.js";
 import ye from "./icon-button.js";
 import Re from "./button-layout.js";
 import M from "./image.js";
-import { InternalResponsiveLayout as I } from "./responsive-layout.js";
-const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
+import { InternalResponsiveLayout as k } from "./responsive-layout.js";
+import { safeAreaInsetBottom as Se } from "./utils/css.js";
+const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Ee = (param)=>{
     let { closeModal: t } = param;
-    const [i, a] = n.useState(0), f = n.useRef(!1), p = n.useRef(0), o = n.useRef(0), s = n.useRef(0), u = n.useRef(0), { isDesktopOrBigger: m } = P(), r = n.useCallback((h)=>{
+    const [i, l] = n.useState(0), f = n.useRef(!1), p = n.useRef(0), o = n.useRef(0), s = n.useRef(0), u = n.useRef(0), { isDesktopOrBigger: m } = P(), r = n.useCallback((h)=>{
         f.current = !0, p.current = 0, o.current = Date.now(), s.current = C(h);
     }, []), c = n.useCallback(()=>{
-        f.current = !1, a(0);
+        f.current = !1, l(0);
     }, []);
     return n.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);
@@ -146,7 +147,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             transition: "none"
         } : void 0
     };
-}, Ee = ()=>(n.useLayoutEffect(()=>{
+}, be = ()=>(n.useLayoutEffect(()=>{
         const i = window.scrollY;
         return document.body.style.top = `-${i}px`, ()=>{
             process.env.NODE_ENV !== "test" && window.scrollTo(0, i);
@@ -161,7 +162,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             overflow: hidden;
         }
     `
-    })), be = {
+    })), we = {
     closed: {
         open: "opening"
     },
@@ -175,9 +176,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__*/ n.forwardRef((param, f)=>{
-    let { onClose: t, children: i, dataAttributes: a } = param;
-    const { texts: p } = D(), [o, s] = n.useReducer(we, "closed"), u = n.useRef(!1), m = oe(), r = n.useCallback((v)=>{
+}, De = (t, i)=>we[t][i] || t, b = /*#__PURE__*/ n.forwardRef((param, f)=>{
+    let { onClose: t, children: i, dataAttributes: l } = param;
+    const { texts: p } = D(), [o, s] = n.useReducer(De, "closed"), u = n.useRef(!1), m = oe(), r = n.useCallback((v)=>{
         v.target === v.currentTarget && s("transitionEnd");
     }, []), c = ()=>{
         o === "open" && s("close");
@@ -197,32 +198,32 @@ 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"
     ]);
     ne();
-    const g = Ee();
+    const g = be();
     return o === "closed" ? null : /* @__PURE__ */ e(ie, {
         children: /* @__PURE__ */ y(te, {
             children: [
                 g,
                 /* @__PURE__ */ e("div", {
-                    className: N(V, {
+                    className: B(V, {
                         [j]: o === "closing"
                     }),
                     style: d,
                     onClick: c
                 }),
                 /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
-                    className: N(F, {
+                    className: B(F, {
                         [$]: o === "closing"
                     }),
                     onTransitionEnd: r,
                     onAnimationEnd: r
-                }, l, he(a, "Sheet")), {
+                }, a, he(l, "Sheet")), {
                     ref: f,
                     children: /* @__PURE__ */ y("div", {
                         className: G,
@@ -242,6 +243,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                         "aria-labelledby": m,
                                         onScroll: h,
                                         className: J,
+                                        style: {
+                                            paddingBottom: Se
+                                        },
                                         children: typeof i == "function" ? i({
                                             closeModal: c,
                                             modalTitleId: m
@@ -269,19 +273,19 @@ 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 = n.useRef(null), r = n.useRef(null), c = n.useRef(null);
     n.useEffect(()=>{
         r.current && (c.current = fe(r.current));
     }, []);
-    const h = !B(m, !0, {
+    const h = !N(m, !0, {
         root: c.current
-    }), d = !B(r, !0, {
+    }), d = !N(r, !0, {
         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__ */ y(O, {
         children: [
             /* @__PURE__ */ e("div", {
@@ -296,7 +300,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                             mobile: 0,
                             desktop: 40
                         },
-                        children: /* @__PURE__ */ e(I, {
+                        children: /* @__PURE__ */ e(k, {
                             children: /* @__PURE__ */ e(se, {
                                 as: "h2",
                                 id: f,
@@ -316,15 +320,15 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             /* @__PURE__ */ e("div", {
                 className: X,
                 children: /* @__PURE__ */ e(E, {
-                    paddingBottom: l ? 0 : {
+                    paddingBottom: a ? 0 : {
                         desktop: 40,
                         mobile: 0
                     },
-                    children: /* @__PURE__ */ e(I, {
+                    children: /* @__PURE__ */ e(k, {
                         children: /* @__PURE__ */ y(w, {
                             space: 8,
                             children: [
-                                i || a ? /* @__PURE__ */ y(w, {
+                                i || l ? /* @__PURE__ */ y(w, {
                                     space: {
                                         mobile: 8,
                                         desktop: 16
@@ -335,14 +339,14 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                             regular: !0,
                                             children: i
                                         }),
-                                        a && (Array.isArray(a) ? /* @__PURE__ */ e(T, {
+                                        l && (Array.isArray(l) ? /* @__PURE__ */ e(T, {
                                             as: "div",
                                             regular: !0,
                                             color: S.colors.textSecondary,
-                                            children: a.map((g, v)=>/* @__PURE__ */ e("p", {
+                                            children: l.map((g, v)=>/* @__PURE__ */ e("p", {
                                                     style: {
                                                         margin: 0,
-                                                        marginBottom: v < a.length - 1 ? "1em" : void 0
+                                                        marginBottom: v < l.length - 1 ? "1em" : void 0
                                                     },
                                                     children: g
                                                 }, v))
@@ -350,7 +354,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                             as: "p",
                                             regular: !0,
                                             color: S.colors.textSecondary,
-                                            children: a
+                                            children: l
                                         }))
                                     ]
                                 }) : null,
@@ -360,7 +364,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                     })
                 })
             }),
-            l && /* @__PURE__ */ y("div", {
+            a && /* @__PURE__ */ y("div", {
                 className: Z,
                 children: [
                     d && /* @__PURE__ */ e(A, {}),
@@ -369,7 +373,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                             mobile: 16,
                             desktop: 40
                         },
-                        children: /* @__PURE__ */ e(I, {
+                        children: /* @__PURE__ */ e(k, {
                             children: /* @__PURE__ */ y(Re, {
                                 align: "full-width",
                                 link: s,
@@ -387,9 +391,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             })
         ]
     });
-}, Qe = /*#__PURE__*/ n.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] = n.useState(p), d = n.useRef(!1), { isDesktopOrBigger: l } = P(), { texts: g } = D();
+}, We = /*#__PURE__*/ n.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] = n.useState(p), d = n.useRef(!1), { isDesktopOrBigger: a } = P(), { texts: g } = D();
     return /* @__PURE__ */ e(b, {
         onClose: o,
         ref: r,
@@ -399,12 +403,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 e(k, {
+            return e(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: L,
-                button: l ? /* @__PURE__ */ e(z, {
+                button: a ? /* @__PURE__ */ e(z, {
                     onPress: ()=>{
                         d.current && (s == null || s(c !== null && c !== void 0 ? c : "")), v();
                     },
@@ -416,14 +420,14 @@ 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));
                         },
-                        children: /* @__PURE__ */ e(le, {
+                        children: /* @__PURE__ */ e(ae, {
                             children: f.map((R)=>/* @__PURE__ */ {
                                 var _R_title;
-                                return e(ae, {
+                                return e(le, {
                                     title: (_R_title = R.title) !== null && _R_title !== void 0 ? _R_title : "",
                                     description: R.description,
                                     asset: R.asset,
@@ -436,8 +440,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             });
         }
     });
-}), Ue = /*#__PURE__*/ n.forwardRef((param, u)=>{
-    let { title: t, subtitle: i, description: a, items: f, onClose: p, onSelect: o, dataAttributes: s } = param;
+}), Xe = /*#__PURE__*/ n.forwardRef((param, u)=>{
+    let { title: t, subtitle: i, description: l, items: f, onClose: p, onSelect: o, dataAttributes: s } = param;
     const { isDarkMode: m } = D();
     return /* @__PURE__ */ e(b, {
         onClose: p,
@@ -445,17 +449,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 e(k, {
+            return /* @__PURE__ */ e(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: c,
                 children: /* @__PURE__ */ e(Y, {
-                    children: f.map((param)=>/* @__PURE__ */ {
-                        let { id: h, style: d, title: l, icon: g } = param;
-                        return e(de, {
+                    children: f.map((param)=>{
+                        let { id: h, style: d, title: a, icon: g } = param;
+                        return /* @__PURE__ */ e(de, {
                             onPress: ()=>{
                                 o == null || o(h), r();
                             },
@@ -476,7 +480,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                                     /* @__PURE__ */ e(x, {
                                         regular: !0,
                                         color: d === "destructive" ? S.colors.textLinkDanger : S.colors.textPrimary,
-                                        children: l
+                                        children: a
                                     })
                                 ]
                             })
@@ -486,8 +490,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             });
         }
     });
-}), We = /*#__PURE__*/ n.forwardRef((param, s)=>{
-    let { title: t, subtitle: i, description: a, items: f, onClose: p, dataAttributes: o } = param;
+}), Ze = /*#__PURE__*/ n.forwardRef((param, s)=>{
+    let { title: t, subtitle: i, description: l, items: f, onClose: p, dataAttributes: o } = param;
     const { isDarkMode: u } = D();
     return /* @__PURE__ */ e(b, {
         onClose: p,
@@ -495,12 +499,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 e(k, {
+            return /* @__PURE__ */ e(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: m,
                 children: /* @__PURE__ */ e(E, {
                     paddingBottom: 16,
@@ -544,17 +548,17 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             });
         }
     });
-}), Xe = /*#__PURE__*/ n.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__*/ n.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__ */ e(b, {
         onClose: s,
@@ -562,24 +566,24 @@ 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 e(k, {
+        children: (param)=>{
+            let { modalTitleId: d, closeModal: a } = param;
+            return /* @__PURE__ */ e(I, {
                 title: t,
                 subtitle: i,
-                description: a,
+                description: l,
                 modalTitleId: d,
                 button: /* @__PURE__ */ e(z, _object_spread_props(_object_spread({}, h(f)), {
-                    onPress: c(l, "PRIMARY")
+                    onPress: c(a, "PRIMARY")
                 })),
                 secondaryButton: p ? /* @__PURE__ */ e(pe, _object_spread_props(_object_spread({}, h(p)), {
-                    onPress: c(l, "SECONDARY")
+                    onPress: c(a, "SECONDARY")
                 })) : void 0,
                 link: o ? /* @__PURE__ */ e(ge, _object_spread_props(_object_spread({}, h(o)), {
-                    onPress: c(l, "LINK")
+                    onPress: c(a, "LINK")
                 })) : void 0
             });
         }
     });
-}), Ze = b;
-export { Ue as ActionsListSheet, Xe as ActionsSheet, We as InfoSheet, Qe as RadioListSheet, k as SheetBody, Ze as default };
+}), rr = b;
+export { Xe as ActionsListSheet, er as ActionsSheet, Ze as InfoSheet, We as RadioListSheet, I as SheetBody, rr as default };

package/dist-es/skeletons.js

@@ -55,9 +55,9 @@ import r from "./skeleton-base.js";
 import c from "./stack.js";
 import { getPrefixedDataAttributes as d } from "./utils/dom.js";
 import { row as m, circle as h, line as u, animation as k } from "./skeletons.css-mistica.js";
-const o = (param)=>/* @__PURE__ */ {
+const o = (param)=>{
     let { children: n, ariaLabel: t, dataAttributes: i, width: a, height: l } = param;
-    return e("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
         className: k,
         role: "status",
         "aria-busy": !0,
@@ -70,9 +70,9 @@ const o = (param)=>/* @__PURE__ */ {
     }, d(i)), {
         children: n
     }));
-}, g = (param)=>/* @__PURE__ */ {
+}, g = (param)=>{
     let { width: n = "100%", ariaLabel: t, dataAttributes: i } = param;
-    return e(o, {
+    return /* @__PURE__ */ e(o, {
         width: n,
         ariaLabel: t,
         dataAttributes: _object_spread({
@@ -82,9 +82,9 @@ const o = (param)=>/* @__PURE__ */ {
             width: "100%"
         })
     });
-}, A = (param)=>/* @__PURE__ */ {
+}, A = (param)=>{
     let { ariaLabel: n, dataAttributes: t } = param;
-    return e(o, {
+    return /* @__PURE__ */ e(o, {
         width: "100%",
         ariaLabel: n,
         dataAttributes: _object_spread({
@@ -101,9 +101,9 @@ const o = (param)=>/* @__PURE__ */ {
             ]
         })
     });
-}, x = (param)=>/* @__PURE__ */ {
+}, x = (param)=>{
     let { ariaLabel: n, size: t = 40, dataAttributes: i } = param;
-    return e(o, {
+    return /* @__PURE__ */ e(o, {
         width: t,
         height: t,
         ariaLabel: n,
@@ -116,9 +116,9 @@ const o = (param)=>/* @__PURE__ */ {
             radius: "50%"
         })
     });
-}, N = (param)=>/* @__PURE__ */ {
+}, N = (param)=>{
     let { width: n = "100%", ariaLabel: t, dataAttributes: i } = param;
-    return e(o, {
+    return /* @__PURE__ */ e(o, {
         width: n,
         ariaLabel: t,
         dataAttributes: _object_spread({
@@ -140,9 +140,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 e(o, {
+    return /* @__PURE__ */ e(o, {
         height: t,
         width: n,
         ariaLabel: i,

package/dist-es/stack.js

@@ -65,9 +65,9 @@ const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, k = (t)=>{
         [r.spaceDesktop]: a(t.desktop)
     };
     return t.tablet && (e[r.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 l("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({
         className: f(e, typeof t == "string" ? b : d),
         style: u(k(t)),
         role: i,