@telefonica/mistica 16.36.1 → 16.37.0

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

@@ -22,16 +22,16 @@ _export(exports, {
         return t;
     },
     button: function() {
-        return i;
+        return u;
     },
     buttonMobile: function() {
-        return u;
+        return o;
     },
     cardContentStyle: function() {
-        return o;
+        return y;
     },
     container: function() {
-        return y;
+        return i;
     },
     dataCard: function() {
         return x;
@@ -40,54 +40,54 @@ _export(exports, {
         return e;
     },
     extra: function() {
-        return c;
+        return d;
     },
     flexColumn: function() {
-        return d;
+        return c;
     },
     footerDirection: function() {
-        return s;
+        return m;
     },
     footerImage: function() {
-        return m;
+        return s;
     },
     footerText: function() {
-        return l;
+        return b;
     },
     marginRightAuto: function() {
-        return b;
+        return j;
     },
     marginRightButton: function() {
-        return p;
+        return l;
     },
     minHeight: function() {
-        return g;
+        return k;
     },
     paddingX: function() {
-        return j;
+        return p;
     },
     topActionsWithoutIcon: function() {
-        return h;
+        return g;
     },
     touchable: function() {
-        return C;
+        return h;
     },
     touchableCardHoverOverlay: function() {
-        return H;
+        return C;
     },
     vars: function() {
-        return I;
+        return H;
     },
     withPaddingTop: function() {
-        return w;
+        return I;
     }
 });
 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_36_1_1x00fru4 v16_36_1_1x00fru2 v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj4 v16_36_1_1y2v1nfaf", a = {
-    default: "v16_36_1_1x00fruk",
-    mobile: "v16_36_1_1x00frul"
-}, t = "v16_36_1_1x00frut", i = "v16_36_1_1x00fruo", u = "v16_36_1_1x00frup v16_36_1_1x00fruo", o = "v16_36_1_1x00fru8 v16_36_1_1x00fru2 v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nf8u v16_36_1_1y2v1nfaf", y = "v16_36_1_1y2v1nfim v16_36_1_1y2v1nfjw", x = "v16_36_1_1x00frud v16_36_1_1y2v1nfim v16_36_1_1y2v1nfis v16_36_1_1y2v1nfje v16_36_1_1y2v1nfiy", e = "v16_36_1_1x00frui", c = "v16_36_1_1x00frua v16_36_1_1y2v1nf90 v16_36_1_1y2v1nfaf v16_36_1_1y2v1nfjf", d = "v16_36_1_1x00frux", s = "v16_36_1_1x00frus v16_36_1_1y2v1nfis v16_36_1_1y2v1nfix", m = "v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfcr", l = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfje v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfl1", b = "v16_36_1_1x00frum", p = "v16_36_1_1x00fruu", g = "v16_36_1_1x00frub", j = "v16_36_1_1x00fru2 v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr", h = "v16_36_1_1x00fruw", C = "v16_36_1_1x00fru5", H = "v16_36_1_1x00fru6", I = {
-    topActionsCount: "var(--v16_36_1_1x00fruv)"
-}, w = "v16_36_1_1y2v1nf90";
+var f = 216, n = "v16_37_1x00fru4 v16_37_1x00fru2 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjs v16_37_1y2v1nfk4 v16_37_1y2v1nfbf", a = {
+    default: "v16_37_1x00fruk",
+    mobile: "v16_37_1x00frul"
+}, t = "v16_37_1x00frut", u = "v16_37_1x00fruo", o = "v16_37_1x00frup v16_37_1x00fruo", y = "v16_37_1x00fru8 v16_37_1x00fru2 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nf9u v16_37_1y2v1nfbf", i = "v16_37_1y2v1nfjm v16_37_1y2v1nfkw", x = "v16_37_1x00frud v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfke v16_37_1y2v1nfjy", e = "v16_37_1x00frui", d = "v16_37_1x00frua v16_37_1y2v1nfa0 v16_37_1y2v1nfbf v16_37_1y2v1nfkf", c = "v16_37_1x00frux", m = "v16_37_1x00frus v16_37_1y2v1nfjs v16_37_1y2v1nfjx", s = "v16_37_1y2v1nfk7 v16_37_1y2v1nfjs v16_37_1y2v1nfdr", b = "v16_37_1y2v1nfjs v16_37_1y2v1nfke v16_37_1y2v1nfk7 v16_37_1y2v1nfm1", j = "v16_37_1x00frum", l = "v16_37_1x00fruu", k = "v16_37_1x00frub", p = "v16_37_1x00fru2 v16_37_1y2v1nfci v16_37_1y2v1nfdr", g = "v16_37_1x00fruw", h = "v16_37_1x00fru5", C = "v16_37_1x00fru6", H = {
+    topActionsCount: "var(--v16_37_1x00fruv)"
+}, I = "v16_37_1y2v1nfa0";

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import Tag from '../tag';
+import type { CardAction } from '../card-internal';
 import type { PressHandler } from '../touchable';
 import type { ExclusifyUnion } from '../utils/utility-types';
-import type { CardAction } from '../card';
 import type StackingGroup from '../stacking-group';
 import type Image from '../image';
 import type { ButtonPrimary, ButtonLink } from '../button';

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

@@ -30,13 +30,13 @@ const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js")
 const _box = /*#__PURE__*/ _interop_require_default(require("../box.js"));
 const _touchable = /*#__PURE__*/ _interop_require_default(require("../touchable.js"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _card = require("../card.js");
 const _hooks = require("../hooks.js");
 const _dom = require("../utils/dom.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
 const _css = require("../utils/css.js");
 const _tag = /*#__PURE__*/ _interop_require_default(require("../tag.js"));
 const _headings = require("../utils/headings.js");
+const _cardinternal = require("../card-internal.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -163,7 +163,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const jr = (param)=>{
-    let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: N } = param;
+    let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: x } = param;
     const { textPresets: m } = (0, _hooks.useTheme)();
     return /** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */ /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _advanceddatacardcssmistica.flexColumn,
@@ -259,7 +259,7 @@ const jr = (param)=>{
                 })
             }),
             e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                truncate: N,
+                truncate: x,
                 as: "div",
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textSecondary,
@@ -318,7 +318,7 @@ const jr = (param)=>{
         ]
     });
 }, Er = /*#__PURE__*/ _react.forwardRef((_param, K)=>{
-    var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: N, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
+    var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: x, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -350,7 +350,7 @@ const jr = (param)=>{
         footerText: C,
         footerTextLinesMax: q,
         buttonLink: w
-    }, R = !!B || !!T || !!C || !!w, D = !!(m != null && m.length), Q = ((u == null ? void 0 : u.length) || 0) + (I ? 1 : 0), { text: H, ref: U } = (0, _card.useInnerText)(), { text: F, ref: Z } = (0, _card.useInnerText)(), S = J || ((0, _headings.isBiggerHeading)(c, s) ? [
+    }, R = !!B || !!T || !!C || !!w, D = !!(m != null && m.length), Q = ((u == null ? void 0 : u.length) || 0) + (I ? 1 : 0), { text: H, ref: U } = (0, _hooks.useInnerText)(), { text: F, ref: Z } = (0, _hooks.useInnerText)(), S = J || ((0, _headings.isBiggerHeading)(c, s) ? [
         o,
         H,
         n,
@@ -410,7 +410,7 @@ const jr = (param)=>{
                                                         subtitle: a,
                                                         subtitleLinesMax: i,
                                                         description: e,
-                                                        descriptionLinesMax: N
+                                                        descriptionLinesMax: x
                                                     })
                                                 ]
                                             }),
@@ -450,7 +450,7 @@ const jr = (param)=>{
                     R && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ar, _object_spread({}, M))
                 ]
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.TopActions, {
                 actions: u,
                 onClose: I
             })

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_36_1_1y2v1nfis v16_36_1_1y2v1nfiy", n = "v16_36_1_llrsen1";
+var n = "v16_37_1y2v1nfjs v16_37_1y2v1nfjy", t = "v16_37_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_36_1_jbmjs60";
+var m = "v16_37_jbmjs60";

package/dist/counter.css-mistica.js

@@ -19,30 +19,30 @@ _export(exports, {
         return s;
     },
     counter: function() {
-        return i;
+        return a;
     },
     decreaseButtonIcon: function() {
-        return a;
+        return t;
     },
     defaultButtonIcon: function() {
-        return t;
+        return f;
     },
     disabled: function() {
-        return f;
+        return i;
     },
     hasTrashIcon: function() {
-        return y;
+        return j;
     },
     isButtonDisabled: function() {
-        return o;
+        return y;
     },
     trashButtonIcon: function() {
-        return j;
+        return o;
     },
     valueContainer: function() {
-        return e;
+        return u;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./counter.css.ts.vanilla.css-mistica.js");
-var n = "v16_36_1_rijsns8 v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfla v16_36_1_1y2v1nfin v16_36_1_1y2v1nfjq v16_36_1_1y2v1nfk6", r = "v16_36_1_rijsnse v16_36_1_1y2v1nfjp v16_36_1_1y2v1nfk5 v16_36_1_1y2v1nfin v16_36_1_1y2v1nfli v16_36_1_1y2v1nf7d", s = "v16_36_1_rijsns6", i = "v16_36_1_rijsns3 v16_36_1_1y2v1nfli v16_36_1_1y2v1nf4c v16_36_1_1y2v1nfit v16_36_1_1y2v1nflu", a = "v16_36_1_rijsnsc v16_36_1_rijsnsa v16_36_1_1y2v1nfin", t = "v16_36_1_rijsnsa v16_36_1_1y2v1nfin", f = "v16_36_1_rijsns4", y = "v16_36_1_rijsns0", o = "v16_36_1_rijsns1", j = "v16_36_1_rijsnsb v16_36_1_rijsnsa v16_36_1_1y2v1nfin", e = "v16_36_1_1y2v1nfim v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj1";
+var n = "v16_37_rijsns8 v16_37_1y2v1nf9k v16_37_1y2v1nfma v16_37_1y2v1nfjn v16_37_1y2v1nfkq v16_37_1y2v1nfl6", r = "v16_37_rijsnse v16_37_1y2v1nfkp v16_37_1y2v1nfl5 v16_37_1y2v1nfjn v16_37_1y2v1nfmi v16_37_1y2v1nf8c", s = "v16_37_rijsns6", a = "v16_37_rijsns3 v16_37_1y2v1nfmi v16_37_1y2v1nf4u v16_37_1y2v1nfjt v16_37_1y2v1nfmu", t = "v16_37_rijsnsc v16_37_rijsnsa v16_37_1y2v1nfjn", f = "v16_37_rijsnsa v16_37_1y2v1nfjn", i = "v16_37_rijsns4", j = "v16_37_rijsns0", y = "v16_37_rijsns1", o = "v16_37_rijsnsb v16_37_rijsnsa v16_37_1y2v1nfjn", u = "v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfk1";

package/dist/counter.js

@@ -128,22 +128,22 @@ const M = 20, cr = (param)=>{
     const s = p !== void 0, f = _react.useCallback((i)=>i === void 0 ? h : Math.max(h, Math.min(c, i)), [
         h,
         c
-    ]), [t, I] = _react.useState(f(b)), N = (i)=>{
+    ]), [t, I] = _react.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 = (0, _themevariantcontext.useThemeVariant)(), g = _react.useId(), { texts: u, t: d, isDarkMode: A } = (0, _hooks.useTheme)(), 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 = (0, _themevariantcontext.useThemeVariant)(), N = _react.useId(), { texts: u, t: d, isDarkMode: A } = (0, _hooks.useTheme)(), 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(_texttokens.counterRemoveLabel), $ = ()=>N !== null && N !== void 0 ? N : u.counterIncreaseLabel || d(_texttokens.counterIncreaseLabel), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(_texttokens.counterDecreaseLabel), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(_texttokens.counterQuantity)}${a !== void 0 ? `, ${u.counterMinValue || d(_texttokens.counterMinValue)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(_texttokens.counterMaxValue)} ${s}` : ""}`;
+    }), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(_texttokens.counterRemoveLabel), $ = ()=>g !== null && g !== void 0 ? g : u.counterIncreaseLabel || d(_texttokens.counterIncreaseLabel), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(_texttokens.counterDecreaseLabel), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(_texttokens.counterQuantity)}${a !== void 0 ? `, ${u.counterMinValue || d(_texttokens.counterMinValue)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(_texttokens.counterMaxValue)} ${s}` : ""}`;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_countercssmistica.counter, {
             [_countercssmistica.disabled]: t
@@ -167,7 +167,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__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _countercssmistica.buttonBackground
@@ -196,7 +196,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__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
                         variant: "default",
@@ -227,7 +227,7 @@ const M = 20, cr = (param)=>{
                         disabled: e === m || t,
                         onPress: ()=>B(e + 1),
                         "aria-label": $(),
-                        "aria-controls": g,
+                        "aria-controls": N,
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _countercssmistica.buttonBackground

package/dist/cover-hero-media.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "CoverHeroMedia", {
     enumerable: true,
     get: function() {
-        return C;
+        return j;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _card = require("./card.js");
+const _cardinternal = require("./card-internal.js");
 const _coverherocssmistica = require("./cover-hero.css-mistica.js");
 const _image = /*#__PURE__*/ _interop_require_default(require("./image.js"));
 function _interop_require_default(obj) {
@@ -18,24 +18,24 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const C = (param)=>{
-    let { backgroundVideo: o, backgroundImage: r, poster: t, backgroundVideoRef: s } = param;
-    const { video: m, videoAction: e } = (0, _card.useVideoWithControls)(o, t, s);
+const j = (param)=>{
+    let { backgroundVideo: o, backgroundImage: e, poster: t, backgroundVideoRef: s } = param;
+    const { video: m, videoAction: r } = (0, _cardinternal.useVideoWithControls)(o, t, s);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _coverherocssmistica.mediaLayer,
         children: [
-            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
+            e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
                 width: "100%",
                 height: "100%",
-                src: r
+                src: e
             }),
             o && m,
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _coverherocssmistica.mediaOverlay
             }),
-            e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
+            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.TopActions, {
                 actions: [
-                    e
+                    r
                 ],
                 variant: "media"
             })

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

@@ -10,49 +10,49 @@ function _export(target, all) {
 }
 _export(exports, {
     centered: function() {
-        return i;
+        return e;
     },
     coverHero: function() {
-        return e;
+        return f;
     },
     coverHeroContainer: function() {
-        return f;
+        return r;
     },
     flexColumn: function() {
-        return r;
+        return y;
     },
     hasSideExtra: function() {
-        return y;
+        return o;
     },
     mainContent: function() {
-        return m;
+        return i;
     },
     mediaLayer: function() {
-        return o;
+        return m;
     },
     mediaOverlay: function() {
         return t;
     },
     minHeight: function() {
-        return s;
+        return j;
     },
     sideExtra: function() {
-        return z;
+        return s;
     },
     sixColumns: function() {
-        return j;
+        return z;
     },
     vars: function() {
-        return p;
+        return k;
     },
     withAspectRatio: function() {
-        return c;
+        return p;
     }
 });
 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 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";
+var e = "v16_37_moeazi9 v16_37_1y2v1nfk7", f = "v16_37_moeazi2 v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfk1 v16_37_1y2v1nfkf v16_37_1y2v1nfn0 v16_37_1y2v1nfo9", r = "v16_37_moeazi4 v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfkf", y = "v16_37_1y2v1nfjs v16_37_1y2v1nfjy", o = "v16_37_moeazi7", i = "v16_37_1y2v1nfjm", m = "v16_37_1y2v1nfjn v16_37_1y2v1nfoo v16_37_1y2v1nfkf v16_37_1y2v1nfkw", t = "v16_37_moeazic v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfnf v16_37_1y2v1nfkf v16_37_1y2v1nfkw", j = "v16_37_moeazi6", s = "v16_37_1y2v1nfjm", z = "v16_37_moeazie", k = {
+    aspectRatio: "var(--v16_37_moeazi0)"
+}, p = "v16_37_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_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_yvyo3q0", f = "v16_37_yvyo3q5 v16_37_yvyo3q2 v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfkw", n = "v16_37_yvyo3q2 v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfkw v16_37_1y2v1nfjn", o = {
+    default: "v16_37_yvyo3q7 v16_37_1y2v1nfjm v16_37_yvyo3q8",
+    backface: "v16_37_yvyo3q7 v16_37_1y2v1nfjm v16_37_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_36_1_1pntndu0";
+var p = "v16_37_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_36_1_c0yqjy0";
+var e = "v16_37_c0yqjy0";

package/dist/dialog.css-mistica.js

@@ -19,33 +19,33 @@ _export(exports, {
         return f;
     },
     dialogActions: function() {
-        return l;
+        return a;
     },
     dialogContent: function() {
-        return a;
+        return l;
     },
     iconContainer: function() {
-        return o;
+        return d;
     },
     modalCloseButtonContainer: function() {
-        return d;
+        return o;
     },
     modalContent: function() {
-        return i;
+        return r;
     },
     modalOpacityLayer: function() {
-        return r;
+        return t;
     },
     variants: function() {
-        return t;
+        return e;
     },
     wrapper: function() {
-        return e;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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";
+var n = 200, y = "v16_37_3dl29lb", f = "v16_37_3dl29l6", a = "v16_37_3dl29ll v16_37_1y2v1nfa6", l = "v16_37_3dl29lj v16_37_1y2v1nfke v16_37_1y2v1nfls", d = "v16_37_3dl29lm", o = "v16_37_3dl29l8 v16_37_1y2v1nfa0 v16_37_1y2v1nfb9 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfnu", r = "v16_37_3dl29la v16_37_1y2v1nf4t v16_37_1y2v1nfmk", t = "v16_37_3dl29l5 v16_37_1y2v1nfjo v16_37_1y2v1nfjs v16_37_1y2v1nfk1 v16_37_1y2v1nfk7 v16_37_1y2v1nfjy v16_37_1y2v1nfn0 v16_37_1y2v1nfnu v16_37_1y2v1nfo9 v16_37_1y2v1nfnf v16_37_1y2v1nf55", e = {
+    dialog: "v16_37_3dl29ld v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfk4 v16_37_1y2v1nfco v16_37_1y2v1nfdx v16_37_1y2v1nfac v16_37_1y2v1nfbf",
+    default: "v16_37_3dl29ld v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfk4 v16_37_1y2v1nfa6 v16_37_1y2v1nfbf v16_37_1y2v1nfco v16_37_1y2v1nfdx"
+}, i = "v16_37_1y2v1nfjm";

package/dist/dialog.js

@@ -155,7 +155,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ge = (t)=>{
-    const { texts: r, t: u } = (0, _hooks.useTheme)(), { className: f, title: i, message: h, asset: n, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(_texttokens.dialogCancelButton), acceptText: p = r.dialogAcceptButton || u(_texttokens.dialogAcceptButton), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
+    const { texts: r, t: u } = (0, _hooks.useTheme)(), { className: f, title: i, message: h, asset: o, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(_texttokens.dialogCancelButton), acceptText: p = r.dialogAcceptButton || u(_texttokens.dialogAcceptButton), 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
@@ -166,11 +166,11 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_dialogcssmistica.variants[m ? "dialog" : "default"], f),
         children: [
-            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _dialogcssmistica.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(n, {
+                    children: /*#__PURE__*/ _react.cloneElement(o, {
                         size: "100%"
                     })
                 })
@@ -230,7 +230,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         ]
     });
 }, 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" ? (0, _webviewbridge.nativeConfirm)({
         message: r,
         title: u,
@@ -238,16 +238,16 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         acceptText: f,
         destructive: h
     }).then((l)=>{
-        l ? n == null || n() : d == null || d(), s();
+        l ? o == null || o() : d == null || d(), s();
     }) : (0, _webviewbridge.nativeAlert)({
         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;
+    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 } = (0, _hooks.useTheme)(), p = _react.useRef({
         type: t,
         onAccept: r,
@@ -255,7 +255,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         onDestroy: f,
         acceptText: i || l.dialogAcceptButton || g(_texttokens.dialogAcceptButton),
         cancelText: h || l.dialogCancelButton || g(_texttokens.dialogCancelButton),
-        message: n,
+        message: o,
         title: d,
         destructive: s
     }), c = _react.useRef(!1);
@@ -266,14 +266,14 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, Me = (t)=>{
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const r = _react.useRef(null), { texts: u, t: f } = (0, _hooks.useTheme)(), [i, h] = _react.useState(!1), n = _react.useRef(!1), d = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), p = _react.useRef(fe() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), c = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
+    const r = _react.useRef(null), { texts: u, t: f } = (0, _hooks.useTheme)(), [i, h] = _react.useState(!1), o = _react.useRef(!1), d = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), p = _react.useRef(fe() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), c = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
     _react.useEffect(()=>{
         const a = setTimeout(()=>{
-            n.current || l(!0);
+            o.current || l(!0);
         }, p.current);
         return ()=>{
             clearTimeout(a);
@@ -287,7 +287,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
         B
     ]), x = _react.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);
         };
     }, [
@@ -302,7 +302,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
     }, [
         x
     ]), v = _react.useCallback(()=>{
-        n.current || (R ? T() : b());
+        o.current || (R ? T() : b());
     }, [
         T,
         b,
@@ -350,10 +350,10 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: (0, _classnames.default)(_dialogcssmistica.modalContent, {
                             [_dialogcssmistica.closedModalContent]: i

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_36_1_o0dvt10",
-    inverse: "v16_36_1_o0dvt11"
+    default: "v16_37_o0dvt10",
+    inverse: "v16_37_o0dvt11"
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "variants", {
     enumerable: true,
     get: function() {
-        return t;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
@@ -13,7 +13,7 @@ require("./icon-button.css.ts.vanilla.css-mistica.js");
 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 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_skrulh1 v16_37_1y2v1nfjs v16_37_1y2v1nfjx v16_37_1y2v1nfkf",
+    fullWidth: "v16_37_skrulh2 v16_37_1y2v1nfjs v16_37_1y2v1nfjx v16_37_1y2v1nfkf"
 };