@telefonica/mistica 16.37.5 → 16.39.0

package/dist/checkbox.css-mistica.js

@@ -34,11 +34,11 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./checkbox.css.ts.vanilla.css-mistica.js");
 var n = {
-    ios: "v16_37_5_1rz9b16 v16_37_5_1rz9b15 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfmn",
-    rest: "v16_37_5_1rz9b17 v16_37_5_1rz9b15 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfmn",
-    checked: "v16_37_5_1rz9b18 v16_37_5_1rz9b15 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfmn"
-}, r = "v16_37_5_1rz9b1d v16_37_5_1y2v1nfju", f = "v16_37_5_1rz9b1e", y = "v16_37_5_1rz9b12 v16_37_5_1rz9b11 v16_37_5_1y2v1nfjv", b = "v16_37_5_1rz9b13 v16_37_5_1rz9b11 v16_37_5_1y2v1nfjv", k = "v16_37_5_1rz9b1f", a = {
-    ios: "v16_37_5_1rz9b19 v16_37_5_1rz9b15 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfmn",
-    rest: "v16_37_5_1rz9b1a v16_37_5_1rz9b15 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfmn",
-    checked: "v16_37_5_1rz9b1b v16_37_5_1rz9b15 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfmn"
+    ios: "v16_39_1rz9b16 v16_39_1rz9b15 v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfka v16_39_1y2v1nfmn",
+    rest: "v16_39_1rz9b17 v16_39_1rz9b15 v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfka v16_39_1y2v1nfmn",
+    checked: "v16_39_1rz9b18 v16_39_1rz9b15 v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfka v16_39_1y2v1nfmn"
+}, r = "v16_39_1rz9b1d v16_39_1y2v1nfju", f = "v16_39_1rz9b1e", y = "v16_39_1rz9b12 v16_39_1rz9b11 v16_39_1y2v1nfjv", b = "v16_39_1rz9b13 v16_39_1rz9b11 v16_39_1y2v1nfjv", k = "v16_39_1rz9b1f", a = {
+    ios: "v16_39_1rz9b19 v16_39_1rz9b15 v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfka v16_39_1y2v1nfmn",
+    rest: "v16_39_1rz9b1a v16_39_1rz9b15 v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfka v16_39_1y2v1nfmn",
+    checked: "v16_39_1rz9b1b v16_39_1rz9b15 v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfka v16_39_1y2v1nfmn"
 };

package/dist/chip.css-mistica.js

@@ -48,16 +48,16 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./chip.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_cc7htng", c = {
-    default: "v16_37_5_cc7htn3 v16_37_5_1y2v1nfm9 v16_37_5_1y2v1nf4u v16_37_5_1y2v1nf2n",
-    overAlternative: "v16_37_5_cc7htn3 v16_37_5_1y2v1nfm9 v16_37_5_1y2v1nf52 v16_37_5_1y2v1nf2n",
-    active: "v16_37_5_cc7htnc v16_37_5_cc7htn4 v16_37_5_cc7htn3 v16_37_5_1y2v1nfm9 v16_37_5_1y2v1nf1w v16_37_5_1y2v1nf8c",
-    navigationActive: "v16_37_5_cc7htnd v16_37_5_cc7htn4 v16_37_5_cc7htn3 v16_37_5_1y2v1nfm9 v16_37_5_1y2v1nf2t v16_37_5_1y2v1nf5u",
-    navigationActiveInverse: "v16_37_5_cc7htne v16_37_5_cc7htn3 v16_37_5_1y2v1nfm9 v16_37_5_1y2v1nf1w v16_37_5_1y2v1nf8c"
-}, t = "v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7", f = "v16_37_5_cc7htnk v16_37_5_1y2v1nfdi", y = "v16_37_5_cc7htnq v16_37_5_1y2v1nfdi", i = "v16_37_5_cc7htnm v16_37_5_1y2v1nfdi", a = "v16_37_5_cc7htno v16_37_5_1y2v1nfdi", r = "v16_37_5_cc7htnf", e = "v16_37_5_cc7htni v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfjn", h = {
-    default: "v16_37_5_1y2v1nfcl v16_37_5_1y2v1nfch",
-    withIcon: "v16_37_5_1y2v1nfci v16_37_5_1y2v1nfce"
+var n = "v16_39_cc7htng", c = {
+    default: "v16_39_cc7htn3 v16_39_1y2v1nfm9 v16_39_1y2v1nf4u v16_39_1y2v1nf2n",
+    overAlternative: "v16_39_cc7htn3 v16_39_1y2v1nfm9 v16_39_1y2v1nf52 v16_39_1y2v1nf2n",
+    active: "v16_39_cc7htnc v16_39_cc7htn4 v16_39_cc7htn3 v16_39_1y2v1nfm9 v16_39_1y2v1nf1w v16_39_1y2v1nf8c",
+    navigationActive: "v16_39_cc7htnd v16_39_cc7htn4 v16_39_cc7htn3 v16_39_1y2v1nfm9 v16_39_1y2v1nf2t v16_39_1y2v1nf5u",
+    navigationActiveInverse: "v16_39_cc7htne v16_39_cc7htn3 v16_39_1y2v1nfm9 v16_39_1y2v1nf1w v16_39_1y2v1nf8c"
+}, t = "v16_39_1y2v1nfjt v16_39_1y2v1nfk1 v16_39_1y2v1nfk7", f = "v16_39_cc7htnk v16_39_1y2v1nfdi", y = "v16_39_cc7htnq v16_39_1y2v1nfdi", i = "v16_39_cc7htnm v16_39_1y2v1nfdi", a = "v16_39_cc7htno v16_39_1y2v1nfdi", r = "v16_39_cc7htnf", e = "v16_39_cc7htni v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfn0 v16_39_1y2v1nfo9 v16_39_1y2v1nfjn", h = {
+    default: "v16_39_1y2v1nfcl v16_39_1y2v1nfch",
+    withIcon: "v16_39_1y2v1nfci v16_39_1y2v1nfce"
 }, o = {
-    default: "v16_37_5_1y2v1nfdu v16_37_5_1y2v1nfdq",
-    withIcon: "v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfdn"
-}, d = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfke v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7";
+    default: "v16_39_1y2v1nfdu v16_39_1y2v1nfdq",
+    withIcon: "v16_39_1y2v1nfdr v16_39_1y2v1nfdn"
+}, d = "v16_39_1y2v1nfjs v16_39_1y2v1nfke v16_39_1y2v1nfk1 v16_39_1y2v1nfk7";

package/dist/chip.js

@@ -122,17 +122,17 @@ function _object_spread_props(target, source) {
     return target;
 }
 const X = (t)=>{
-    const { Icon: o, children: w, id: B, dataAttributes: N, badge: r, active: c, onClose: s, closeButtonLabel: T } = t, { texts: P, textPresets: y, t: L } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useThemeVariant)(), p = f === "alternative", g = f === "inverse", i = t.href || t.onPress || t.to, b = c !== void 0 || i, C = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    const { Icon: o, children: w, id: B, dataAttributes: N, badge: i, active: c, onClose: s, closeButtonLabel: T } = t, { texts: P, textPresets: y, t: L } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useThemeVariant)(), p = f === "alternative", g = f === "inverse", r = t.href || t.onPress || t.to, b = c !== void 0 || r, C = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: c ? i ? g ? _chipcssmistica.iconNavigationInverse : _chipcssmistica.iconNavigation : _chipcssmistica.iconActive : _chipcssmistica.icon,
+                className: c ? r ? g ? _chipcssmistica.iconNavigationInverse : _chipcssmistica.iconNavigation : _chipcssmistica.iconActive : _chipcssmistica.icon,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: r ? 8 : s ? 4 : 0,
+                paddingRight: i ? 8 : s ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     id: B,
                     weight: y.indicator.weight,
@@ -143,7 +143,8 @@ const X = (t)=>{
             })
         ]
     }), l = _object_spread({
-        "component-name": "Chip"
+        "component-name": "Chip",
+        testid: "Chip"
     }, N);
     if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(p ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper, o ? _chipcssmistica.leftPadding.withIcon : _chipcssmistica.leftPadding.default, _chipcssmistica.rightPadding.withIcon)
@@ -167,12 +168,12 @@ const X = (t)=>{
             })
         ]
     }));
-    const j = ()=>r ? r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-            value: r
+    const j = ()=>i ? i === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+            value: i
         }) : null, I = (R)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[c ? i ? g ? "navigationActiveInverse" : "navigationActive" : "active" : p ? "overAlternative" : "default"], i ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[c ? r ? g ? "navigationActiveInverse" : "navigationActive" : "active" : p ? "overAlternative" : "default"], r ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
                 [_chipcssmistica.interactive]: b
-            }, o ? _chipcssmistica.leftPadding.withIcon : _chipcssmistica.leftPadding.default, r ? _chipcssmistica.rightPadding.withIcon : _chipcssmistica.rightPadding.default)
+            }, o ? _chipcssmistica.leftPadding.withIcon : _chipcssmistica.leftPadding.default, i ? _chipcssmistica.rightPadding.withIcon : _chipcssmistica.rightPadding.default)
         }, (0, _dom.getPrefixedDataAttributes)(R)), {
             children: [
                 b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -182,7 +183,7 @@ const X = (t)=>{
                 j()
             ]
         }));
-    return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
+    return r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
         dataAttributes: l,
         children: I()

package/dist/circle.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "circle", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var y = "v16_37_5_1wpwyyp1 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfmc";
+var y = "v16_39_1wpwyyp1 v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nfmc";

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

@@ -85,9 +85,9 @@ _export(exports, {
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("../icon-button.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var f = 216, n = "v16_37_5_1x00fru4 v16_37_5_1x00fru2 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk4 v16_37_5_1y2v1nfbf", a = {
-    default: "v16_37_5_1x00fruk",
-    mobile: "v16_37_5_1x00frul"
-}, t = "v16_37_5_1x00frut", u = "v16_37_5_1x00fruo", o = "v16_37_5_1x00frup v16_37_5_1x00fruo", y = "v16_37_5_1x00fru8 v16_37_5_1x00fru2 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nf9u v16_37_5_1y2v1nfbf", i = "v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkw", x = "v16_37_5_1x00frud v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfke v16_37_5_1y2v1nfjy", e = "v16_37_5_1x00frui", d = "v16_37_5_1x00frua v16_37_5_1y2v1nfa0 v16_37_5_1y2v1nfbf v16_37_5_1y2v1nfkf", c = "v16_37_5_1x00frux", m = "v16_37_5_1x00frus v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx", s = "v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfdr", b = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfke v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfm1", j = "v16_37_5_1x00frum", l = "v16_37_5_1x00fruu", k = "v16_37_5_1x00frub", p = "v16_37_5_1x00fru2 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr", g = "v16_37_5_1x00fruw", h = "v16_37_5_1x00fru5", C = "v16_37_5_1x00fru6", H = {
-    topActionsCount: "var(--v16_37_5_1x00fruv)"
-}, I = "v16_37_5_1y2v1nfa0";
+var f = 216, n = "v16_39_1x00fru4 v16_39_1x00fru2 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjs v16_39_1y2v1nfk4 v16_39_1y2v1nfbf", a = {
+    default: "v16_39_1x00fruk",
+    mobile: "v16_39_1x00frul"
+}, t = "v16_39_1x00frut", u = "v16_39_1x00fruo", o = "v16_39_1x00frup v16_39_1x00fruo", y = "v16_39_1x00fru8 v16_39_1x00fru2 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nf9u v16_39_1y2v1nfbf", i = "v16_39_1y2v1nfjm v16_39_1y2v1nfkw", x = "v16_39_1x00frud v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfke v16_39_1y2v1nfjy", e = "v16_39_1x00frui", d = "v16_39_1x00frua v16_39_1y2v1nfa0 v16_39_1y2v1nfbf v16_39_1y2v1nfkf", c = "v16_39_1x00frux", m = "v16_39_1x00frus v16_39_1y2v1nfjs v16_39_1y2v1nfjx", s = "v16_39_1y2v1nfk7 v16_39_1y2v1nfjs v16_39_1y2v1nfdr", b = "v16_39_1y2v1nfjs v16_39_1y2v1nfke v16_39_1y2v1nfk7 v16_39_1y2v1nfm1", j = "v16_39_1x00frum", l = "v16_39_1x00fruu", k = "v16_39_1x00frub", p = "v16_39_1x00fru2 v16_39_1y2v1nfci v16_39_1y2v1nfdr", g = "v16_39_1x00fruw", h = "v16_39_1x00fru5", C = "v16_39_1x00fru6", H = {
+    topActionsCount: "var(--v16_39_1x00fruv)"
+}, I = "v16_39_1y2v1nfa0";

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

@@ -10,12 +10,12 @@ function _export(target, all) {
 }
 _export(exports, {
     column: function() {
-        return v;
+        return n;
     },
     rightContent: function() {
-        return n;
+        return t;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./blocks.css.ts.vanilla.css-mistica.js");
-var v = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy", n = "v16_37_5_llrsen1";
+var n = "v16_39_1y2v1nfjs v16_39_1y2v1nfjy", t = "v16_39_llrsen1";

package/dist/community/example-component.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "example", {
     }
 });
 require("./example-component.css.ts.vanilla.css-mistica.js");
-var m = "v16_37_5_jbmjs60";
+var m = "v16_39_jbmjs60";

package/dist/counter.css-mistica.js

@@ -45,4 +45,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./counter.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_rijsns8 v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfma v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfkq v16_37_5_1y2v1nfl6", r = "v16_37_5_rijsnse v16_37_5_1y2v1nfkp v16_37_5_1y2v1nfl5 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfmi v16_37_5_1y2v1nf8c", s = "v16_37_5_rijsns6", a = "v16_37_5_rijsns3 v16_37_5_1y2v1nfmi v16_37_5_1y2v1nf4u v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfmu", t = "v16_37_5_rijsnsc v16_37_5_rijsnsa v16_37_5_1y2v1nfjn", f = "v16_37_5_rijsnsa v16_37_5_1y2v1nfjn", i = "v16_37_5_rijsns4", j = "v16_37_5_rijsns0", y = "v16_37_5_rijsns1", o = "v16_37_5_rijsnsb v16_37_5_rijsnsa v16_37_5_1y2v1nfjn", u = "v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk1";
+var n = "v16_39_rijsns8 v16_39_1y2v1nf9k v16_39_1y2v1nfma v16_39_1y2v1nfjn v16_39_1y2v1nfkq v16_39_1y2v1nfl6", r = "v16_39_rijsnse v16_39_1y2v1nfkp v16_39_1y2v1nfl5 v16_39_1y2v1nfjn v16_39_1y2v1nfmi v16_39_1y2v1nf8c", s = "v16_39_rijsns6", a = "v16_39_rijsns3 v16_39_1y2v1nfmi v16_39_1y2v1nf4u v16_39_1y2v1nfjt v16_39_1y2v1nfmu", t = "v16_39_rijsnsc v16_39_rijsnsa v16_39_1y2v1nfjn", f = "v16_39_rijsnsa v16_39_1y2v1nfjn", i = "v16_39_rijsns4", j = "v16_39_rijsns0", y = "v16_39_rijsns1", o = "v16_39_rijsnsb v16_39_rijsnsa v16_39_1y2v1nfjn", u = "v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfk1";

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

@@ -53,6 +53,6 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./carousel.css.ts.vanilla.css-mistica.js");
 require("./cover-hero.css.ts.vanilla.css-mistica.js");
-var e = "v16_37_5_moeazi9 v16_37_5_1y2v1nfk7", f = "v16_37_5_moeazi2 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfo9", r = "v16_37_5_moeazi4 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf", y = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy", o = "v16_37_5_moeazi7", i = "v16_37_5_1y2v1nfjm", m = "v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfoo v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw", t = "v16_37_5_moeazic v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw", j = "v16_37_5_moeazi6", s = "v16_37_5_1y2v1nfjm", z = "v16_37_5_moeazie", k = {
-    aspectRatio: "var(--v16_37_5_moeazi0)"
-}, p = "v16_37_5_moeazi5";
+var e = "v16_39_moeazi9 v16_39_1y2v1nfk7", f = "v16_39_moeazi2 v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfk1 v16_39_1y2v1nfkf v16_39_1y2v1nfn0 v16_39_1y2v1nfo9", r = "v16_39_moeazi4 v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfkf", y = "v16_39_1y2v1nfjs v16_39_1y2v1nfjy", o = "v16_39_moeazi7", i = "v16_39_1y2v1nfjm", m = "v16_39_1y2v1nfjn v16_39_1y2v1nfoo v16_39_1y2v1nfkf v16_39_1y2v1nfkw", t = "v16_39_moeazic v16_39_1y2v1nfjn v16_39_1y2v1nfn0 v16_39_1y2v1nfnf v16_39_1y2v1nfkf v16_39_1y2v1nfkw", j = "v16_39_moeazi6", s = "v16_39_1y2v1nfjm", z = "v16_39_moeazie", k = {
+    aspectRatio: "var(--v16_39_moeazi0)"
+}, p = "v16_39_moeazi5";

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

@@ -24,7 +24,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./credit-card-number-field.css.ts.vanilla.css-mistica.js");
-var y = "v16_37_5_yvyo3q0", f = "v16_37_5_yvyo3q5 v16_37_5_yvyo3q2 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfkw", n = "v16_37_5_yvyo3q2 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjn", o = {
-    default: "v16_37_5_yvyo3q7 v16_37_5_1y2v1nfjm v16_37_5_yvyo3q8",
-    backface: "v16_37_5_yvyo3q7 v16_37_5_1y2v1nfjm v16_37_5_yvyo3q9"
+var y = "v16_39_yvyo3q0", f = "v16_39_yvyo3q5 v16_39_yvyo3q2 v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nfkw", n = "v16_39_yvyo3q2 v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nfkw v16_39_1y2v1nfjn", o = {
+    default: "v16_39_yvyo3q7 v16_39_1y2v1nfjm v16_39_yvyo3q8",
+    backface: "v16_39_yvyo3q7 v16_39_1y2v1nfjm v16_39_yvyo3q9"
 };

package/dist/date-field.css-mistica.js

@@ -12,4 +12,4 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./date-field.css.ts.vanilla.css-mistica.js");
-var p = "v16_37_5_1pntndu0";
+var p = "v16_39_1pntndu0";

package/dist/date-time-picker.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "reactDatePicker", {
     }
 });
 require("./date-time-picker.css.ts.vanilla.css-mistica.js");
-var e = "v16_37_5_c0yqjy0";
+var e = "v16_39_c0yqjy0";

package/dist/dialog.css-mistica.js

@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var n = 200, y = "v16_37_5_3dl29lb", f = "v16_37_5_3dl29l6", a = "v16_37_5_3dl29ll v16_37_5_1y2v1nfa6", l = "v16_37_5_3dl29lj v16_37_5_1y2v1nfke v16_37_5_1y2v1nfls", d = "v16_37_5_3dl29lm", o = "v16_37_5_3dl29l8 v16_37_5_1y2v1nfa0 v16_37_5_1y2v1nfb9 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnu", r = "v16_37_5_3dl29la v16_37_5_1y2v1nf4t v16_37_5_1y2v1nfmk", t = "v16_37_5_3dl29l5 v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nf55", e = {
-    dialog: "v16_37_5_3dl29ld v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfk4 v16_37_5_1y2v1nfco v16_37_5_1y2v1nfdx v16_37_5_1y2v1nfac v16_37_5_1y2v1nfbf",
-    default: "v16_37_5_3dl29ld v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfk4 v16_37_5_1y2v1nfa6 v16_37_5_1y2v1nfbf v16_37_5_1y2v1nfco v16_37_5_1y2v1nfdx"
-}, i = "v16_37_5_1y2v1nfjm";
+var n = 200, y = "v16_39_3dl29lb", f = "v16_39_3dl29l6", a = "v16_39_3dl29ll v16_39_1y2v1nfa6", l = "v16_39_3dl29lj v16_39_1y2v1nfke v16_39_1y2v1nfls", d = "v16_39_3dl29lm", o = "v16_39_3dl29l8 v16_39_1y2v1nfa0 v16_39_1y2v1nfb9 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjn v16_39_1y2v1nfn0 v16_39_1y2v1nfnu", r = "v16_39_3dl29la v16_39_1y2v1nf4t v16_39_1y2v1nfmk", t = "v16_39_3dl29l5 v16_39_1y2v1nfjo v16_39_1y2v1nfjs v16_39_1y2v1nfk1 v16_39_1y2v1nfk7 v16_39_1y2v1nfjy v16_39_1y2v1nfn0 v16_39_1y2v1nfnu v16_39_1y2v1nfo9 v16_39_1y2v1nfnf v16_39_1y2v1nf55", e = {
+    dialog: "v16_39_3dl29ld v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfk4 v16_39_1y2v1nfco v16_39_1y2v1nfdx v16_39_1y2v1nfac v16_39_1y2v1nfbf",
+    default: "v16_39_3dl29ld v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfk4 v16_39_1y2v1nfa6 v16_39_1y2v1nfbf v16_39_1y2v1nfco v16_39_1y2v1nfdx"
+}, i = "v16_39_1y2v1nfjm";

package/dist/divider.css-mistica.js

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "variants", {
 });
 require("./divider.css.ts.vanilla.css-mistica.js");
 var t = {
-    default: "v16_37_5_o0dvt10",
-    inverse: "v16_37_5_o0dvt11"
+    default: "v16_39_o0dvt10",
+    inverse: "v16_39_o0dvt11"
 };

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

@@ -14,6 +14,6 @@ require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
 require("./double-field.css.ts.vanilla.css-mistica.js");
 var i = {
-    default: "v16_37_5_skrulh1 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx v16_37_5_1y2v1nfkf",
-    fullWidth: "v16_37_5_skrulh2 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx v16_37_5_1y2v1nfkf"
+    default: "v16_39_skrulh1 v16_39_1y2v1nfjs v16_39_1y2v1nfjx v16_39_1y2v1nfkf",
+    fullWidth: "v16_39_skrulh2 v16_39_1y2v1nfjs v16_39_1y2v1nfjx v16_39_1y2v1nfkf"
 };

package/dist/drawer.css-mistica.js

@@ -45,4 +45,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./drawer.css.ts.vanilla.css-mistica.js");
-var n = 350, y = "v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn3 v16_37_5_1y2v1nfnx", f = "v16_37_5_c4ngww9", r = "v16_37_5_c4ngww1 v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfjs v16_37_5_1y2v1nf4t v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfmu", a = "v16_37_5_1y2v1nfac v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfkd", o = "v16_37_5_c4ngww8", e = "v16_37_5_c4ngwwb v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nf55", c = "v16_37_5_c4ngwwc", w = "v16_37_5_c4ngwwd", t = "v16_37_5_1y2v1nfkd v16_37_5_1y2v1nfmz", l = "v16_37_5_c4ngww5 v16_37_5_1y2v1nfka v16_37_5_1y2v1nfkc";
+var n = 350, y = "v16_39_1y2v1nfjn v16_39_1y2v1nfn3 v16_39_1y2v1nfnx", f = "v16_39_c4ngww9", r = "v16_39_c4ngww1 v16_39_1y2v1nfjo v16_39_1y2v1nfjs v16_39_1y2v1nf4t v16_39_1y2v1nfn0 v16_39_1y2v1nfnu v16_39_1y2v1nfo9 v16_39_1y2v1nfmu", a = "v16_39_1y2v1nfac v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfkd", o = "v16_39_c4ngww8", e = "v16_39_c4ngwwb v16_39_1y2v1nfjo v16_39_1y2v1nfn0 v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfo9 v16_39_1y2v1nf55", c = "v16_39_c4ngwwc", w = "v16_39_c4ngwwd", t = "v16_39_1y2v1nfkd v16_39_1y2v1nfmz", l = "v16_39_c4ngww5 v16_39_1y2v1nfka v16_39_1y2v1nfkc";

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

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state-card.css.ts.vanilla.css-mistica.js");
-var r = "v16_37_5_1azor6p4 v16_37_5_1y2v1nfkr v16_37_5_1y2v1nfl7", a = "v16_37_5_1azor6p0", n = "v16_37_5_1azor6p2 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfl9";
+var r = "v16_39_1azor6p4 v16_39_1y2v1nfkr v16_39_1y2v1nfl7", a = "v16_39_1azor6p0", n = "v16_39_1azor6p2 v16_39_1y2v1nfju v16_39_1y2v1nfl9";

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     assetContainer: function() {
-        return a;
+        return v;
     },
     border: function() {
-        return v;
+        return _;
     },
     container: function() {
         return e;
@@ -39,9 +39,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state.css.ts.vanilla.css-mistica.js");
-var a = "v16_37_5_13fzrua9 v16_37_5_1y2v1nfkt v16_37_5_1y2v1nfl9", v = "v16_37_5_1y2v1nfm9", e = "v16_37_5_13fzrua2 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nf9k", n = {
-    default: "v16_37_5_13fzrua3",
-    largeImage: "v16_37_5_13fzrua4"
-}, f = "v16_37_5_13fzruad", o = "v16_37_5_13fzrua7 v16_37_5_1y2v1nfkw", t = "v16_37_5_13fzrua5", u = "v16_37_5_13fzruab v16_37_5_1y2v1nfju", z = {
-    backgroundColor: "var(--v16_37_5_13fzrua0)"
+var v = "v16_39_13fzrua9 v16_39_1y2v1nfkt v16_39_1y2v1nfl9", _ = "v16_39_1y2v1nfm9", e = "v16_39_13fzrua2 v16_39_1y2v1nfjs v16_39_1y2v1nf9k", n = {
+    default: "v16_39_13fzrua3",
+    largeImage: "v16_39_13fzrua4"
+}, f = "v16_39_13fzruad", o = "v16_39_13fzrua7 v16_39_1y2v1nfkw", t = "v16_39_13fzrua5", u = "v16_39_13fzruab v16_39_1y2v1nfju", z = {
+    backgroundColor: "var(--v16_39_13fzrua0)"
 };

package/dist/fade-in.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "wrapper", {
     }
 });
 require("./fade-in.css.ts.vanilla.css-mistica.js");
-var p = "v16_37_5_kq227n1";
+var p = "v16_39_kq227n1";

package/dist/feedback.css-mistica.js

@@ -48,4 +48,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var v = "v16_37_5_1y2v1nfkr v16_37_5_1y2v1nfl7", e = "v16_37_5_gx6h6af", r = "v16_37_5_gx6h6a4 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfjy", n = "v16_37_5_gx6h6a0", t = "v16_37_5_gx6h6a1", x = "v16_37_5_gx6h6a2", g = "v16_37_5_gx6h6ae", h = "v16_37_5_gx6h6ab v16_37_5_gx6h6aa", o = "v16_37_5_gx6h6ac v16_37_5_gx6h6aa", f = "v16_37_5_gx6h6ad v16_37_5_gx6h6aa", p = "v16_37_5_gx6h6a5", d = "v16_37_5_gx6h6a6";
+var v = "v16_39_1y2v1nfkr v16_39_1y2v1nfl7", e = "v16_39_gx6h6af", r = "v16_39_gx6h6a4 v16_39_1y2v1nfjs v16_39_1y2v1nfkw v16_39_1y2v1nfkf v16_39_1y2v1nfjy", n = "v16_39_gx6h6a0", t = "v16_39_gx6h6a1", x = "v16_39_gx6h6a2", g = "v16_39_gx6h6ae", h = "v16_39_gx6h6ab v16_39_gx6h6aa", o = "v16_39_gx6h6ac v16_39_gx6h6aa", f = "v16_39_gx6h6ad v16_39_gx6h6aa", p = "v16_39_gx6h6a5", d = "v16_39_gx6h6a6";

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

@@ -39,7 +39,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_p5j8j5d v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfjn", r = "v16_37_5_p5j8j57", o = "v16_37_5_p5j8j55", f = "v16_37_5_p5j8j5b v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfjo", j = "v16_37_5_p5j8j54", a = "v16_37_5_p5j8j53 v16_37_5_1y2v1nfkf", y = "v16_37_5_p5j8j59 v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfjo", e = {
-    footerHeight: "var(--v16_37_5_p5j8j50)",
-    backgroundColor: "var(--v16_37_5_p5j8j51)"
-}, t = "v16_37_5_1y2v1nfjr";
+var n = "v16_39_p5j8j5d v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfjn", r = "v16_39_p5j8j57", o = "v16_39_p5j8j55", f = "v16_39_p5j8j5b v16_39_1y2v1nfn0 v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfo9 v16_39_1y2v1nfjo", j = "v16_39_p5j8j54", a = "v16_39_p5j8j53 v16_39_1y2v1nfkf", y = "v16_39_p5j8j59 v16_39_1y2v1nfn0 v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfo9 v16_39_1y2v1nfjo", e = {
+    footerHeight: "var(--v16_39_p5j8j50)",
+    backgroundColor: "var(--v16_39_p5j8j51)"
+}, t = "v16_39_1y2v1nfjr";

package/dist/fixed-footer-layout.d.ts

@@ -4,9 +4,10 @@ type Props = {
     footer: React.ReactNode;
     footerHeight?: number | string;
     footerBgColor?: string;
+    footerRole?: string;
     containerBgColor?: string;
     children: React.ReactNode;
     onChangeFooterHeight?: (heightInPx: number) => void;
 };
-declare const FixedFooterLayout: ({ isFooterVisible, footer, footerHeight, footerBgColor, containerBgColor, children, onChangeFooterHeight, }: Props) => JSX.Element;
+declare const FixedFooterLayout: ({ isFooterVisible, footer, footerHeight, footerBgColor, footerRole, containerBgColor, children, onChangeFooterHeight, }: Props) => JSX.Element;
 export default FixedFooterLayout;

package/dist/fixed-footer-layout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Se;
+        return ke;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -68,59 +68,59 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
+const ne = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
     const l = setTimeout(e, 0);
     return {
         cancel: ()=>clearTimeout(l)
     };
-}, ce = 200, le = (param)=>{
-    let { isFooterVisible: e = !0, footer: l, footerHeight: k = "auto", footerBgColor: i = _skincontractcssmistica.vars.colors.background, containerBgColor: F = _skincontractcssmistica.vars.colors.background, children: L, onChangeFooterHeight: n } = param;
-    const [$, h] = _react.useState(!1), d = _react.useRef(null), { height: m } = (0, _hooks.useBoundingRect)(d) || {
+}, le = 200, de = (param)=>{
+    let { isFooterVisible: e = !0, footer: l, footerHeight: k = "auto", footerBgColor: i = _skincontractcssmistica.vars.colors.background, footerRole: F, containerBgColor: L = _skincontractcssmistica.vars.colors.background, children: $, onChangeFooterHeight: n } = param;
+    const [w, g] = _react.useState(!1), d = _react.useRef(null), { height: m } = (0, _hooks.useBoundingRect)(d) || {
         height: 0
-    }, { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), { platformOverrides: v } = (0, _hooks.useTheme)(), { height: o, ref: w } = (0, _hooks.useElementDimensions)({
+    }, { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), { platformOverrides: h } = (0, _hooks.useTheme)(), { height: o, ref: D } = (0, _hooks.useElementDimensions)({
         includeMargins: !0
-    }), { visualHeight: D } = (0, _hooks.useWindowSize)(), a = (0, _fixedtotop.useFixedToTopHeight)(), t = D - a - o > ce, { topColor: I = i } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: x, ref: N } = (0, _hooks.useElementDimensions)();
+    }), { visualHeight: I } = (0, _hooks.useWindowSize)(), a = (0, _fixedtotop.useFixedToTopHeight)(), t = I - a - o > le, { topColor: N = i } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: x, ref: R } = (0, _hooks.useElementDimensions)();
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         n == null || n(o);
     }, [
         n,
         o
     ]), _react.useEffect(()=>{
-        if (!u || (0, _platform.isRunningAcceptanceTest)(v) || !t) {
-            h(!1);
+        if (!u || (0, _platform.isRunningAcceptanceTest)(h) || !t) {
+            g(!1);
             return;
         }
-        const p = (0, _dom.getScrollableParentElement)(d.current), A = ()=>(0, _dom.hasScroll)(p) && (0, _dom.getScrollDistanceToBottom)(p) > a + 1, r = (0, _helpers.debounce)(()=>{
-            h(A());
+        const p = (0, _dom.getScrollableParentElement)(d.current), B = ()=>(0, _dom.hasScroll)(p) && (0, _dom.getScrollDistanceToBottom)(p) > a + 1, r = (0, _helpers.debounce)(()=>{
+            g(B());
         }, 50, {
             leading: !0,
             maxWait: 100
-        }), B = ne(r), c = ie(p);
+        }), H = ce(r), c = ne(p);
         return (0, _dom.addPassiveEventListener)(c, "resize", r), (0, _dom.addPassiveEventListener)(c, "scroll", r), ()=>{
-            r.cancel(), (0, _dom.removePassiveEventListener)(c, "scroll", r), (0, _dom.removePassiveEventListener)(c, "resize", r), B.cancel();
+            r.cancel(), (0, _dom.removePassiveEventListener)(c, "scroll", r), (0, _dom.removePassiveEventListener)(c, "resize", r), H.cancel();
         };
     }, [
-        v,
+        h,
         u,
         t,
         // `topDistance` and `contentHeight` dependencies are needed to recalculate the elevation state
         a,
         m
     ]);
-    const R = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
+    const A = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
             className: _fixedfooterlayoutcssmistica.portal,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _fixedfooterlayoutcssmistica.fixedBackgroundLayer,
                     style: {
-                        background: `linear-gradient(180deg, ${I} 50%, ${i} 50% 100%)`
+                        background: `linear-gradient(180deg, ${N} 50%, ${i} 50% 100%)`
                     }
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    ref: N,
+                    ref: R,
                     className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
                     style: {
-                        background: F,
+                        background: L,
                         // this color could be a gradient
                         top: a - 1,
                         // -1 because the navigationbar could have a 1px transparent background
@@ -147,8 +147,8 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
                     [_fixedfooterlayoutcssmistica.vars.footerHeight]: t ? `${o}px` : "0px"
                 }),
                 children: [
-                    R(),
-                    L
+                    A(),
+                    $
                 ]
             }),
             e && t && /**
@@ -160,7 +160,7 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_fixedfooterlayoutcssmistica.footer, {
                     [_fixedfooterlayoutcssmistica.withoutFooter]: !e,
-                    [_fixedfooterlayoutcssmistica.elevated]: $,
+                    [_fixedfooterlayoutcssmistica.elevated]: w,
                     [_fixedfooterlayoutcssmistica.fixedFooter]: t
                 }),
                 style: {
@@ -168,8 +168,9 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
                 },
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
-                children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("aside", {
-                    ref: w,
+                children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    role: F,
+                    ref: D,
                     "data-component-name": "FixedFooter",
                     "data-testid": "FixedFooter",
                     style: {
@@ -181,4 +182,4 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
             })
         ]
     });
-}, Se = le;
+}, ke = de;

package/dist/form.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "form", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "v16_37_5_1y2v1nfkf";
+var f = "v16_39_1y2v1nfkf";

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     collapsedInTablet: function() {
-        return v;
+        return a;
     },
     desktopLargeColumn: function() {
-        return a;
+        return _;
     },
     desktopMediumColumn: function() {
         return r;
@@ -32,7 +32,7 @@ _export(exports, {
     }
 });
 require("./grid-layout.css.ts.vanilla.css-mistica.js");
-var v = "v16_37_5_379jdb5", a = "v16_37_5_379jdb2", r = "v16_37_5_379jdb1", d = "v16_37_5_379jdb0", e = "v16_37_5_379jdb4", l = "v16_37_5_379jdb7", o = {
-    colSpan: "var(--v16_37_5_379jdb6)",
-    verticalSpace: "var(--v16_37_5_379jdb3)"
+var a = "v16_39_379jdb5", _ = "v16_39_379jdb2", r = "v16_39_379jdb1", d = "v16_39_379jdb0", e = "v16_39_379jdb4", l = "v16_39_379jdb7", o = {
+    colSpan: "var(--v16_39_379jdb6)",
+    verticalSpace: "var(--v16_39_379jdb3)"
 };