@telefonica/mistica 16.30.0 → 16.31.0

package/dist/inline.css-mistica.js

@@ -35,13 +35,13 @@ _export(exports, {
     }
 });
 require("./inline.css.ts.vanilla.css-mistica.js");
-var a = "v16_30_kkfbnva", k = "v16_30_kkfbnv9", _ = "v16_30_kkfbnv8", r = "v16_30_kkfbnvc", e = "v16_30_kkfbnvd", n = "v16_30_kkfbnve", b = {
-    space: "var(--v16_30_kkfbnv0)",
-    spaceMobile: "var(--v16_30_kkfbnv1)",
-    spaceTablet: "var(--v16_30_kkfbnv2)",
-    spaceDesktop: "var(--v16_30_kkfbnv3)",
-    verticalSpace: "var(--v16_30_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_30_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_30_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_30_kkfbnv7)"
-}, f = "v16_30_kkfbnvb";
+var a = "v16_31_kkfbnva", k = "v16_31_kkfbnv9", _ = "v16_31_kkfbnv8", r = "v16_31_kkfbnvc", e = "v16_31_kkfbnvd", n = "v16_31_kkfbnve", b = {
+    space: "var(--v16_31_kkfbnv0)",
+    spaceMobile: "var(--v16_31_kkfbnv1)",
+    spaceTablet: "var(--v16_31_kkfbnv2)",
+    spaceDesktop: "var(--v16_31_kkfbnv3)",
+    verticalSpace: "var(--v16_31_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_31_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_31_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_31_kkfbnv7)"
+}, f = "v16_31_kkfbnvb";

package/dist/list.css-mistica.js

@@ -78,4 +78,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var n = "v16_30_1y2v1nfis v16_30_1y2v1nfja v16_30_1y2v1nfjc", f = "v16_30_1y2v1nfcr", y = "v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nfki v16_30_1y2v1nfjw v16_30_1y2v1nfja", a = "v16_30_2buj9g2", r = "v16_30_1y2v1nfis v16_30_1y2v1nfj7", i = "v16_30_1y2v1nf90 v16_30_1y2v1nfa9 v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_1y2v1nfl5", t = "v16_30_2buj9gj v16_30_1y2v1nfis v16_30_1y2v1nfj7", j = "v16_30_2buj9gi", e = "v16_30_2buj9g0", u = "v16_30_1y2v1nfis v16_30_1y2v1nfix v16_30_1y2v1nfjw", o = "v16_30_2buj9gp v16_30_1y2v1nfis", b = "v16_30_2buj9gn v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfla v16_30_1y2v1nf8k v16_30_1y2v1nfbi v16_30_1y2v1nfcr v16_30_1y2v1nfiu v16_30_1y2v1nfjd", c = "v16_30_2buj9gr v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfla v16_30_1y2v1nf8k v16_30_1y2v1nfbi v16_30_1y2v1nfcr v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfjc v16_30_1y2v1nfjg v16_30_1y2v1nfjw", g = "v16_30_1y2v1nflt", d = "v16_30_2buj9gg", l = "v16_30_2buj9gh", s = "v16_30_1y2v1nfjf", h = "v16_30_1y2v1nfis v16_30_1y2v1nfiy v16_30_1y2v1nfje", w = "v16_30_2buj9g7 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfjf v16_30_1y2v1nfla v16_30_1y2v1nf8k v16_30_1y2v1nfiu v16_30_1y2v1nfjw", k = "v16_30_1y2v1nfbi v16_30_1y2v1nfcr", p = "v16_30_2buj9g3", C = "v16_30_2buj9g4";
+var n = "v16_31_1y2v1nfis v16_31_1y2v1nfja v16_31_1y2v1nfjc", f = "v16_31_1y2v1nfcr", y = "v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nfki v16_31_1y2v1nfjw v16_31_1y2v1nfja", a = "v16_31_2buj9g2", r = "v16_31_1y2v1nfis v16_31_1y2v1nfj7", i = "v16_31_1y2v1nf90 v16_31_1y2v1nfa9 v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_1y2v1nfl5", t = "v16_31_2buj9gj v16_31_1y2v1nfis v16_31_1y2v1nfj7", j = "v16_31_2buj9gi", e = "v16_31_2buj9g0", u = "v16_31_1y2v1nfis v16_31_1y2v1nfix v16_31_1y2v1nfjw", o = "v16_31_2buj9gp v16_31_1y2v1nfis", b = "v16_31_2buj9gn v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfiu v16_31_1y2v1nfjd", c = "v16_31_2buj9gr v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfbi v16_31_1y2v1nfcr v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfjc v16_31_1y2v1nfjg v16_31_1y2v1nfjw", g = "v16_31_1y2v1nflt", d = "v16_31_2buj9gg", l = "v16_31_2buj9gh", s = "v16_31_1y2v1nfjf", h = "v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfje", w = "v16_31_2buj9g7 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfjf v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfiu v16_31_1y2v1nfjw", k = "v16_31_1y2v1nfbi v16_31_1y2v1nfcr", p = "v16_31_2buj9g3", C = "v16_31_2buj9g4";

package/dist/list.d.ts

@@ -66,23 +66,28 @@ interface IconButtonRowContentProps extends CommonProps {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     iconButton: ExclusifyUnion<IconButtonProps | ToggleIconButtonProps> | undefined;
 }
-interface HrefRowContentProps extends CommonProps {
+type TouchableCommonProps = {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-description'?: string;
+    'aria-describedby'?: string;
+    'aria-current'?: React.AriaAttributes['aria-current'];
+};
+interface HrefRowContentProps extends CommonProps, TouchableCommonProps {
     href: string | undefined;
     newTab?: boolean;
     loadOnTop?: boolean;
     onNavigate?: () => void | Promise<void>;
 }
-interface ToRowContentProps extends CommonProps {
-    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+interface ToRowContentProps extends CommonProps, TouchableCommonProps {
     to: string | undefined;
     newTab?: boolean;
     fullPageOnWebView?: boolean;
     replace?: boolean;
     onNavigate?: () => void | Promise<void>;
 }
-interface OnPressRowContentProps extends CommonProps {
-    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+interface OnPressRowContentProps extends CommonProps, TouchableCommonProps {
     onPress: (() => void) | undefined;
 }
 type RowContentProps = ExclusifyUnion<BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | IconButtonRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps>;

package/dist/list.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return Rt;
+        return wt;
     },
     BoxedRowList: function() {
-        return yt;
+        return Rt;
     },
     Content: function() {
         return Ue;
@@ -23,7 +23,7 @@ _export(exports, {
         return gt;
     },
     RowList: function() {
-        return wt;
+        return yt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -185,12 +185,12 @@ 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: d, titleAs: f, titleLinesMax: x, subtitle: R, subtitleLinesMax: k, description: b, descriptionLinesMax: M, detail: h, asset: X, danger: S, badge: V, right: y, rightRef: u, extra: I, labelId: W, disabled: g, control: w } = param;
-    const E = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), B = [
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: l, title: d, titleAs: b, titleLinesMax: x, subtitle: w, subtitleLinesMax: L, description: f, descriptionLinesMax: M, detail: h, asset: X, danger: k, badge: S, right: R, rightRef: u, extra: I, labelId: W, disabled: g, control: y } = param;
+    const V = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), B = [
         a,
         d,
-        R,
-        b,
+        w,
+        f,
         I
     ].filter(Boolean).length === 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -207,7 +207,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
                     style: (0, _css.applyCssVars)({
-                        color: S ? E ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : E ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
+                        color: k ? V ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : V ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                     }),
                     children: X
@@ -223,10 +223,10 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
-                        color: S ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
+                        color: k ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
                         truncate: x,
                         hyphens: "auto",
-                        as: f,
+                        as: b,
                         dataAttributes: {
                             testid: "title"
                         },
@@ -248,20 +248,20 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
-                            truncate: k,
+                            truncate: L,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: R
+                            children: w
                         })
                     }),
-                    b && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
@@ -271,11 +271,11 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: b
+                            children: f
                         })
                     }),
                     I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        ref: o,
+                        ref: l,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
@@ -284,18 +284,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     })
                 ]
             }),
-            V && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            S && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_listcssmistica.badge, {
                         [_listcssmistica.disabled]: g
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                        value: V === !0 ? void 0 : V
+                        value: S === !0 ? void 0 : S
                     })
                 })
             }),
-            (h || y || e || w) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            (h || R || e || y) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rightContent, {
                     [_listcssmistica.rightRestrictedWidth]: !!h
                 }),
@@ -314,18 +314,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: h
                         })
                     }),
-                    y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
                             [_listcssmistica.detailRight]: !!h,
                             [_listcssmistica.disabled]: g
                         }),
                         ref: u,
                         "data-testid": "endSlot",
-                        children: Qe(y, B)
+                        children: Qe(R, B)
                     }),
                     e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: h || y ? 4 : 0
+                            paddingLeft: h || R ? 4 : 0
                         },
                         className: (0, _classnames.default)(_listcssmistica.center, {
                             [_listcssmistica.disabled]: g
@@ -333,15 +333,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightfilled.default, {
                             size: 16,
-                            color: E ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium
+                            color: V ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium
                         })
                     }),
-                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: h || y ? 8 : 0
+                            paddingLeft: h || R ? 8 : 0
                         },
                         className: _listcssmistica.center,
-                        children: w
+                        children: y
                     })
                 ]
             })
@@ -349,11 +349,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, [d, f] = _react.useState(!!a);
+    const l = e !== void 0, [d, b] = _react.useState(!!a);
     return [
-        o ? !!e : d,
+        l ? !!e : d,
         ()=>{
-            o || f(!d), i == null || i(o ? !e : !d);
+            l || b(!d), i == null || i(l ? !e : !d);
         }
     ];
 }, Ze = (e)=>[
@@ -363,15 +363,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "iconButton"
     ].some((a)=>e[a] !== void 0), de = /*#__PURE__*/ _react.forwardRef((e, a)=>{
     var ee, te;
-    const i = _react.useId(), o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: d, headline: f, title: x, titleAs: R, titleLinesMax: k, subtitle: b, subtitleLinesMax: M, description: h, descriptionLinesMax: X, detail: S, danger: V, badge: y, role: u, touchableRole: I, extra: W, withChevron: g, dataAttributes: w, right: E, "aria-label": U, tabIndex: B } = e, [ce, se] = _react.useState(""), [he, ue] = _react.useState(""), [me, fe] = _react.useState(""), be = [
+    const i = _react.useId(), l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: d, headline: b, title: x, titleAs: w, titleLinesMax: L, subtitle: f, subtitleLinesMax: M, description: h, descriptionLinesMax: X, detail: k, danger: S, badge: R, role: u, touchableRole: I, extra: W, withChevron: g, dataAttributes: y, right: V, "aria-label": U, tabIndex: B } = e, [ce, se] = _react.useState(""), [he, ue] = _react.useState(""), [me, be] = _react.useState(""), fe = [
         x,
         ce,
-        b,
+        f,
         h,
         he,
-        S,
+        k,
         me
-    ].filter(Boolean).join(" "), C = U !== null && U !== void 0 ? U : e.href || e.to ? be : void 0, ve = (0, _radiobutton.useRadioContext)(), v = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !v && !o, F = !v && o, Y = Ze(e), O = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : g !== null && g !== void 0 ? g : O, Z = {
+    ].filter(Boolean).join(" "), E = U !== null && U !== void 0 ? U : e.href || e.to ? fe : void 0, ve = (0, _radiobutton.useRadioContext)(), v = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !v && !l, F = !v && l, Y = Ze(e), O = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : g !== null && g !== void 0 ? g : O, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -380,26 +380,31 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         replace: e.replace,
         onNavigate: e.onNavigate,
         onPress: e.onPress,
-        trackingEvent: e.trackingEvent
-    }, [_, $] = Ye(e.switch || e.checkbox || {}), T = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
+        trackingEvent: e.trackingEvent,
+        "aria-label": E,
+        "aria-labelledby": e["aria-labelledby"],
+        "aria-description": e["aria-description"],
+        "aria-describedby": e["aria-describedby"],
+        "aria-current": e["aria-current"]
+    }, [_, $] = Ye(e.switch || e.checkbox || {}), C = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
             asset: d,
-            headline: f,
+            headline: b,
             headlineRef: (n)=>{
                 n && se(n.textContent || "");
             },
             title: x,
-            titleAs: R,
-            subtitle: b,
+            titleAs: w,
+            subtitle: f,
             description: h,
-            badge: y,
-            titleLinesMax: k,
+            badge: R,
+            titleLinesMax: L,
             subtitleLinesMax: M,
             descriptionLinesMax: X,
-            detail: S,
-            danger: V,
-            right: E,
+            detail: k,
+            danger: S,
+            right: V,
             rightRef: (n)=>{
-                n && fe(n.innerText || n.textContent || "");
+                n && be(n.innerText || n.textContent || "");
             },
             control: r == null ? void 0 : r.control,
             role: r == null ? void 0 : r.role,
@@ -420,14 +425,13 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     }, Z), {
         role: I,
-        dataAttributes: w,
+        dataAttributes: y,
         disabled: v,
-        "aria-label": C,
         tabIndex: B,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: T({
+            children: C({
                 role: u
             })
         })
@@ -435,7 +439,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     const H = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(w)), {
+        }, (0, _dom.getPrefixedDataAttributes)(y)), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
                     disabled: v
@@ -445,9 +449,8 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         [_listcssmistica.touchableBackground]: j,
                         [_listcssmistica.touchableBackgroundInverse]: F
                     }),
-                    "aria-label": C,
                     tabIndex: B,
-                    children: T({
+                    children: C({
                         labelId: i,
                         role: u
                     })
@@ -464,7 +467,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 [_listcssmistica.pointer]: !v && n
             }),
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(w)), {
+        }, (0, _dom.getPrefixedDataAttributes)(y)), {
             children: r
         }));
     if (e.switch || e.checkbox) {
@@ -474,7 +477,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: v,
             name: n,
             checked: _,
-            "aria-label": C,
+            "aria-label": E,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
@@ -488,7 +491,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: v,
             name: n,
             checked: _,
-            "aria-label": C,
+            "aria-label": E,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
@@ -496,7 +499,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     role: u,
-                    children: T({
+                    children: C({
                         labelId: ge,
                         control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                             space: "around",
@@ -509,7 +512,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     }
     if (e.radioValue) return O ? H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": C,
+        "aria-label": E,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
@@ -523,14 +526,14 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }
     })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": C,
+        "aria-label": E,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 16,
                 role: u,
-                children: T({
+                children: C({
                     labelId: i,
                     control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
@@ -552,7 +555,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
-        children: T({
+        children: C({
             labelId: i,
             control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: "around",
@@ -570,13 +573,13 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_listcssmistica.rowContent, _listcssmistica.rowContentPadding),
         role: u
-    }, (0, _dom.getPrefixedDataAttributes)(w)), {
+    }, (0, _dom.getPrefixedDataAttributes)(y)), {
         ref: a,
         tabIndex: B,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 "aria-hidden": p,
-                children: T({
+                children: C({
                     role: u
                 })
             }),
@@ -587,7 +590,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     }));
-}), gt = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+}), gt = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -596,33 +599,33 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         role: a,
         className: _listcssmistica.row,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread_props(_object_spread({}, i), {
-            ref: o,
+            ref: l,
             dataAttributes: _object_spread({
                 "component-name": "Row",
                 testid: "Row"
             }, e)
         }))
     });
-}), wt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": o = "off", "aria-atomic": d = !1, dataAttributes: f } = param;
-    const x = _react.Children.toArray(e).filter(Boolean), R = x.length - 1;
+}), yt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": l = "off", "aria-atomic": d = !1, dataAttributes: b } = param;
+    const x = _react.Children.toArray(e).filter(Boolean), w = x.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a,
-        "aria-live": o,
+        "aria-live": l,
         "aria-atomic": d
-    }, (0, _dom.getPrefixedDataAttributes)(f, "RowList")), {
-        children: x.map((k, b)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+    }, (0, _dom.getPrefixedDataAttributes)(b, "RowList")), {
+        children: x.map((L, f)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    k,
-                    b < R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    L,
+                    f < w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, b))
+            }, f))
     }));
-}, Rt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
+}, wt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -637,18 +640,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread({}, a))
     });
-}), yt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o, "aria-live": d = "off", "aria-atomic": f = !1 } = param;
+}), Rt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: l, "aria-live": d = "off", "aria-atomic": b = !1 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: i,
         "aria-labelledby": a,
         "aria-live": d,
-        "aria-atomic": f,
+        "aria-atomic": b,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList",
             testid: "BoxedRowList"
-        }, o),
+        }, l),
         children: e
     });
 };

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

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var n = "v16_30_1num3qg3", f = "v16_30_1num3qg2 v16_30_1y2v1nfio v16_30_1y2v1nfm0 v16_30_1y2v1nfmf v16_30_1y2v1nfmu", r = "v16_30_1num3qg7 v16_30_1y2v1nfin v16_30_1y2v1nfjf v16_30_1y2v1nfjw", y = "v16_30_1y2v1nfjf v16_30_1y2v1nflu v16_30_1y2v1nfim v16_30_1y2v1nf5t v16_30_1y2v1nfjz";
+var n = "v16_31_1num3qg3", f = "v16_31_1num3qg2 v16_31_1y2v1nfio v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfmu", r = "v16_31_1num3qg7 v16_31_1y2v1nfin v16_31_1y2v1nfjf v16_31_1y2v1nfjw", y = "v16_31_1y2v1nfjf v16_31_1y2v1nflu v16_31_1y2v1nfim v16_31_1y2v1nf5t v16_31_1y2v1nfjz";

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

@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-screen.css.ts.vanilla.css-mistica.js");
-var _ = 500, n = "v16_30_flke8b1 v16_30_1y2v1nfis v16_30_1y2v1nfiy v16_30_1y2v1nfj7", r = "v16_30_1y2v1nfje v16_30_1y2v1nfis v16_30_1y2v1nfiy v16_30_1y2v1nfj7 v16_30_1y2v1nfj1", a = "v16_30_flke8b9 v16_30_1y2v1nf96", f = "v16_30_flke8bb", i = "v16_30_flke8bc", l = "v16_30_flke8bf", o = "v16_30_flke8be", d = {
-    default: "v16_30_flke8b4",
-    inverse: "v16_30_flke8b5"
-}, t = "v16_30_flke8b3", k = "v16_30_flke8b6";
+var _ = 500, n = "v16_31_flke8b1 v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj7", r = "v16_31_1y2v1nfje v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj7 v16_31_1y2v1nfj1", a = "v16_31_flke8b9 v16_31_1y2v1nf96", f = "v16_31_flke8bb", i = "v16_31_flke8bc", l = "v16_31_flke8bf", o = "v16_31_flke8be", d = {
+    default: "v16_31_flke8b4",
+    inverse: "v16_31_flke8b5"
+}, t = "v16_31_flke8b3", k = "v16_31_flke8b6";

package/dist/logo.css-mistica.js

@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./logo.css.ts.vanilla.css-mistica.js");
-var _ = "v16_30_140ft6x5", r = "v16_30_140ft6x4", t = {
-    size: "var(--v16_30_140ft6x0)",
-    sizeMobile: "var(--v16_30_140ft6x1)",
-    sizeTablet: "var(--v16_30_140ft6x2)",
-    sizeDesktop: "var(--v16_30_140ft6x3)"
+var _ = "v16_31_140ft6x5", r = "v16_31_140ft6x4", t = {
+    size: "var(--v16_31_140ft6x0)",
+    sizeMobile: "var(--v16_31_140ft6x1)",
+    sizeTablet: "var(--v16_31_140ft6x2)",
+    sizeDesktop: "var(--v16_31_140ft6x3)"
 };

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

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var n = "v16_30_cim30m2 v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nfbc v16_30_1y2v1nfcl v16_30_1y2v1nfin v16_30_1y2v1nfm0 v16_30_1y2v1nfmu", i = "v16_30_1y2v1nfim v16_30_1y2v1nfis v16_30_1y2v1nfja";
+var n = "v16_31_cim30m2 v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nfbc v16_31_1y2v1nfcl v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfmu", i = "v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfja";

package/dist/menu.css-mistica.js

@@ -42,17 +42,17 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var k = "v16_30_2k0k3uk", e = "v16_30_2k0k3uj", n = "v16_30_2k0k3u8 v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nfbc v16_30_1y2v1nfcl v16_30_1y2v1nf4c v16_30_1y2v1nflm v16_30_1y2v1nfis v16_30_1y2v1nfiy v16_30_1y2v1nfin", r = "v16_30_2k0k3ud", a = "v16_30_2k0k3ug", t = "v16_30_2k0k3uf", u = "v16_30_2k0k3ue", i = "v16_30_2k0k3ui v16_30_1y2v1nf8u v16_30_1y2v1nfa3", m = {
-    enter: "v16_30_2k0k3u9",
-    enterActive: "v16_30_2k0k3ua",
-    exit: "v16_30_2k0k3ub",
-    exitActive: "v16_30_2k0k3uc"
+var k = "v16_31_2k0k3uk", e = "v16_31_2k0k3uj", n = "v16_31_2k0k3u8 v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nfbc v16_31_1y2v1nfcl v16_31_1y2v1nf4c v16_31_1y2v1nflm v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfin", r = "v16_31_2k0k3ud", a = "v16_31_2k0k3ug", t = "v16_31_2k0k3uf", u = "v16_31_2k0k3ue", i = "v16_31_2k0k3ui v16_31_1y2v1nf8u v16_31_1y2v1nfa3", m = {
+    enter: "v16_31_2k0k3u9",
+    enterActive: "v16_31_2k0k3ua",
+    exit: "v16_31_2k0k3ub",
+    exitActive: "v16_31_2k0k3uc"
 }, f = {
-    top: "var(--v16_30_2k0k3u0)",
-    bottom: "var(--v16_30_2k0k3u1)",
-    left: "var(--v16_30_2k0k3u2)",
-    right: "var(--v16_30_2k0k3u4)",
-    width: "var(--v16_30_2k0k3u3)",
-    maxHeight: "var(--v16_30_2k0k3u5)",
-    transformOrigin: "var(--v16_30_2k0k3u6)"
+    top: "var(--v16_31_2k0k3u0)",
+    bottom: "var(--v16_31_2k0k3u1)",
+    left: "var(--v16_31_2k0k3u2)",
+    right: "var(--v16_31_2k0k3u4)",
+    width: "var(--v16_31_2k0k3u3)",
+    maxHeight: "var(--v16_31_2k0k3u5)",
+    transformOrigin: "var(--v16_31_2k0k3u6)"
 };

package/dist/mosaic.css-mistica.js

@@ -20,4 +20,4 @@ _export(exports, {
     }
 });
 require("./mosaic.css.ts.vanilla.css-mistica.js");
-var r = "v16_30_1j2q6te2", t = "v16_30_1j2q6te1", a = "v16_30_1j2q6te0";
+var r = "v16_31_1j2q6te2", t = "v16_31_1j2q6te1", a = "v16_31_1j2q6te0";