@telefonica/mistica 16.30.1 → 16.32.0

package/dist-es/dialog.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e, jsxs as E, Fragment as M } from "react/jsx-runtime";
-import * as n from "react";
+import * as o from "react";
 import A from "classnames";
 import { ButtonDanger as _, ButtonPrimary as j, ButtonSecondary as F } from "./button.js";
 import { Portal as V } from "./portal.js";
@@ -95,11 +95,11 @@ import w from "./box.js";
 import { isRunningAcceptanceTest as X } from "./utils/platform.js";
 import { useSetModalStateEffect as Z } from "./modal-context-provider.js";
 import $ from "./stack.js";
-import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as ne, closedOpactityLayer as oe, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
+import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as oe, closedOpactityLayer as ne, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
 import { vars as ue } from "./skins/skin-contract.css-mistica.js";
 import { modalClose as me, dialogCancelButton as P, dialogAcceptButton as O } from "./text-tokens.js";
 const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
-    const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: o, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
+    const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: n, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
         onPress: y || (()=>{}),
         children: p,
         // @deprecated - testid should be removed but many webapp tests depend on this
@@ -110,11 +110,11 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
     return /* @__PURE__ */ E("div", {
         className: A(se[m ? "dialog" : "default"], f),
         children: [
-            o && /* @__PURE__ */ e(w, {
+            n && /* @__PURE__ */ e(w, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ e("div", {
                     className: le,
-                    children: /*#__PURE__*/ n.cloneElement(o, {
+                    children: /*#__PURE__*/ o.cloneElement(n, {
                         size: "100%"
                     })
                 })
@@ -174,7 +174,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
         ]
     });
 }, he = (param)=>{
-    let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: o, onCancel: d, onDestroy: s } = param;
+    let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: n, onCancel: d, onDestroy: s } = param;
     return t === "confirm" ? Y({
         message: r,
         title: u,
@@ -182,88 +182,88 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
         acceptText: f,
         destructive: h
     }).then((l)=>{
-        l ? o == null || o() : d == null || d(), s();
+        l ? n == null || n() : d == null || d(), s();
     }) : q({
         message: r,
         title: u,
         buttonText: f
     }).then(()=>{
-        o == null || o(), s();
+        n == null || n(), s();
     });
 }, pe = (param)=>{
-    let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: o, title: d, destructive: s } = param;
-    const { texts: l, t: g } = D(), p = n.useRef({
+    let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: n, title: d, destructive: s } = param;
+    const { texts: l, t: g } = D(), p = o.useRef({
         type: t,
         onAccept: r,
         onCancel: u,
         onDestroy: f,
         acceptText: i || l.dialogAcceptButton || g(O),
         cancelText: h || l.dialogCancelButton || g(P),
-        message: o,
+        message: n,
         title: d,
         destructive: s
-    }), c = n.useRef(!1);
-    return n.useEffect(()=>{
+    }), c = o.useRef(!1);
+    return o.useEffect(()=>{
         c.current || (c.current = !0, he(p.current).finally(()=>{
             c.current = !1;
         }));
     }, []), /* @__PURE__ */ e(M, {});
 }, Me = (t)=>{
     Z();
-    const r = n.useRef(null), { texts: u, t: f } = D(), [i, h] = n.useState(!1), o = n.useRef(!1), d = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), p = n.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
+    const r = o.useRef(null), { texts: u, t: f } = D(), [i, h] = o.useState(!1), n = o.useRef(!1), d = o.useRef(!1), [s, l] = o.useState(!1), g = o.useRef(!1), p = o.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
-    n.useEffect(()=>{
+    o.useEffect(()=>{
         const a = setTimeout(()=>{
-            o.current || l(!0);
+            n.current || l(!0);
         }, p.current);
         return ()=>{
             clearTimeout(a);
         };
     }, []);
-    const N = n.useCallback(()=>{
+    const N = o.useCallback(()=>{
         d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
     }, [
         m,
         C,
         B
-    ]), x = n.useCallback(()=>{
+    ]), x = o.useCallback(()=>{
         let a;
-        return !o.current && s && (o.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
+        return !n.current && s && (n.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
             a && clearTimeout(a);
         };
     }, [
         N,
         s
-    ]), T = n.useCallback(()=>{
+    ]), T = o.useCallback(()=>{
         g.current = !0, x();
     }, [
         x
-    ]), b = n.useCallback(()=>{
+    ]), b = o.useCallback(()=>{
         g.current = !1, x();
     }, [
         x
-    ]), v = n.useCallback(()=>{
-        o.current || (R ? T() : b());
+    ]), v = o.useCallback(()=>{
+        n.current || (R ? T() : b());
     }, [
         T,
         b,
         R
-    ]), k = n.useCallback((a)=>{
+    ]), k = o.useCallback((a)=>{
         a.key === Q && (a.stopPropagation(), a.preventDefault(), v());
     }, [
         v
     ]);
-    n.useEffect(()=>{
+    o.useEffect(()=>{
         if (!c) return document.addEventListener("keydown", k), ()=>{
             document.removeEventListener("keydown", k);
         };
     }, [
         k,
         c
-    ]), n.useEffect(()=>{
+    ]), o.useEffect(()=>{
         if (!c) return window.addEventListener("popstate", v), ()=>{
             window.removeEventListener("popstate", v);
         };
@@ -271,7 +271,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
         v,
         c
     ]);
-    const S = n.useCallback((a)=>{
+    const S = o.useCallback((a)=>{
         a.stopPropagation(), y && b();
     }, [
         y,
@@ -282,8 +282,8 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
         children: /* @__PURE__ */ e(W, {
             children: /* @__PURE__ */ e("div", {
                 onClick: S,
-                className: A(ne, {
-                    [oe]: i
+                className: A(oe, {
+                    [ne]: i
                 }),
                 "data-testid": "dialog-overlay",
                 "aria-hidden": i || !s,
@@ -294,10 +294,10 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
                     children: /* @__PURE__ */ E("div", {
                         ref: r,
                         onAnimationEnd: (a)=>{
-                            a.target === r.current && (o.current || l(!0));
+                            a.target === r.current && (n.current || l(!0));
                         },
                         onTransitionEnd: (a)=>{
-                            a.target === r.current && o.current && N();
+                            a.target === r.current && n.current && N();
                         },
                         className: A(ae, {
                             [re]: i

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

@@ -1,6 +1,6 @@
 import "./divider.css.ts.vanilla.css-mistica.js";
 var t = {
-    default: "v16_30_1_o0dvt10",
-    inverse: "v16_30_1_o0dvt11"
+    default: "v16_32_o0dvt10",
+    inverse: "v16_32_o0dvt11"
 };
 export { t as variants };

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

@@ -4,7 +4,7 @@ import "./text-field-base.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 t = {
-    default: "v16_30_1_skrulh1 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfix v16_30_1_1y2v1nfjf",
-    fullWidth: "v16_30_1_skrulh2 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfix v16_30_1_1y2v1nfjf"
+    default: "v16_32_skrulh1 v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjf",
+    fullWidth: "v16_32_skrulh2 v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjf"
 };
 export { t as variants };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./drawer.css.ts.vanilla.css-mistica.js";
-var n = 350, y = "v16_30_1_1y2v1nfin v16_30_1_1y2v1nfm3 v16_30_1_1y2v1nfmx", f = "v16_30_1_c4ngww9", r = "v16_30_1_c4ngww1 v16_30_1_1y2v1nfio v16_30_1_1y2v1nfis v16_30_1_1y2v1nf4b v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmu v16_30_1_1y2v1nfn9 v16_30_1_1y2v1nflu", a = "v16_30_1_1y2v1nf9c v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfjd", o = "v16_30_1_c4ngww8", e = "v16_30_1_c4ngwwb v16_30_1_1y2v1nfio v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfmu v16_30_1_1y2v1nfn9 v16_30_1_1y2v1nf4n", c = "v16_30_1_c4ngwwc", w = "v16_30_1_c4ngwwd", i = "v16_30_1_1y2v1nfjd v16_30_1_1y2v1nflz", l = "v16_30_1_c4ngww5 v16_30_1_1y2v1nfja v16_30_1_1y2v1nfjc";
+var n = 350, y = "v16_32_1y2v1nfin v16_32_1y2v1nfm3 v16_32_1y2v1nfmx", f = "v16_32_c4ngww9", r = "v16_32_c4ngww1 v16_32_1y2v1nfio v16_32_1y2v1nfis v16_32_1y2v1nf4b v16_32_1y2v1nfm0 v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nflu", a = "v16_32_1y2v1nf9c v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfjd", o = "v16_32_c4ngww8", e = "v16_32_c4ngwwb v16_32_1y2v1nfio v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nf4n", c = "v16_32_c4ngwwc", w = "v16_32_c4ngwwd", i = "v16_32_1y2v1nfjd v16_32_1y2v1nflz", l = "v16_32_c4ngww5 v16_32_1y2v1nfja v16_32_1y2v1nfjc";
 export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, c as overlayClosed, w as overlayOpen, i as scrollableSection, l as titleContainer };

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 r = "v16_30_1_1azor6p4 v16_30_1_1y2v1nfjr v16_30_1_1y2v1nfk7", a = "v16_30_1_1azor6p0", n = "v16_30_1_1azor6p2 v16_30_1_1y2v1nfiu v16_30_1_1y2v1nfk9";
+var r = "v16_32_1azor6p4 v16_32_1y2v1nfjr v16_32_1y2v1nfk7", a = "v16_32_1azor6p0", n = "v16_32_1azor6p2 v16_32_1y2v1nfiu v16_32_1y2v1nfk9";
 export { r as assetContainer, a as container, n 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 a = "v16_30_1_13fzrua9 v16_30_1_1y2v1nfjt v16_30_1_1y2v1nfk9", v = "v16_30_1_1y2v1nfl9", e = "v16_30_1_13fzrua2 v16_30_1_1y2v1nfis v16_30_1_1y2v1nf8k", n = {
-    default: "v16_30_1_13fzrua3",
-    largeImage: "v16_30_1_13fzrua4"
-}, f = "v16_30_1_13fzruad", o = "v16_30_1_13fzrua7 v16_30_1_1y2v1nfjw", t = "v16_30_1_13fzrua5", u = "v16_30_1_13fzruab v16_30_1_1y2v1nfiu", i = {
-    backgroundColor: "var(--v16_30_1_13fzrua0)"
+var v = "v16_32_13fzrua9 v16_32_1y2v1nfjt v16_32_1y2v1nfk9", _ = "v16_32_1y2v1nfl9", e = "v16_32_13fzrua2 v16_32_1y2v1nfis v16_32_1y2v1nf8k", n = {
+    default: "v16_32_13fzrua3",
+    largeImage: "v16_32_13fzrua4"
+}, f = "v16_32_13fzruad", o = "v16_32_13fzrua7 v16_32_1y2v1nfjw", t = "v16_32_13fzrua5", u = "v16_32_13fzruab v16_32_1y2v1nfiu", i = {
+    backgroundColor: "var(--v16_32_13fzrua0)"
 };
-export { a as assetContainer, v as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, i as vars };
+export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, i as vars };

package/dist-es/empty-state.js

@@ -54,10 +54,10 @@ function _object_spread_props(target, source) {
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import x from "classnames";
 import { useIsInverseOrMediaVariant as k } from "./theme-variant-context.js";
-import { ButtonPrimary as B } from "./button.js";
-import { useTheme as C } from "./hooks.js";
+import { ButtonPrimary as N } from "./button.js";
+import { useTheme as B } from "./hooks.js";
 import n from "./stack.js";
-import { Text6 as I, Text3 as N } from "./text.js";
+import { Text6 as C, Text3 as I } from "./text.js";
 import b from "./button-group.js";
 import { container as S, inverseBorder as A, border as E, vars as T, contentVariants as c, assetContainer as V, largeImageContainer as $, largeImage as j, smallImage as D } from "./empty-state.css-mistica.js";
 import { vars as t } from "./skins/skin-contract.css-mistica.js";
@@ -66,12 +66,12 @@ import { getPrefixedDataAttributes as P } from "./utils/dom.js";
 import { applyCssVars as R } from "./utils/css.js";
 const w = (param)=>{
     let { title: l, titleAs: d = "h1", description: p, button: r, buttonLink: f, largeImageUrl: a, imageUrl: o, asset: m, "aria-label": g, dataAttributes: u } = param;
-    const { isDarkMode: h } = C(), s = k(), v = o ? /* @__PURE__ */ e("img", {
+    const { isDarkMode: h } = B(), s = k(), v = o ? /* @__PURE__ */ e("img", {
         "data-testid": "image",
         className: D,
         alt: "",
         src: o
-    }) : void 0, y = _object_spread_props(_object_spread({}, (r == null ? void 0 : r.type) === B ? {
+    }) : void 0, y = _object_spread_props(_object_spread({}, (r == null ? void 0 : r.type) === N ? {
         primaryButton: r
     } : {
         secondaryButton: r
@@ -103,14 +103,14 @@ const w = (param)=>{
                         /* @__PURE__ */ i(n, {
                             space: 16,
                             children: [
-                                /* @__PURE__ */ e(I, {
+                                /* @__PURE__ */ e(C, {
                                     as: d,
                                     dataAttributes: {
                                         testid: "title"
                                     },
                                     children: l
                                 }),
-                                /* @__PURE__ */ e(N, {
+                                /* @__PURE__ */ e(I, {
                                     regular: !0,
                                     as: "p",
                                     color: s ? t.colors.inverse : t.colors.textSecondary,

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

@@ -1,3 +1,3 @@
 import "./fade-in.css.ts.vanilla.css-mistica.js";
-var p = "v16_30_1_kq227n1";
+var p = "v16_32_kq227n1";
 export { p as wrapper };

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 v = "v16_30_1_1y2v1nfjr v16_30_1_1y2v1nfk7", e = "v16_30_1_gx6h6af", r = "v16_30_1_gx6h6a4 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfjw v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfiy", n = "v16_30_1_gx6h6a0", t = "v16_30_1_gx6h6a1", x = "v16_30_1_gx6h6a2", g = "v16_30_1_gx6h6ae", h = "v16_30_1_gx6h6ab v16_30_1_gx6h6aa", o = "v16_30_1_gx6h6ac v16_30_1_gx6h6aa", i = "v16_30_1_gx6h6ad v16_30_1_gx6h6aa", f = "v16_30_1_gx6h6a5", p = "v16_30_1_gx6h6a6";
+var v = "v16_32_1y2v1nfjr v16_32_1y2v1nfk7", e = "v16_32_gx6h6af", r = "v16_32_gx6h6a4 v16_32_1y2v1nfis v16_32_1y2v1nfjw v16_32_1y2v1nfjf v16_32_1y2v1nfiy", n = "v16_32_gx6h6a0", t = "v16_32_gx6h6a1", x = "v16_32_gx6h6a2", g = "v16_32_gx6h6ae", h = "v16_32_gx6h6ab v16_32_gx6h6aa", o = "v16_32_gx6h6ac v16_32_gx6h6aa", i = "v16_32_gx6h6ad v16_32_gx6h6aa", f = "v16_32_gx6h6a5", p = "v16_32_gx6h6a6";
 export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, g as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, f as innerContainer, p as innerContainerWithButtons };

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 r = "v16_30_1_p5j8j5d v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfmu v16_30_1_1y2v1nfin", f = "v16_30_1_p5j8j57", n = "v16_30_1_p5j8j55", o = "v16_30_1_p5j8j5b v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfmu v16_30_1_1y2v1nfn9 v16_30_1_1y2v1nfio", a = "v16_30_1_p5j8j54", j = "v16_30_1_p5j8j53 v16_30_1_1y2v1nfjf", y = "v16_30_1_p5j8j59 v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfmu v16_30_1_1y2v1nfn9 v16_30_1_1y2v1nfio", e = {
-    footerHeight: "var(--v16_30_1_p5j8j50)",
-    backgroundColor: "var(--v16_30_1_p5j8j51)"
-}, t = "v16_30_1_1y2v1nfir";
+var r = "v16_32_p5j8j5d v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfin", f = "v16_32_p5j8j57", n = "v16_32_p5j8j55", o = "v16_32_p5j8j5b v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nfio", a = "v16_32_p5j8j54", j = "v16_32_p5j8j53 v16_32_1y2v1nfjf", y = "v16_32_p5j8j59 v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nfio", e = {
+    footerHeight: "var(--v16_32_p5j8j50)",
+    backgroundColor: "var(--v16_32_p5j8j51)"
+}, t = "v16_32_1y2v1nfir";
 export { r as absoluteBackgroundLayer, f as container, n as elevated, o as fixedBackgroundLayer, a as fixedFooter, j as footer, y as portal, e as vars, t as withoutFooter };

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

@@ -21,9 +21,9 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
     let { isFooterVisible: e = !0, footer: l, footerHeight: k = "auto", footerBgColor: i = T.colors.background, containerBgColor: F = T.colors.background, children: L, onChangeFooterHeight: n } = param;
     const [$, h] = g.useState(!1), d = g.useRef(null), { height: m } = _(d) || {
         height: 0
-    }, { isTabletOrSmaller: u } = j(), { platformOverrides: v } = M(), { height: o, ref: w } = y({
+    }, { isTabletOrSmaller: u } = j(), { platformOverrides: v } = M(), { height: o, ref: N } = y({
         includeMargins: !0
-    }), { visualHeight: D } = W(), a = se(), t = D - a - o > ce, { topColor: I = i } = ae(), { height: x, ref: N } = y();
+    }), { visualHeight: w } = W(), a = se(), t = w - a - o > ce, { topColor: D = i } = ae(), { height: x, ref: I } = y();
     G(()=>{
         n == null || n(o);
     }, [
@@ -57,11 +57,11 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
                 /* @__PURE__ */ s("div", {
                     className: ee,
                     style: {
-                        background: `linear-gradient(180deg, ${I} 50%, ${i} 50% 100%)`
+                        background: `linear-gradient(180deg, ${D} 50%, ${i} 50% 100%)`
                     }
                 }),
                 /* @__PURE__ */ s("div", {
-                    ref: N,
+                    ref: I,
                     className: S,
                     style: {
                         background: F,
@@ -113,7 +113,7 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
                 children: e && /* @__PURE__ */ s("aside", {
-                    ref: w,
+                    ref: N,
                     "data-component-name": "FixedFooter",
                     "data-testid": "FixedFooter",
                     style: {

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var f = "v16_30_1_1y2v1nfjf";
+var f = "v16_32_1y2v1nfjf";
 export { f as form };

package/dist-es/form.js

@@ -81,7 +81,7 @@ const te = (param)=>{
         return I((o)=>_object_spread_props(_object_spread({}, o), {
                 [e]: s
             }));
-    }, []), x = n.useCallback((e)=>J(v) ? !(e.tagName === "SELECT" || [
+    }, []), N = n.useCallback((e)=>J(v) ? !(e.tagName === "SELECT" || [
             "date",
             "datetime-local",
             "month"
@@ -105,7 +105,7 @@ const te = (param)=>{
         if (s.length) {
             s.sort((r, c)=>r.compareDocumentPosition(c) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
             const t = s[0];
-            x(t) && t.focus();
+            N(t) && t.focus();
             try {
                 t.scrollIntoView({
                     behavior: "smooth",
@@ -121,7 +121,7 @@ const te = (param)=>{
         b.formFieldErrorIsMandatory,
         h,
         u,
-        x
+        N
     ]), _ = n.useCallback((e)=>{
         setTimeout(()=>{
             var s;
@@ -135,14 +135,14 @@ const te = (param)=>{
         }, 100);
     }, [
         k
-    ]), N = (e)=>[
+    ]), x = (e)=>[
             ...l.current.keys()
         ].reduce((s, o)=>{
             var t, r;
             return (r = (t = l.current.get(o)) == null ? void 0 : t.input) != null && r.disabled ? s : _object_spread_props(_object_spread({}, s), {
                 [o]: e[o]
             });
-        }, {}), S = n.useCallback((e)=>(e == null || e.preventDefault(), m("sending"), Object.keys(E()).length > 0 ? (m("filling"), Promise.resolve()) : Promise.resolve(g(N(u), N(i))).finally(()=>{
+        }, {}), S = n.useCallback((e)=>(e == null || e.preventDefault(), m("sending"), Object.keys(E()).length > 0 ? (m("filling"), Promise.resolve()) : Promise.resolve(g(x(u), x(i))).finally(()=>{
             f.current && m("filling");
         })), [
         g,

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

@@ -1,6 +1,6 @@
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
-var v = "v16_30_1_379jdb5", a = "v16_30_1_379jdb2", r = "v16_30_1_379jdb1", d = "v16_30_1_379jdb0", e = "v16_30_1_379jdb4", l = "v16_30_1_379jdb7", o = {
-    colSpan: "var(--v16_30_1_379jdb6)",
-    verticalSpace: "var(--v16_30_1_379jdb3)"
+var a = "v16_32_379jdb5", _ = "v16_32_379jdb2", r = "v16_32_379jdb1", d = "v16_32_379jdb0", e = "v16_32_379jdb4", l = "v16_32_379jdb7", o = {
+    colSpan: "var(--v16_32_379jdb6)",
+    verticalSpace: "var(--v16_32_379jdb3)"
 };
-export { v as collapsedInTablet, a as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };
+export { a as collapsedInTablet, _ as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };