@telefonica/mistica 15.2.0 → 15.3.0

package/dist/carousel.js

@@ -267,9 +267,9 @@ const ve = (e, t)=>{
     for(let r = 0; r < t.length; r++)r === 0 ? s.push(t[0]) : s.push((t[r] + t[r - 1]) / 2);
     for(let r = s.length - 1; r >= 0; r--)if (e - s[r] >= -1) return r;
     return 0;
-}, Me = 5e3, Ne = (param)=>{
-    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, itemsPerPage: w, itemsToScroll: i, mobilePageOffset: u, gap: C, free: b, centered: S, autoplay: x, onPageChange: y, dataAttributes: W } = param;
-    const { texts: I, platformOverrides: k, skinName: H } = (0, _hooks.useTheme)(), J = (0, _desktopcontainertypecontext.useDesktopContainerType)(), a = vt(J || "large", w), { isDesktopOrBigger: E, isTablet: A } = (0, _hooks.useScreenSize)(), j = A ? a.tablet : a.mobile, P = Math.max(Math.floor(E ? a.desktop : j), 1), l = _react.useRef(null), m = Math.ceil(e.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(e.length / Math.max(Math.floor(a.tablet), 1)), M = Math.ceil(e.length / Math.max(Math.floor(a.desktop), 1)), R = Math.ceil(e.length / P), [{ scrollLeft: D, scrollRight: G }, Ee] = _react.useState({
+}, Me = 5e3, Se = (param)=>{
+    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, itemsPerPage: w, itemsToScroll: i, mobilePageOffset: u, gap: C, free: b, centered: k, autoplay: x, onPageChange: y, dataAttributes: W } = param;
+    const { texts: I, platformOverrides: N, skinName: H } = (0, _hooks.useTheme)(), J = (0, _desktopcontainertypecontext.useDesktopContainerType)(), a = vt(J || "large", w), { isDesktopOrBigger: E, isTablet: A } = (0, _hooks.useScreenSize)(), j = A ? a.tablet : a.mobile, P = Math.max(Math.floor(E ? a.desktop : j), 1), l = _react.useRef(null), m = Math.ceil(e.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(e.length / Math.max(Math.floor(a.tablet), 1)), M = Math.ceil(e.length / Math.max(Math.floor(a.desktop), 1)), R = Math.ceil(e.length / P), [{ scrollLeft: D, scrollRight: G }, Ee] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), [Q, Re] = _react.useState([]), F = _react.useMemo(()=>ie(Q, R), [
@@ -288,7 +288,7 @@ const ve = (e, t)=>{
                 const Y = c.scrollWidth - c.clientWidth;
                 Re(Array.from(c.querySelectorAll("[data-item]")).map((V, q)=>{
                     if (q === e.length - 1) return Y;
-                    const Z = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = S && !E ? Z - V.clientWidth / 2 : Z;
+                    const Z = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = k && !E ? Z - V.clientWidth / 2 : Z;
                     return Math.min(Ae - We - c.offsetLeft, Y);
                 }));
             };
@@ -307,7 +307,7 @@ const ve = (e, t)=>{
         a.mobile,
         R,
         C,
-        S,
+        k,
         E,
         e.length
     ]);
@@ -371,35 +371,35 @@ const ve = (e, t)=>{
         G,
         le
     ]);
-    const N = xt(D, F), ne = _react.useRef(!h), ce = _react.useRef(0);
+    const S = xt(D, F), ne = _react.useRef(!h), ce = _react.useRef(0);
     _react.useEffect(()=>{
         if (y) {
-            const c = Math.min((N + 1) * P - 1, e.length - 1), f = [];
+            const c = Math.min((S + 1) * P - 1, e.length - 1), f = [];
             for(let p = 0; p < P; p++){
                 const g = c - p;
                 g >= 0 && f.unshift(g);
             }
-            ne.current ? ce.current !== N && y({
-                pageIndex: N,
+            ne.current ? ce.current !== S && y({
+                pageIndex: S,
                 shownItemIndexes: f
-            }) : ne.current = f.includes(h || 0), ce.current = N;
+            }) : ne.current = f.includes(h || 0), ce.current = S;
         }
     }, [
-        N,
+        S,
         e.length,
         P,
         h,
         y
     ]);
     const T = _react.useContext(re), ee = _react.useMemo(()=>({
-            currentIndex: N,
+            currentIndex: S,
             numPages: {
                 mobile: m,
                 tablet: v,
                 desktop: M
             }
         }), [
-        N,
+        S,
         M,
         m,
         v
@@ -416,7 +416,7 @@ const ve = (e, t)=>{
     let U = null;
     d ? U = d({
         numPages: R,
-        currentIndex: N,
+        currentIndex: S,
         onPress: B
     }) : r && (U = /* @__PURE__ */ (0, _jsxruntime.jsx)(xe, _object_spread_props(_object_spread({}, ee), {
         onPress: B
@@ -441,7 +441,7 @@ const ve = (e, t)=>{
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_carouselcssmistica.carousel, {
-                            [_carouselcssmistica.centeredCarousel]: S,
+                            [_carouselcssmistica.centeredCarousel]: k,
                             [_carouselcssmistica.carouselWithScrollMobile]: m > 1,
                             [_carouselcssmistica.carouselWithScrollTablet]: v > 1
                         }),
@@ -462,13 +462,13 @@ const ve = (e, t)=>{
                             // the bottom of the scrollable area in retina displays when it has a height with
                             // decimals. This extra padding avoids that line to partially cover the carousel
                             // slides border:
-                            paddingBottom: (0, _platform.isIos)(k) && !(0, _platform.isRunningAcceptanceTest)(k) ? 0.5 : void 0
+                            paddingBottom: (0, _platform.isIos)(N) && !(0, _platform.isRunningAcceptanceTest)(N) ? 0.5 : void 0
                         }),
                         ref: l,
                         children: e.map((c, f)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_carouselcssmistica.carouselItem, s),
                                 style: _object_spread_props(_object_spread({}, t), {
-                                    scrollSnapStop: (0, _platform.isAndroid)(k) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platform.isAndroid)(N) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: c
@@ -496,7 +496,7 @@ const ve = (e, t)=>{
             })
         ]
     }));
-}, Se = ()=>{
+}, ke = ()=>{
     const [e, t] = _react.useState(1);
     return _react.useEffect(()=>{
         const s = ()=>{
@@ -507,14 +507,14 @@ const ve = (e, t)=>{
         };
     }, []), e;
 }, _t = (e)=>{
-    const t = Se();
-    return /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)(Ne, _object_spread_props(_object_spread({}, e), {
+    const t = ke();
+    return /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)(Se, _object_spread_props(_object_spread({}, e), {
         key: t
     }));
 }, jt = (param)=>{
     let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, onPageChange: w, dataAttributes: i } = param;
-    const u = Se();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, {
+    const u = ke();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Se, {
         items: e,
         itemStyle: t,
         itemClassName: s,
@@ -532,15 +532,15 @@ const ve = (e, t)=>{
         onPageChange: w,
         dataAttributes: i
     }, u);
-}, ke = /*#__PURE__*/ _react.createContext(!1), Ft = ()=>_react.useContext(ke), Ct = (param)=>{
+}, Ne = /*#__PURE__*/ _react.createContext(!1), Ft = ()=>_react.useContext(Ne), Ct = (param)=>{
     let { children: e } = param;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(ke.Provider, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne.Provider, {
         value: !0,
         children: e
     });
 }, Kt = (param)=>{
     let { items: e, withBullets: t, autoplay: s, initialPageIndex: r = 0, onPageChange: d, dataAttributes: h, inverseBullets: w = !0 } = param;
-    const { texts: i, platformOverrides: u } = (0, _hooks.useTheme)(), C = _react.useContext(re), b = _react.useRef(null), [{ scrollLeft: S, scrollRight: x }, y] = _react.useState({
+    const { texts: i, platformOverrides: u } = (0, _hooks.useTheme)(), C = _react.useContext(re), b = _react.useRef(null), [{ scrollLeft: k, scrollRight: x }, y] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), W = _react.useCallback(()=>{
@@ -555,7 +555,7 @@ const ve = (e, t)=>{
             left: l.clientWidth,
             behavior: "smooth"
         });
-    }, []), k = _react.useCallback(function(l) {
+    }, []), N = _react.useCallback(function(l) {
         let m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const v = b.current;
         v && v.scrollTo({
@@ -564,7 +564,7 @@ const ve = (e, t)=>{
         });
     }, [
         b
-    ]), H = x !== 0, J = S !== 0, a = b.current ? Math.floor((S + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
+    ]), H = x !== 0, J = k !== 0, a = b.current ? Math.floor((k + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
     _react.useLayoutEffect(()=>{
         const l = b.current;
         if (l) {
@@ -625,13 +625,13 @@ const ve = (e, t)=>{
         e.length
     ]);
     return _react.useEffect(()=>{
-        C && (C.setGoPrev(W), C.setGoNext(I), C.setGoToPage(k), C.setBulletsProps(P));
+        C && (C.setGoPrev(W), C.setGoNext(I), C.setGoToPage(N), C.setBulletsProps(P));
     }, [
         C,
         I,
         W,
         P,
-        k
+        N
     ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(Ct, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _carouselcssmistica.slideshowContainer

package/dist/chip.js

@@ -195,13 +195,13 @@ const $ = (e)=>{
     }));
     const I = d !== void 0 || e.href || e.onPress || e.to, a = _object_spread({
         "component-name": "Chip"
-    }, s), o = (N)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    }, s), o = (B)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             className: (0, _classnames.default)(_chipcssmistica.chipVariants[d ? "active" : h ? "overAlternative" : "default"], {
                 [_chipcssmistica.chipInteractiveVariants[T ? "dark" : "light"]]: I
             }),
             paddingLeft: u,
             paddingRight: R,
-            dataAttributes: N,
+            dataAttributes: B,
             children: f
         });
     return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {

package/dist/community/advanced-data-card.d.ts

@@ -5,14 +5,18 @@ import type { CardAction } from '../card';
 import type StackingGroup from '../stacking-group';
 import type Image from '../image';
 import type { ButtonPrimary, ButtonLink } from '../button';
-import type { DataAttributes } from '../utils/types';
+import type { DataAttributes, TrackingEvent } from '../utils/types';
 import type { RendersNullableElement } from '../utils/renders-element';
 import type Tag from '../tag';
 import type { HighlightedValueBlock, InformationBlock, ProgressBlock, RowBlock, SimpleBlock, ValueBlock } from './blocks';
-type TouchableProps = ExclusifyUnion<{
+type TouchableProps = {
+    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+} & ExclusifyUnion<{
     href: string | undefined;
+    newTab?: boolean;
 } | {
     to: string | undefined;
+    fullPageOnWebView?: boolean;
 } | {
     onPress: PressHandler | undefined;
 }>;

package/dist/community/advanced-data-card.js

@@ -160,7 +160,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const Ne = (_param)=>{
+const ye = (_param)=>{
     var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: c = "h3", titleLinesMax: l, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: x } = _param, s = _object_without_properties(_param, [
         "headline",
         "pretitle",
@@ -225,7 +225,7 @@ const Ne = (_param)=>{
             })
         ]
     });
-}, ye = (param)=>{
+}, Ne = (param)=>{
     let { button: a, footerImage: i, footerText: n, footerTextLinesMax: p, buttonLink: d } = param;
     const c = !!a, l = !!i, m = !!n, o = !!d, r = c && (l || m) && o, u = o && !r ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
@@ -341,7 +341,7 @@ const Ne = (_param)=>{
                                             space: 8,
                                             children: [
                                                 a,
-                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, _object_spread({
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({
                                                     headline: i,
                                                     pretitle: n,
                                                     pretitleAs: p,
@@ -397,7 +397,7 @@ const Ne = (_param)=>{
                         })
                     ]
                 }),
-                w && /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({}, L))
+                w && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, _object_spread({}, L))
             ]
         })
     }));

package/dist/counter.js

@@ -123,26 +123,26 @@ function _object_spread_props(target, source) {
     return target;
 }
 const x = 20, W = (param)=>{
-    let { value: h, defaultValue: N, min: m, max: s, onChangeValue: a } = param;
-    const i = h !== void 0, f = _react.useCallback((c)=>c === void 0 ? m : Math.max(m, Math.min(s, c)), [
+    let { value: h, defaultValue: b, min: m, max: s, onChangeValue: a } = param;
+    const i = h !== void 0, f = _react.useCallback((n)=>n === void 0 ? m : Math.max(m, Math.min(s, n)), [
         m,
         s
-    ]), [e, p] = _react.useState(f(N)), v = (c)=>{
-        i || p(c), a == null || a(c);
+    ]), [e, p] = _react.useState(f(b)), v = (n)=>{
+        i || p(n), a == null || a(n);
     };
     return [
         i ? f(h) : e,
         v
     ];
 }, X = (param)=>{
-    let { value: h, defaultValue: N, onChangeValue: m, onRemove: s, min: a, max: i, dataAttributes: f, disabled: e, removeLabel: p, increaseLabel: v, decreaseLabel: c, valueLabel: C } = param;
+    let { value: h, defaultValue: b, onChangeValue: m, onRemove: s, min: a, max: i, dataAttributes: f, disabled: e, removeLabel: p, increaseLabel: v, decreaseLabel: n, valueLabel: C } = param;
     const A = (0, _themevariantcontext.useThemeVariant)(), { texts: u } = (0, _hooks.useTheme)(), l = a === void 0 ? 0 : a, d = Math.max(l, i === void 0 ? 999 : i), [t, T] = W({
         value: h,
-        defaultValue: N,
+        defaultValue: b,
         min: l,
         max: d,
         onChangeValue: m
-    }), o = !!s && t === l, D = ()=>p === void 0 ? u.counterRemoveLabel : p, $ = ()=>v === void 0 ? u.counterIncreaseLabel : v, k = ()=>c === void 0 ? u.counterDecreaseLabel : c, z = ()=>`${t}, ${C === void 0 ? u.counterQuantity : C}${a !== void 0 ? `, ${u.counterMinValue} ${a}` : ""}${i !== void 0 ? `, ${u.counterMaxValue} ${i}` : ""}`;
+    }), o = !!s && t === l, D = ()=>p === void 0 ? u.counterRemoveLabel : p, $ = ()=>v === void 0 ? u.counterIncreaseLabel : v, k = ()=>n === void 0 ? u.counterDecreaseLabel : n, z = ()=>`${t}, ${C === void 0 ? u.counterQuantity : C}${a !== void 0 ? `, ${u.counterMinValue} ${a}` : ""}${i !== void 0 ? `, ${u.counterMaxValue} ${i}` : ""}`;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_countercssmistica.counter, {
             [_countercssmistica.disabled]: e

package/dist/feedback.js

@@ -185,12 +185,12 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), D = (param)=>{
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
         children: o
     });
-}, I = (r)=>{
+}, N = (r)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
 }, E = (r)=>{
     _react.useEffect(()=>{
         let o;
-        return r === "success" && (o = setTimeout(()=>I("success"), 700)), r === "error" && (o = setTimeout(()=>I("error"), 1e3)), ()=>{
+        return r === "success" && (o = setTimeout(()=>N("success"), 700)), r === "error" && (o = setTimeout(()=>N("error"), 1e3)), ()=>{
             clearTimeout(o);
         };
     }, [

package/dist/fixed-footer-layout.css-mistica.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return v;
+        return a;
     },
     elevated: function() {
-        return a;
+        return j;
     },
     fixedFooter: function() {
-        return j;
+        return t;
     },
     footer: function() {
-        return t;
+        return v;
     },
     vars: function() {
         return e;
@@ -30,7 +30,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
-var v = "p5j8j58", a = "p5j8j56 _1y2v1nf3l", j = "p5j8j54", t = "p5j8j53 _1y2v1nfhx", e = {
+var a = "p5j8j57", j = "p5j8j55", t = "p5j8j54", v = "p5j8j53 _1y2v1nfhx", e = {
     footerHeight: "var(--p5j8j50)",
     backgroundColor: "var(--p5j8j51)"
 }, p = "_1y2v1nfh9";

package/dist/fixed-footer-layout.js

@@ -123,48 +123,50 @@ const Z = 2, C = (e)=>e === document.documentElement ? window : e, ee = (e)=>{
         cancel: ()=>clearTimeout(n)
     };
 }, te = (param)=>{
-    let { isFooterVisible: e = !0, footer: n, footerHeight: S = "auto", footerBgColor: T = _skincontractcssmistica.vars.colors.background, containerBgColor: m, children: y, onChangeFooterHeight: o } = param;
-    const [g, w] = _react.useState(!1), d = _react.useRef(null), { isTabletOrSmaller: F } = (0, _hooks.useScreenSize)(), { platformOverrides: u } = (0, _hooks.useTheme)(), { height: s, ref: b } = (0, _hooks.useElementDimensions)(), I = (0, _hooks.useIsWithinIFrame)(), f = (0, _hooks.useWindowHeight)(), A = (0, _hooks.useScreenHeight)(), i = f - s > (I ? f : A) / Z;
+    let { isFooterVisible: e = !0, footer: n, footerHeight: T = "auto", footerBgColor: y = _skincontractcssmistica.vars.colors.background, containerBgColor: d, children: g, onChangeFooterHeight: o } = param;
+    const [w, F] = _react.useState(!1), u = _react.useRef(null), { isTabletOrSmaller: i } = (0, _hooks.useScreenSize)(), { platformOverrides: f } = (0, _hooks.useTheme)(), { height: s, ref: b } = (0, _hooks.useElementDimensions)(), I = (0, _hooks.useIsWithinIFrame)(), p = (0, _hooks.useWindowHeight)(), A = (0, _hooks.useScreenHeight)(), a = p - s > (I ? p : A) / Z;
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         o == null || o(s);
     }, [
         o,
         s
     ]), _react.useEffect(()=>{
-        const a = (0, _dom.getScrollableParentElement)(d.current), R = ()=>(0, _platform.isRunningAcceptanceTest)(u) || !i ? !1 : (0, _dom.hasScroll)(a) ? (0, _dom.getScrollDistanceToBottom)(a) > 1 : !1, t = (0, _helpers.debounce)(()=>{
-            w(R());
+        if (!i || (0, _platform.isRunningAcceptanceTest)(f) || a) return;
+        const c = (0, _dom.getScrollableParentElement)(u.current), R = ()=>(0, _dom.hasScroll)(c) && (0, _dom.getScrollDistanceToBottom)(c) > 1, t = (0, _helpers.debounce)(()=>{
+            F(R());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), D = ee(t), r = C(a);
+        }), D = ee(t), r = C(c);
         return (0, _dom.addPassiveEventListener)(r, "resize", t), (0, _dom.addPassiveEventListener)(r, "scroll", t), ()=>{
             t.cancel(), (0, _dom.removePassiveEventListener)(r, "scroll", t), (0, _dom.removePassiveEventListener)(r, "resize", t), D.cancel();
         };
     }, [
-        i,
-        u
+        a,
+        f,
+        i
     ]);
-    const p = i;
+    const v = a;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: d,
+                ref: u,
                 className: _fixedfooterlayoutcssmistica.container,
-                style: (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, m && {
-                    [_fixedfooterlayoutcssmistica.vars.backgroundColor]: m
+                style: (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, d && {
+                    [_fixedfooterlayoutcssmistica.vars.backgroundColor]: d
                 }), {
-                    [_fixedfooterlayoutcssmistica.vars.footerHeight]: p ? `calc(${_css.safeAreaInsetBottom} + ${s}px)` : "0px"
+                    [_fixedfooterlayoutcssmistica.vars.footerHeight]: v ? `calc(${_css.safeAreaInsetBottom} + ${s}px)` : "0px"
                 })),
-                children: y
+                children: g
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_fixedfooterlayoutcssmistica.footer, {
                     [_fixedfooterlayoutcssmistica.withoutFooter]: !e,
-                    [_fixedfooterlayoutcssmistica.elevated]: g,
-                    [_fixedfooterlayoutcssmistica.fixedFooter]: p
+                    [_fixedfooterlayoutcssmistica.elevated]: w,
+                    [_fixedfooterlayoutcssmistica.fixedFooter]: v
                 }),
                 style: {
-                    background: F ? T : void 0
+                    background: i ? y : void 0
                 },
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
@@ -172,7 +174,7 @@ const Z = 2, C = (e)=>e === document.documentElement ? window : e, ee = (e)=>{
                     ref: b,
                     "data-component-name": "FixedFooter",
                     style: {
-                        height: S,
+                        height: T,
                         marginBottom: _css.safeAreaInsetBottom
                     },
                     children: n

package/dist/form.js

@@ -139,8 +139,8 @@ const W = (param)=>{
             if (s.disabled) continue;
             if (s.required && !((o = l[t]) != null && o.trim())) e[t] = g.formFieldErrorIsMandatory;
             else {
-                const C = u == null ? void 0 : u(i[t], l[t]);
-                C && (e[t] = C);
+                const F = u == null ? void 0 : u(i[t], l[t]);
+                F && (e[t] = F);
             }
         }
         const r = Object.keys(e).map((t)=>{
@@ -176,14 +176,14 @@ const W = (param)=>{
         }, 100);
     }, [
         h
-    ]), N = (e)=>[
+    ]), O = (e)=>[
             ...c.current.keys()
         ].reduce((r, o)=>{
             var t, s;
             return (s = (t = c.current.get(o)) == null ? void 0 : t.input) != null && s.disabled ? r : _object_spread_props(_object_spread({}, r), {
                 [o]: e[o]
             });
-        }, {}), O = _react.useCallback((e)=>(e == null || e.preventDefault(), m("sending"), Object.keys(p()).length > 0 ? (m("filling"), Promise.resolve()) : Promise.resolve(b(N(i), N(l))).finally(()=>{
+        }, {}), C = _react.useCallback((e)=>(e == null || e.preventDefault(), m("sending"), Object.keys(p()).length > 0 ? (m("filling"), Promise.resolve()) : Promise.resolve(b(O(i), O(l))).finally(()=>{
             f.current && m("filling");
         })), [
         b,
@@ -213,12 +213,12 @@ const W = (param)=>{
             register: j,
             jumpToNext: T,
             validate: p,
-            submit: O,
+            submit: C,
             formId: v
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("form", {
             id: v,
-            onSubmit: O,
+            onSubmit: C,
             ref: d,
             className: (0, _classnames.default)((0, _sprinklescssmistica.sprinkles)({
                 width: "100%"

package/dist/hero.css-mistica.js

@@ -10,27 +10,33 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: function() {
-        return t;
+        return n;
     },
     container: function() {
-        return v;
+        return o;
     },
     containerDesktop: function() {
-        return n;
+        return v;
+    },
+    containerMinHeight: function() {
+        return i;
     },
     containerMobile: function() {
         return _;
     },
     layout: function() {
-        return i;
+        return e;
     },
-    vars: function() {
+    mediaContainer: function() {
         return p;
+    },
+    vars: function() {
+        return h;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./hero.css.ts.vanilla.css-mistica.js");
-var t = "_16rbpto6 _1y2v1nfha _1y2v1nfhw _1y2v1nfhq", v = "_16rbpto2 _1y2v1nfha", n = "_1y2v1nfhp _1y2v1nfie", _ = "_1y2v1nfhg", i = "_16rbpto7", p = {
+var n = "_16rbpto7 _1y2v1nfha _1y2v1nfhw _1y2v1nfhq", o = "_16rbpto2 _1y2v1nfha", v = "_1y2v1nfhp _1y2v1nfie", i = "_16rbpto3", _ = "_1y2v1nfhg", e = "_16rbpto8", p = "_16rbpto9", h = {
     height: "var(--_16rbpto0)"
 };

package/dist/hero.css.d.ts

@@ -2,7 +2,9 @@ export declare const vars: {
     height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 export declare const container: string;
+export declare const containerMinHeight: string;
 export declare const containerMobile: string;
 export declare const containerDesktop: string;
 export declare const actions: string;
 export declare const layout: string;
+export declare const mediaContainer: string;

package/dist/hero.d.ts

@@ -6,7 +6,8 @@ import type Tag from './tag';
 import type { DataAttributes, RendersElement, RendersNullableElement } from './utils/types';
 type HeroProps = {
     height?: string;
-    background?: 'default' | 'alternative' | 'brand' | 'brand-secondary';
+    background?: 'default' | 'alternative' | 'brand' | 'brand-secondary' | 'none';
+    noPaddingY?: boolean;
     media: RendersElement<typeof Image> | RendersElement<typeof Video>;
     headline?: RendersNullableElement<typeof Tag>;
     pretitle?: string;