@telefonica/mistica 16.71.0 → 16.72.0

package/dist-es/list.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import * as m from "react";
-import u from "classnames";
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import * as h from "react";
+import m from "classnames";
 import { BaseTouchable as ie } from "./touchable.js";
 import { Text as Ne, Text1 as Ce, Text2 as _ } from "./text.js";
-import h from "./box.js";
-import P from "./stack.js";
+import s from "./box.js";
+import S from "./stack.js";
 import Te from "./badge.js";
 import { useThemeVariant as ce } from "./theme-variant-context.js";
 import ke from "./generated/mistica-icons/icon-chevron-right-filled.js";
-import Le from "./switch-component.js";
-import re, { useRadioContext as Ae } from "./radio-button.js";
+import Ae from "./switch-component.js";
+import re, { useRadioContext as Le } from "./radio-button.js";
 import Ie from "./checkbox.js";
 import { InternalBoxed as Se } from "./boxed.js";
 import Pe from "./divider.js";
 import { getPrefixedDataAttributes as z } from "./utils/dom.js";
-import { row as Ee, boxed as Ve, ul as se, liWithoutMarker as Oe, liContent as oe, liWithCustomIcon as He, li as We, rowContent as q, pointer as le, touchableBackgroundBrand as G, touchableBackground as J, rowContentPadding as ze, content as De, asset as Xe, assetContainer as Me, disabled as S, center as K, rowBody as je, badge as Fe, detail as Ue, detailRight as Ze, rightContent as _e, rightRestrictedWidth as qe, dualActionContainer as Ge, dualActionLeft as Je, dualActionDivider as Ke, dualActionRight as Qe } from "./list.css-mistica.js";
+import { row as Ve, boxed as Ee, ul as se, liWithoutMarker as Oe, liContent as le, liWithCustomIcon as He, li as We, rowContent as q, pointer as oe, touchableBackgroundBrand as G, touchableBackground as J, rowContentPadding as ze, content as De, asset as Xe, assetContainer as Me, disabled as I, center as K, rowBody as je, badge as Fe, detail as Ue, detailRight as Ze, rightContent as _e, rightRestrictedWidth as qe, dualActionContainer as Ge, dualActionLeft as Je, dualActionDivider as Ke, dualActionRight as Qe } from "./list.css-mistica.js";
 import { vars as Ye } from "./image.css-mistica.js";
 import { vars as r } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as pe } from "./utils/css.js";
@@ -113,22 +113,22 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
             children: e
         })
     }) : e, at = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: l, titleAs: b, titleLinesMax: x, subtitle: f, subtitleLinesMax: T, description: w, descriptionLinesMax: k, detail: c, asset: E, danger: H, badge: L, right: B, rightRef: D, extra: s, labelId: W, disabled: y, control: V } = param;
-    const R = ce(), N = [
+    let { withChevron: e, headline: a, headlineRef: i, slotRef: l, title: o, titleAs: u, titleLinesMax: x, subtitle: b, subtitleLinesMax: P, description: R, descriptionLinesMax: w, detail: f, asset: V, danger: H, badge: k, right: N, rightRef: D, slot: c, labelId: W, disabled: y, control: E } = param;
+    const B = ce(), C = [
         a,
-        l,
-        f,
-        w,
-        s
+        o,
+        b,
+        R,
+        c
     ].filter(Boolean).length === 1, { textPresets: v } = et();
-    return /* @__PURE__ */ C("div", {
+    return /* @__PURE__ */ T("div", {
         className: De,
         id: W,
         children: [
-            E && /* @__PURE__ */ t("div", {
-                className: u(Me, {
-                    [K]: N,
-                    [S]: y
+            V && /* @__PURE__ */ t("div", {
+                className: m(Me, {
+                    [K]: C,
+                    [I]: y
                 }),
                 "aria-hidden": !0,
                 "data-testid": "asset",
@@ -141,24 +141,24 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                             brand: r.colors.textErrorBrand,
                             negative: r.colors.textErrorNegative,
                             media: r.colors.textErrorBrand
-                        })[R] : ({
+                        })[B] : ({
                             default: r.colors.textPrimary,
                             alternative: r.colors.textPrimary,
                             brand: r.colors.textPrimaryBrand,
                             negative: r.colors.textPrimaryNegative,
                             media: r.colors.textPrimaryMedia
-                        })[R],
+                        })[B],
                         [Ye.mediaBorderRadius]: r.borderRadii.mediaSmall
                     }),
-                    children: E
+                    children: V
                 })
             }),
-            /* @__PURE__ */ C("div", {
-                className: u(je, {
-                    [S]: y
+            /* @__PURE__ */ T("div", {
+                className: m(je, {
+                    [I]: y
                 }),
                 style: {
-                    justifyContent: N ? "center" : "flex-start"
+                    justifyContent: C ? "center" : "flex-start"
                 },
                 children: [
                     /* @__PURE__ */ t(Ne, {
@@ -170,11 +170,11 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                         color: H ? r.colors.textError : r.colors.textPrimary,
                         truncate: x,
                         hyphens: "auto",
-                        as: b,
+                        as: u,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: l
+                        children: o
                     }),
                     a && /* @__PURE__ */ t("div", {
                         ref: i,
@@ -192,61 +192,61 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                             children: a
                         })
                     }),
-                    f && /* @__PURE__ */ t(h, {
+                    b && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ t(_, {
                             regular: !0,
                             color: r.colors.textPrimary,
-                            truncate: T,
+                            truncate: P,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: f
+                            children: b
                         })
                     }),
-                    w && /* @__PURE__ */ t(h, {
+                    R && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ t(_, {
                             regular: !0,
                             color: r.colors.textSecondary,
-                            truncate: k,
+                            truncate: w,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: w
+                            children: R
                         })
                     }),
-                    s && /* @__PURE__ */ t(h, {
-                        ref: o,
+                    c && /* @__PURE__ */ t(s, {
+                        ref: l,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
                         },
-                        children: s
+                        children: c
                     })
                 ]
             }),
-            L && /* @__PURE__ */ t(h, {
+            k && /* @__PURE__ */ t(s, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ t("div", {
-                    className: u(Fe, {
-                        [S]: y
+                    className: m(Fe, {
+                        [I]: y
                     }),
                     children: /* @__PURE__ */ t(Te, {
-                        value: L === !0 ? void 0 : L
+                        value: k === !0 ? void 0 : k
                     })
                 })
             }),
-            (c || B || e || V) && /* @__PURE__ */ C("div", {
-                className: u(_e, {
-                    [qe]: !!c
+            (f || N || e || E) && /* @__PURE__ */ T("div", {
+                className: m(_e, {
+                    [qe]: !!f
                 }),
                 children: [
-                    c && /* @__PURE__ */ t("div", {
-                        className: u(Ue, {
-                            [S]: y
+                    f && /* @__PURE__ */ t("div", {
+                        className: m(Ue, {
+                            [I]: y
                         }),
                         children: /* @__PURE__ */ t(_, {
                             regular: !0,
@@ -255,24 +255,24 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                             dataAttributes: {
                                 testid: "detail"
                             },
-                            children: c
+                            children: f
                         })
                     }),
-                    B && /* @__PURE__ */ t("div", {
-                        className: u({
-                            [Ze]: !!c,
-                            [S]: y
+                    N && /* @__PURE__ */ t("div", {
+                        className: m({
+                            [Ze]: !!f,
+                            [I]: y
                         }),
                         ref: D,
                         "data-testid": "endSlot",
-                        children: tt(B, N)
+                        children: tt(N, C)
                     }),
                     e && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: c || B ? 4 : 0
+                            paddingLeft: f || N ? 4 : 0
                         },
-                        className: u(K, {
-                            [S]: y
+                        className: m(K, {
+                            [I]: y
                         }),
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ t(ke, {
@@ -283,15 +283,15 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                                 brand: r.colors.textSecondaryBrand,
                                 negative: r.colors.textSecondaryNegative,
                                 media: r.colors.textSecondaryBrand
-                            }[R]
+                            }[B]
                         })
                     }),
-                    V && /* @__PURE__ */ t("div", {
+                    E && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: c || B ? 8 : 0
+                            paddingLeft: f || N ? 8 : 0
                         },
                         className: K,
-                        children: V
+                        children: E
                     })
                 ]
             })
@@ -299,11 +299,11 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
     });
 }, it = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const o = e !== void 0, [l, b] = m.useState(!!a);
+    const l = e !== void 0, [o, u] = h.useState(!!a);
     return [
-        o ? !!e : l,
+        l ? !!e : o,
         ()=>{
-            o || b(!l), i === null || i === void 0 ? void 0 : i(o ? !e : !l);
+            l || u(!o), i === null || i === void 0 ? void 0 : i(l ? !e : !o);
         }
     ];
 }, rt = (e)=>[
@@ -311,29 +311,29 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         "checkbox",
         "radioValue",
         "iconButton"
-    ].some((a)=>e[a] !== void 0), ot = (e)=>{
+    ].some((a)=>e[a] !== void 0), lt = (e)=>{
     let a = "";
-    const i = (o)=>{
-        if (o && /*#__PURE__*/ m.isValidElement(o)) {
-            const l = o.props;
-            typeof l.alt == "string" && l.alt.trim() && (a += (a ? " " : "") + l.alt.trim()), typeof l["aria-label"] == "string" && l["aria-label"].trim() && (a += (a ? " " : "") + l["aria-label"].trim()), m.Children.forEach(l.children, i);
+    const i = (l)=>{
+        if (l && /*#__PURE__*/ h.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()), h.Children.forEach(o.children, i);
         }
     };
     return i(e), a.trim();
 }, Q = (e)=>{
     const a = (e === null || e === void 0 ? void 0 : e.innerText) || (e === null || e === void 0 ? void 0 : e.textContent) || "";
     return process.env.NODE_ENV === "test" ? a.replace(/\s+/g, " ").replace(/([^ ])([A-ZÁÉÍÓÚÑ])/g, "$1 $2").trim() : a;
-}, he = /*#__PURE__*/ m.forwardRef((e, a)=>{
-    const i = m.useId(), o = ce(), l = o === "brand" || o === "media" || o === "negative", { asset: b, headline: x, title: f, titleAs: T, titleLinesMax: w, subtitle: k, subtitleLinesMax: c, description: E, descriptionLinesMax: H, detail: L, danger: B, badge: D, role: s, touchableRole: W, extra: y, withChevron: V, dataAttributes: R, right: Y, "aria-label": N, tabIndex: v, atomicReading: me } = e, [ue, be] = m.useState(""), [fe, ve] = m.useState(""), [ge, xe] = m.useState(""), ye = ot(b), p = [
-        f,
+}, he = /*#__PURE__*/ h.forwardRef((e, a)=>{
+    const i = h.useId(), l = ce(), o = l === "brand" || l === "media" || l === "negative", { asset: u, headline: x, title: b, titleAs: P, titleLinesMax: R, subtitle: w, subtitleLinesMax: f, description: V, descriptionLinesMax: H, detail: k, danger: N, badge: D, role: c, touchableRole: W, slot: y, withChevron: E, dataAttributes: B, right: Y, "aria-label": C, tabIndex: v, atomicReading: me } = e, [ue, be] = h.useState(""), [fe, ve] = h.useState(""), [ge, xe] = h.useState(""), ye = lt(u), p = [
+        b,
         ye,
         ue,
-        k,
-        E,
+        w,
+        V,
         fe,
-        L,
+        k,
         ge
-    ].filter(Boolean).join(" "), A = !!e.onPress || !!e.href || !!e.to, O = N !== null && N !== void 0 ? N : A ? p : void 0, Re = Ae(), g = e.disabled || e.radioValue !== void 0 && Re.disabled, X = !g && !l, M = !g && l, $ = rt(e), we = $ ? !1 : V !== null && V !== void 0 ? V : A, ee = {
+    ].filter(Boolean).join(" "), A = !!e.onPress || !!e.href || !!e.to, O = C !== null && C !== void 0 ? C : A ? p : void 0, Be = Le(), g = e.disabled || e.radioValue !== void 0 && Be.disabled, X = !g && !o, M = !g && o, $ = rt(e), Re = $ ? !1 : E !== null && E !== void 0 ? E : A, ee = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -348,76 +348,76 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         "aria-description": e["aria-description"],
         "aria-describedby": e["aria-describedby"],
         "aria-current": e["aria-current"]
-    }, [te, ae] = it(e.switch || e.checkbox || {}), I = (d)=>/* @__PURE__ */ t(at, {
-            asset: b,
+    }, [te, ae] = it(e.switch || e.checkbox || {}), L = (d)=>/* @__PURE__ */ t(at, {
+            asset: u,
             headline: x,
             headlineRef: (n)=>{
                 n && be(Q(n));
             },
-            title: f,
-            titleAs: T,
-            subtitle: k,
-            description: E,
+            title: b,
+            titleAs: P,
+            subtitle: w,
+            description: V,
             badge: D,
-            titleLinesMax: w,
-            subtitleLinesMax: c,
+            titleLinesMax: R,
+            subtitleLinesMax: f,
             descriptionLinesMax: H,
-            detail: L,
-            danger: B,
+            detail: k,
+            danger: N,
             right: Y,
             rightRef: (n)=>{
                 n && xe(Q(n));
             },
             control: d === null || d === void 0 ? void 0 : d.control,
             role: d === null || d === void 0 ? void 0 : d.role,
-            extra: y,
-            extraRef: (n)=>{
+            slot: y,
+            slotRef: (n)=>{
                 n && ve(Q(n));
             },
             labelId: d === null || d === void 0 ? void 0 : d.labelId,
             disabled: g,
-            withChevron: we
+            withChevron: Re
         });
     if (A && !$) return /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
         ref: a,
-        className: u(q, {
+        className: m(q, {
             [J]: X,
             [G]: M,
-            [le]: !g
+            [oe]: !g
         })
     }, ee), {
         role: W,
-        dataAttributes: R,
+        dataAttributes: B,
         disabled: g,
         tabIndex: v,
-        children: /* @__PURE__ */ t(h, {
+        children: /* @__PURE__ */ t(s, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || e.touchableRole === "link" || void 0,
             dataAttributes: {
                 testid: "content-container"
             },
-            children: I({
-                role: s
+            children: L({
+                role: c
             })
         })
     }));
-    const j = (d)=>/* @__PURE__ */ C("div", _object_spread_props(_object_spread({
+    const j = (d)=>/* @__PURE__ */ T("div", _object_spread_props(_object_spread({
             className: Ge,
             ref: a
-        }, z(R)), {
+        }, z(B)), {
             children: [
                 /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
                     disabled: g
                 }, ee), {
                     role: W,
-                    className: u(Je, {
+                    className: m(Je, {
                         [J]: X,
                         [G]: M
                     }),
                     tabIndex: v,
-                    children: I({
+                    children: L({
                         labelId: i,
-                        role: s
+                        role: c
                     })
                 })),
                 /* @__PURE__ */ t("div", {
@@ -426,19 +426,19 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                 d
             ]
         })), F = (d, n)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-            className: u(q, {
+            className: m(q, {
                 [J]: X && n,
                 [G]: M && n,
-                [le]: !g && n
+                [oe]: !g && n
             }),
             ref: a
-        }, z(R)), {
+        }, z(B)), {
             children: d
         }));
     if (e.switch || e.checkbox) {
         var _e_switch, _e_checkbox;
         var _e_switch_name, _ref;
-        const d = e.switch ? Le : Ie, n = (_ref = (_e_switch_name = (_e_switch = e.switch) === null || _e_switch === void 0 ? void 0 : _e_switch.name) !== null && _e_switch_name !== void 0 ? _e_switch_name : (_e_checkbox = e.checkbox) === null || _e_checkbox === void 0 ? void 0 : _e_checkbox.name) !== null && _ref !== void 0 ? _ref : i;
+        const d = e.switch ? Ae : Ie, n = (_ref = (_e_switch_name = (_e_switch = e.switch) === null || _e_switch === void 0 ? void 0 : _e_switch.name) !== null && _e_switch_name !== void 0 ? _e_switch_name : (_e_checkbox = e.checkbox) === null || _e_checkbox === void 0 ? void 0 : _e_checkbox.name) !== null && _ref !== void 0 ? _ref : i;
         return A ? j(/* @__PURE__ */ t(d, {
             disabled: g,
             name: n,
@@ -461,13 +461,13 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
             "aria-labelledby": i,
             onChange: ae,
             render: (param)=>{
-                let { controlElement: Z, labelId: Be } = param;
-                return /* @__PURE__ */ t(h, {
+                let { controlElement: Z, labelId: we } = param;
+                return /* @__PURE__ */ t(s, {
                     paddingX: 16,
-                    role: s,
-                    children: I({
-                        labelId: Be,
-                        control: /* @__PURE__ */ t(P, {
+                    role: c,
+                    children: L({
+                        labelId: we,
+                        control: /* @__PURE__ */ t(S, {
                             space: "around",
                             children: Z
                         })
@@ -482,9 +482,9 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: d } = param;
-            return /* @__PURE__ */ t(P, {
+            return /* @__PURE__ */ t(S, {
                 space: "around",
-                children: /* @__PURE__ */ t(h, {
+                children: /* @__PURE__ */ t(s, {
                     paddingX: 16,
                     children: d
                 })
@@ -496,12 +496,12 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: d } = param;
-            return /* @__PURE__ */ t(h, {
+            return /* @__PURE__ */ t(s, {
                 paddingX: 16,
-                role: s,
-                children: I({
+                role: c,
+                children: L({
                     labelId: i,
-                    control: /* @__PURE__ */ t(P, {
+                    control: /* @__PURE__ */ t(S, {
                         space: "around",
                         children: d
                     })
@@ -509,9 +509,9 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
             });
         }
     }), !0);
-    if (e.iconButton) return A ? j(/* @__PURE__ */ t(h, {
+    if (e.iconButton) return A ? j(/* @__PURE__ */ t(s, {
         padding: 16,
-        children: /* @__PURE__ */ t(P, {
+        children: /* @__PURE__ */ t(S, {
             space: "around",
             children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
@@ -519,114 +519,113 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                 disabled: e.disabled
             }))
         })
-    })) : F(/* @__PURE__ */ t(h, {
+    })) : F(/* @__PURE__ */ t(s, {
         paddingX: 16,
-        children: I({
+        children: L({
             labelId: i,
-            control: /* @__PURE__ */ t(P, {
+            control: /* @__PURE__ */ t(S, {
                 space: "around",
                 children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: s
+                    role: c
                 })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: s
+                    role: c
                 }))
             })
         })
     }));
-    const U = !!N || me;
+    const U = !!C || me;
     return /* @__PURE__ */ t("div", {
-        role: s,
-        children: /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
-            className: u(q, ze),
+        role: c,
+        children: /* @__PURE__ */ T("div", _object_spread_props(_object_spread({
+            className: m(q, ze),
             role: U ? "text" : void 0
-        }, z(R)), {
+        }, z(B)), {
             ref: a,
             tabIndex: v,
             children: [
                 /* @__PURE__ */ t("div", {
                     "aria-hidden": U,
-                    children: I({
-                        role: s
+                    children: L({
+                        role: c
                     })
                 }),
                 U && /* @__PURE__ */ t($e, {
                     children: /* @__PURE__ */ t("span", {
-                        children: N !== null && N !== void 0 ? N : p
+                        children: C !== null && C !== void 0 ? C : p
                     })
                 })
             ]
         }))
     });
-}), At = /*#__PURE__*/ m.forwardRef((_param, o)=>{
+}), Lt = /*#__PURE__*/ h.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ t("div", {
         role: a,
-        className: Ee,
+        className: Ve,
         children: /* @__PURE__ */ t(he, _object_spread_props(_object_spread({}, i), {
-            ref: o,
+            ref: l,
             dataAttributes: _object_spread({
-                "component-name": "Row",
                 testid: "Row"
             }, e)
         }))
     });
 }), It = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", "aria-label": o, "aria-labelledby": l = a, "aria-live": b = "off", "aria-atomic": x = !1, dataAttributes: f } = param;
-    const T = m.Children.toArray(e).filter(Boolean), w = T.length - 1;
+    let { children: e, role: a = "list", "aria-label": i, "aria-labelledby": l, "aria-live": o = "off", "aria-atomic": u = !1, dataAttributes: x } = param;
+    const b = h.Children.toArray(e).filter(Boolean), P = b.length - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-        role: i,
+        role: a,
         "aria-labelledby": l,
-        "aria-label": o,
-        "aria-live": b,
-        "aria-atomic": x
-    }, z(f, "RowList")), {
-        children: T.map((k, c)=>/* @__PURE__ */ C(m.Fragment, {
+        "aria-label": i,
+        "aria-live": o,
+        "aria-atomic": u
+    }, z(_object_spread({
+        testid: "RowList"
+    }, x))), {
+        children: b.map((R, w)=>/* @__PURE__ */ T(h.Fragment, {
                 children: [
-                    k,
-                    c < w && /* @__PURE__ */ t(h, {
+                    R,
+                    w < P && /* @__PURE__ */ t(s, {
                         paddingX: 16,
                         children: /* @__PURE__ */ t(Pe, {})
                     })
                 ]
-            }, c))
+            }, w))
     }));
-}, St = /*#__PURE__*/ m.forwardRef((_param, i)=>{
+}, St = /*#__PURE__*/ h.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     var _a_variant;
     return /* @__PURE__ */ t(Se, {
         overflow: "visible",
-        className: Ve,
-        variant: (_a_variant = a.variant) !== null && _a_variant !== void 0 ? _a_variant : a.isInverse ? "brand" : "default",
+        className: Ee,
+        variant: (_a_variant = a.variant) !== null && _a_variant !== void 0 ? _a_variant : "default",
         ref: i,
         dataAttributes: _object_spread({
-            "component-name": "BoxedRow",
             testid: "BoxedRow"
         }, e),
         children: /* @__PURE__ */ t(he, _object_spread({}, a))
     });
 }), Pt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o, "aria-label": l, "aria-labelledby": b = a, "aria-live": x = "off", "aria-atomic": f = !1 } = param;
-    return /* @__PURE__ */ t(P, {
+    let { children: e, role: a = "list", dataAttributes: i, "aria-label": l, "aria-labelledby": o, "aria-live": u = "off", "aria-atomic": x = !1 } = param;
+    return /* @__PURE__ */ t(S, {
         space: 16,
-        role: i,
+        role: a,
         "aria-label": l,
-        "aria-labelledby": b,
-        "aria-live": x,
-        "aria-atomic": f,
+        "aria-labelledby": o,
+        "aria-live": u,
+        "aria-atomic": x,
         dataAttributes: _object_spread({
-            "component-name": "BoxedRowList",
             testid: "BoxedRowList"
-        }, o),
+        }, i),
         children: e
     });
-}, Et = (param)=>{
+}, Vt = (param)=>{
     let { children: e, "aria-label": a, "aria-labelledby": i } = param;
     return(// role="list" is needed for accesibility in Safari+VoiceOver. See: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#accessibility
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
@@ -637,7 +636,7 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         "aria-labelledby": i,
         children: e
     }));
-}, Vt = (param)=>{
+}, Et = (param)=>{
     let { children: e, "aria-label": a, "aria-labelledby": i } = param;
     return(// role="list" is needed for accesibility in Safari+VoiceOver. See: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#accessibility
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
@@ -649,11 +648,11 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         children: e
     }));
 }, Ot = (param)=>{
-    let { children: e, Icon: a, icon: i, withMarker: o = !0 } = param;
-    return o ? a || i ? /* @__PURE__ */ C("li", {
+    let { children: e, Icon: a, icon: i, withMarker: l = !0 } = param;
+    return l ? a || i ? /* @__PURE__ */ T("li", {
         className: He,
         children: [
-            /* @__PURE__ */ t(h, {
+            /* @__PURE__ */ t(s, {
                 paddingRight: {
                     mobile: 8,
                     desktop: 16
@@ -664,7 +663,7 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                 }) : i
             }),
             /* @__PURE__ */ t("div", {
-                className: oe,
+                className: le,
                 children: e
             })
         ]
@@ -674,9 +673,9 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
     }) : /* @__PURE__ */ t("li", {
         className: Oe,
         children: /* @__PURE__ */ t("div", {
-            className: oe,
+            className: le,
             children: e
         })
     });
 };
-export { St as BoxedRow, Pt as BoxedRowList, at as Content, Ot as ListItem, Vt as OrderedList, At as Row, It as RowList, Et as UnorderedList };
+export { St as BoxedRow, Pt as BoxedRowList, at as Content, Ot as ListItem, Et as OrderedList, Lt as Row, It as RowList, Vt as UnorderedList };