@telefonica/mistica 15.2.0 → 15.3.0

package/dist-es/image.js

@@ -80,9 +80,9 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t, jsxs as R, Fragment as k } from "react/jsx-runtime";
 import * as r from "react";
-import z from "classnames";
-import { SkeletonAnimation as F } from "./skeletons.js";
-import { AspectRatioContainer as L } from "./utils/aspect-ratio-support.js";
+import F from "classnames";
+import { SkeletonAnimation as L } from "./skeletons.js";
+import { AspectRatioContainer as N } from "./utils/aspect-ratio-support.js";
 import { getPrefixedDataAttributes as W } from "./utils/dom.js";
 import { useIsInverseVariant as M } from "./theme-variant-context.js";
 import { useTheme as V, useAriaId as D } from "./hooks.js";
@@ -163,7 +163,7 @@ const X = (param)=>{
         "errorFallback"
     ]);
     var v;
-    const h = D(), l = r.useRef(), u = i.circular ? $ : m ? P : U, [I, f] = r.useState(!o), [H, g] = r.useState(!1), C = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : S[e], b = A && !!(C !== 0 || i.width && i.height), N = B && !!(C !== 0 || i.width && i.height), w = r.useCallback(()=>{
+    const h = D(), l = r.useRef(), u = i.circular ? $ : m ? P : U, [I, f] = r.useState(!o), [H, g] = r.useState(!1), C = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : S[e], b = A && !!(C !== 0 || i.width && i.height), T = B && !!(C !== 0 || i.width && i.height), w = r.useCallback(()=>{
         f(!1), l.current && (l.current.style.opacity = "1"), setTimeout(()=>{
             g(!0);
         }, K), n == null || n();
@@ -180,17 +180,17 @@ const X = (param)=>{
     }, [
         w
     ]);
-    const T = Q() || !((v = document.getElementById(h)) != null && v.complete), _ = /* @__PURE__ */ R(k, {
+    const _ = Q() || !((v = document.getElementById(h)) != null && v.complete), z = /* @__PURE__ */ R(k, {
         children: [
             /* @__PURE__ */ t("img", {
                 suppressHydrationWarning: !0,
                 id: h,
                 style: {
-                    opacity: T && b ? 0 : 1
+                    opacity: _ && b ? 0 : 1
                 },
                 ref: G(l, E),
                 src: o,
-                className: z(u, Z, {
+                className: F(u, Z, {
                     [q]: i.border
                 }, j({
                     position: C !== 0 ? "absolute" : "static"
@@ -215,19 +215,21 @@ const X = (param)=>{
                 style: {
                     position: "absolute",
                     width: "100%",
-                    height: "100%"
+                    height: "100%",
+                    overflow: "hidden"
                 },
-                children: /* @__PURE__ */ t(F, {
+                className: u,
+                children: /* @__PURE__ */ t(L, {
                     height: (_i_height = i.height) !== null && _i_height !== void 0 ? _i_height : "100%",
                     width: (_i_width = i.width) !== null && _i_width !== void 0 ? _i_width : "100%",
                     children: /* @__PURE__ */ t(J, {
                         height: "100%",
                         width: "100%",
-                        className: u
+                        noBorderRadius: !0
                     })
                 })
             }),
-            I && N && /* @__PURE__ */ t("div", {
+            I && T && /* @__PURE__ */ t("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -239,13 +241,13 @@ const X = (param)=>{
                     className: u
                 })
             }),
-            !I && _
+            !I && z
         ]
     });
 }), e1 = /*#__PURE__*/ r.forwardRef((e, d)=>{
     var _e_aspectRatio;
     const c = e.width && e.height ? void 0 : e.circular ? 1 : typeof e.aspectRatio == "number" ? e.aspectRatio : S[(_e_aspectRatio = e.aspectRatio) !== null && _e_aspectRatio !== void 0 ? _e_aspectRatio : x];
-    return /* @__PURE__ */ t(L, {
+    return /* @__PURE__ */ t(N, {
         style: {
             position: "relative"
         },

package/dist-es/list.js

@@ -100,6 +100,7 @@ import { vars as Ne } from "./image.css-mistica.js";
 import { vars as N } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as Re } from "./utils/css.js";
 import { IconButton as $, ToggleIconButton as p } from "./icon-button.js";
+import { sprinkles as Ce } from "./sprinkles.css-mistica.js";
 const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: n
     }) : n ? /* @__PURE__ */ t("div", {
@@ -109,7 +110,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             height: "100%"
         },
         children: e
-    }) : e, Ce = (param)=>{
+    }) : e, ke = (param)=>{
     let { withChevron: e, headline: n, title: r, titleAs: c, titleLinesMax: m, subtitle: g, subtitleLinesMax: v, description: A, descriptionLinesMax: M, detail: f, asset: S, type: x = "basic", badge: E, right: V, extra: l, labelId: W, disabled: o } = param;
     const j = te(), d = [
         n,
@@ -239,7 +240,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, ke = (param)=>{
+}, Ie = (param)=>{
     let { value: e, defaultValue: n, onChange: r } = param;
     const c = e !== void 0, [m, g] = I.useState(!!n), v = ()=>{
         c || g(!m), r && r(c ? !e : !m);
@@ -251,10 +252,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         m,
         v
     ];
-}, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ I.forwardRef((e, n)=>{
-    const r = oe(), c = te(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = le(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = ke(e.switch || e.checkbox || {}), b = (param)=>{
+}, Pe = (e)=>e.switch !== void 0, Le = (e)=>e.checkbox !== void 0, Ae = (e)=>e.radioValue !== void 0, Ee = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ I.forwardRef((e, n)=>{
+    const r = oe(), c = te(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = le(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = Ie(e.switch || e.checkbox || {}), b = (param)=>{
         let { type: s, right: w, labelId: X } = param;
-        return /* @__PURE__ */ t(Ce, {
+        return /* @__PURE__ */ t(ke, {
             asset: m,
             headline: g,
             title: v,
@@ -283,7 +284,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ t(P, {
+    if (e.onPress && !Pe(e) && !Le(e) && !Ae(e) && !Ee(e)) return /* @__PURE__ */ t(P, {
         ref: n,
         className: a(k, {
             [y]: d,
@@ -523,13 +524,16 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             type: "basic"
         })
     });
-}), _e = /*#__PURE__*/ I.forwardRef((_param, c)=>{
+}), pe = /*#__PURE__*/ I.forwardRef((_param, c)=>{
     var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ t("div", {
         role: n,
+        className: Ce({
+            width: "100%"
+        }),
         children: /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, r), {
             ref: c,
             dataAttributes: _object_spread({
@@ -537,7 +541,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             }, e)
         }))
     });
-}), $e = (param)=>{
+}), et = (param)=>{
     let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
     const m = I.Children.count(e) - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
@@ -554,7 +558,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 ]
             }, v))
     }));
-}, pe = /*#__PURE__*/ I.forwardRef((_param, r)=>{
+}, tt = /*#__PURE__*/ I.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -566,7 +570,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ t(ne, _object_spread({}, n))
     });
-}), et = (param)=>{
+}), nt = (param)=>{
     let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
     return /* @__PURE__ */ t(R, {
         space: 16,
@@ -578,4 +582,4 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         children: e
     });
 };
-export { pe as BoxedRow, et as BoxedRowList, Ce as Content, _e as Row, $e as RowList };
+export { tt as BoxedRow, nt as BoxedRowList, ke as Content, pe as Row, et as RowList };

package/dist-es/loading-bar.js

@@ -54,21 +54,21 @@ function _object_spread_props(target, source) {
 import { jsx as r } from "react/jsx-runtime";
 import { Portal as s } from "./portal.js";
 import { portal as t, hidden as e, progressContainer as i, progress as m } from "./loading-bar.css-mistica.js";
-import { getPrefixedDataAttributes as d } from "./utils/dom.js";
-import n from "classnames";
+import { getPrefixedDataAttributes as n } from "./utils/dom.js";
+import d from "classnames";
 const l = (param)=>{
     let { visible: a, dataAttributes: o } = param;
     return /* @__PURE__ */ r(s, {
-        className: n(t, {
+        className: d(t, {
             [e]: !a
         }),
         children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
             className: i
-        }, d(o, "LoadingBar")), {
+        }, n(o, "LoadingBar")), {
             children: /* @__PURE__ */ r("div", {
                 className: m
             })
         }))
     });
-}, h = l;
-export { h as default };
+}, u = l;
+export { u as default };

package/dist-es/loading-screen.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as S, jsx as n } from "react/jsx-runtime";
 import * as o from "react";
-import { useSetOverscrollColor as x } from "./overscroll-color-context.js";
+import { useSetOverscrollColor as N } from "./overscroll-color-context.js";
 import { ThemeVariant as B } from "./theme-variant-context.js";
 import { vars as f } from "./skins/skin-contract.css-mistica.js";
 import E from "./responsive-layout.js";
@@ -92,7 +92,7 @@ import T from "classnames";
 import { sprinkles as $ } from "./sprinkles.css-mistica.js";
 import { Logo as q } from "./logo.js";
 import G from "./screen-reader-only.js";
-import { useTheme as N } from "./hooks.js";
+import { useTheme as R } from "./hooks.js";
 import { VIVO_NEW_SKIN as H } from "./skins/constants.js";
 import { getPrefixedDataAttributes as J } from "./utils/dom.js";
 const L = (param)=>{
@@ -168,7 +168,7 @@ const L = (param)=>{
             })
         }, c)
     });
-}, R = /*#__PURE__*/ o.forwardRef((param, d)=>{
+}, x = /*#__PURE__*/ o.forwardRef((param, d)=>{
     let { isInverse: e, children: r, isLoading: t = !0, animateText: i, animateBackground: c, onClose: s, dataAttributes: a, title: l, description: u, texts: m = [
         {
             title: l,
@@ -213,7 +213,7 @@ const L = (param)=>{
         s
     ]);
     const b = !r;
-    return x(e ? {
+    return N(e ? {
         topColor: f.colors.backgroundBrandTop
     } : {}), /* @__PURE__ */ S(B, {
         isInverse: e,
@@ -258,7 +258,7 @@ const L = (param)=>{
             })
         ]
     });
-}), pe = /*#__PURE__*/ o.forwardRef((e, r)=>/* @__PURE__ */ n(R, _object_spread_props(_object_spread({
+}), pe = /*#__PURE__*/ o.forwardRef((e, r)=>/* @__PURE__ */ n(x, _object_spread_props(_object_spread({
         ref: r
     }, e), {
         dataAttributes: _object_spread({
@@ -267,7 +267,7 @@ const L = (param)=>{
         animateBackground: !0
     }))), U = (param)=>{
     let { isLoading: e, onCloseStart: r, onCloseEnd: t } = param;
-    const { texts: i } = N(), [c, s] = o.useState(!0), a = ()=>{
+    const { texts: i } = R(), [c, s] = o.useState(!0), a = ()=>{
         e || (r == null || r(), s(!1), t == null || t());
     };
     return /* @__PURE__ */ S("div", {
@@ -288,7 +288,7 @@ const L = (param)=>{
     });
 }, X = /*#__PURE__*/ o.lazy(()=>import("./vivinho-loading-animation/index.js")), Y = (param)=>{
     let { isLoading: e, onCloseStart: r, onCloseEnd: t } = param;
-    const { skinName: i } = N();
+    const { skinName: i } = R();
     return i === H ? /* @__PURE__ */ n(o.Suspense, {
         fallback: null,
         children: /* @__PURE__ */ n(X, {
@@ -312,7 +312,7 @@ const L = (param)=>{
     }, d = ()=>{
         l.current && u.current && (r == null || r());
     };
-    return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ n(x, _object_spread_props(_object_spread({
         ref: c,
         isInverse: !0
     }, i), {

package/dist-es/package-version.js

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

package/dist-es/pin-field.js

@@ -51,10 +51,10 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as N, jsx as n } from "react/jsx-runtime";
-import $ from "classnames";
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
+import D from "classnames";
 import * as m from "react";
-import H from "./inline.js";
+import N from "./inline.js";
 import { input as B } from "./text-field-base.css-mistica.js";
 import { fieldContainer as E, disabled as L, readOnlyField as j, focusedField as O, field as W, input as q, passwordInput as z, pinInputLineHeight as h, passwordDot as K } from "./pin-field.css-mistica.js";
 import { useAriaId as M, useTheme as _ } from "./hooks.js";
@@ -115,7 +115,7 @@ const x = (param)=>{
         l,
         d
     ]);
-    const D = (s)=>(e)=>{
+    const H = (s)=>(e)=>{
             var k;
             const r = e.target.value;
             if (r === "") return;
@@ -131,13 +131,13 @@ const x = (param)=>{
                 c(P);
             }), v !== s && v <= l - 1 && ((k = a[v]) == null || k.focus()));
         };
-    return /* @__PURE__ */ n(H, {
+    return /* @__PURE__ */ n(N, {
         space: 8,
         children: Array.from({
             length: l
         }).map((s, e)=>/* @__PURE__ */ {
             var _t_e;
-            return N("div", {
+            return $("div", {
                 className: y ? j : e === w ? O : W,
                 children: [
                     /* @__PURE__ */ n(J, {
@@ -156,7 +156,7 @@ const x = (param)=>{
                         inputRef: (r)=>{
                             a[e] = r, e === 0 && A(r);
                         },
-                        className: $(B, q, {
+                        className: D(B, q, {
                             [z]: f
                         }),
                         style: {
@@ -170,7 +170,7 @@ const x = (param)=>{
                         readOnly: y,
                         autoComplete: d ? "one-time-code" : void 0,
                         value: (_t_e = t[e]) !== null && _t_e !== void 0 ? _t_e : "",
-                        onChange: D(e),
+                        onChange: H(e),
                         onKeyDown: (r)=>{
                             switch(r.key){
                                 case "Backspace":
@@ -219,10 +219,10 @@ const x = (param)=>{
         onChangeValue: R,
         onChange: S
     }), t = M();
-    return /* @__PURE__ */ N("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ $("div", _object_spread_props(_object_spread({
         role: "group",
         "aria-labelledby": I !== null && I !== void 0 ? I : t,
-        className: $(E, {
+        className: D(E, {
             [L]: g
         })
     }, U(a, "PinField")), {

package/dist-es/progress-bar.js

@@ -55,9 +55,9 @@ import { jsx as t } from "react/jsx-runtime";
 import * as b from "react";
 import { useTheme as f } from "./hooks.js";
 import { vars as h } from "./skins/skin-contract.css-mistica.js";
-import { barBackground as B, bar as S, inverse as $, normal as x, progressBarSteppedContainer as A } from "./progress-bar.css-mistica.js";
+import { barBackground as B, bar as S, inverse as $, normal as x, progressBarSteppedContainer as N } from "./progress-bar.css-mistica.js";
 import { getPrefixedDataAttributes as C } from "./utils/dom.js";
-import N from "classnames";
+import k from "classnames";
 import P from "./inline.js";
 const E = (param)=>{
     let { progressPercent: r, color: o, "aria-label": d, "aria-labelledby": l, dataAttributes: i, reverse: n = !1 } = param;
@@ -71,7 +71,7 @@ const E = (param)=>{
         "aria-label": s,
         "aria-labelledby": l,
         children: /* @__PURE__ */ t("div", {
-            className: N(S, n ? $ : x),
+            className: k(S, n ? $ : x),
             style: {
                 maxWidth: `${a}%`,
                 backgroundColor: o !== null && o !== void 0 ? o : h.colors.controlActivated
@@ -80,16 +80,16 @@ const E = (param)=>{
     }));
 }, R = (param)=>{
     let { steps: r, currentStep: o = 0, color: d, dataAttributes: l, "aria-label": i, "aria-labelledby": n } = param;
-    const { texts: c } = f(), [a, p] = b.useState(Math.ceil(o)), [s, k] = b.useState(!1);
+    const { texts: c } = f(), [a, p] = b.useState(Math.ceil(o)), [s, y] = b.useState(!1);
     b.useEffect(()=>{
         const e = Math.ceil(o);
-        a !== e && (k(e < a), p(e));
+        a !== e && (y(e < a), p(e));
     }, [
         o,
         r,
         a
     ]);
-    const y = n ? void 0 : (()=>{
+    const A = n ? void 0 : (()=>{
         const e = c.progressBarStepLabel.replace("1$s", String(a)).replace("2$s", String(r));
         return i ? `${i}, ${e.toLowerCase()}` : e;
     })();
@@ -98,9 +98,9 @@ const E = (param)=>{
         "aria-valuenow": a,
         "aria-valuemin": 0,
         "aria-valuemax": r,
-        "aria-label": y,
+        "aria-label": A,
         "aria-labelledby": n,
-        className: A,
+        className: N,
         children: /* @__PURE__ */ t(P, {
             space: 8,
             fullWidth: !0,
@@ -112,7 +112,7 @@ const E = (param)=>{
                     className: B,
                     "aria-hidden": "true",
                     children: (u || g) && /* @__PURE__ */ t("div", {
-                        className: N(S, {
+                        className: k(S, {
                             [x]: v && !s,
                             [$]: g && s
                         }),

package/dist-es/radio-button.js

@@ -87,16 +87,16 @@ import { Text3 as k } from "./text.js";
 import j from "./inline.js";
 import P from "classnames";
 import { useAriaId as F, useTheme as K } from "./hooks.js";
-import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-import { outerCircleVariants as I, outerCircleCheckedVariants as $, disabled as N, innerCircle as H, innerCircleChecked as L, radioButtonContainerDisabled as U, radioButton as W } from "./radio-button.css-mistica.js";
-const D = /*#__PURE__*/ i.createContext({
+import { getPrefixedDataAttributes as D } from "./utils/dom.js";
+import { outerCircleVariants as I, outerCircleCheckedVariants as $, disabled as A, innerCircle as H, innerCircleChecked as L, radioButtonContainerDisabled as U, radioButton as W } from "./radio-button.css-mistica.js";
+const N = /*#__PURE__*/ i.createContext({
     disabled: !1,
     selectedValue: null,
     focusableValue: null,
     select: ()=>{},
     selectNext: ()=>{},
     selectPrev: ()=>{}
-}), z = ()=>i.useContext(D), J = (_param)=>{
+}), z = ()=>i.useContext(N), J = (_param)=>{
     var { value: e, id: s, dataAttributes: C, "aria-labelledby": R } = _param, d = _object_without_properties(_param, [
         "value",
         "id",
@@ -120,7 +120,7 @@ const D = /*#__PURE__*/ i.createContext({
     }, a = /* @__PURE__ */ n("div", {
         className: P(h ? I.ios : I.default, {
             [$[h ? "ios" : "default"]]: c,
-            [N]: l
+            [A]: l
         }),
         children: !h && /* @__PURE__ */ n("div", {
             className: P(H, {
@@ -143,7 +143,7 @@ const D = /*#__PURE__*/ i.createContext({
         },
         onKeyDown: l ? void 0 : t,
         className: l ? U : W
-    }, A(C, "RadioButton")), {
+    }, D(C, "RadioButton")), {
         children: d.render ? d.render({
             controlElement: a,
             disabled: !!l,
@@ -168,7 +168,7 @@ const D = /*#__PURE__*/ i.createContext({
                     as: "div",
                     id: m,
                     children: /* @__PURE__ */ n("span", {
-                        className: l ? N : "",
+                        className: l ? A : "",
                         children: d.children
                     })
                 })
@@ -219,8 +219,8 @@ const D = /*#__PURE__*/ i.createContext({
         ref: O(r, d),
         role: "radiogroup",
         "aria-labelledby": e["aria-labelledby"]
-    }, A(e.dataAttributes, "RadioGroup")), {
-        children: /* @__PURE__ */ n(D.Provider, {
+    }, D(e.dataAttributes, "RadioGroup")), {
+        children: /* @__PURE__ */ n(N.Provider, {
             value: {
                 disabled: l,
                 selectedValue: p !== null && p !== void 0 ? p : C,

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 e = 16, r = 40, n = 32, v = {
     inverse: "_1y2v1nf3t",
     alternative: "_1y2v1nf3y"
-}, n = "_17lofg74", r = "_17lofg73", t = "_17lofg7a _1y2v1nfhx", v = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhx";
-export { e as backgroundVariant, n as expandedResponsiveLayoutContainerDesktop, r as expandedResponsiveLayoutContainerMobile, t as fullWidth, v as fullwidthContainer, i as responsiveLayout, f as responsiveLayoutContainer };
+}, t = "_17lofg74", _ = "_17lofg73", i = "_17lofg7a _1y2v1nfhx", f = "_17lofg75", l = "_17lofg78", p = "_17lofg72 _1y2v1nfhx";
+export { e as MOBILE_SIDE_MARGIN, r as SMALL_DESKTOP_SIDE_MARGIN, n as TABLET_SIDE_MARGIN, v as backgroundVariant, t as expandedResponsiveLayoutContainerDesktop, _ as expandedResponsiveLayoutContainerMobile, i as fullWidth, f as fullwidthContainer, l as responsiveLayout, p as responsiveLayoutContainer };

package/dist-es/responsive-layout.js

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