@telefonica/mistica 16.20.0 → 16.21.0

package/dist-es/list.js

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