@telefonica/mistica 16.42.2 → 16.43.0

package/dist-es/list.js

@@ -80,25 +80,25 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t, jsxs as C } from "react/jsx-runtime";
 import * as u from "react";
-import c from "classnames";
-import { BaseTouchable as ie } from "./touchable.js";
-import { Text as Re, Text1 as Be, Text2 as q } from "./text.js";
-import s from "./box.js";
+import s from "classnames";
+import { BaseTouchable as re } from "./touchable.js";
+import { Text as Be, Text1 as Ne, Text2 as J } from "./text.js";
+import c from "./box.js";
 import k from "./stack.js";
-import Ne from "./badge.js";
+import Ce from "./badge.js";
 import { useIsInverseOrMediaVariant as se } from "./theme-variant-context.js";
-import Ce from "./generated/mistica-icons/icon-chevron-right-filled.js";
-import Ie from "./switch-component.js";
-import re, { useRadioContext as Le } from "./radio-button.js";
-import Te from "./checkbox.js";
-import { InternalBoxed as ke } from "./boxed.js";
-import Ae from "./divider.js";
-import { getPrefixedDataAttributes as E } from "./utils/dom.js";
-import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as le, rowContentPadding as Se, screenReaderOnly as Ve, row as Oe, boxed as He, ul as ce, liWithoutMarker as We, liContent as ne, liWithCustomIcon as ze, li as Ee, content as Me, assetContainer as Xe, center as Q, disabled as T, asset as De, rowBody as je, badge as Fe, rightContent as Pe, rightRestrictedWidth as Ue, detail as qe, detailRight as Ge, dualActionContainer as Je, dualActionLeft as Ke, dualActionDivider as Qe, dualActionRight as Ye } from "./list.css-mistica.js";
+import Ie from "./generated/mistica-icons/icon-chevron-right-filled.js";
+import Te from "./switch-component.js";
+import le, { useRadioContext as Le } from "./radio-button.js";
+import ke from "./checkbox.js";
+import { InternalBoxed as Ae } from "./boxed.js";
+import Se from "./divider.js";
+import { getPrefixedDataAttributes as M } from "./utils/dom.js";
+import { rowContent as K, touchableBackground as Q, touchableBackgroundInverse as Y, pointer as ne, rowContentPadding as Ve, row as Oe, boxed as He, ul as he, liWithoutMarker as We, liContent as oe, liWithCustomIcon as ze, li as Ee, content as Me, assetContainer as Xe, center as Z, disabled as L, asset as De, rowBody as je, badge as Pe, rightContent as Fe, rightRestrictedWidth as Ue, detail as qe, detailRight as Ge, dualActionContainer as Je, dualActionLeft as Ke, dualActionDivider as Qe, dualActionRight as Ye } from "./list.css-mistica.js";
 import { vars as Ze } from "./image.css-mistica.js";
 import { vars as o } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as _e } from "./utils/css.js";
-import { IconButton as oe, ToggleIconButton as de } from "./icon-button.js";
+import { IconButton as de, ToggleIconButton as ce } from "./icon-button.js";
 import $e from "./screen-reader-only.js";
 import { useTheme as pe } from "./hooks.js";
 const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
@@ -113,22 +113,22 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             children: e
         })
     }) : e, tt = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: n, title: d, titleAs: b, titleLinesMax: x, subtitle: w, subtitleLinesMax: A, description: f, descriptionLinesMax: M, detail: h, asset: z, danger: S, badge: V, right: R, rightRef: m, extra: I, labelId: X, disabled: g, control: y } = param;
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: n, title: d, titleAs: b, titleLinesMax: x, subtitle: R, subtitleLinesMax: A, description: f, descriptionLinesMax: X, detail: h, asset: z, danger: S, badge: V, right: w, rightRef: m, extra: I, labelId: D, disabled: g, control: y } = param;
     const O = se(), B = [
         a,
         d,
-        w,
+        R,
         f,
         I
     ].filter(Boolean).length === 1, { textPresets: N } = pe();
     return /* @__PURE__ */ C("div", {
         className: Me,
-        id: X,
+        id: D,
         children: [
             z && /* @__PURE__ */ t("div", {
-                className: c(Xe, {
-                    [Q]: B,
-                    [T]: g
+                className: s(Xe, {
+                    [Z]: B,
+                    [L]: g
                 }),
                 "aria-hidden": !0,
                 "data-testid": "asset",
@@ -142,14 +142,14 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             }),
             /* @__PURE__ */ C("div", {
-                className: c(je, {
-                    [T]: g
+                className: s(je, {
+                    [L]: g
                 }),
                 style: {
                     justifyContent: B ? "center" : "flex-start"
                 },
                 children: [
-                    /* @__PURE__ */ t(Re, {
+                    /* @__PURE__ */ t(Be, {
                         mobileSize: N.text3.size.mobile,
                         desktopSize: N.text3.size.desktop,
                         mobileLineHeight: N.text3.lineHeight.mobile,
@@ -170,7 +170,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             order: -1,
                             paddingBottom: 4
                         },
-                        children: /* @__PURE__ */ t(Be, {
+                        children: /* @__PURE__ */ t(Ne, {
                             regular: !0,
                             color: o.colors.textPrimary,
                             hyphens: "auto",
@@ -180,9 +180,9 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    w && /* @__PURE__ */ t(s, {
+                    R && /* @__PURE__ */ t(c, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(q, {
+                        children: /* @__PURE__ */ t(J, {
                             regular: !0,
                             color: o.colors.textPrimary,
                             truncate: A,
@@ -190,15 +190,15 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: w
+                            children: R
                         })
                     }),
-                    f && /* @__PURE__ */ t(s, {
+                    f && /* @__PURE__ */ t(c, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(q, {
+                        children: /* @__PURE__ */ t(J, {
                             regular: !0,
                             color: o.colors.textSecondary,
-                            truncate: M,
+                            truncate: X,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "description"
@@ -206,7 +206,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: f
                         })
                     }),
-                    I && /* @__PURE__ */ t(s, {
+                    I && /* @__PURE__ */ t(c, {
                         ref: n,
                         paddingTop: 2,
                         dataAttributes: {
@@ -216,27 +216,27 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     })
                 ]
             }),
-            V && /* @__PURE__ */ t(s, {
+            V && /* @__PURE__ */ t(c, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ t("div", {
-                    className: c(Fe, {
-                        [T]: g
+                    className: s(Pe, {
+                        [L]: g
                     }),
-                    children: /* @__PURE__ */ t(Ne, {
+                    children: /* @__PURE__ */ t(Ce, {
                         value: V === !0 ? void 0 : V
                     })
                 })
             }),
-            (h || R || e || y) && /* @__PURE__ */ C("div", {
-                className: c(Pe, {
+            (h || w || e || y) && /* @__PURE__ */ C("div", {
+                className: s(Fe, {
                     [Ue]: !!h
                 }),
                 children: [
                     h && /* @__PURE__ */ t("div", {
-                        className: c(qe, {
-                            [T]: g
+                        className: s(qe, {
+                            [L]: g
                         }),
-                        children: /* @__PURE__ */ t(q, {
+                        children: /* @__PURE__ */ t(J, {
                             regular: !0,
                             color: o.colors.textSecondary,
                             hyphens: "auto",
@@ -246,33 +246,33 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: h
                         })
                     }),
-                    R && /* @__PURE__ */ t("div", {
-                        className: c({
+                    w && /* @__PURE__ */ t("div", {
+                        className: s({
                             [Ge]: !!h,
-                            [T]: g
+                            [L]: g
                         }),
                         ref: m,
                         "data-testid": "endSlot",
-                        children: et(R, B)
+                        children: et(w, B)
                     }),
                     e && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: h || R ? 4 : 0
+                            paddingLeft: h || w ? 4 : 0
                         },
-                        className: c(Q, {
-                            [T]: g
+                        className: s(Z, {
+                            [L]: g
                         }),
                         "data-testid": "chevron",
-                        children: /* @__PURE__ */ t(Ce, {
+                        children: /* @__PURE__ */ t(Ie, {
                             size: 16,
                             color: O ? o.colors.inverse : o.colors.neutralMedium
                         })
                     }),
                     y && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: h || R ? 8 : 0
+                            paddingLeft: h || w ? 8 : 0
                         },
-                        className: Q,
+                        className: Z,
                         children: y
                     })
                 ]
@@ -293,17 +293,17 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "checkbox",
         "radioValue",
         "iconButton"
-    ].some((a)=>e[a] !== void 0), he = /*#__PURE__*/ u.forwardRef((e, a)=>{
-    var te, ae;
-    const i = u.useId(), n = se(), { asset: d, headline: b, title: x, titleAs: w, titleLinesMax: A, subtitle: f, subtitleLinesMax: M, description: h, descriptionLinesMax: z, detail: S, danger: V, badge: R, role: m, touchableRole: I, extra: X, withChevron: g, dataAttributes: y, right: O, "aria-label": Y, tabIndex: B } = e, [N, me] = u.useState(""), [ue, be] = u.useState(""), [fe, ve] = u.useState(""), xe = [
+    ].some((a)=>e[a] !== void 0), me = /*#__PURE__*/ u.forwardRef((e, a)=>{
+    var ae, ie;
+    const i = u.useId(), n = se(), { asset: d, headline: b, title: x, titleAs: R, titleLinesMax: A, subtitle: f, subtitleLinesMax: X, description: h, descriptionLinesMax: z, detail: S, danger: V, badge: w, role: m, touchableRole: I, extra: D, withChevron: g, dataAttributes: y, right: O, "aria-label": E, tabIndex: B, atomicReading: N } = e, [ue, be] = u.useState(""), [fe, ve] = u.useState(""), [xe, ge] = u.useState(""), _ = [
         x,
-        N,
+        ue,
         f,
         h,
-        ue,
+        fe,
         S,
-        fe
-    ].filter(Boolean).join(" "), H = Y !== null && Y !== void 0 ? Y : e.href || e.to ? xe : void 0, ge = Le(), v = e.disabled || e.radioValue !== void 0 && ge.disabled, D = !v && !n, j = !v && n, Z = it(e), W = !!e.onPress || !!e.href || !!e.to, ye = Z ? !1 : g !== null && g !== void 0 ? g : W, _ = {
+        xe
+    ].filter(Boolean).join(" "), H = E !== null && E !== void 0 ? E : e.href || e.to ? _ : void 0, ye = Le(), v = e.disabled || e.radioValue !== void 0 && ye.disabled, j = !v && !n, P = !v && n, $ = it(e), W = !!e.onPress || !!e.href || !!e.to, Re = $ ? !1 : g !== null && g !== void 0 ? g : W, p = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -318,52 +318,52 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "aria-description": e["aria-description"],
         "aria-describedby": e["aria-describedby"],
         "aria-current": e["aria-current"]
-    }, [$, p] = at(e.switch || e.checkbox || {}), L = (r)=>/* @__PURE__ */ t(tt, {
+    }, [ee, te] = at(e.switch || e.checkbox || {}), T = (r)=>/* @__PURE__ */ t(tt, {
             asset: d,
             headline: b,
             headlineRef: (l)=>{
-                l && me(l.textContent || "");
+                l && be(l.textContent || "");
             },
             title: x,
-            titleAs: w,
+            titleAs: R,
             subtitle: f,
             description: h,
-            badge: R,
+            badge: w,
             titleLinesMax: A,
-            subtitleLinesMax: M,
+            subtitleLinesMax: X,
             descriptionLinesMax: z,
             detail: S,
             danger: V,
             right: O,
             rightRef: (l)=>{
-                l && ve(l.innerText || l.textContent || "");
+                l && ge(l.innerText || l.textContent || "");
             },
             control: r == null ? void 0 : r.control,
             role: r == null ? void 0 : r.role,
-            extra: X,
+            extra: D,
             extraRef: (l)=>{
-                l && be(l.innerText || l.textContent || "");
+                l && ve(l.innerText || l.textContent || "");
             },
             labelId: r == null ? void 0 : r.labelId,
             disabled: v,
-            withChevron: ye
+            withChevron: Re
         });
-    if (W && !Z) return /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
+    if (W && !$) return /* @__PURE__ */ t(re, _object_spread_props(_object_spread({
         ref: a,
-        className: c(G, {
-            [J]: D,
-            [K]: j,
-            [le]: !v
+        className: s(K, {
+            [Q]: j,
+            [Y]: P,
+            [ne]: !v
         })
-    }, _), {
+    }, p), {
         role: I,
         dataAttributes: y,
         disabled: v,
         tabIndex: B,
-        children: /* @__PURE__ */ t(s, {
+        children: /* @__PURE__ */ t(c, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: L({
+            children: T({
                 role: m
             })
         })
@@ -371,18 +371,18 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     const F = (r)=>/* @__PURE__ */ C("div", _object_spread_props(_object_spread({
             className: Je,
             ref: a
-        }, E(y)), {
+        }, M(y)), {
             children: [
-                /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
+                /* @__PURE__ */ t(re, _object_spread_props(_object_spread({
                     disabled: v
-                }, _), {
+                }, p), {
                     role: I,
-                    className: c(Ke, {
-                        [J]: D,
-                        [K]: j
+                    className: s(Ke, {
+                        [Q]: j,
+                        [Y]: P
                     }),
                     tabIndex: B,
-                    children: L({
+                    children: T({
                         labelId: i,
                         role: m
                     })
@@ -392,57 +392,57 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }),
                 r
             ]
-        })), P = (r, l)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-            className: c(G, {
-                [J]: D && l,
-                [K]: j && l,
-                [le]: !v && l
+        })), U = (r, l)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+            className: s(K, {
+                [Q]: j && l,
+                [Y]: P && l,
+                [ne]: !v && l
             }),
             ref: a
-        }, E(y)), {
+        }, M(y)), {
             children: r
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
-        const r = e.switch ? Ie : Te, l = (_ref1 = (_ref = (te = e.switch) == null ? void 0 : te.name) !== null && _ref !== void 0 ? _ref : (ae = e.checkbox) == null ? void 0 : ae.name) !== null && _ref1 !== void 0 ? _ref1 : i;
+        const r = e.switch ? Te : ke, l = (_ref1 = (_ref = (ae = e.switch) == null ? void 0 : ae.name) !== null && _ref !== void 0 ? _ref : (ie = e.checkbox) == null ? void 0 : ie.name) !== null && _ref1 !== void 0 ? _ref1 : i;
         return W ? F(/* @__PURE__ */ t(r, {
             disabled: v,
             name: l,
-            checked: $,
+            checked: ee,
             "aria-label": H,
             "aria-labelledby": i,
-            onChange: p,
+            onChange: te,
             render: (param)=>{
-                let { controlElement: U } = param;
+                let { controlElement: G } = param;
                 return /* @__PURE__ */ t("div", {
                     className: Ye,
-                    children: U
+                    children: G
                 });
             }
-        })) : P(/* @__PURE__ */ t(r, {
+        })) : U(/* @__PURE__ */ t(r, {
             disabled: v,
             name: l,
-            checked: $,
+            checked: ee,
             "aria-label": H,
             "aria-labelledby": i,
-            onChange: p,
+            onChange: te,
             render: (param)=>{
-                let { controlElement: U, labelId: we } = param;
-                return /* @__PURE__ */ t(s, {
+                let { controlElement: G, labelId: we } = param;
+                return /* @__PURE__ */ t(c, {
                     paddingX: 16,
                     role: m,
-                    children: L({
+                    children: T({
                         labelId: we,
                         control: /* @__PURE__ */ t(k, {
                             space: "around",
-                            children: U
+                            children: G
                         })
                     })
                 });
             }
         }), !0);
     }
-    if (e.radioValue) return W ? F(/* @__PURE__ */ t(re, {
+    if (e.radioValue) return W ? F(/* @__PURE__ */ t(le, {
         value: e.radioValue,
         "aria-label": H,
         "aria-labelledby": i,
@@ -450,22 +450,22 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             let { controlElement: r } = param;
             return /* @__PURE__ */ t(k, {
                 space: "around",
-                children: /* @__PURE__ */ t(s, {
+                children: /* @__PURE__ */ t(c, {
                     paddingX: 16,
                     children: r
                 })
             });
         }
-    })) : P(/* @__PURE__ */ t(re, {
+    })) : U(/* @__PURE__ */ t(le, {
         value: e.radioValue,
         "aria-label": H,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
-            return /* @__PURE__ */ t(s, {
+            return /* @__PURE__ */ t(c, {
                 paddingX: 16,
                 role: m,
-                children: L({
+                children: T({
                     labelId: i,
                     control: /* @__PURE__ */ t(k, {
                         space: "around",
@@ -475,55 +475,57 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             });
         }
     }), !0);
-    if (e.iconButton) return W ? F(/* @__PURE__ */ t(s, {
+    if (e.iconButton) return W ? F(/* @__PURE__ */ t(c, {
         padding: 16,
         children: /* @__PURE__ */ t(k, {
             space: "around",
-            children: e.iconButton.Icon ? /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
+            children: e.iconButton.Icon ? /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
-            })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
+            })) : /* @__PURE__ */ t(ce, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
             }))
         })
-    })) : P(/* @__PURE__ */ t(s, {
+    })) : U(/* @__PURE__ */ t(c, {
         paddingX: 16,
-        children: L({
+        children: T({
             labelId: i,
             control: /* @__PURE__ */ t(k, {
                 space: "around",
-                children: e.iconButton.Icon ? /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
+                children: e.iconButton.Icon ? /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
                     role: m
-                })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
+                })) : /* @__PURE__ */ t(ce, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
                     role: m
                 }))
             })
         })
     }));
-    const ee = !!e["aria-label"];
-    return /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
-        className: c(G, Se),
-        role: m
-    }, E(y)), {
-        ref: a,
-        tabIndex: B,
-        children: [
-            /* @__PURE__ */ t("div", {
-                "aria-hidden": ee,
-                children: L({
-                    role: m
-                })
-            }),
-            ee && /* @__PURE__ */ t($e, {
-                className: Ve,
-                children: /* @__PURE__ */ t("span", {
-                    children: e["aria-label"]
+    const q = !!E || N;
+    return /* @__PURE__ */ t("div", {
+        role: m,
+        children: /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
+            className: s(K, Ve),
+            role: q ? "text" : void 0
+        }, M(y)), {
+            ref: a,
+            tabIndex: B,
+            children: [
+                /* @__PURE__ */ t("div", {
+                    "aria-hidden": q,
+                    children: T({
+                        role: m
+                    })
+                }),
+                q && /* @__PURE__ */ t($e, {
+                    children: /* @__PURE__ */ t("span", {
+                        children: E !== null && E !== void 0 ? E : _
+                    })
                 })
-            })
-        ]
-    }));
-}), Lt = /*#__PURE__*/ u.forwardRef((_param, n)=>{
+            ]
+        }))
+    });
+}), Tt = /*#__PURE__*/ u.forwardRef((_param, n)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -531,7 +533,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ t("div", {
         role: a,
         className: Oe,
-        children: /* @__PURE__ */ t(he, _object_spread_props(_object_spread({}, i), {
+        children: /* @__PURE__ */ t(me, _object_spread_props(_object_spread({}, i), {
             ref: n,
             dataAttributes: _object_spread({
                 "component-name": "Row",
@@ -539,21 +541,21 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }, e)
         }))
     });
-}), Tt = (param)=>{
+}), Lt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": n = "off", "aria-atomic": d = !1, dataAttributes: b } = param;
-    const x = u.Children.toArray(e).filter(Boolean), w = x.length - 1;
+    const x = u.Children.toArray(e).filter(Boolean), R = x.length - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a,
         "aria-live": n,
         "aria-atomic": d
-    }, E(b, "RowList")), {
+    }, M(b, "RowList")), {
         children: x.map((A, f)=>/* @__PURE__ */ C(u.Fragment, {
                 children: [
                     A,
-                    f < w && /* @__PURE__ */ t(s, {
+                    f < R && /* @__PURE__ */ t(c, {
                         paddingX: 16,
-                        children: /* @__PURE__ */ t(Ae, {})
+                        children: /* @__PURE__ */ t(Se, {})
                     })
                 ]
             }, f))
@@ -562,7 +564,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(ke, {
+    return /* @__PURE__ */ t(Ae, {
         overflow: "visible",
         className: He,
         variant: a.isInverse ? "inverse" : "default",
@@ -571,7 +573,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "component-name": "BoxedRow",
             testid: "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(he, _object_spread({}, a))
+        children: /* @__PURE__ */ t(me, _object_spread({}, a))
     });
 }), At = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: n, "aria-live": d = "off", "aria-atomic": b = !1 } = param;
@@ -593,7 +595,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
     /* @__PURE__ */ t("ul", {
         role: "list",
-        className: ce,
+        className: he,
         "aria-label": a,
         "aria-labelledby": i,
         children: e
@@ -604,7 +606,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
     /* @__PURE__ */ t("ol", {
         role: "list",
-        className: ce,
+        className: he,
         "aria-label": a,
         "aria-labelledby": i,
         children: e
@@ -614,7 +616,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return n ? a || i ? /* @__PURE__ */ C("li", {
         className: ze,
         children: [
-            /* @__PURE__ */ t(s, {
+            /* @__PURE__ */ t(c, {
                 paddingRight: {
                     mobile: 8,
                     desktop: 16
@@ -625,7 +627,7 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }) : i
             }),
             /* @__PURE__ */ t("div", {
-                className: ne,
+                className: oe,
                 children: e
             })
         ]
@@ -635,9 +637,9 @@ const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     }) : /* @__PURE__ */ t("li", {
         className: We,
         children: /* @__PURE__ */ t("div", {
-            className: ne,
+            className: oe,
             children: e
         })
     });
 };
-export { kt as BoxedRow, At as BoxedRowList, tt as Content, Ot as ListItem, Vt as OrderedList, Lt as Row, Tt as RowList, St as UnorderedList };
+export { kt as BoxedRow, At as BoxedRowList, tt as Content, Ot as ListItem, Vt as OrderedList, Tt as Row, Lt as RowList, St as UnorderedList };

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_42_2_1num3qg3", r = "v16_42_2_1num3qg2 v16_42_2_1y2v1nfjs v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfnl v16_42_2_1y2v1nfo0", f = "v16_42_2_1num3qg7 v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfl0", y = "v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfn0 v16_42_2_1y2v1nfjq v16_42_2_1y2v1nf6o v16_42_2_1y2v1nfl3";
+var n = "v16_43_1num3qg3", r = "v16_43_1num3qg2 v16_43_1y2v1nfjs v16_43_1y2v1nfn6 v16_43_1y2v1nfnl v16_43_1y2v1nfo0", f = "v16_43_1num3qg7 v16_43_1y2v1nfjr v16_43_1y2v1nfkj v16_43_1y2v1nfl0", y = "v16_43_1y2v1nfkj v16_43_1y2v1nfn0 v16_43_1y2v1nfjq v16_43_1y2v1nf6o v16_43_1y2v1nfl3";
 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 v = 500, n = "v16_42_2_flke8b1 v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfkb", a = "v16_42_2_1y2v1nfki v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfk5", r = "v16_42_2_flke8b9 v16_42_2_1y2v1nfaa", f = "v16_42_2_flke8bb", k = "v16_42_2_flke8bc", l = "v16_42_2_flke8bf", i = "v16_42_2_flke8be", o = {
-    default: "v16_42_2_flke8b4",
-    inverse: "v16_42_2_flke8b5"
-}, d = "v16_42_2_flke8b3", t = "v16_42_2_flke8b6";
-export { v as inOutAnimationMs, n as loadingScreen, a as loadingScreenChildren, r as loadingScreenText, f as loadingScreenTextAnimated, k as loadingScreenTextAnimatedOut, l as logo, i as pulseLogo, o as screenBackground, d as screenBackgroundAnimated, t as screenBackgroundFadeOut };
+var _ = 500, n = "v16_43_flke8b1 v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfkb", a = "v16_43_1y2v1nfki v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfkb v16_43_1y2v1nfk5", r = "v16_43_flke8b9 v16_43_1y2v1nfaa", f = "v16_43_flke8bb", k = "v16_43_flke8bc", l = "v16_43_flke8bf", i = "v16_43_flke8be", o = {
+    default: "v16_43_flke8b4",
+    inverse: "v16_43_flke8b5"
+}, d = "v16_43_flke8b3", t = "v16_43_flke8b6";
+export { _ as inOutAnimationMs, n as loadingScreen, a as loadingScreenChildren, r as loadingScreenText, f as loadingScreenTextAnimated, k as loadingScreenTextAnimatedOut, l as logo, i as pulseLogo, o as screenBackground, d as screenBackgroundAnimated, t as screenBackgroundFadeOut };