@telefonica/mistica 16.44.1 → 16.45.0

package/dist/list.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -6,33 +6,33 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    BoxedRow: function() {
-        return St;
+    get BoxedRow () {
+        return Vt;
     },
-    BoxedRowList: function() {
-        return At;
+    get BoxedRowList () {
+        return Ot;
     },
-    Content: function() {
-        return at;
+    get Content () {
+        return rt;
     },
-    ListItem: function() {
-        return Ot;
+    get ListItem () {
+        return zt;
     },
-    OrderedList: function() {
-        return Et;
+    get OrderedList () {
+        return Wt;
     },
-    Row: function() {
-        return kt;
+    get Row () {
+        return St;
     },
-    RowList: function() {
-        return It;
+    get RowList () {
+        return Et;
     },
-    UnorderedList: function() {
-        return Vt;
+    get UnorderedList () {
+        return Ht;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -183,7 +183,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+const it = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: a
     }) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
@@ -194,20 +194,20 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             children: e
         })
-    }) : e, at = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: d, titleAs: u, titleLinesMax: R, subtitle: x, subtitleLinesMax: S, description: g, descriptionLinesMax: H, detail: b, asset: A, danger: M, badge: T, right: w, rightRef: P, extra: c, labelId: W, disabled: y, control: V } = param;
-    const B = (0, _themevariantcontext.useThemeVariant)(), N = [
+    }) : e, rt = (param)=>{
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: l, title: o, titleAs: u, titleLinesMax: B, subtitle: x, subtitleLinesMax: S, description: g, descriptionLinesMax: H, detail: b, asset: E, danger: W, badge: C, right: R, rightRef: P, extra: c, labelId: z, disabled: y, control: V } = param;
+    const w = (0, _themevariantcontext.useThemeVariant)(), N = [
         a,
-        d,
+        o,
         x,
         g,
         c
     ].filter(Boolean).length === 1, { textPresets: f } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _listcssmistica.content,
-        id: W,
+        id: z,
         children: [
-            A && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            E && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.assetContainer, {
                     [_listcssmistica.center]: N,
                     [_listcssmistica.disabled]: y
@@ -217,22 +217,22 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
                     style: (0, _css.applyCssVars)({
-                        color: M ? ({
+                        color: W ? ({
                             default: _skincontractcssmistica.vars.colors.textError,
                             alternative: _skincontractcssmistica.vars.colors.textError,
                             brand: _skincontractcssmistica.vars.colors.textErrorBrand,
                             negative: _skincontractcssmistica.vars.colors.textErrorNegative,
                             media: _skincontractcssmistica.vars.colors.textErrorBrand
-                        })[B] : ({
+                        })[w] : ({
                             default: _skincontractcssmistica.vars.colors.textPrimary,
                             alternative: _skincontractcssmistica.vars.colors.textPrimary,
                             brand: _skincontractcssmistica.vars.colors.textPrimaryBrand,
                             negative: _skincontractcssmistica.vars.colors.textPrimaryNegative,
                             media: _skincontractcssmistica.vars.colors.textPrimaryMedia
-                        })[B],
+                        })[w],
                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                     }),
-                    children: A
+                    children: E
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -249,14 +249,14 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         mobileLineHeight: f.text3.lineHeight.mobile,
                         desktopLineHeight: f.text3.lineHeight.desktop,
                         weight: f.rowTitle.weight,
-                        color: M ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
-                        truncate: R,
+                        color: W ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
+                        truncate: B,
                         hyphens: "auto",
                         as: u,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: d
+                        children: o
                     }),
                     a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         ref: i,
@@ -301,7 +301,7 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         })
                     }),
                     c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        ref: o,
+                        ref: l,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
@@ -310,18 +310,18 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     })
                 ]
             }),
-            T && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            C && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_listcssmistica.badge, {
                         [_listcssmistica.disabled]: y
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                        value: T === !0 ? void 0 : T
+                        value: C === !0 ? void 0 : C
                     })
                 })
             }),
-            (b || w || e || V) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            (b || R || e || V) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rightContent, {
                     [_listcssmistica.rightRestrictedWidth]: !!b
                 }),
@@ -340,18 +340,18 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: b
                         })
                     }),
-                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
                             [_listcssmistica.detailRight]: !!b,
                             [_listcssmistica.disabled]: y
                         }),
                         ref: P,
                         "data-testid": "endSlot",
-                        children: tt(w, N)
+                        children: it(R, N)
                     }),
                     e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: b || w ? 4 : 0
+                            paddingLeft: b || R ? 4 : 0
                         },
                         className: (0, _classnames.default)(_listcssmistica.center, {
                             [_listcssmistica.disabled]: y
@@ -360,17 +360,17 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightfilled.default, {
                             size: 16,
                             color: {
-                                default: _skincontractcssmistica.vars.colors.neutralMedium,
-                                alternative: _skincontractcssmistica.vars.colors.neutralMedium,
+                                default: _skincontractcssmistica.vars.colors.chevronIndicator,
+                                alternative: _skincontractcssmistica.vars.colors.chevronIndicator,
                                 brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
                                 negative: _skincontractcssmistica.vars.colors.textSecondaryNegative,
                                 media: _skincontractcssmistica.vars.colors.textSecondaryBrand
-                            }[B]
+                            }[w]
                         })
                     }),
                     V && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: b || w ? 8 : 0
+                            paddingLeft: b || R ? 8 : 0
                         },
                         className: _listcssmistica.center,
                         children: V
@@ -379,31 +379,44 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, it = (param)=>{
+}, lt = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const o = e !== void 0, [d, u] = _react.useState(!!a);
+    const l = e !== void 0, [o, u] = _react.useState(!!a);
     return [
-        o ? !!e : d,
+        l ? !!e : o,
         ()=>{
-            o || u(!d), i == null || i(o ? !e : !d);
+            l || u(!o), i == null || i(l ? !e : !o);
         }
     ];
-}, rt = (e)=>[
+}, ot = (e)=>[
         "switch",
         "checkbox",
         "radioValue",
         "iconButton"
-    ].some((a)=>e[a] !== void 0), he = /*#__PURE__*/ _react.forwardRef((e, a)=>{
-    var ae, ie;
-    const i = _react.useId(), o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" || o === "negative", { asset: u, headline: R, title: x, titleAs: S, titleLinesMax: g, subtitle: H, subtitleLinesMax: b, description: A, descriptionLinesMax: M, detail: T, danger: w, badge: P, role: c, touchableRole: W, extra: y, withChevron: V, dataAttributes: B, right: Z, "aria-label": N, tabIndex: f, atomicReading: ue } = e, [be, fe] = _react.useState(""), [ve, xe] = _react.useState(""), [ge, ye] = _react.useState(""), _ = [
+    ].some((a)=>e[a] !== void 0), nt = (e)=>{
+    let a = "";
+    const i = (l)=>{
+        if (l && /*#__PURE__*/ _react.isValidElement(l)) {
+            const o = l.props;
+            typeof o.alt == "string" && o.alt.trim() && (a += (a ? " " : "") + o.alt.trim()), typeof o["aria-label"] == "string" && o["aria-label"].trim() && (a += (a ? " " : "") + o["aria-label"].trim()), _react.Children.forEach(o.children, i);
+        }
+    };
+    return i(e), a.trim();
+}, Q = (e)=>{
+    const a = (e == null ? void 0 : e.innerText) || (e == null ? void 0 : e.textContent) || "";
+    return process.env.NODE_ENV === "test" ? a.replace(/\s+/g, " ").replace(/([^ ])([A-ZÁÉÍÓÚÑ])/g, "$1 $2").trim() : a;
+}, ue = /*#__PURE__*/ _react.forwardRef((e, a)=>{
+    var ie, re;
+    const i = _react.useId(), l = (0, _themevariantcontext.useThemeVariant)(), o = l === "brand" || l === "media" || l === "negative", { asset: u, headline: B, title: x, titleAs: S, titleLinesMax: g, subtitle: H, subtitleLinesMax: b, description: E, descriptionLinesMax: W, detail: C, danger: R, badge: P, role: c, touchableRole: z, extra: y, withChevron: V, dataAttributes: w, right: Y, "aria-label": N, tabIndex: f, atomicReading: be } = e, [fe, ve] = _react.useState(""), [xe, ge] = _react.useState(""), [ye, we] = _react.useState(""), Be = nt(u), $ = [
         x,
-        be,
+        Be,
+        fe,
         H,
-        A,
-        ve,
-        T,
-        ge
-    ].filter(Boolean).join(" "), E = N !== null && N !== void 0 ? N : e.href || e.to ? _ : void 0, Be = (0, _radiobutton.useRadioContext)(), v = e.disabled || e.radioValue !== void 0 && Be.disabled, X = !v && !d, D = !v && d, $ = rt(e), O = !!e.onPress || !!e.href || !!e.to, Re = $ ? !1 : V !== null && V !== void 0 ? V : O, p = {
+        E,
+        xe,
+        C,
+        ye
+    ].filter(Boolean).join(" "), L = !!e.onPress || !!e.href || !!e.to, O = N !== null && N !== void 0 ? N : L ? $ : void 0, Re = (0, _radiobutton.useRadioContext)(), v = e.disabled || e.radioValue !== void 0 && Re.disabled, X = !v && !o, M = !v && o, p = ot(e), Ne = p ? !1 : V !== null && V !== void 0 ? V : L, ee = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -413,76 +426,76 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         onNavigate: e.onNavigate,
         onPress: e.onPress,
         trackingEvent: e.trackingEvent,
-        "aria-label": E,
+        "aria-label": O,
         "aria-labelledby": e["aria-labelledby"],
         "aria-description": e["aria-description"],
         "aria-describedby": e["aria-describedby"],
         "aria-current": e["aria-current"]
-    }, [ee, te] = it(e.switch || e.checkbox || {}), L = (l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(at, {
+    }, [te, ae] = lt(e.switch || e.checkbox || {}), k = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(rt, {
             asset: u,
-            headline: R,
-            headlineRef: (n)=>{
-                n && fe(n.textContent || "");
+            headline: B,
+            headlineRef: (d)=>{
+                d && ve(Q(d));
             },
             title: x,
             titleAs: S,
             subtitle: H,
-            description: A,
+            description: E,
             badge: P,
             titleLinesMax: g,
             subtitleLinesMax: b,
-            descriptionLinesMax: M,
-            detail: T,
-            danger: w,
-            right: Z,
-            rightRef: (n)=>{
-                n && ye(n.innerText || n.textContent || "");
+            descriptionLinesMax: W,
+            detail: C,
+            danger: R,
+            right: Y,
+            rightRef: (d)=>{
+                d && we(Q(d));
             },
-            control: l == null ? void 0 : l.control,
-            role: l == null ? void 0 : l.role,
+            control: n == null ? void 0 : n.control,
+            role: n == null ? void 0 : n.role,
             extra: y,
-            extraRef: (n)=>{
-                n && xe(n.innerText || n.textContent || "");
+            extraRef: (d)=>{
+                d && ge(Q(d));
             },
-            labelId: l == null ? void 0 : l.labelId,
+            labelId: n == null ? void 0 : n.labelId,
             disabled: v,
-            withChevron: Re
+            withChevron: Ne
         });
-    if (O && !$) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
+    if (L && !p) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         ref: a,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: X,
-            [_listcssmistica.touchableBackgroundBrand]: D,
+            [_listcssmistica.touchableBackgroundBrand]: M,
             [_listcssmistica.pointer]: !v
         })
-    }, p), {
-        role: W,
-        dataAttributes: B,
+    }, ee), {
+        role: z,
+        dataAttributes: w,
         disabled: v,
         tabIndex: f,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: L({
+            children: k({
                 role: c
             })
         })
     }));
-    const j = (l)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+    const j = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(B)), {
+        }, (0, _dom.getPrefixedDataAttributes)(w)), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
                     disabled: v
-                }, p), {
-                    role: W,
+                }, ee), {
+                    role: z,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
                         [_listcssmistica.touchableBackground]: X,
-                        [_listcssmistica.touchableBackgroundBrand]: D
+                        [_listcssmistica.touchableBackgroundBrand]: M
                     }),
                     tabIndex: f,
-                    children: L({
+                    children: k({
                         labelId: i,
                         role: c
                     })
@@ -490,92 +503,92 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionDivider
                 }),
-                l
+                n
             ]
-        })), F = (l, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        })), F = (n, d)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.touchableBackground]: X && n,
-                [_listcssmistica.touchableBackgroundBrand]: D && n,
-                [_listcssmistica.pointer]: !v && n
+                [_listcssmistica.touchableBackground]: X && d,
+                [_listcssmistica.touchableBackgroundBrand]: M && d,
+                [_listcssmistica.pointer]: !v && d
             }),
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(B)), {
-            children: l
+        }, (0, _dom.getPrefixedDataAttributes)(w)), {
+            children: n
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
-        const l = e.switch ? _switchcomponent.default : _checkbox.default, n = (_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 O ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(l, {
+        const n = e.switch ? _switchcomponent.default : _checkbox.default, d = (_ref1 = (_ref = (ie = e.switch) == null ? void 0 : ie.name) !== null && _ref !== void 0 ? _ref : (re = e.checkbox) == null ? void 0 : re.name) !== null && _ref1 !== void 0 ? _ref1 : i;
+        return L ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
             disabled: v,
-            name: n,
-            checked: ee,
-            "aria-label": E,
+            name: d,
+            checked: te,
+            "aria-label": O,
             "aria-labelledby": i,
-            onChange: te,
+            onChange: ae,
             render: (param)=>{
-                let { controlElement: q } = param;
+                let { controlElement: Z } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionRight,
-                    children: q
+                    children: Z
                 });
             }
-        })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(l, {
+        })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
             disabled: v,
-            name: n,
-            checked: ee,
-            "aria-label": E,
+            name: d,
+            checked: te,
+            "aria-label": O,
             "aria-labelledby": i,
-            onChange: te,
+            onChange: ae,
             render: (param)=>{
-                let { controlElement: q, labelId: we } = param;
+                let { controlElement: Z, labelId: Te } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     role: c,
-                    children: L({
-                        labelId: we,
+                    children: k({
+                        labelId: Te,
                         control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                             space: "around",
-                            children: q
+                            children: Z
                         })
                     })
                 });
             }
         }), !0);
     }
-    if (e.radioValue) return O ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+    if (e.radioValue) return L ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": E,
+        "aria-label": O,
         "aria-labelledby": i,
         render: (param)=>{
-            let { controlElement: l } = param;
+            let { controlElement: n } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: "around",
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    children: l
+                    children: n
                 })
             });
         }
     })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": E,
+        "aria-label": O,
         "aria-labelledby": i,
         render: (param)=>{
-            let { controlElement: l } = param;
+            let { controlElement: n } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 16,
                 role: c,
-                children: L({
+                children: k({
                     labelId: i,
                     control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
-                        children: l
+                        children: n
                     })
                 })
             });
         }
     }), !0);
-    if (e.iconButton) return O ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    if (e.iconButton) return L ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         padding: 16,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
             space: "around",
@@ -587,7 +600,7 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     })) : F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
-        children: L({
+        children: k({
             labelId: i,
             control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: "around",
@@ -601,31 +614,31 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         })
     }));
-    const U = !!N || ue;
+    const U = !!N || be;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         role: c,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: (0, _classnames.default)(_listcssmistica.rowContent, _listcssmistica.rowContentPadding),
             role: U ? "text" : void 0
-        }, (0, _dom.getPrefixedDataAttributes)(B)), {
+        }, (0, _dom.getPrefixedDataAttributes)(w)), {
             ref: a,
             tabIndex: f,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     "aria-hidden": U,
-                    children: L({
+                    children: k({
                         role: c
                     })
                 }),
                 U && /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                        children: N !== null && N !== void 0 ? N : _
+                        children: N !== null && N !== void 0 ? N : $
                     })
                 })
             ]
         }))
     });
-}), kt = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+}), St = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -633,24 +646,24 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         role: a,
         className: _listcssmistica.row,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(he, _object_spread_props(_object_spread({}, i), {
-            ref: o,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread_props(_object_spread({}, i), {
+            ref: l,
             dataAttributes: _object_spread({
                 "component-name": "Row",
                 testid: "Row"
             }, e)
         }))
     });
-}), It = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": o = "off", "aria-atomic": d = !1, dataAttributes: u } = param;
-    const R = _react.Children.toArray(e).filter(Boolean), x = R.length - 1;
+}), Et = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": l = "off", "aria-atomic": o = !1, dataAttributes: u } = param;
+    const B = _react.Children.toArray(e).filter(Boolean), x = B.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a,
-        "aria-live": o,
-        "aria-atomic": d
+        "aria-live": l,
+        "aria-atomic": o
     }, (0, _dom.getPrefixedDataAttributes)(u, "RowList")), {
-        children: R.map((S, g)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: B.map((S, g)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
                     S,
                     g < x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -660,12 +673,12 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 ]
             }, g))
     }));
-}, St = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+}, Vt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     var _a_variant;
-    return (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         overflow: "visible",
         className: _listcssmistica.boxed,
         variant: (_a_variant = a.variant) !== null && _a_variant !== void 0 ? _a_variant : a.isInverse ? "brand" : "default",
@@ -674,23 +687,23 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             "component-name": "BoxedRow",
             testid: "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(he, _object_spread({}, a))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread({}, a))
     });
-}), At = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o, "aria-live": d = "off", "aria-atomic": u = !1 } = param;
+}), Ot = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: l, "aria-live": o = "off", "aria-atomic": u = !1 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: i,
         "aria-labelledby": a,
-        "aria-live": d,
+        "aria-live": o,
         "aria-atomic": u,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList",
             testid: "BoxedRowList"
-        }, o),
+        }, l),
         children: e
     });
-}, Vt = (param)=>{
+}, Ht = (param)=>{
     let { children: e, "aria-label": a, "aria-labelledby": i } = param;
     return(// eslint-disable-next-line jsx-a11y/no-redundant-roles
     /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
@@ -700,7 +713,7 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "aria-labelledby": i,
         children: e
     }));
-}, Et = (param)=>{
+}, Wt = (param)=>{
     let { children: e, "aria-label": a, "aria-labelledby": i } = param;
     return(// eslint-disable-next-line jsx-a11y/no-redundant-roles
     /* @__PURE__ */ (0, _jsxruntime.jsx)("ol", {
@@ -710,9 +723,9 @@ const tt = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "aria-labelledby": i,
         children: e
     }));
-}, Ot = (param)=>{
-    let { children: e, Icon: a, icon: i, withMarker: o = !0 } = param;
-    return o ? a || i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
+}, zt = (param)=>{
+    let { children: e, Icon: a, icon: i, withMarker: l = !0 } = param;
+    return l ? a || i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
         className: _listcssmistica.liWithCustomIcon,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {