@telefonica/mistica 16.22.0 → 16.24.0

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

@@ -1,8 +1,12 @@
 import "./inline.css.ts.vanilla.css-mistica.js";
-var a = "v16_22_kkfbnv6", k = "v16_22_kkfbnv5", _ = "v16_22_kkfbnv4", r = "v16_22_kkfbnv8", n = "v16_22_kkfbnv9", b = "v16_22_kkfbnva", e = {
-    space: "var(--v16_22_kkfbnv0)",
-    spaceMobile: "var(--v16_22_kkfbnv1)",
-    spaceTablet: "var(--v16_22_kkfbnv2)",
-    spaceDesktop: "var(--v16_22_kkfbnv3)"
-}, f = "v16_22_kkfbnv7";
-export { a as fullWidth, k as inline, _ as marginInline, r as noFullWidth, n as stringSpace, b as stringSpaceWithWrap, e as vars, f as wrap };
+var a = "v16_24_kkfbnva", k = "v16_24_kkfbnv9", _ = "v16_24_kkfbnv8", r = "v16_24_kkfbnvc", e = "v16_24_kkfbnvd", n = "v16_24_kkfbnve", b = {
+    space: "var(--v16_24_kkfbnv0)",
+    spaceMobile: "var(--v16_24_kkfbnv1)",
+    spaceTablet: "var(--v16_24_kkfbnv2)",
+    spaceDesktop: "var(--v16_24_kkfbnv3)",
+    verticalSpace: "var(--v16_24_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_24_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_24_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_24_kkfbnv7)"
+}, f = "v16_24_kkfbnvb";
+export { a as fullWidth, k as inline, _ as marginInline, r as noFullWidth, e as stringSpace, n as stringSpaceWithWrap, b as vars, f as wrap };

package/dist-es/inline.js

@@ -51,44 +51,61 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as m } from "react/jsx-runtime";
-import * as b from "react";
+import { jsx as f } from "react/jsx-runtime";
+import * as S from "react";
 import g from "classnames";
-import { getPrefixedDataAttributes as y } from "./utils/dom.js";
-import { inline as v, wrap as h, fullWidth as S, noFullWidth as I, stringSpaceWithWrap as W, stringSpace as x, marginInline as T, vars as r } from "./inline.css-mistica.js";
-import { applyCssVars as V } from "./utils/css.js";
-import { isIos as $, isRunningAcceptanceTest as k } from "./utils/platform.js";
-import { useTheme as A } from "./hooks.js";
-const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, C = (t)=>{
-    if (typeof t == "number" || typeof t == "string") return {
-        [r.space]: i(t)
-    };
-    const e = {
-        [r.spaceMobile]: i(t.mobile),
-        [r.spaceDesktop]: i(t.desktop)
-    };
-    return t.tablet && (e[r.spaceTablet] = i(t.tablet)), e;
-}, D = (param)=>{
-    let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap: a, dataAttributes: u } = param;
-    const { platformOverrides: s } = A();
-    return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
-        className: g(e, v, a ? h : d ? S : I, typeof t == "string" ? a ? W : x : T),
-        style: _object_spread_props(_object_spread({}, V(C(t))), {
-            alignItems: f
+import { getPrefixedDataAttributes as v } from "./utils/dom.js";
+import { inline as y, wrap as h, fullWidth as k, noFullWidth as I, stringSpaceWithWrap as V, stringSpace as W, marginInline as x, vars as r } from "./inline.css-mistica.js";
+import { applyCssVars as T } from "./utils/css.js";
+import { isIos as D, isRunningAcceptanceTest as A } from "./utils/platform.js";
+import { useTheme as C } from "./hooks.js";
+const s = (e)=>typeof e == "number" ? `${e}px` : `space-${e}`, M = (e, a)=>{
+    const o = (t, i)=>{
+        if (typeof t == "number" || typeof t == "string") return {
+            [i.default]: s(t)
+        };
+        const l = {
+            [i.mobile]: s(t.mobile),
+            [i.desktop]: s(t.desktop)
+        };
+        return t.tablet && (l[i.tablet] = s(t.tablet)), l;
+    }, n = o(e, {
+        default: r.space,
+        mobile: r.spaceMobile,
+        tablet: r.spaceTablet,
+        desktop: r.spaceDesktop
+    });
+    if (a) {
+        const t = o(a, {
+            default: r.verticalSpace,
+            mobile: r.verticalSpaceMobile,
+            tablet: r.verticalSpaceTablet,
+            desktop: r.verticalSpaceDesktop
+        });
+        return _object_spread({}, n, t);
+    }
+    return n;
+}, R = (param)=>{
+    let { space: e, verticalSpace: a, className: o, children: n, role: t, alignItems: i = "stretch", "aria-label": l, "aria-labelledby": d, fullWidth: b, wrap: c, dataAttributes: u } = param;
+    const { platformOverrides: m } = C();
+    return /* @__PURE__ */ f("div", _object_spread_props(_object_spread({
+        className: g(o, y, c ? h : b ? k : I, typeof e == "string" ? c ? V : W : x),
+        style: _object_spread_props(_object_spread({}, T(M(e, a))), {
+            alignItems: i
         }),
-        role: l,
-        "aria-label": o,
-        "aria-labelledby": o ? void 0 : c
-    }, y(u, "Inline")), {
-        children: b.Children.map(p, (n)=>n || n === 0 ? /* @__PURE__ */ m("div", {
-                role: l === "list" ? "listitem" : void 0,
+        role: t,
+        "aria-label": l,
+        "aria-labelledby": l ? void 0 : d
+    }, v(u, "Inline")), {
+        children: S.Children.map(n, (p)=>p || p === 0 ? /* @__PURE__ */ f("div", {
+                role: t === "list" ? "listitem" : void 0,
                 style: {
                     // Hack to fix https://jira.tid.es/browse/WEB-1683
                     // In iOS the inline component sometimes cuts the last line of the content
-                    paddingBottom: $(s) && !k(s) ? 1 : void 0
+                    paddingBottom: D(m) && !A(m) ? 1 : void 0
                 },
-                children: n
+                children: p
             }) : null)
     }));
-}, P = D;
-export { P as default };
+}, z = R;
+export { z as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var n = "v16_22_1y2v1nfik v16_22_1y2v1nfj2 v16_22_1y2v1nfj4", f = "v16_22_1y2v1nfcj", y = "v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfit v16_22_1y2v1nfka v16_22_1y2v1nfjo v16_22_1y2v1nfj2", a = "v16_22_2buj9g2", r = "v16_22_1y2v1nfik v16_22_1y2v1nfiz", i = "v16_22_1y2v1nf8s v16_22_1y2v1nfa1 v16_22_1y2v1nfik v16_22_1y2v1nfj7 v16_22_1y2v1nfkx", t = "v16_22_2buj9gj v16_22_1y2v1nfik v16_22_1y2v1nfiz", j = "v16_22_2buj9gi", o = "v16_22_2buj9g0", e = "v16_22_1y2v1nfik v16_22_1y2v1nfip v16_22_1y2v1nfjo", c = "v16_22_2buj9gp v16_22_1y2v1nfik", d = "v16_22_2buj9gn v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_1y2v1nfav v16_22_1y2v1nfc4 v16_22_1y2v1nfl2 v16_22_1y2v1nf8c v16_22_1y2v1nfba v16_22_1y2v1nfcj v16_22_1y2v1nfim v16_22_1y2v1nfj5", g = "v16_22_2buj9gr v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_1y2v1nfav v16_22_1y2v1nfc4 v16_22_1y2v1nfl2 v16_22_1y2v1nf8c v16_22_1y2v1nfba v16_22_1y2v1nfcj v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfj4 v16_22_1y2v1nfj8 v16_22_1y2v1nfjo", b = "v16_22_1y2v1nflk", u = "v16_22_2buj9gg", k = "v16_22_2buj9gh", l = "v16_22_1y2v1nfj7", h = "v16_22_1y2v1nfik v16_22_1y2v1nfiq v16_22_1y2v1nfj6", s = "v16_22_2buj9g7 v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_1y2v1nfav v16_22_1y2v1nfc4 v16_22_1y2v1nfj7 v16_22_1y2v1nfl2 v16_22_1y2v1nf8c v16_22_1y2v1nfim v16_22_1y2v1nfjo", m = "v16_22_1y2v1nfba v16_22_1y2v1nfcj", p = "v16_22_2buj9g3", C = "v16_22_2buj9g4";
-export { n as asset, f as assetContainer, y as badge, a as boxed, r as center, i as content, t as detail, j as detailRight, o as disabled, e as dualActionContainer, c as dualActionDivider, d as dualActionLeft, g as dualActionRight, b as pointer, u as rightContent, k as rightRestrictedWidth, l as row, h as rowBody, s as rowContent, m as rowContentPadding, p as touchableBackground, C as touchableBackgroundInverse };
+var n = "v16_24_1y2v1nfim v16_24_1y2v1nfj4 v16_24_1y2v1nfj6", f = "v16_24_1y2v1nfcl", y = "v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfiv v16_24_1y2v1nfkc v16_24_1y2v1nfjq v16_24_1y2v1nfj4", a = "v16_24_2buj9g2", r = "v16_24_1y2v1nfim v16_24_1y2v1nfj1", i = "v16_24_1y2v1nf8u v16_24_1y2v1nfa3 v16_24_1y2v1nfim v16_24_1y2v1nfj9 v16_24_1y2v1nfkz", t = "v16_24_2buj9gj v16_24_1y2v1nfim v16_24_1y2v1nfj1", j = "v16_24_2buj9gi", o = "v16_24_2buj9g0", e = "v16_24_1y2v1nfim v16_24_1y2v1nfir v16_24_1y2v1nfjq", c = "v16_24_2buj9gp v16_24_1y2v1nfim", g = "v16_24_2buj9gn v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfio v16_24_1y2v1nfj7", u = "v16_24_2buj9gr v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfj6 v16_24_1y2v1nfja v16_24_1y2v1nfjq", b = "v16_24_1y2v1nfln", d = "v16_24_2buj9gg", l = "v16_24_2buj9gh", m = "v16_24_1y2v1nfj9", h = "v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfj8", s = "v16_24_2buj9g7 v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfj9 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfio v16_24_1y2v1nfjq", p = "v16_24_1y2v1nfbc v16_24_1y2v1nfcl", x = "v16_24_2buj9g3", C = "v16_24_2buj9g4";
+export { n as asset, f as assetContainer, y as badge, a as boxed, r as center, i as content, t as detail, j as detailRight, o as disabled, e as dualActionContainer, c as dualActionDivider, g as dualActionLeft, u as dualActionRight, b as pointer, d as rightContent, l as rightRestrictedWidth, m as row, h as rowBody, s as rowContent, p as rowContentPadding, x as touchableBackground, C as touchableBackgroundInverse };

package/dist-es/list.js

@@ -82,21 +82,21 @@ import { jsx as t, jsxs as L } from "react/jsx-runtime";
 import * as m from "react";
 import c from "classnames";
 import { BaseTouchable as ae } from "./touchable.js";
-import { Text3 as we, Text1 as ye, Text2 as z } from "./text.js";
+import { Text3 as we, Text1 as Re, Text2 as q } from "./text.js";
 import s from "./box.js";
 import A from "./stack.js";
-import Re from "./badge.js";
-import { useIsInverseOrMediaVariant as de } from "./theme-variant-context.js";
-import Be from "./icons/icon-chevron.js";
+import ye from "./badge.js";
+import { useIsInverseOrMediaVariant as le } from "./theme-variant-context.js";
+import Be from "./generated/mistica-icons/icon-chevron-right-filled.js";
 import Ie from "./switch-component.js";
 import ie, { useRadioContext as Ce } from "./radio-button.js";
 import Te from "./checkbox.js";
 import { InternalBoxed as Ne } from "./boxed.js";
 import Ae from "./divider.js";
 import { getPrefixedDataAttributes as X } from "./utils/dom.js";
-import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Le, row as ke, boxed as Se, content as Ve, assetContainer as Ee, center as Q, disabled as N, asset as Oe, rowBody as Xe, badge as De, rightContent as Me, rightRestrictedWidth as We, detail as je, detailRight as He, dualActionContainer as Fe, dualActionLeft as Pe, dualActionDivider as qe, dualActionRight as ze } from "./list.css-mistica.js";
+import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Le, row as ke, boxed as Se, content as Ve, assetContainer as Ee, center as Q, disabled as N, asset as Oe, rowBody as Xe, badge as De, rightContent as Me, rightRestrictedWidth as We, detail as je, detailRight as Fe, dualActionContainer as He, dualActionLeft as Pe, dualActionDivider as ze, dualActionRight as qe } from "./list.css-mistica.js";
 import { vars as Ge } from "./image.css-mistica.js";
-import { vars as d } from "./skins/skin-contract.css-mistica.js";
+import { vars as l } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as Je } from "./utils/css.js";
 import { IconButton as ne, ToggleIconButton as oe } from "./icon-button.js";
 import Ke from "./screen-reader-only.js";
@@ -112,10 +112,10 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             children: e
         })
     }) : e, Ue = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: l, titleAs: g, titleLinesMax: w, subtitle: f, subtitleLinesMax: D, description: B, descriptionLinesMax: M, detail: h, asset: O, danger: k, badge: S, right: y, rightRef: u, extra: I, labelId: W, disabled: v, control: x } = param;
-    const V = de(), R = [
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: d, titleAs: g, titleLinesMax: w, subtitle: f, subtitleLinesMax: D, description: B, descriptionLinesMax: M, detail: h, asset: O, danger: k, badge: S, right: R, rightRef: u, extra: I, labelId: W, disabled: v, control: x } = param;
+    const V = le(), y = [
         a,
-        l,
+        d,
         f,
         B,
         I
@@ -126,7 +126,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: [
             O && /* @__PURE__ */ t("div", {
                 className: c(Ee, {
-                    [Q]: R,
+                    [Q]: y,
                     [N]: v
                 }),
                 "aria-hidden": !0,
@@ -134,8 +134,8 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: /* @__PURE__ */ t("div", {
                     className: Oe,
                     style: Je({
-                        color: k ? V ? d.colors.textErrorInverse : d.colors.textError : V ? d.colors.textPrimaryInverse : d.colors.textPrimary,
-                        [Ge.mediaBorderRadius]: d.borderRadii.mediaSmall
+                        color: k ? V ? l.colors.textErrorInverse : l.colors.textError : V ? l.colors.textPrimaryInverse : l.colors.textPrimary,
+                        [Ge.mediaBorderRadius]: l.borderRadii.mediaSmall
                     }),
                     children: O
                 })
@@ -145,19 +145,19 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     [N]: v
                 }),
                 style: {
-                    justifyContent: R ? "center" : "flex-start"
+                    justifyContent: y ? "center" : "flex-start"
                 },
                 children: [
                     /* @__PURE__ */ t(we, {
                         regular: !0,
-                        color: k ? d.colors.textError : d.colors.textPrimary,
+                        color: k ? l.colors.textError : l.colors.textPrimary,
                         truncate: w,
                         hyphens: "auto",
                         as: g,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: l
+                        children: d
                     }),
                     a && /* @__PURE__ */ t("div", {
                         ref: i,
@@ -165,9 +165,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             order: -1,
                             paddingBottom: 4
                         },
-                        children: /* @__PURE__ */ t(ye, {
+                        children: /* @__PURE__ */ t(Re, {
                             regular: !0,
-                            color: d.colors.textPrimary,
+                            color: l.colors.textPrimary,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "headline"
@@ -177,9 +177,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     }),
                     f && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(z, {
+                        children: /* @__PURE__ */ t(q, {
                             regular: !0,
-                            color: d.colors.textPrimary,
+                            color: l.colors.textPrimary,
                             truncate: D,
                             hyphens: "auto",
                             dataAttributes: {
@@ -190,9 +190,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     }),
                     B && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(z, {
+                        children: /* @__PURE__ */ t(q, {
                             regular: !0,
-                            color: d.colors.textSecondary,
+                            color: l.colors.textSecondary,
                             truncate: M,
                             hyphens: "auto",
                             dataAttributes: {
@@ -217,12 +217,12 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     className: c(De, {
                         [N]: v
                     }),
-                    children: /* @__PURE__ */ t(Re, {
+                    children: /* @__PURE__ */ t(ye, {
                         value: S === !0 ? void 0 : S
                     })
                 })
             }),
-            (h || y || e || x) && /* @__PURE__ */ L("div", {
+            (h || R || e || x) && /* @__PURE__ */ L("div", {
                 className: c(Me, {
                     [We]: !!h
                 }),
@@ -231,9 +231,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         className: c(je, {
                             [N]: v
                         }),
-                        children: /* @__PURE__ */ t(z, {
+                        children: /* @__PURE__ */ t(q, {
                             regular: !0,
-                            color: d.colors.textSecondary,
+                            color: l.colors.textSecondary,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "detail"
@@ -241,31 +241,31 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: h
                         })
                     }),
-                    y && /* @__PURE__ */ t("div", {
+                    R && /* @__PURE__ */ t("div", {
                         className: c({
-                            [He]: !!h,
+                            [Fe]: !!h,
                             [N]: v
                         }),
                         ref: u,
                         "data-testid": "endSlot",
-                        children: Qe(y, R)
+                        children: Qe(R, y)
                     }),
                     e && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: h || y ? 4 : 0
+                            paddingLeft: h || R ? 4 : 0
                         },
                         className: c(Q, {
                             [N]: v
                         }),
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ t(Be, {
-                            color: V ? d.colors.inverse : d.colors.neutralMedium,
-                            direction: "right"
+                            size: 16,
+                            color: V ? l.colors.inverse : l.colors.neutralMedium
                         })
                     }),
                     x && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: h || y ? 8 : 0
+                            paddingLeft: h || R ? 8 : 0
                         },
                         className: Q,
                         children: x
@@ -276,11 +276,11 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }, Ye = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const o = e !== void 0, [l, g] = m.useState(!!a);
+    const o = e !== void 0, [d, g] = m.useState(!!a);
     return [
-        o ? !!e : l,
+        o ? !!e : d,
         ()=>{
-            o || g(!l), i == null || i(o ? !e : !l);
+            o || g(!d), i == null || i(o ? !e : !d);
         }
     ];
 }, Ze = (e)=>[
@@ -288,9 +288,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "checkbox",
         "radioValue",
         "iconButton"
-    ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ m.forwardRef((e, a)=>{
+    ].some((a)=>e[a] !== void 0), de = /*#__PURE__*/ m.forwardRef((e, a)=>{
     var ee, te;
-    const i = m.useId(), o = de(), { asset: l, headline: g, title: w, titleAs: f, titleLinesMax: D, subtitle: B, subtitleLinesMax: M, description: h, descriptionLinesMax: O, detail: k, danger: S, badge: y, role: u, touchableRole: I, extra: W, withChevron: v, dataAttributes: x, right: V, "aria-label": U, tabIndex: R } = e, [ce, se] = m.useState(""), [he, ue] = m.useState(""), [me, be] = m.useState(""), fe = [
+    const i = m.useId(), o = le(), { asset: d, headline: g, title: w, titleAs: f, titleLinesMax: D, subtitle: B, subtitleLinesMax: M, description: h, descriptionLinesMax: O, detail: k, danger: S, badge: R, role: u, touchableRole: I, extra: W, withChevron: v, dataAttributes: x, right: V, "aria-label": U, tabIndex: y } = e, [ce, se] = m.useState(""), [he, ue] = m.useState(""), [me, be] = m.useState(""), fe = [
         w,
         ce,
         B,
@@ -298,7 +298,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         he,
         k,
         me
-    ].filter(Boolean).join(" "), C = U !== null && U !== void 0 ? U : e.href || e.to ? fe : void 0, ve = Ce(), b = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !b && !o, H = !b && o, Y = Ze(e), E = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : v !== null && v !== void 0 ? v : E, Z = {
+    ].filter(Boolean).join(" "), C = U !== null && U !== void 0 ? U : e.href || e.to ? fe : void 0, ve = Ce(), b = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !b && !o, F = !b && o, Y = Ze(e), E = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : v !== null && v !== void 0 ? v : E, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -309,7 +309,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         onPress: e.onPress,
         trackingEvent: e.trackingEvent
     }, [_, $] = Ye(e.switch || e.checkbox || {}), T = (r)=>/* @__PURE__ */ t(Ue, {
-            asset: l,
+            asset: d,
             headline: g,
             headlineRef: (n)=>{
                 n && se(n.textContent || "");
@@ -318,7 +318,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             titleAs: f,
             subtitle: B,
             description: h,
-            badge: y,
+            badge: R,
             titleLinesMax: D,
             subtitleLinesMax: M,
             descriptionLinesMax: O,
@@ -342,7 +342,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         ref: a,
         className: c(G, {
             [J]: j,
-            [K]: H,
+            [K]: F,
             [re]: !b
         })
     }, Z), {
@@ -350,7 +350,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         dataAttributes: x,
         disabled: b,
         "aria-label": C,
-        tabIndex: R,
+        tabIndex: y,
         children: /* @__PURE__ */ t(s, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
@@ -359,8 +359,8 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         })
     }));
-    const F = (r)=>/* @__PURE__ */ L("div", _object_spread_props(_object_spread({
-            className: Fe,
+    const H = (r)=>/* @__PURE__ */ L("div", _object_spread_props(_object_spread({
+            className: He,
             ref: a
         }, X(x)), {
             children: [
@@ -370,24 +370,24 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     role: I,
                     className: c(Pe, {
                         [J]: j,
-                        [K]: H
+                        [K]: F
                     }),
                     "aria-label": C,
-                    tabIndex: R,
+                    tabIndex: y,
                     children: T({
                         labelId: i,
                         role: u
                     })
                 })),
                 /* @__PURE__ */ t("div", {
-                    className: qe
+                    className: ze
                 }),
                 r
             ]
         })), P = (r, n)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
             className: c(G, {
                 [J]: j && n,
-                [K]: H && n,
+                [K]: F && n,
                 [re]: !b && n
             }),
             ref: a
@@ -397,7 +397,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
         const r = e.switch ? Ie : Te, n = (_ref1 = (_ref = (ee = e.switch) == null ? void 0 : ee.name) !== null && _ref !== void 0 ? _ref : (te = e.checkbox) == null ? void 0 : te.name) !== null && _ref1 !== void 0 ? _ref1 : i;
-        return E ? F(/* @__PURE__ */ t(r, {
+        return E ? H(/* @__PURE__ */ t(r, {
             disabled: b,
             name: n,
             checked: _,
@@ -405,10 +405,10 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
-                let { controlElement: q } = param;
+                let { controlElement: z } = param;
                 return /* @__PURE__ */ t("div", {
-                    className: ze,
-                    children: q
+                    className: qe,
+                    children: z
                 });
             }
         })) : P(/* @__PURE__ */ t(r, {
@@ -419,7 +419,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
-                let { controlElement: q, labelId: ge } = param;
+                let { controlElement: z, labelId: ge } = param;
                 return /* @__PURE__ */ t(s, {
                     paddingX: 16,
                     role: u,
@@ -427,14 +427,14 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         labelId: ge,
                         control: /* @__PURE__ */ t(A, {
                             space: "around",
-                            children: q
+                            children: z
                         })
                     })
                 });
             }
         }), !0);
     }
-    if (e.radioValue) return E ? F(/* @__PURE__ */ t(ie, {
+    if (e.radioValue) return E ? H(/* @__PURE__ */ t(ie, {
         value: e.radioValue,
         "aria-label": C,
         "aria-labelledby": i,
@@ -467,7 +467,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             });
         }
     }), !0);
-    if (e.iconButton) return E ? F(/* @__PURE__ */ t(s, {
+    if (e.iconButton) return E ? H(/* @__PURE__ */ t(s, {
         padding: 16,
         children: /* @__PURE__ */ t(A, {
             space: "around",
@@ -499,7 +499,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         role: u
     }, X(x)), {
         ref: a,
-        tabIndex: R,
+        tabIndex: y,
         children: [
             /* @__PURE__ */ t("div", {
                 "aria-hidden": p,
@@ -522,7 +522,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ t("div", {
         role: a,
         className: ke,
-        children: /* @__PURE__ */ t(le, _object_spread_props(_object_spread({}, i), {
+        children: /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, i), {
             ref: o,
             dataAttributes: _object_spread({
                 "component-name": "Row",
@@ -532,12 +532,12 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }), wt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o } = param;
-    const l = m.Children.toArray(e).filter(Boolean), g = l.length - 1;
+    const d = m.Children.toArray(e).filter(Boolean), g = d.length - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a
     }, X(o, "RowList")), {
-        children: l.map((w, f)=>/* @__PURE__ */ L(m.Fragment, {
+        children: d.map((w, f)=>/* @__PURE__ */ L(m.Fragment, {
                 children: [
                     w,
                     f < g && /* @__PURE__ */ t(s, {
@@ -547,7 +547,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 ]
             }, f))
     }));
-}, yt = /*#__PURE__*/ m.forwardRef((_param, i)=>{
+}, Rt = /*#__PURE__*/ m.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -560,9 +560,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "component-name": "BoxedRow",
             testid: "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(le, _object_spread({}, a))
+        children: /* @__PURE__ */ t(de, _object_spread({}, a))
     });
-}), Rt = (param)=>{
+}), yt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o } = param;
     return /* @__PURE__ */ t(A, {
         space: 16,
@@ -575,4 +575,4 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: e
     });
 };
-export { yt as BoxedRow, Rt as BoxedRowList, Ue as Content, gt as Row, wt as RowList };
+export { Rt as BoxedRow, yt as BoxedRowList, Ue as Content, gt as Row, wt as RowList };

package/dist-es/loading-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var n = "v16_22_1num3qg3", r = "v16_22_1num3qg2 v16_22_1y2v1nfig v16_22_1y2v1nflr v16_22_1y2v1nfm6 v16_22_1y2v1nfml", f = "v16_22_1num3qg7 v16_22_1y2v1nfif v16_22_1y2v1nfj7 v16_22_1y2v1nfjo", y = "v16_22_1y2v1nfj7 v16_22_1y2v1nfll v16_22_1y2v1nfie v16_22_1y2v1nf5n v16_22_1y2v1nfjr";
+var n = "v16_24_1num3qg3", r = "v16_24_1num3qg2 v16_24_1y2v1nfii v16_24_1y2v1nflu v16_24_1y2v1nfm9 v16_24_1y2v1nfmo", f = "v16_24_1num3qg7 v16_24_1y2v1nfih v16_24_1y2v1nfj9 v16_24_1y2v1nfjq", y = "v16_24_1y2v1nfj9 v16_24_1y2v1nflo v16_24_1y2v1nfig v16_24_1y2v1nf5p v16_24_1y2v1nfjt";
 export { n as hidden, r as portal, f as progress, y as progressContainer };

package/dist-es/loading-screen.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-screen.css.ts.vanilla.css-mistica.js";
-var _ = 500, n = "v16_22_flke8b1 v16_22_1y2v1nfik v16_22_1y2v1nfiq v16_22_1y2v1nfiz", r = "v16_22_1y2v1nfj6 v16_22_1y2v1nfik v16_22_1y2v1nfiq v16_22_1y2v1nfiz v16_22_1y2v1nfit", a = "v16_22_flke8b9 v16_22_1y2v1nf8y", i = "v16_22_flke8bb", f = "v16_22_flke8bc", l = "v16_22_flke8bf", o = "v16_22_flke8be", k = {
-    default: "v16_22_flke8b4",
-    inverse: "v16_22_flke8b5"
-}, t = "v16_22_flke8b3", d = "v16_22_flke8b6";
-export { _ as inOutAnimationMs, n as loadingScreen, r as loadingScreenChildren, a as loadingScreenText, i as loadingScreenTextAnimated, f as loadingScreenTextAnimatedOut, l as logo, o as pulseLogo, k as screenBackground, t as screenBackgroundAnimated, d as screenBackgroundFadeOut };
+var _ = 500, n = "v16_24_flke8b1 v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfj1", r = "v16_24_1y2v1nfj8 v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfj1 v16_24_1y2v1nfiv", a = "v16_24_flke8b9 v16_24_1y2v1nf90", f = "v16_24_flke8bb", i = "v16_24_flke8bc", l = "v16_24_flke8bf", o = "v16_24_flke8be", d = {
+    default: "v16_24_flke8b4",
+    inverse: "v16_24_flke8b5"
+}, t = "v16_24_flke8b3", k = "v16_24_flke8b6";
+export { _ as inOutAnimationMs, n as loadingScreen, r as loadingScreenChildren, a as loadingScreenText, f as loadingScreenTextAnimated, i as loadingScreenTextAnimatedOut, l as logo, o as pulseLogo, d as screenBackground, t as screenBackgroundAnimated, k as screenBackgroundFadeOut };

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

@@ -1,8 +1,8 @@
 import "./logo.css.ts.vanilla.css-mistica.js";
-var _ = "v16_22_140ft6x5", r = "v16_22_140ft6x4", t = {
-    size: "var(--v16_22_140ft6x0)",
-    sizeMobile: "var(--v16_22_140ft6x1)",
-    sizeTablet: "var(--v16_22_140ft6x2)",
-    sizeDesktop: "var(--v16_22_140ft6x3)"
+var _ = "v16_24_140ft6x5", r = "v16_24_140ft6x4", t = {
+    size: "var(--v16_24_140ft6x0)",
+    sizeMobile: "var(--v16_24_140ft6x1)",
+    sizeTablet: "var(--v16_24_140ft6x2)",
+    sizeDesktop: "var(--v16_24_140ft6x3)"
 };
 export { _ as logoContainer, r as svg, t as vars };

package/dist-es/maybe-dismissable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./maybe-dismissable.css.ts.vanilla.css-mistica.js";
-var n = "v16_22_cim30m2 v16_22_1y2v1nf8m v16_22_1y2v1nf9v v16_22_1y2v1nfb4 v16_22_1y2v1nfcd v16_22_1y2v1nfif v16_22_1y2v1nflr v16_22_1y2v1nfml", f = "v16_22_1y2v1nfie v16_22_1y2v1nfik v16_22_1y2v1nfj2";
+var n = "v16_24_cim30m2 v16_24_1y2v1nf8o v16_24_1y2v1nf9x v16_24_1y2v1nfb6 v16_24_1y2v1nfcf v16_24_1y2v1nfih v16_24_1y2v1nflu v16_24_1y2v1nfmo", f = "v16_24_1y2v1nfig v16_24_1y2v1nfim v16_24_1y2v1nfj4";
 export { n as dismissableButton, f as dismissableContainer };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./menu.css.ts.vanilla.css-mistica.js";
-var k = "v16_22_2k0k3uk", e = "v16_22_2k0k3uj", n = "v16_22_2k0k3u8 v16_22_1y2v1nf8m v16_22_1y2v1nf9v v16_22_1y2v1nfb4 v16_22_1y2v1nfcd v16_22_1y2v1nf48 v16_22_1y2v1nfld v16_22_1y2v1nfik v16_22_1y2v1nfiq v16_22_1y2v1nfif", r = "v16_22_2k0k3ud", t = "v16_22_2k0k3ug", a = "v16_22_2k0k3uf", u = "v16_22_2k0k3ue", i = "v16_22_2k0k3ui v16_22_1y2v1nf8m v16_22_1y2v1nf9v", m = {
-    enter: "v16_22_2k0k3u9",
-    enterActive: "v16_22_2k0k3ua",
-    exit: "v16_22_2k0k3ub",
-    exitActive: "v16_22_2k0k3uc"
-}, f = {
-    top: "var(--v16_22_2k0k3u0)",
-    bottom: "var(--v16_22_2k0k3u1)",
-    left: "var(--v16_22_2k0k3u2)",
-    right: "var(--v16_22_2k0k3u4)",
-    width: "var(--v16_22_2k0k3u3)",
-    maxHeight: "var(--v16_22_2k0k3u5)",
-    transformOrigin: "var(--v16_22_2k0k3u6)"
+var k = "v16_24_2k0k3uk", e = "v16_24_2k0k3uj", n = "v16_24_2k0k3u8 v16_24_1y2v1nf8o v16_24_1y2v1nf9x v16_24_1y2v1nfb6 v16_24_1y2v1nfcf v16_24_1y2v1nf49 v16_24_1y2v1nflg v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfih", r = "v16_24_2k0k3ud", t = "v16_24_2k0k3ug", a = "v16_24_2k0k3uf", u = "v16_24_2k0k3ue", i = "v16_24_2k0k3ui v16_24_1y2v1nf8o v16_24_1y2v1nf9x", m = {
+    enter: "v16_24_2k0k3u9",
+    enterActive: "v16_24_2k0k3ua",
+    exit: "v16_24_2k0k3ub",
+    exitActive: "v16_24_2k0k3uc"
+}, o = {
+    top: "var(--v16_24_2k0k3u0)",
+    bottom: "var(--v16_24_2k0k3u1)",
+    left: "var(--v16_24_2k0k3u2)",
+    right: "var(--v16_24_2k0k3u4)",
+    width: "var(--v16_24_2k0k3u3)",
+    maxHeight: "var(--v16_24_2k0k3u5)",
+    transformOrigin: "var(--v16_24_2k0k3u6)"
 };
-export { k as iconContainer, e as itemContent, n as menuContainer, r as menuItem, t as menuItemDisabled, a as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, f as vars };
+export { k as iconContainer, e as itemContent, n as menuContainer, r as menuItem, t as menuItemDisabled, a as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, o as vars };

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

@@ -1,3 +1,3 @@
 import "./mosaic.css.ts.vanilla.css-mistica.js";
-var r = "v16_22_1j2q6te2", t = "v16_22_1j2q6te1", a = "v16_22_1j2q6te0";
+var r = "v16_24_1j2q6te2", t = "v16_24_1j2q6te1", a = "v16_24_1j2q6te0";
 export { r as fourItemsContainer, t as singleItemRowContainer, a as squareContainer };