@telefonica/mistica 16.36.1 → 16.37.1

package/dist-es/counter.js

@@ -72,22 +72,22 @@ const M = 20, cr = (param)=>{
     const s = p !== void 0, f = V.useCallback((i)=>i === void 0 ? h : Math.max(h, Math.min(c, i)), [
         h,
         c
-    ]), [t, I] = V.useState(f(b)), N = (i)=>{
+    ]), [t, I] = V.useState(f(b)), g = (i)=>{
         s || I(i), a == null || a(i);
     };
     return [
         s ? f(p) : t,
-        N
+        g
     ];
 }, sr = (param)=>{
-    let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel: N, decreaseLabel: i, valueLabel: k } = param;
-    const C = F(), g = V.useId(), { texts: u, t: d, isDarkMode: A } = X(), l = a === void 0 ? 0 : a, m = Math.max(l, s === void 0 ? 999 : s), [e, B] = cr({
+    let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel: g, decreaseLabel: i, valueLabel: k } = param;
+    const C = F(), N = V.useId(), { texts: u, t: d, isDarkMode: A } = X(), l = a === void 0 ? 0 : a, m = Math.max(l, s === void 0 ? 999 : s), [e, B] = cr({
         value: p,
         defaultValue: b,
         min: l,
         max: m,
         onChangeValue: h
-    }), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(rr), $ = ()=>N !== null && N !== void 0 ? N : u.counterIncreaseLabel || d(er), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(tr), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(or)}${a !== void 0 ? `, ${u.counterMinValue || d(ar)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(nr)} ${s}` : ""}`;
+    }), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(rr), $ = ()=>g !== null && g !== void 0 ? g : u.counterIncreaseLabel || d(er), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(tr), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(or)}${a !== void 0 ? `, ${u.counterMinValue || d(ar)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(nr)} ${s}` : ""}`;
     return /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
         className: L(O, {
             [x]: t
@@ -111,7 +111,7 @@ const M = 20, cr = (param)=>{
                         disabled: !o && e === l || t,
                         onPress: ()=>o ? c == null ? void 0 : c() : B(e - 1),
                         "aria-label": o ? R() : z(),
-                        "aria-controls": g,
+                        "aria-controls": N,
                         children: [
                             /* @__PURE__ */ r("div", {
                                 className: S
@@ -140,7 +140,7 @@ const M = 20, cr = (param)=>{
                     style: {
                         width: `${Math.max(3, String(m).length) * 1.25}ch`
                     },
-                    id: g,
+                    id: N,
                     "aria-live": "polite",
                     children: /* @__PURE__ */ v(G, {
                         variant: "default",
@@ -171,7 +171,7 @@ const M = 20, cr = (param)=>{
                         disabled: e === m || t,
                         onPress: ()=>B(e + 1),
                         "aria-label": $(),
-                        "aria-controls": g,
+                        "aria-controls": N,
                         children: [
                             /* @__PURE__ */ r("div", {
                                 className: S

package/dist-es/cover-hero-media.js

@@ -1,30 +1,30 @@
 "use client";
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { useVideoWithControls as d, CardActionsGroup as c } from "./card.js";
+import { useVideoWithControls as d, TopActions as c } from "./card-internal.js";
 import { mediaLayer as n, mediaOverlay as v } from "./cover-hero.css-mistica.js";
 import p from "./image.js";
-const C = (param)=>{
-    let { backgroundVideo: o, backgroundImage: r, poster: t, backgroundVideoRef: s } = param;
-    const { video: m, videoAction: e } = d(o, t, s);
+const j = (param)=>{
+    let { backgroundVideo: o, backgroundImage: e, poster: t, backgroundVideoRef: s } = param;
+    const { video: m, videoAction: r } = d(o, t, s);
     return /* @__PURE__ */ a("div", {
         className: n,
         children: [
-            r && /* @__PURE__ */ i(p, {
+            e && /* @__PURE__ */ i(p, {
                 width: "100%",
                 height: "100%",
-                src: r
+                src: e
             }),
             o && m,
             /* @__PURE__ */ i("div", {
                 className: v
             }),
-            e && /* @__PURE__ */ i(c, {
+            r && /* @__PURE__ */ i(c, {
                 actions: [
-                    e
+                    r
                 ],
                 variant: "media"
             })
         ]
     });
 };
-export { C as CoverHeroMedia };
+export { j as CoverHeroMedia };

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

@@ -2,7 +2,7 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
 import "./cover-hero.css.ts.vanilla.css-mistica.js";
-var i = "v16_36_1_moeazi9 v16_36_1_1y2v1nfj7", e = "v16_36_1_moeazi2 v16_36_1_1y2v1nfim v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfn9", f = "v16_36_1_moeazi4 v16_36_1_1y2v1nfim v16_36_1_1y2v1nfis v16_36_1_1y2v1nfjf", r = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy", y = "v16_36_1_moeazi7", m = "v16_36_1_1y2v1nfim", o = "v16_36_1_1y2v1nfin v16_36_1_1y2v1nfno v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfjw", t = "v16_36_1_moeazic v16_36_1_1y2v1nfin v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfjw", s = "v16_36_1_moeazi6", z = "v16_36_1_1y2v1nfim", j = "v16_36_1_moeazie", p = {
-    aspectRatio: "var(--v16_36_1_moeazi0)"
-}, c = "v16_36_1_moeazi5";
-export { i as centered, e as coverHero, f as coverHeroContainer, r as flexColumn, y as hasSideExtra, m as mainContent, o as mediaLayer, t as mediaOverlay, s as minHeight, z as sideExtra, j as sixColumns, p as vars, c as withAspectRatio };
+var e = "v16_37_1_moeazi9 v16_37_1_1y2v1nfk7", f = "v16_37_1_moeazi2 v16_37_1_1y2v1nfjm v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy v16_37_1_1y2v1nfk1 v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfo9", r = "v16_37_1_moeazi4 v16_37_1_1y2v1nfjm v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfkf", y = "v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy", o = "v16_37_1_moeazi7", i = "v16_37_1_1y2v1nfjm", m = "v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfoo v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfkw", t = "v16_37_1_moeazic v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfkw", j = "v16_37_1_moeazi6", s = "v16_37_1_1y2v1nfjm", z = "v16_37_1_moeazie", k = {
+    aspectRatio: "var(--v16_37_1_moeazi0)"
+}, p = "v16_37_1_moeazi5";
+export { e as centered, f as coverHero, r as coverHeroContainer, y as flexColumn, o as hasSideExtra, i as mainContent, m as mediaLayer, t as mediaOverlay, j as minHeight, s as sideExtra, z as sixColumns, k as vars, p as withAspectRatio };

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 y = "v16_36_1_yvyo3q0", f = "v16_36_1_yvyo3q5 v16_36_1_yvyo3q2 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nfjw", n = "v16_36_1_yvyo3q2 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfin", o = {
-    default: "v16_36_1_yvyo3q7 v16_36_1_1y2v1nfim v16_36_1_yvyo3q8",
-    backface: "v16_36_1_yvyo3q7 v16_36_1_1y2v1nfim v16_36_1_yvyo3q9"
+var y = "v16_37_1_yvyo3q0", f = "v16_37_1_yvyo3q5 v16_37_1_yvyo3q2 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfk1 v16_37_1_1y2v1nfkw", n = "v16_37_1_yvyo3q2 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfk1 v16_37_1_1y2v1nfkw v16_37_1_1y2v1nfjn", o = {
+    default: "v16_37_1_yvyo3q7 v16_37_1_1y2v1nfjm v16_37_1_yvyo3q8",
+    backface: "v16_37_1_yvyo3q7 v16_37_1_1y2v1nfjm v16_37_1_yvyo3q9"
 };
 export { y as flip, f as flipBack, n as flipFront, o as variants };

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

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./date-field.css.ts.vanilla.css-mistica.js";
-var p = "v16_36_1_1pntndu0";
+var p = "v16_37_1_1pntndu0";
 export { p as iconContainer };

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

@@ -1,3 +1,3 @@
 import "./date-time-picker.css.ts.vanilla.css-mistica.js";
-var e = "v16_36_1_c0yqjy0";
+var e = "v16_37_1_c0yqjy0";
 export { e as reactDatePicker };

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 n = 200, y = "v16_36_1_3dl29lb", f = "v16_36_1_3dl29l6", l = "v16_36_1_3dl29ll v16_36_1_1y2v1nf96", a = "v16_36_1_3dl29lj v16_36_1_1y2v1nfje v16_36_1_1y2v1nfks", o = "v16_36_1_3dl29lm", d = "v16_36_1_3dl29l8 v16_36_1_1y2v1nf90 v16_36_1_1y2v1nfa9 v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nfin v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmu", i = "v16_36_1_3dl29la v16_36_1_1y2v1nf4b v16_36_1_1y2v1nflk", r = "v16_36_1_3dl29l5 v16_36_1_1y2v1nfio v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nf4n", t = {
-    dialog: "v16_36_1_3dl29ld v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfj4 v16_36_1_1y2v1nfbo v16_36_1_1y2v1nfcx v16_36_1_1y2v1nf9c v16_36_1_1y2v1nfaf",
-    default: "v16_36_1_3dl29ld v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfj4 v16_36_1_1y2v1nf96 v16_36_1_1y2v1nfaf v16_36_1_1y2v1nfbo v16_36_1_1y2v1nfcx"
-}, e = "v16_36_1_1y2v1nfim";
-export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, o as iconContainer, d as modalCloseButtonContainer, i as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
+var n = 200, y = "v16_37_1_3dl29lb", f = "v16_37_1_3dl29l6", a = "v16_37_1_3dl29ll v16_37_1_1y2v1nfa6", l = "v16_37_1_3dl29lj v16_37_1_1y2v1nfke v16_37_1_1y2v1nfls", d = "v16_37_1_3dl29lm", o = "v16_37_1_3dl29l8 v16_37_1_1y2v1nfa0 v16_37_1_1y2v1nfb9 v16_37_1_1y2v1nfci v16_37_1_1y2v1nfdr v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnu", r = "v16_37_1_3dl29la v16_37_1_1y2v1nf4t v16_37_1_1y2v1nfmk", t = "v16_37_1_3dl29l5 v16_37_1_1y2v1nfjo v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk1 v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfjy v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9 v16_37_1_1y2v1nfnf v16_37_1_1y2v1nf55", e = {
+    dialog: "v16_37_1_3dl29ld v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy v16_37_1_1y2v1nfk4 v16_37_1_1y2v1nfco v16_37_1_1y2v1nfdx v16_37_1_1y2v1nfac v16_37_1_1y2v1nfbf",
+    default: "v16_37_1_3dl29ld v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy v16_37_1_1y2v1nfk4 v16_37_1_1y2v1nfa6 v16_37_1_1y2v1nfbf v16_37_1_1y2v1nfco v16_37_1_1y2v1nfdx"
+}, i = "v16_37_1_1y2v1nfjm";
+export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, a as dialogActions, l as dialogContent, d as iconContainer, o as modalCloseButtonContainer, r as modalContent, t as modalOpacityLayer, e as variants, i as wrapper };

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 o from "react";
+import * as n 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 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 { 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 { 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: 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 = {
+    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 = {
         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: [
-            n && /* @__PURE__ */ e(w, {
+            o && /* @__PURE__ */ e(w, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ e("div", {
                     className: le,
-                    children: /*#__PURE__*/ o.cloneElement(n, {
+                    children: /*#__PURE__*/ n.cloneElement(o, {
                         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: n, onCancel: d, onDestroy: s } = param;
+    let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: o, 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 ? n == null || n() : d == null || d(), s();
+        l ? o == null || o() : d == null || d(), s();
     }) : q({
         message: r,
         title: u,
         buttonText: f
     }).then(()=>{
-        n == null || n(), s();
+        o == null || o(), s();
     });
 }, pe = (param)=>{
-    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({
+    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({
         type: t,
         onAccept: r,
         onCancel: u,
         onDestroy: f,
         acceptText: i || l.dialogAcceptButton || g(O),
         cancelText: h || l.dialogCancelButton || g(P),
-        message: n,
+        message: o,
         title: d,
         destructive: s
-    }), c = o.useRef(!1);
-    return o.useEffect(()=>{
+    }), c = n.useRef(!1);
+    return n.useEffect(()=>{
         c.current || (c.current = !0, he(p.current).finally(()=>{
             c.current = !1;
         }));
     }, []), /* @__PURE__ */ e(M, {});
 }, Me = (t)=>{
     Z();
-    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, [
+    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, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
-    o.useEffect(()=>{
+    n.useEffect(()=>{
         const a = setTimeout(()=>{
-            n.current || l(!0);
+            o.current || l(!0);
         }, p.current);
         return ()=>{
             clearTimeout(a);
         };
     }, []);
-    const N = o.useCallback(()=>{
+    const N = n.useCallback(()=>{
         d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
     }, [
         m,
         C,
         B
-    ]), x = o.useCallback(()=>{
+    ]), x = n.useCallback(()=>{
         let a;
-        return !n.current && s && (n.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
+        return !o.current && s && (o.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
             a && clearTimeout(a);
         };
     }, [
         N,
         s
-    ]), T = o.useCallback(()=>{
+    ]), T = n.useCallback(()=>{
         g.current = !0, x();
     }, [
         x
-    ]), b = o.useCallback(()=>{
+    ]), b = n.useCallback(()=>{
         g.current = !1, x();
     }, [
         x
-    ]), v = o.useCallback(()=>{
-        n.current || (R ? T() : b());
+    ]), v = n.useCallback(()=>{
+        o.current || (R ? T() : b());
     }, [
         T,
         b,
         R
-    ]), k = o.useCallback((a)=>{
+    ]), k = n.useCallback((a)=>{
         a.key === Q && (a.stopPropagation(), a.preventDefault(), v());
     }, [
         v
     ]);
-    o.useEffect(()=>{
+    n.useEffect(()=>{
         if (!c) return document.addEventListener("keydown", k), ()=>{
             document.removeEventListener("keydown", k);
         };
     }, [
         k,
         c
-    ]), o.useEffect(()=>{
+    ]), n.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 = o.useCallback((a)=>{
+    const S = n.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(oe, {
-                    [ne]: i
+                className: A(ne, {
+                    [oe]: 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 && (n.current || l(!0));
+                            a.target === r.current && (o.current || l(!0));
                         },
                         onTransitionEnd: (a)=>{
-                            a.target === r.current && n.current && N();
+                            a.target === r.current && o.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_36_1_o0dvt10",
-    inverse: "v16_36_1_o0dvt11"
+    default: "v16_37_1_o0dvt10",
+    inverse: "v16_37_1_o0dvt11"
 };
 export { t as variants };

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

@@ -3,8 +3,8 @@ import "./icon-button.css.ts.vanilla.css-mistica.js";
 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_36_1_skrulh1 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfix v16_36_1_1y2v1nfjf",
-    fullWidth: "v16_36_1_skrulh2 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfix v16_36_1_1y2v1nfjf"
+var i = {
+    default: "v16_37_1_skrulh1 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjx v16_37_1_1y2v1nfkf",
+    fullWidth: "v16_37_1_skrulh2 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjx v16_37_1_1y2v1nfkf"
 };
-export { t as variants };
+export { i 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_36_1_1y2v1nfin v16_36_1_1y2v1nfm3 v16_36_1_1y2v1nfmx", f = "v16_36_1_c4ngww9", r = "v16_36_1_c4ngww1 v16_36_1_1y2v1nfio v16_36_1_1y2v1nfis v16_36_1_1y2v1nf4b v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nflu", a = "v16_36_1_1y2v1nf9c v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfjd", o = "v16_36_1_c4ngww8", e = "v16_36_1_c4ngwwb v16_36_1_1y2v1nfio v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nf4n", c = "v16_36_1_c4ngwwc", w = "v16_36_1_c4ngwwd", i = "v16_36_1_1y2v1nfjd v16_36_1_1y2v1nflz", l = "v16_36_1_c4ngww5 v16_36_1_1y2v1nfja v16_36_1_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 };
+var n = 350, y = "v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfn3 v16_37_1_1y2v1nfnx", f = "v16_37_1_c4ngww9", r = "v16_37_1_c4ngww1 v16_37_1_1y2v1nfjo v16_37_1_1y2v1nfjs v16_37_1_1y2v1nf4t v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9 v16_37_1_1y2v1nfmu", a = "v16_37_1_1y2v1nfac v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy v16_37_1_1y2v1nfkd", o = "v16_37_1_c4ngww8", e = "v16_37_1_c4ngwwb v16_37_1_1y2v1nfjo v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9 v16_37_1_1y2v1nf55", c = "v16_37_1_c4ngwwc", w = "v16_37_1_c4ngwwd", t = "v16_37_1_1y2v1nfkd v16_37_1_1y2v1nfmz", l = "v16_37_1_c4ngww5 v16_37_1_1y2v1nfka v16_37_1_1y2v1nfkc";
+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, t 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_36_1_1azor6p4 v16_36_1_1y2v1nfjr v16_36_1_1y2v1nfk7", a = "v16_36_1_1azor6p0", n = "v16_36_1_1azor6p2 v16_36_1_1y2v1nfiu v16_36_1_1y2v1nfk9";
+var r = "v16_37_1_1azor6p4 v16_37_1_1y2v1nfkr v16_37_1_1y2v1nfl7", a = "v16_37_1_1azor6p0", n = "v16_37_1_1azor6p2 v16_37_1_1y2v1nfju v16_37_1_1y2v1nfl9";
 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_36_1_13fzrua9 v16_36_1_1y2v1nfjt v16_36_1_1y2v1nfk9", v = "v16_36_1_1y2v1nfl9", e = "v16_36_1_13fzrua2 v16_36_1_1y2v1nfis v16_36_1_1y2v1nf8k", n = {
-    default: "v16_36_1_13fzrua3",
-    largeImage: "v16_36_1_13fzrua4"
-}, f = "v16_36_1_13fzruad", o = "v16_36_1_13fzrua7 v16_36_1_1y2v1nfjw", t = "v16_36_1_13fzrua5", u = "v16_36_1_13fzruab v16_36_1_1y2v1nfiu", i = {
-    backgroundColor: "var(--v16_36_1_13fzrua0)"
+var a = "v16_37_1_13fzrua9 v16_37_1_1y2v1nfkt v16_37_1_1y2v1nfl9", v = "v16_37_1_1y2v1nfm9", e = "v16_37_1_13fzrua2 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nf9k", n = {
+    default: "v16_37_1_13fzrua3",
+    largeImage: "v16_37_1_13fzrua4"
+}, f = "v16_37_1_13fzruad", o = "v16_37_1_13fzrua7 v16_37_1_1y2v1nfkw", t = "v16_37_1_13fzrua5", u = "v16_37_1_13fzruab v16_37_1_1y2v1nfju", z = {
+    backgroundColor: "var(--v16_37_1_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 { a as assetContainer, v as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, z 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 N } from "./button.js";
-import { useTheme as B } from "./hooks.js";
+import { ButtonPrimary as B } from "./button.js";
+import { useTheme as C } from "./hooks.js";
 import n from "./stack.js";
-import { Text6 as C, Text3 as I } from "./text.js";
+import { Text6 as I, Text3 as N } 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 } = B(), s = k(), v = o ? /* @__PURE__ */ e("img", {
+    const { isDarkMode: h } = C(), 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) === N ? {
+    }) : void 0, y = _object_spread_props(_object_spread({}, (r == null ? void 0 : r.type) === B ? {
         primaryButton: r
     } : {
         secondaryButton: r
@@ -103,14 +103,14 @@ const w = (param)=>{
                         /* @__PURE__ */ i(n, {
                             space: 16,
                             children: [
-                                /* @__PURE__ */ e(C, {
+                                /* @__PURE__ */ e(I, {
                                     as: d,
                                     dataAttributes: {
                                         testid: "title"
                                     },
                                     children: l
                                 }),
-                                /* @__PURE__ */ e(I, {
+                                /* @__PURE__ */ e(N, {
                                     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_36_1_kq227n1";
+var p = "v16_37_1_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_36_1_1y2v1nfjr v16_36_1_1y2v1nfk7", e = "v16_36_1_gx6h6af", r = "v16_36_1_gx6h6a4 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfiy", n = "v16_36_1_gx6h6a0", t = "v16_36_1_gx6h6a1", x = "v16_36_1_gx6h6a2", g = "v16_36_1_gx6h6ae", h = "v16_36_1_gx6h6ab v16_36_1_gx6h6aa", o = "v16_36_1_gx6h6ac v16_36_1_gx6h6aa", i = "v16_36_1_gx6h6ad v16_36_1_gx6h6aa", f = "v16_36_1_gx6h6a5", p = "v16_36_1_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 };
+var v = "v16_37_1_1y2v1nfkr v16_37_1_1y2v1nfl7", e = "v16_37_1_gx6h6af", r = "v16_37_1_gx6h6a4 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfkw v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfjy", n = "v16_37_1_gx6h6a0", t = "v16_37_1_gx6h6a1", x = "v16_37_1_gx6h6a2", g = "v16_37_1_gx6h6ae", h = "v16_37_1_gx6h6ab v16_37_1_gx6h6aa", o = "v16_37_1_gx6h6ac v16_37_1_gx6h6aa", f = "v16_37_1_gx6h6ad v16_37_1_gx6h6aa", p = "v16_37_1_gx6h6a5", d = "v16_37_1_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, f as feedbackTextAppearSlow, p as innerContainer, d 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_36_1_p5j8j5d v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfin", f = "v16_36_1_p5j8j57", n = "v16_36_1_p5j8j55", o = "v16_36_1_p5j8j5b v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nfio", a = "v16_36_1_p5j8j54", j = "v16_36_1_p5j8j53 v16_36_1_1y2v1nfjf", y = "v16_36_1_p5j8j59 v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nfio", e = {
-    footerHeight: "var(--v16_36_1_p5j8j50)",
-    backgroundColor: "var(--v16_36_1_p5j8j51)"
-}, t = "v16_36_1_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 };
+var n = "v16_37_1_p5j8j5d v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfjn", r = "v16_37_1_p5j8j57", o = "v16_37_1_p5j8j55", f = "v16_37_1_p5j8j5b v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9 v16_37_1_1y2v1nfjo", j = "v16_37_1_p5j8j54", a = "v16_37_1_p5j8j53 v16_37_1_1y2v1nfkf", y = "v16_37_1_p5j8j59 v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9 v16_37_1_1y2v1nfjo", e = {
+    footerHeight: "var(--v16_37_1_p5j8j50)",
+    backgroundColor: "var(--v16_37_1_p5j8j51)"
+}, t = "v16_37_1_1y2v1nfjr";
+export { n as absoluteBackgroundLayer, r as container, o as elevated, f as fixedBackgroundLayer, j as fixedFooter, a 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: N } = y({
+    }, { isTabletOrSmaller: u } = j(), { platformOverrides: v } = M(), { height: o, ref: w } = y({
         includeMargins: !0
-    }), { visualHeight: w } = W(), a = se(), t = w - a - o > ce, { topColor: D = i } = ae(), { height: x, ref: I } = y();
+    }), { visualHeight: D } = W(), a = se(), t = D - a - o > ce, { topColor: I = i } = ae(), { height: x, ref: N } = 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, ${D} 50%, ${i} 50% 100%)`
+                        background: `linear-gradient(180deg, ${I} 50%, ${i} 50% 100%)`
                     }
                 }),
                 /* @__PURE__ */ s("div", {
-                    ref: I,
+                    ref: N,
                     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: N,
+                    ref: w,
                     "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_36_1_1y2v1nfjf";
+var f = "v16_37_1_1y2v1nfkf";
 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
             }));
-    }, []), N = n.useCallback((e)=>J(v) ? !(e.tagName === "SELECT" || [
+    }, []), x = 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];
-            N(t) && t.focus();
+            x(t) && t.focus();
             try {
                 t.scrollIntoView({
                     behavior: "smooth",
@@ -121,7 +121,7 @@ const te = (param)=>{
         b.formFieldErrorIsMandatory,
         h,
         u,
-        N
+        x
     ]), _ = n.useCallback((e)=>{
         setTimeout(()=>{
             var s;
@@ -135,14 +135,14 @@ const te = (param)=>{
         }, 100);
     }, [
         k
-    ]), x = (e)=>[
+    ]), N = (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(x(u), x(i))).finally(()=>{
+        }, {}), 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(()=>{
             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_36_1_379jdb5", a = "v16_36_1_379jdb2", r = "v16_36_1_379jdb1", d = "v16_36_1_379jdb0", e = "v16_36_1_379jdb4", l = "v16_36_1_379jdb7", o = {
-    colSpan: "var(--v16_36_1_379jdb6)",
-    verticalSpace: "var(--v16_36_1_379jdb3)"
+var v = "v16_37_1_379jdb5", a = "v16_37_1_379jdb2", r = "v16_37_1_379jdb1", d = "v16_37_1_379jdb0", e = "v16_37_1_379jdb4", l = "v16_37_1_379jdb7", o = {
+    colSpan: "var(--v16_37_1_379jdb6)",
+    verticalSpace: "var(--v16_37_1_379jdb3)"
 };
 export { v as collapsedInTablet, a as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };