@telefonica/mistica 14.36.0 → 14.37.0

package/dist-es/card.js

@@ -171,15 +171,15 @@ const Be = (r, a)=>{
         "9:10": 9 / 10,
         auto: 0
     })[r] : 0, F = /*#__PURE__*/ g.forwardRef((param, l)=>{
-    let { children: r, width: a = "100%", height: n = "100%", aspectRatio: t, dataAttributes: c, className: d, "aria-label": s } = param;
-    const p = rr(t);
+    let { children: r, width: a, height: n, aspectRatio: t, dataAttributes: c, className: d, "aria-label": s } = param;
+    const p = a && n ? void 0 : rr(t);
     return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, Qe(c)), {
         ref: l,
         "aria-label": s,
         className: de(d, He),
         style: _object_spread({
-            width: a,
-            height: n
+            width: a || "100%",
+            height: n || "100%"
         }, p ? H({
             [_e.aspectRatio]: String(p)
         }) : {}),
@@ -998,9 +998,9 @@ const Be = (r, a)=>{
     return e(Re, _object_spread_props(_object_spread({}, a), {
         ref: n,
         isInverse: !0,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        dataAttributes: _object_spread({
             "component-name": "DisplayMediaCard"
-        })
+        }, r)
     }));
 }), Xr = /*#__PURE__*/ g.forwardRef((_param, n)=>/* @__PURE__ */ {
     var { dataAttributes: r } = _param, a = _object_without_properties(_param, [
@@ -1008,9 +1008,9 @@ const Be = (r, a)=>{
     ]);
     return e(Re, _object_spread_props(_object_spread({}, a), {
         ref: n,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        dataAttributes: _object_spread({
             "component-name": "DisplayDataCard"
-        })
+        }, r)
     }));
 }), jr = /*#__PURE__*/ g.forwardRef((_param, P)=>{
     var { dataAttributes: r, backgroundImage: a, backgroundVideo: n, poster: t, backgroundVideoRef: c, width: d, height: s, aspectRatio: l = "7:10", ariaLabel: p, actions: m, onClose: o, icon: h, headline: f, pretitle: y, pretitleLinesMax: I, title: T, titleLinesMax: N, description: b, descriptionLinesMax: v, variant: M, isInverse: R, backgroundColor: D } = _param, O = _object_without_properties(_param, [
@@ -1049,9 +1049,9 @@ const Be = (r, a)=>{
     return /* @__PURE__ */ i(F, {
         width: d,
         height: s,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        dataAttributes: _object_spread({
             "component-name": "PosterCard"
-        }),
+        }, r),
         ref: P,
         aspectRatio: l,
         "aria-label": p,

package/dist-es/carousel.css-mistica.js

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
-var f = "_1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt _1y2v1nf46", b = "_1abcu72 _1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt _1y2v1nf47", y = "_1abcu72 _1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt _1y2v1nf4o", r = "_1abcu75 _1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt", c = "_1abcu7m _1abcu7b _1y2v1nfba _1y2v1nfcu", e = "_1y2v1nfba _1y2v1nfbj", u = "_1y2v1nfb3 _1y2v1nfd7 _1y2v1nfb4", t = "_1abcu7p", o = "_1abcu7t _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5", s = "_1abcu7s _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5", l = "_1abcu7n", i = "_1abcu7o", d = "_1abcu7w _1abcu7b _1y2v1nfba _1y2v1nfcu", p = "_1abcu714 _1y2v1nfb5 _1y2v1nffx _1y2v1nfba _1y2v1nfbj _1y2v1nfbx", m = "_1y2v1nfb4", w = "_1abcu7y _1y2v1nfbx _1y2v1nfbs", P = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5 _1y2v1nffi", h = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5 _1y2v1nff3", j = {
+var f = "_1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4c", y = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4d", r = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4u", e = "_1abcu75 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz", u = "_1abcu7m _1abcu7b _1y2v1nfgg _1y2v1nfi0", b = "_1y2v1nfgg _1y2v1nfgp", c = "_1y2v1nfg9 _1y2v1nfid _1y2v1nfga", g = "_1abcu7p", o = "_1abcu7t _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", i = "_1abcu7s _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", t = "_1abcu7n", l = "_1abcu7o", s = "_1abcu7w _1abcu7b _1y2v1nfgg _1y2v1nfi0", h = "_1abcu714 _1y2v1nfgb _1y2v1nfl3 _1y2v1nfgg _1y2v1nfgp _1y2v1nfh3", p = "_1y2v1nfga", d = "_1abcu7y _1y2v1nfh3 _1y2v1nfgy", m = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfko", w = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfk9", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",
     gap: "var(--_1abcu7j)",
     mobilePageOffset: "var(--_1abcu7k)"
 };
-export { f as bullet, b as bulletActive, y as bulletActiveInverse, r as bulletInverse, c as carousel, e as carouselBullets, u as carouselContainer, t as carouselItem, o as carouselNextArrowButton, s as carouselPrevArrowButton, l as carouselWithScroll, i as centeredCarousel, d as slideshow, p as slideshowBullets, m as slideshowContainer, w as slideshowItem, P as slideshowNextArrowButton, h as slideshowPrevArrowButton, j as vars };
+export { f as bullet, y as bulletActive, r as bulletActiveInverse, e as bulletInverse, u as carousel, b as carouselBullets, c as carouselContainer, g as carouselItem, o as carouselNextArrowButton, i as carouselPrevArrowButton, t as carouselWithScroll, l as centeredCarousel, s as slideshow, h as slideshowBullets, p as slideshowContainer, d as slideshowItem, m as slideshowNextArrowButton, w as slideshowPrevArrowButton, P as vars };

package/dist-es/checkbox.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./checkbox.css.ts.vanilla.css-mistica.js";
-var v = {
-    ios: "_1rz9b16 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32",
-    rest: "_1rz9b17 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32",
-    checked: "_1rz9b18 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32"
-}, n = "_1rz9b1a _1y2v1nfbc", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfbd", y = "_1rz9b13 _1rz9b11 _1y2v1nfbd", e = "_1rz9b1c";
-export { v as boxVariant, n as check, r as checkChecked, f as checkboxContainer, y as checkboxContainerDisabled, e as disabled };
+var n = {
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfgy _1y2v1nfja _1y2v1nf35",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfgy _1y2v1nfja _1y2v1nf35",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfgy _1y2v1nfja _1y2v1nf35"
+}, r = "_1rz9b1a _1y2v1nfgi", y = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfgj", b = "_1rz9b13 _1rz9b11 _1y2v1nfgj", a = "_1rz9b1c";
+export { n as boxVariant, r as check, y as checkChecked, f as checkboxContainer, b as checkboxContainerDisabled, a as disabled };

package/dist-es/chip.css-mistica.js

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./chip.css.ts.vanilla.css-mistica.js";
-var c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62", t = {
+var c = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
-}, y = {
-    default: "cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf33 _1y2v1nf1y",
-    overAlternative: "cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf3a _1y2v1nf1y",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf16 _1y2v1nf5o"
-}, f = "cc7htnd", _ = "cc7htne";
-export { c as button, t as chipInteractiveVariants, y as chipVariants, f as icon, _ as iconActive };
+}, f = {
+    default: "cc7htn1 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfix _1y2v1nf36 _1y2v1nf21",
+    overAlternative: "cc7htn1 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfix _1y2v1nf3d _1y2v1nf21",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfix _1y2v1nf19 _1y2v1nf5u"
+}, y = "cc7htnd", _ = "cc7htne";
+export { c as button, t as chipInteractiveVariants, f as chipVariants, y as icon, _ as iconActive };

package/dist-es/circle.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./circle.css.ts.vanilla.css-mistica.js";
-var r = "_1wpwyyp1 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt";
-export { r as circle };
+var y = "_1wpwyyp1 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz";
+export { y as circle };

package/dist-es/community/advanced-data-card.css-mistica.js

@@ -1,7 +1,7 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var a = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", _ = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgs _1y2v1nf83", _ = {
     default: "_1x00fruk",
     mobile: "_1x00frul"
-}, n = "_1x00frur", v = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x", x = "_1x00frud _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00frub", y = "_1x00frui", o = "_1x00fruq _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00frum", e = "_1y2v1nffg", d = "_1x00frub", c = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", l = "_1x00fru4", g = "_1x00fru7", m = "_1x00fru5", h = "_1x00frua";
-export { a as actions, _ as actionsVariants, n as adjustButtonLink, v as button, t as buttonMobile, u as cardContentStyle, x as dataCard, y as divider, o as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, c as paddingX, l as touchableArea, g as touchableCardOverlay, m as touchableContainer, h as zindex };
+}, n = "_1x00frur", a = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nf6i _1y2v1nf83", y = "_1x00frud _1y2v1nfga _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgm _1y2v1nfh3 _1y2v1nfhk _1x00frub", i = "_1x00frui", x = "_1x00fruq _1y2v1nfgg _1y2v1nfgl", o = "_1y2v1nfgg _1y2v1nfh2 _1y2v1nfgv _1y2v1nfip", e = "_1x00frum", g = "_1y2v1nfkm", d = "_1x00frub", h = "_1x00fru1 _1y2v1nf96 _1y2v1nfaf", l = "_1x00fru4", b = "_1x00fru7", m = "_1x00fru5", c = "_1x00frua";
+export { v as actions, _ as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, u as cardContentStyle, y as dataCard, i as divider, x as footerDirection, o as footerText, e as marginRightAuto, g as marginRightButton, d as minHeight, h as paddingX, l as touchableArea, b as touchableCardOverlay, m as touchableContainer, c as zindex };

package/dist-es/community/blocks.css-mistica.js

@@ -1,4 +1,4 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./blocks.css.ts.vanilla.css-mistica.js";
-var t = "_1y2v1nfba _1y2v1nfbg", o = "llrsen1";
+var t = "_1y2v1nfgg _1y2v1nfgm", o = "llrsen1";
 export { t as column, o as rightContent };

package/dist-es/counter.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./counter.css.ts.vanilla.css-mistica.js";
-var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfeb", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";
-export { s as button, v as buttonBackground, a as buttonContainer, t as counter, f as decreaseButtonIcon, o as defaultButtonIcon, y as disabled, _ as hasTrashIcon, i as isButtonDisabled, b as trashButtonIcon, e as valueContainer };
+var v = "rijsns8 _1y2v1nf68 _1y2v1nfiy _1y2v1nfgb _1y2v1nfhe _1y2v1nfhu", s = "rijsnse _1y2v1nfhd _1y2v1nfht _1y2v1nfgb _1y2v1nfj5 _1y2v1nf5u", a = "rijsns6", t = "rijsns3 _1y2v1nfj5 _1y2v1nf36 _1y2v1nfgh _1y2v1nfjh", f = "rijsnsc rijsnsa _1y2v1nfgb", y = "rijsnsa _1y2v1nfgb", i = "rijsns4", _ = "rijsns0", o = "rijsns1", j = "rijsnsb rijsnsa _1y2v1nfgb", e = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgp";
+export { v as button, s as buttonBackground, a as buttonContainer, t as counter, f as decreaseButtonIcon, y as defaultButtonIcon, i as disabled, _ as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, e as valueContainer };

package/dist-es/credit-card-number-field.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
-var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nfb5", f = {
-    default: "yvyo3q4 _1y2v1nfb4 yvyo3q5",
-    backface: "yvyo3q4 _1y2v1nfb4 yvyo3q6"
+var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nfgb", f = {
+    default: "yvyo3q4 _1y2v1nfga yvyo3q5",
+    backface: "yvyo3q4 _1y2v1nfga yvyo3q6"
 };
 export { a as flip, o as flipBack, r as flipFront, f as variants };

package/dist-es/dialog.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./dialog.css.ts.vanilla.css-mistica.js";
-var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6o", a = "_3dl29lj _1y2v1nfbw _1y2v1nfda", l = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", o = "_3dl29la _1y2v1nf32 _1y2v1nfe1", r = "_3dl29l5 _1y2v1nfb6 _1y2v1nfba _1y2v1nfbj _1y2v1nfbp _1y2v1nfbg _1y2v1nfeh _1y2v1nffb _1y2v1nffq _1y2v1nfew _1y2v1nf3d", t = {
-    dialog: "_3dl29ld _1y2v1nfba _1y2v1nfbg _1y2v1nfbm _1y2v1nf96 _1y2v1nfaf _1y2v1nf6u _1y2v1nf7x",
-    default: "_3dl29ld _1y2v1nfba _1y2v1nfbg _1y2v1nfbm _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf"
-}, b = "_3dl29l3 _1y2v1nfb4";
-export { _ as closedModalContent, f as closedOpactityLayer, y as dialogActions, a as dialogContent, l as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, b as wrapper };
+var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6u", l = "_3dl29lj _1y2v1nfh2 _1y2v1nfig", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh", o = "_3dl29la _1y2v1nf35 _1y2v1nfj7", g = "_3dl29l5 _1y2v1nfgc _1y2v1nfgg _1y2v1nfgp _1y2v1nfgv _1y2v1nfgm _1y2v1nfjn _1y2v1nfkh _1y2v1nfkw _1y2v1nfk2 _1y2v1nf3g", r = {
+    dialog: "_3dl29ld _1y2v1nfgg _1y2v1nfgm _1y2v1nfgs _1y2v1nf9c _1y2v1nfal _1y2v1nf70 _1y2v1nf83",
+    default: "_3dl29ld _1y2v1nfgg _1y2v1nfgm _1y2v1nfgs _1y2v1nf6u _1y2v1nf83 _1y2v1nf9c _1y2v1nfal"
+}, t = "_3dl29l3 _1y2v1nfga";
+export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, g as modalOpacityLayer, r as variants, t as wrapper };

package/dist-es/double-field.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
 import "./double-field.css.ts.vanilla.css-mistica.js";
-var n = {
-    default: "skrulh1 _1y2v1nfba _1y2v1nfbf _1y2v1nfbx",
-    fullWidth: "skrulh2 _1y2v1nfba _1y2v1nfbf _1y2v1nfbx"
+var l = {
+    default: "skrulh1 _1y2v1nfgg _1y2v1nfgl _1y2v1nfh3",
+    fullWidth: "skrulh2 _1y2v1nfgg _1y2v1nfgl _1y2v1nfh3"
 };
-export { n as variants };
+export { l as variants };

package/dist-es/empty-state-card.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state-card.css.ts.vanilla.css-mistica.js";
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfc9 _1y2v1nfcp", p = "_1azor6p2 _1y2v1nfbc _1y2v1nfcr";
-export { n as container, o as iconContainer, p as image };
+var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfhf _1y2v1nfhv", v = "_1azor6p2 _1y2v1nfgi _1y2v1nfhx";
+export { n as container, o as iconContainer, v as image };

package/dist-es/empty-state.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state.css.ts.vanilla.css-mistica.js";
-var n = "_13fzrua2 _1y2v1nfba _1y2v1nf62", e = {
+var n = "_13fzrua2 _1y2v1nfgg _1y2v1nf68", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, v = "_13fzrua9 _1y2v1nfcb _1y2v1nfcr", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfce", o = "_13fzrua5", u = "_13fzruab _1y2v1nfbc", t = {
+}, e = "_13fzrua9 _1y2v1nfhh _1y2v1nfhx", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfhk", o = "_13fzrua5", g = "_13fzruab _1y2v1nfgi", u = {
     backgroundColor: "var(--_13fzrua0)"
 };
-export { n as container, e as contentVariants, v as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };
+export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, g as smallImage, u as vars };

package/dist-es/feedback.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var r = "gx6h6a3 _1y2v1nfba _1y2v1nfce _1y2v1nfbx", n = "_1y2v1nfe2 _1y2v1nfba _1y2v1nfbm", v = "gx6h6a1", t = "gx6h6ab", p = "gx6h6a6", c = "gx6h6a8 gx6h6a7", f = "gx6h6a9 gx6h6a7", x = "gx6h6aa gx6h6a7", i = "_1y2v1nfc9 _1y2v1nfcp", o = "gx6h6a4";
-export { r as container, n as desktopContainer, v as desktopContent, t as feedbackData, p as feedbackDataAppear, c as feedbackDataAppearActiveFast, f as feedbackDataAppearActiveMedium, x as feedbackDataAppearActiveSlow, i as iconContainer, o as innerContainer };
+var r = "gx6h6a3 _1y2v1nfgg _1y2v1nfhk _1y2v1nfh3", v = "_1y2v1nfj8 _1y2v1nfgg _1y2v1nfgs", n = "gx6h6a1", t = "gx6h6ab", g = "gx6h6a6", h = "gx6h6a8 gx6h6a7", f = "gx6h6a9 gx6h6a7", p = "gx6h6aa gx6h6a7", i = "_1y2v1nfhf _1y2v1nfhv", o = "gx6h6a4";
+export { r as container, v as desktopContainer, n as desktopContent, t as feedbackData, g as feedbackDataAppear, h as feedbackDataAppearActiveFast, f as feedbackDataAppearActiveMedium, p as feedbackDataAppearActiveSlow, i as iconContainer, o as innerContainer };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
-var v = "p5j8j58", a = "p5j8j56 _1y2v1nf33", j = "p5j8j54", t = "p5j8j53 _1y2v1nfbx _1y2v1nf32", e = {
+var v = "p5j8j58", a = "p5j8j56 _1y2v1nf36", j = "p5j8j54", t = "p5j8j53 _1y2v1nfh3 _1y2v1nf35", e = {
     footerHeight: "var(--p5j8j50)",
     backgroundColor: "var(--p5j8j51)"
-}, p = "_1y2v1nfb9";
+}, p = "_1y2v1nfgf";
 export { v as container, a as elevated, j as fixedFooter, t as footer, e as vars, p as withoutFooter };

package/dist-es/grid.css-mistica.js

@@ -1,131 +1,129 @@
 import "./grid.css.ts.vanilla.css-mistica.js";
 var i = {
-    start: "mfyikv36",
-    end: "mfyikv37",
-    center: "mfyikv38",
-    stretch: "mfyikv39",
-    baseline: "mfyikv3a"
+    start: "mfyikv34",
+    end: "mfyikv35",
+    center: "mfyikv36",
+    stretch: "mfyikv37",
+    baseline: "mfyikv38"
 }, m = {
-    1: "mfyikv2e",
-    2: "mfyikv2f",
-    3: "mfyikv2g",
-    4: "mfyikv2h",
-    5: "mfyikv2i",
-    6: "mfyikv2j",
-    7: "mfyikv2k",
-    8: "mfyikv2l",
-    9: "mfyikv2m",
-    10: "mfyikv2n",
-    11: "mfyikv2o",
-    12: "mfyikv2p"
-}, f = "mfyikv1o", y = "mfyikv1p", k = "mfyikv6", e = {
-    start: "mfyikv1h",
-    end: "mfyikv1i",
-    center: "mfyikv1j",
-    stretch: "mfyikv1k",
-    "space-between": "mfyikv1l",
-    "space-around": "mfyikv1m",
-    "space-evenly": "mfyikv1n"
+    1: "mfyikv2c",
+    2: "mfyikv2d",
+    3: "mfyikv2e",
+    4: "mfyikv2f",
+    5: "mfyikv2g",
+    6: "mfyikv2h",
+    7: "mfyikv2i",
+    8: "mfyikv2j",
+    9: "mfyikv2k",
+    10: "mfyikv2l",
+    11: "mfyikv2m",
+    12: "mfyikv2n"
+}, f = "mfyikv1m", y = "mfyikv1n", k = "mfyikv4", e = {
+    start: "mfyikv1f",
+    end: "mfyikv1g",
+    center: "mfyikv1h",
+    stretch: "mfyikv1i",
+    "space-between": "mfyikv1j",
+    "space-around": "mfyikv1k",
+    "space-evenly": "mfyikv1l"
 }, r = {
-    start: "mfyikv15",
-    end: "mfyikv16",
-    center: "mfyikv17",
-    stretch: "mfyikv18",
-    baseline: "mfyikv19"
-}, a = {
-    column: "mfyikvx",
-    row: "mfyikvy",
-    "row dense": "mfyikvz",
-    "column dense": "mfyikv10"
+    start: "mfyikv13",
+    end: "mfyikv14",
+    center: "mfyikv15",
+    stretch: "mfyikv16",
+    baseline: "mfyikv17"
 }, t = {
-    start: "mfyikv1a",
-    end: "mfyikv1b",
-    center: "mfyikv1c",
-    stretch: "mfyikv1d",
-    "space-between": "mfyikv1e",
-    "space-around": "mfyikv1f",
-    "space-evenly": "mfyikv1g"
+    column: "mfyikvv",
+    row: "mfyikvw",
+    "row dense": "mfyikvx",
+    "column dense": "mfyikvy"
+}, a = {
+    start: "mfyikv18",
+    end: "mfyikv19",
+    center: "mfyikv1a",
+    stretch: "mfyikv1b",
+    "space-between": "mfyikv1c",
+    "space-around": "mfyikv1d",
+    "space-evenly": "mfyikv1e"
 }, n = {
-    start: "mfyikv11",
-    end: "mfyikv12",
-    center: "mfyikv13",
-    stretch: "mfyikv14"
+    start: "mfyikvz",
+    end: "mfyikv10",
+    center: "mfyikv11",
+    stretch: "mfyikv12"
 }, s = {
-    1: "mfyikv9",
-    2: "mfyikva",
-    3: "mfyikvb",
-    4: "mfyikvc",
-    5: "mfyikvd",
-    6: "mfyikve",
-    7: "mfyikvf",
-    8: "mfyikvg",
-    9: "mfyikvh",
-    10: "mfyikvi",
-    11: "mfyikvj",
-    12: "mfyikvk"
-}, o = "mfyikv7", l = {
-    1: "mfyikvl",
-    2: "mfyikvm",
-    3: "mfyikvn",
-    4: "mfyikvo",
-    5: "mfyikvp",
-    6: "mfyikvq",
-    7: "mfyikvr",
-    8: "mfyikvs",
-    9: "mfyikvt",
-    10: "mfyikvu",
-    11: "mfyikvv",
-    12: "mfyikvw"
-}, c = "mfyikv8", d = {
-    start: "mfyikv32",
-    end: "mfyikv33",
-    center: "mfyikv34",
-    stretch: "mfyikv35"
+    1: "mfyikv7",
+    2: "mfyikv8",
+    3: "mfyikv9",
+    4: "mfyikva",
+    5: "mfyikvb",
+    6: "mfyikvc",
+    7: "mfyikvd",
+    8: "mfyikve",
+    9: "mfyikvf",
+    10: "mfyikvg",
+    11: "mfyikvh",
+    12: "mfyikvi"
+}, o = "mfyikv5", l = {
+    1: "mfyikvj",
+    2: "mfyikvk",
+    3: "mfyikvl",
+    4: "mfyikvm",
+    5: "mfyikvn",
+    6: "mfyikvo",
+    7: "mfyikvp",
+    8: "mfyikvq",
+    9: "mfyikvr",
+    10: "mfyikvs",
+    11: "mfyikvt",
+    12: "mfyikvu"
+}, c = "mfyikv6", d = {
+    start: "mfyikv30",
+    end: "mfyikv31",
+    center: "mfyikv32",
+    stretch: "mfyikv33"
 }, u = {
-    1: "mfyikv2q",
-    2: "mfyikv2r",
-    3: "mfyikv2s",
-    4: "mfyikv2t",
-    5: "mfyikv2u",
-    6: "mfyikv2v",
-    7: "mfyikv2w",
-    8: "mfyikv2x",
-    9: "mfyikv2y",
-    10: "mfyikv2z",
-    11: "mfyikv30",
-    12: "mfyikv31"
+    1: "mfyikv2o",
+    2: "mfyikv2p",
+    3: "mfyikv2q",
+    4: "mfyikv2r",
+    5: "mfyikv2s",
+    6: "mfyikv2t",
+    7: "mfyikv2u",
+    8: "mfyikv2v",
+    9: "mfyikv2w",
+    10: "mfyikv2x",
+    11: "mfyikv2y",
+    12: "mfyikv2z"
 }, p = {
-    1: "mfyikv1q",
-    2: "mfyikv1r",
-    3: "mfyikv1s",
-    4: "mfyikv1t",
-    5: "mfyikv1u",
-    6: "mfyikv1v",
-    7: "mfyikv1w",
-    8: "mfyikv1x",
-    9: "mfyikv1y",
-    10: "mfyikv1z",
-    11: "mfyikv20",
-    12: "mfyikv21"
+    1: "mfyikv1o",
+    2: "mfyikv1p",
+    3: "mfyikv1q",
+    4: "mfyikv1r",
+    5: "mfyikv1s",
+    6: "mfyikv1t",
+    7: "mfyikv1u",
+    8: "mfyikv1v",
+    9: "mfyikv1w",
+    10: "mfyikv1x",
+    11: "mfyikv1y",
+    12: "mfyikv1z"
 }, g = {
-    1: "mfyikv22",
-    2: "mfyikv23",
-    3: "mfyikv24",
-    4: "mfyikv25",
-    5: "mfyikv26",
-    6: "mfyikv27",
-    7: "mfyikv28",
-    8: "mfyikv29",
-    9: "mfyikv2a",
-    10: "mfyikv2b",
-    11: "mfyikv2c",
-    12: "mfyikv2d"
+    1: "mfyikv20",
+    2: "mfyikv21",
+    3: "mfyikv22",
+    4: "mfyikv23",
+    5: "mfyikv24",
+    6: "mfyikv25",
+    7: "mfyikv26",
+    8: "mfyikv27",
+    9: "mfyikv28",
+    10: "mfyikv29",
+    11: "mfyikv2a",
+    12: "mfyikv2b"
 }, w = {
-    rowGap: "var(--mfyikv0)",
-    columnGap: "var(--mfyikv1)",
-    rowMinSize: "var(--mfyikv2)",
-    rowMaxSize: "var(--mfyikv3)",
-    columnMinSize: "var(--mfyikv4)",
-    columnMaxSize: "var(--mfyikv5)"
+    rowMinSize: "var(--mfyikv0)",
+    rowMaxSize: "var(--mfyikv1)",
+    columnMinSize: "var(--mfyikv2)",
+    columnMaxSize: "var(--mfyikv3)"
 };
-export { i as alignSelf, m as columnStart, f as fullColumns, y as fullRows, k as grid, e as gridAlignContent, r as gridAlignItems, a as gridAutoFlow, t as gridJustifyContent, n as gridJustifyItems, s as gridTemplateColumns, o as gridTemplateColumnsAutoRepeat, l as gridTemplateRows, c as gridTemplateRowsAutoRepeat, d as justifySelf, u as rowStart, p as spanColumns, g as spanRows, w as vars };
+export { i as alignSelf, m as columnStart, f as fullColumns, y as fullRows, k as grid, e as gridAlignContent, r as gridAlignItems, t as gridAutoFlow, a as gridJustifyContent, n as gridJustifyItems, s as gridTemplateColumns, o as gridTemplateColumnsAutoRepeat, l as gridTemplateRows, c as gridTemplateRowsAutoRepeat, d as justifySelf, u as rowStart, p as spanColumns, g as spanRows, w as vars };

package/dist-es/grid.js

@@ -26,36 +26,51 @@ function _object_spread(target) {
     }
     return target;
 }
-import s from "classnames";
+import c from "classnames";
 import * as d from "react";
-import { grid as S, gridTemplateColumns as b, gridTemplateColumnsAutoRepeat as c, gridTemplateRows as G, gridTemplateRowsAutoRepeat as M, gridAutoFlow as C, gridJustifyItems as T, gridAlignItems as v, gridJustifyContent as V, gridAlignContent as E, vars as a, fullColumns as J, spanColumns as N, fullRows as D, spanRows as F, columnStart as I, rowStart as P, justifySelf as h, alignSelf as k } from "./grid.css-mistica.js";
-import { applyCssVars as q } from "./utils/css.js";
-import { getPrefixedDataAttributes as z } from "./utils/dom.js";
-const B = (t, e)=>{
-    const r = {}, m = (i)=>typeof i == "number" ? `min(${i}px, 100%)` : i, f = (i)=>typeof i == "number" ? `${i}px` : i;
-    return t && typeof t != "number" && (typeof t.minSize < "u" && (r[a.rowMinSize] = m(t.minSize)), typeof t.maxSize < "u" && (r[a.rowMaxSize] = f(t.maxSize))), e && typeof e != "number" && (typeof e.minSize < "u" && (r[a.columnMinSize] = m(e.minSize)), typeof e.maxSize < "u" && (r[a.columnMaxSize] = f(e.maxSize))), r;
-}, Q = /*#__PURE__*/ d.forwardRef((param, g)=>{
-    let { rows: t, columns: e, gap: r = 0, flow: m, justifyItems: f, alignItems: i, justifyContent: o, alignContent: n, height: u, minHeight: l, children: p, as: A = "div", dataAttributes: R } = param;
-    const [y, x] = Array.isArray(r) ? r : [
-        r,
-        r
-    ];
-    return /*#__PURE__*/ d.createElement(A, _object_spread({
-        ref: g,
-        className: s(S, e ? typeof e == "number" ? b[e] : c : "", t ? typeof t == "number" ? G[t] : M : "", m ? C[m] : "", f ? T[f] : "", i ? v[i] : "", o ? V[o] : "", n ? E[n] : ""),
+import { grid as G, gridTemplateColumns as C, gridTemplateColumnsAutoRepeat as M, gridTemplateRows as T, gridTemplateRowsAutoRepeat as j, gridAutoFlow as v, gridJustifyItems as V, gridAlignItems as k, gridJustifyContent as E, gridAlignContent as J, fullColumns as N, spanColumns as h, fullRows as w, spanRows as D, columnStart as F, rowStart as I, justifySelf as P, alignSelf as q, vars as p } from "./grid.css-mistica.js";
+import { applyCssVars as B } from "./utils/css.js";
+import { getPrefixedDataAttributes as R } from "./utils/dom.js";
+import { sprinkles as H } from "./sprinkles.css-mistica.js";
+const K = (t, e)=>{
+    const i = {}, f = (r)=>typeof r == "number" ? `min(${r}px, 100%)` : r, o = (r)=>typeof r == "number" ? `${r}px` : r;
+    return t && typeof t != "number" && (typeof t.minSize < "u" && (i[p.rowMinSize] = f(t.minSize)), typeof t.maxSize < "u" && (i[p.rowMaxSize] = o(t.maxSize))), e && typeof e != "number" && (typeof e.minSize < "u" && (i[p.columnMinSize] = f(e.minSize)), typeof e.maxSize < "u" && (i[p.columnMaxSize] = o(e.maxSize))), i;
+}, Y = /*#__PURE__*/ d.forwardRef((param, x)=>{
+    let { rows: t, columns: e, gap: i = 0, flow: f, justifyItems: o, alignItems: r, justifyContent: l, alignContent: n, height: u, minHeight: y, children: s, as: z = "div", dataAttributes: S } = param;
+    const [m, a] = Array.isArray(i) ? i : [
+        i,
+        i
+    ], A = {
+        columnGap: m,
+        rowGap: a,
+        gridColumnGap: m,
+        gridRowGap: a
+    };
+    let b = {}, g = "";
+    try {
+        g = H(A);
+    } catch (e) {
+        b = {
+            columnGap: typeof m == "object" ? m.mobile : m,
+            rowGap: typeof a == "object" ? a.mobile : a,
+            // Chrome 57-65 support
+            gridColumnGap: typeof m == "object" ? m.mobile : m,
+            gridRowGap: typeof a == "object" ? a.mobile : a
+        };
+    }
+    return /*#__PURE__*/ d.createElement(z, _object_spread({
+        ref: x,
+        className: c(G, g, e ? typeof e == "number" ? C[e] : M : "", t ? typeof t == "number" ? T[t] : j : "", f ? v[f] : "", o ? V[o] : "", r ? k[r] : "", l ? E[l] : "", n ? J[n] : ""),
         style: _object_spread({
             height: u,
-            minHeight: l
-        }, q(_object_spread({
-            [a.columnGap]: y ? `${y}px` : "",
-            [a.rowGap]: x ? `${x}px` : ""
-        }, B(t, e))))
-    }, z(R)), p);
-}), U = /*#__PURE__*/ d.forwardRef((param, p)=>{
-    let { rowStart: t, rowSpan: e, columnStart: r, columnSpan: m, span: f, justifySelf: i, alignSelf: o, children: n, as: u = "div", dataAttributes: l } = param;
-    return f && (Array.isArray(f) ? (m = f[0], e = f[1]) : (m = f, e = f)), /*#__PURE__*/ d.createElement(u, _object_spread({
-        ref: p,
-        className: s(m ? m === "full" ? J : N[m] : "", e ? e === "full" ? D : F[e] : "", r ? I[r] : "", t ? P[t] : "", i ? h[i] : "", o ? k[o] : "")
-    }, z(l)), n);
+            minHeight: y
+        }, g ? {} : b, B(_object_spread({}, K(t, e))))
+    }, R(S)), s);
+}), Z = /*#__PURE__*/ d.forwardRef((param, s)=>{
+    let { rowStart: t, rowSpan: e, columnStart: i, columnSpan: f, span: o, justifySelf: r, alignSelf: l, children: n, as: u = "div", dataAttributes: y } = param;
+    return o && (Array.isArray(o) ? (f = o[0], e = o[1]) : (f = o, e = o)), /*#__PURE__*/ d.createElement(u, _object_spread({
+        ref: s,
+        className: c(f ? f === "full" ? N : h[f] : "", e ? e === "full" ? w : D[e] : "", i ? F[i] : "", t ? I[t] : "", r ? P[r] : "", l ? q[l] : "")
+    }, R(y)), n);
 });
-export { Q as Grid, U as GridItem };
+export { Y as Grid, Z as GridItem };

package/dist-es/header.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./header.css.ts.vanilla.css-mistica.js";
-var t = "mtk7e90 _1y2v1nf82", m = "mtk7e93", a = "mtk7e90";
+var t = "mtk7e90 _1y2v1nf88", m = "mtk7e93", a = "mtk7e90";
 export { t as breadcrumbs, m as hideOnDesktop, a as hideOnTabletOrSmaller };

package/dist-es/hero.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./hero.css.ts.vanilla.css-mistica.js";
-var t = "_16rbpto6 _1y2v1nfba _1y2v1nfbw _1y2v1nfbq", v = "_16rbpto2 _1y2v1nfba", n = "_1y2v1nfbp _1y2v1nfce", b = "_1y2v1nfbg", _ = "_16rbpto7", p = {
+var t = "_16rbpto6 _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgw", n = "_16rbpto2 _1y2v1nfgg", a = "_1y2v1nfgv _1y2v1nfhk", _ = "_1y2v1nfgm", i = "_16rbpto7", p = {
     height: "var(--_16rbpto0)"
 };
-export { t as actions, v as container, n as containerDesktop, b as containerMobile, _ as layout, p as vars };
+export { t as actions, n as container, a as containerDesktop, _ as containerMobile, i as layout, p as vars };