@telefonica/mistica 14.32.1 → 14.33.0

package/dist-es/credit-card-expiration-field.js

@@ -77,37 +77,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as y } from "react/jsx-runtime";
-import * as v from "react";
-import { useForm as V, useFieldProps as j } from "./form-context.js";
-import { useTheme as D } from "./hooks.js";
-import { TextFieldBaseAutosuggest as w } from "./text-field-base.js";
-const N = (_param)=>{
-    var { inputRef: x , defaultValue: p , value: a  } = _param, u = _object_without_properties(_param, [
+import { jsx as F } from "react/jsx-runtime";
+import * as Y from "react";
+import { useForm as k, useFieldProps as v } from "./form-context.js";
+import { useTheme as $ } from "./hooks.js";
+import { TextFieldBaseAutosuggest as R } from "./text-field-base.js";
+const j = (_param)=>{
+    var { inputRef: g , defaultValue: s , value: l  } = _param, u = _object_without_properties(_param, [
         "inputRef",
         "defaultValue",
         "value"
     ]);
-    const { texts: f  } = D(), s = v.useRef(a || ""), c = (i)=>{
-        let r = i.replace(/[^\d/]/g, "").replace(/\/+/g, "/");
-        const [l, m] = r.split("/");
-        return m && (r = `${l}/${m}`), String(s.current).length >= r.length || (r === "/" ? r = "" : r.length === 1 && parseInt(r) >= 2 ? r = `0${r}/` : r.length === 2 && (r[1] === "/" ? r = `0${r}` : parseInt(l) > 12 || parseInt(l) < 1 ? r = r[0] : r = `${r}/`)), r;
+    const { texts: p  } = $(), c = Y.useRef(""), i = (r)=>{
+        if (r.length === 2 && c.current === "Backspace") return r[0];
+        let e = "";
+        return [
+            ...r
+        ].forEach((x)=>{
+            e = (e + x).replace(/[^0-9]/g, "").replace(/^([2-9])$/g, "0$1").replace(/^(1{1})([3-9]{1})$/g, "0$1/$2").replace(/^0{1,}/g, "0").replace(/^([0-1]{1}[0-9]{1})([0-9]{1,2}).*/g, "$1/$2");
+        }), e.length === 2 ? e + "/" : e;
+    }, h = (r)=>{
+        c.current = r.key;
     };
-    return /* @__PURE__ */ y("input", _object_spread_props(_object_spread({}, u), {
-        placeholder: f.expirationDatePlaceholder,
+    return /* @__PURE__ */ F("input", _object_spread_props(_object_spread({}, u), {
+        placeholder: p.expirationDatePlaceholder,
         type: "text",
         inputMode: "decimal",
         maxLength: "5",
-        onInput: (i)=>{
-            const r = c(i.currentTarget.value);
-            s.current = r, i.currentTarget.value = r;
+        onKeyDown: h,
+        onInput: (r)=>{
+            const e = i(r.currentTarget.value);
+            r.currentTarget.value = e;
         },
-        value: a === void 0 ? void 0 : c(a),
-        defaultValue: p === void 0 ? void 0 : c(p),
-        ref: x
+        value: l === void 0 ? void 0 : i(l),
+        defaultValue: s === void 0 ? void 0 : i(s),
+        ref: g
     }));
-}, R = (_param)=>{
-    var { disabled: x , error: p , helperText: a , name: u , optional: f , validate: s , onChange: c , onChangeValue: i , onBlur: r , value: l , autoComplete: m = "cc-exp" , defaultValue: C  } = _param, T = _object_without_properties(_param, [
+}, B = (_param)=>{
+    var { disabled: g , error: s , helperText: l , name: u , optional: p , validate: c , onChange: i , onChangeValue: h , onBlur: r , value: e , autoComplete: x = "cc-exp" , defaultValue: D  } = _param, T = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -121,47 +128,47 @@ const N = (_param)=>{
         "autoComplete",
         "defaultValue"
     ]);
-    const { texts: d  } = D(), { setFormError: $ , jumpToNext: M  } = V(), g = (e, t)=>{
-        if (!t) return f ? "" : d.formFieldErrorIsMandatory;
-        const { month: o , year: n  } = e;
-        if (!o || !n) return d.formCreditCardExpirationError;
-        const h = /* @__PURE__ */ new Date(), Y = h.getMonth() + 1, I = h.getFullYear();
-        return n < I || n === I && o < Y ? d.formCreditCardExpirationError : s == null ? void 0 : s(e, t);
-    }, E = (e)=>{
-        const [t, o] = String(e).split("/").map((h)=>parseInt(h)), n = Number.isInteger(o) ? 2e3 + o : null;
+    const { texts: f  } = $(), { setFormError: w , jumpToNext: I  } = k(), m = (t, n)=>{
+        if (!n) return p ? "" : f.formFieldErrorIsMandatory;
+        const { month: a , year: o  } = t;
+        if (!a || !o) return f.formCreditCardExpirationError;
+        const d = /* @__PURE__ */ new Date(), M = d.getMonth() + 1, y = d.getFullYear();
+        return o < y || o === y && a < M ? f.formCreditCardExpirationError : c == null ? void 0 : c(t, n);
+    }, C = (t)=>{
+        const [n, a] = String(t).split("/").map((d)=>parseInt(d)), o = Number.isInteger(a) ? 2e3 + a : null;
         return {
-            month: t || null,
-            year: n,
-            raw: e
+            month: n || null,
+            year: o,
+            raw: t
         };
-    }, F = j({
+    }, E = v({
         name: u,
-        value: l,
-        defaultValue: C,
-        processValue: E,
-        helperText: a,
-        optional: f,
-        error: p,
-        disabled: x,
+        value: e,
+        defaultValue: D,
+        processValue: C,
+        helperText: l,
+        optional: p,
+        error: s,
+        disabled: g,
         onBlur: r,
-        validate: g,
-        onChange: c,
-        onChangeValue: i
+        validate: m,
+        onChange: i,
+        onChangeValue: h
     });
-    return /* @__PURE__ */ y(w, _object_spread_props(_object_spread({}, T, F), {
-        onChange: (e)=>{
-            F.onChange(e);
-            const t = e.currentTarget.value, o = E(t);
-            if (t.length === 5) {
-                const n = g == null ? void 0 : g(o, t);
-                n ? $({
+    return /* @__PURE__ */ F(R, _object_spread_props(_object_spread({}, T, E), {
+        onChange: (t)=>{
+            E.onChange(t);
+            const n = t.currentTarget.value, a = C(n);
+            if (n.length === 5) {
+                const o = m == null ? void 0 : m(a, n);
+                o ? w({
                     name: u,
-                    error: n
-                }) : M(u);
+                    error: o
+                }) : I(u);
             }
         },
-        autoComplete: m,
-        inputComponent: N
+        autoComplete: x,
+        inputComponent: j
     }));
-}, L = R;
-export { L as default };
+}, A = B;
+export { A as default };

package/dist-es/highlighted-card.js

@@ -85,24 +85,25 @@ import { BaseTouchable as s } from "./touchable.js";
 import { Text as x, Text2 as k } from "./text.js";
 import { Boxed as C } from "./boxed.js";
 import I, { useIsDismissable as T } from "./maybe-dismissable.js";
-import { container as P, textContainerVariant as y, imageContent as E, touchableContainer as d } from "./highlighted-card.css-mistica.js";
-import { vars as H } from "./skins/skin-contract.css-mistica.js";
+import { container as H, textContainerVariant as P, imageContent as y, touchableContainer as m } from "./highlighted-card.css-mistica.js";
+import { vars as E } from "./skins/skin-contract.css-mistica.js";
 import { useTheme as N } from "./hooks.js";
 const L = /*#__PURE__*/ h.forwardRef((e, i)=>{
     var _e_isInverse;
-    const { title: r , description: a , imageUrl: o , imageFit: l  } = e, g = v(), u = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : g, m = T(), { textPresets: f  } = N(), n = /* @__PURE__ */ c(C, {
+    const { title: r , description: a , imageUrl: o , imageFit: l  } = e, g = v(), u = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : g, d = T(), { textPresets: f  } = N(), n = /* @__PURE__ */ c(C, {
         ref: i,
         isInverse: u,
-        className: P,
+        className: H,
         dataAttributes: _object_spread({
             "component-name": "HighlightedCard"
         }, e.dataAttributes),
         width: e.width ? `${e.width}px` : "100%",
+        minHeight: "100%",
         children: [
             /* @__PURE__ */ c("div", {
-                role: m ? void 0 : "region",
-                className: y[o ? "withImage" : "withoutImage"],
-                "aria-label": m ? void 0 : e["aria-label"],
+                role: d ? void 0 : "region",
+                className: P[o ? "withImage" : "withoutImage"],
+                "aria-label": d ? void 0 : e["aria-label"],
                 children: [
                     /* @__PURE__ */ t(x, {
                         mobileSize: 18,
@@ -119,7 +120,7 @@ const L = /*#__PURE__*/ h.forwardRef((e, i)=>{
                         paddingTop: 8,
                         children: /* @__PURE__ */ t(k, {
                             regular: !0,
-                            color: H.colors.textSecondary,
+                            color: E.colors.textSecondary,
                             truncate: e.descriptionLinesMax,
                             as: "p",
                             hyphens: "auto",
@@ -140,7 +141,7 @@ const L = /*#__PURE__*/ h.forwardRef((e, i)=>{
                 ]
             }),
             o && /* @__PURE__ */ t("div", {
-                className: E,
+                className: y,
                 style: {
                     backgroundImage: `url(${o})`,
                     backgroundRepeat: "no-repeat",
@@ -153,19 +154,19 @@ const L = /*#__PURE__*/ h.forwardRef((e, i)=>{
     return e.button ? n : e.onPress ? /* @__PURE__ */ t(s, {
         onPress: e.onPress,
         trackingEvent: e.trackingEvent,
-        className: d,
+        className: m,
         children: n
     }) : e.to ? /* @__PURE__ */ t(s, {
         to: e.to,
         trackingEvent: e.trackingEvent,
         fullPageOnWebView: e.fullPageOnWebView,
-        className: d,
+        className: m,
         children: n
     }) : e.href ? /* @__PURE__ */ t(s, {
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        className: d,
+        className: m,
         children: n
     }) : n;
 }), R = /*#__PURE__*/ h.forwardRef((_param, r)=>{

package/dist-es/hooks.js

@@ -1,73 +1,74 @@
 import * as n from "react";
-import f from "./theme-context.js";
-import m from "./screen-size-context.js";
-import g from "./aria-id-getter-context.js";
-import { listenResize as S } from "./utils/dom.js";
-import { isClientSide as h } from "./utils/environment.js";
-const y = ()=>{
-    const t = n.useContext(f);
+import S from "./theme-context.js";
+import y from "./screen-size-context.js";
+import b from "./aria-id-getter-context.js";
+import { listenResize as W } from "./utils/dom.js";
+import { isClientSide as u } from "./utils/environment.js";
+const x = ()=>{
+    const t = n.useContext(S);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, E = (t)=>{
+};
+let f = "", w = 0, h = 0;
+const z = (t)=>{
     n.useEffect(()=>{
         if (t) {
-            let s = "", e = 0, i = 0;
-            const r = document.scrollingElement || document.documentElement, c = ()=>{
-                var u;
+            const r = document.scrollingElement || document.documentElement, e = ()=>{
+                var s;
                 var _ref, _ref1;
-                if (i++, !(i > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, s = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (h++, !(h > 1) && (w = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, f = (_ref1 = (s = document.body) == null ? void 0 : s.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const l = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = `overflow:hidden;overflow-y:${l};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
+                    const o = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = `overflow:hidden;overflow-y:${o};position:fixed;top:${-w}px;left:0px;right:0px;bottom:0px`;
                 }
-            }, o = ()=>{
-                i--, !(i > 0) && (document.body && (document.body.style.cssText = s), r && (r.scrollTop = e));
+            }, i = ()=>{
+                h--, !(h > 0) && (document.body && (document.body.style.cssText = f), r && (r.scrollTop = w));
             };
-            return c(), o;
+            return e(), i;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, H = ()=>n.useContext(m), T = ()=>{
-    const [t, s] = n.useState(0), [e, i] = n.useState(0), [r, c] = n.useState(null), o = n.useCallback((d)=>{
+}, C = ()=>n.useContext(y), R = ()=>{
+    const [t, r] = n.useState(0), [e, i] = n.useState(0), [s, c] = n.useState(null), o = n.useCallback((d)=>{
         if (!d) {
-            s(0), i(0);
+            r(0), i(0);
             return;
         }
-        const { width: l , height: a  } = d[0].contentRect;
-        s(l), i(a);
-    }, []), u = n.useCallback((d)=>{
+        const { width: m , height: g  } = d[0].contentRect;
+        r(m), i(g);
+    }, []), l = n.useCallback((d)=>{
         c(d);
     }, []);
     return n.useEffect(()=>{
-        if (!r) {
-            s(0), i(0);
+        if (!s) {
+            r(0), i(0);
             return;
         }
-        return S(r, o);
+        return W(s, o);
     }, [
-        r,
+        s,
         o
     ]), {
         width: t,
         height: e,
-        ref: u
+        ref: l
     };
-}, z = (t)=>{
-    const { useId: s  } = y();
-    if (s) {
-        const e = s();
+}, B = (t)=>{
+    const { useId: r  } = x();
+    if (r) {
+        const e = r();
         return t || e;
     } else {
-        const e = n.useContext(g);
+        const e = n.useContext(b);
         return n.useRef(t || e()).current;
     }
-}, w = ()=>{
-    const [t, s] = n.useState(h() ? window.innerHeight : 1200), [e, i] = n.useState(h() ? window.innerWidth : 800), [r, c] = n.useState(h() ? window.screen.availHeight : 1200), [o, u] = n.useState(h() ? window.screen.availWidth : 800);
+}, a = ()=>{
+    const [t, r] = n.useState(u() ? window.innerHeight : 1200), [e, i] = n.useState(u() ? window.innerWidth : 800), [s, c] = n.useState(u() ? window.screen.availHeight : 1200), [o, l] = n.useState(u() ? window.screen.availWidth : 800);
     return n.useEffect(()=>{
         const d = ()=>{
-            s(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
+            r(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), l(window.screen.availWidth);
         };
         return window.addEventListener("resize", d), ()=>{
             window.removeEventListener("resize", d);
@@ -75,30 +76,30 @@ const y = ()=>{
     }, []), n.useMemo(()=>({
             height: t,
             width: e,
-            screenHeight: r,
+            screenHeight: s,
             screenWidth: o
         }), [
         t,
         e,
-        r,
+        s,
         o
     ]);
-}, C = ()=>{
-    const { height: t  } = w();
+}, L = ()=>{
+    const { height: t  } = a();
     return t;
-}, R = ()=>{
-    const { width: t  } = w();
+}, M = ()=>{
+    const { width: t  } = a();
     return t;
-}, B = ()=>{
-    const { screenHeight: t  } = w();
+}, A = ()=>{
+    const { screenHeight: t  } = a();
     return t;
-}, L = ()=>h() && window.top !== window.self, M = h() ? n.useLayoutEffect : n.useEffect, A = (t, s, e)=>{
-    const [i, r] = n.useState(s);
+}, D = ()=>u() && window.top !== window.self, V = u() ? n.useLayoutEffect : n.useEffect, k = (t, r, e)=>{
+    const [i, s] = n.useState(r);
     return n.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
         const c = new IntersectionObserver((o)=>{
-            r(o[0].isIntersecting);
+            s(o[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
@@ -114,4 +115,4 @@ const y = ()=>{
         e == null ? void 0 : e.threshold
     ]), i;
 };
-export { z as useAriaId, E as useDisableBodyScroll, T as useElementDimensions, A as useIsInViewport, L as useIsWithinIFrame, M as useIsomorphicLayoutEffect, B as useScreenHeight, H as useScreenSize, y as useTheme, C as useWindowHeight, w as useWindowSize, R as useWindowWidth };
+export { B as useAriaId, z as useDisableBodyScroll, R as useElementDimensions, k as useIsInViewport, D as useIsWithinIFrame, V as useIsomorphicLayoutEffect, A as useScreenHeight, C as useScreenSize, x as useTheme, L as useWindowHeight, a as useWindowSize, M as useWindowWidth };

package/dist-es/maybe-dismissable.js

@@ -1,26 +1,27 @@
-import { jsx as s, Fragment as m, jsxs as n } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as e, Fragment as m, jsxs as n } from "react/jsx-runtime";
+import * as i from "react";
 import c from "./generated/mistica-icons/icon-close-regular.js";
 import { useTheme as b } from "./hooks.js";
 import u from "./icon-button.js";
 import { vars as d } from "./skins/skin-contract.css-mistica.js";
-import { dismissableContainer as f, dismissableButton as p, dismissableCircleContainer as h } from "./maybe-dismissable.css-mistica.js";
-const i = /*#__PURE__*/ a.createContext(!1), I = ()=>a.useContext(i), x = (param)=>{
-    let { children: e , width: r , onClose: t , "aria-label": o  } = param;
+import { dismissableContainer as f, dismissableButton as h, dismissableCircleContainer as p } from "./maybe-dismissable.css-mistica.js";
+const a = /*#__PURE__*/ i.createContext(!1), I = ()=>i.useContext(a), x = (param)=>{
+    let { children: s , width: r , onClose: t , "aria-label": o  } = param;
     const { texts: l  } = b();
     return t ? /* @__PURE__ */ n("section", {
         className: f,
         "aria-label": o,
         style: {
-            width: r || "100%"
+            width: r || "100%",
+            minHeight: "100%"
         },
         children: [
-            /* @__PURE__ */ s(i.Provider, {
+            /* @__PURE__ */ e(a.Provider, {
                 value: !0,
-                children: e
+                children: s
             }),
-            /* @__PURE__ */ s(u, {
-                className: p,
+            /* @__PURE__ */ e(u, {
+                className: h,
                 onPress: t,
                 "aria-label": l.closeButtonLabel,
                 style: {
@@ -28,16 +29,16 @@ const i = /*#__PURE__*/ a.createContext(!1), I = ()=>a.useContext(i), x = (param
                     width: 48,
                     height: 48
                 },
-                children: /* @__PURE__ */ s("div", {
-                    className: h,
-                    children: /* @__PURE__ */ s(c, {
+                children: /* @__PURE__ */ e("div", {
+                    className: p,
+                    children: /* @__PURE__ */ e(c, {
                         color: d.colors.neutralHigh
                     })
                 })
             })
         ]
-    }) : /* @__PURE__ */ s(m, {
-        children: e
+    }) : /* @__PURE__ */ e(m, {
+        children: s
     });
 }, N = x;
 export { N as default, I as useIsDismissable };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "14.32.1";
+const o = "14.33.0";
 export { o as PACKAGE_VERSION };

package/dist-es/responsive-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
-var e = {
+var o = {
     inverse: "_1y2v1nf3b",
     alternative: "_1y2v1nf3g"
-}, n = "_17lofg78", r = "_17lofg73", v = "_17lofg7a _1y2v1nfbx", t = "_17lofg74", i = "_17lofg77", f = "_17lofg72 _1y2v1nfbx";
-export { e as backgroundVariant, n as expandedResponsiveLayout, r as expandedResponsiveLayoutContainer, v as fullWidth, t as fullwidthContainer, i as responsiveLayout, f as responsiveLayoutContainer };
+}, r = "_17lofg73", e = "_17lofg79 _1y2v1nfbx", v = "_17lofg74", t = "_17lofg77", i = "_17lofg72 _1y2v1nfbx";
+export { o as backgroundVariant, r as expandedResponsiveLayoutContainer, e as fullWidth, v as fullwidthContainer, t as responsiveLayout, i as responsiveLayoutContainer };

package/dist-es/responsive-layout.js

@@ -78,34 +78,34 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as t } from "react/jsx-runtime";
-import r from "classnames";
-import { getPrefixedDataAttributes as v } from "./utils/dom.js";
-import { fullwidthContainer as c, responsiveLayoutContainer as l, backgroundVariant as f, expandedResponsiveLayoutContainer as y, fullWidth as L, responsiveLayout as x, expandedResponsiveLayout as R } from "./responsive-layout.css-mistica.js";
-import { useThemeVariant as V, ThemeVariant as h } from "./theme-variant-context.js";
-const b = (param)=>{
-    let { children: n , isInverse: o = !1 , variant: d , backgroundColor: s , className: m , fullWidth: e , dataAttributes: p , shouldExpandWhenNested: i = !1  } = param;
-    const u = V(), a = d || o && "inverse" || void 0;
-    return /* @__PURE__ */ t(h, {
-        variant: a !== null && a !== void 0 ? a : u,
+import l from "classnames";
+import { getPrefixedDataAttributes as p } from "./utils/dom.js";
+import { fullwidthContainer as v, responsiveLayoutContainer as c, backgroundVariant as f, expandedResponsiveLayoutContainer as h, fullWidth as y, responsiveLayout as L } from "./responsive-layout.css-mistica.js";
+import { useThemeVariant as x, ThemeVariant as V } from "./theme-variant-context.js";
+const R = (param)=>{
+    let { children: a , isInverse: n = !1 , variant: i , backgroundColor: o , className: r , fullWidth: s , dataAttributes: d , shouldExpandWhenNested: u = !1  } = param;
+    const m = x(), e = i || n && "inverse" || void 0;
+    return /* @__PURE__ */ t(V, {
+        variant: e !== null && e !== void 0 ? e : m,
         children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-            className: r(e ? c : l, m, a && a !== "default" && f[a], i && !e && y),
-            style: s ? {
-                background: s
+            className: l(s ? v : c, r, e && e !== "default" && f[e], u && !s && h),
+            style: o ? {
+                background: o
             } : void 0
-        }, v(p)), {
+        }, p(d)), {
             children: /* @__PURE__ */ t("div", {
-                className: r(e ? L : x, i && !e && R),
-                children: n
+                className: s ? y : L,
+                children: a
             })
         }))
     });
-}, g = (_param)=>/* @__PURE__ */ {
-    var { children: n  } = _param, o = _object_without_properties(_param, [
+}, N = (_param)=>/* @__PURE__ */ {
+    var { children: a  } = _param, n = _object_without_properties(_param, [
         "children"
     ]);
-    return t(b, _object_spread_props(_object_spread({}, o), {
+    return t(R, _object_spread_props(_object_spread({}, n), {
         shouldExpandWhenNested: !0,
-        children: n
+        children: a
     }));
-}, w = g;
-export { b as InternalResponsiveLayout, w as default };
+}, k = N;
+export { R as InternalResponsiveLayout, k as default };