@telefonica/mistica 16.40.0 → 16.41.0

package/dist-es/list.js

@@ -78,29 +78,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import * as m from "react";
-import s from "classnames";
-import { BaseTouchable as ae } from "./touchable.js";
-import { Text3 as we, Text1 as Be, Text2 as U } from "./text.js";
-import c from "./box.js";
-import T from "./stack.js";
+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 k from "./stack.js";
 import Ne from "./badge.js";
-import { useIsInverseOrMediaVariant as de } from "./theme-variant-context.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 ie, { useRadioContext as Le } from "./radio-button.js";
+import re, { useRadioContext as Le } from "./radio-button.js";
 import Te from "./checkbox.js";
-import { InternalBoxed as Ae } from "./boxed.js";
-import ke from "./divider.js";
-import { getPrefixedDataAttributes as M } from "./utils/dom.js";
-import { rowContent as q, touchableBackground as G, touchableBackgroundInverse as J, pointer as re, rowContentPadding as Se, screenReaderOnly as Ve, row as Oe, boxed as We, ul as ce, liWithoutMarker as Ee, liContent as le, liWithCustomIcon as Me, li as Xe, content as De, assetContainer as je, center as K, disabled as L, asset as Fe, rowBody as He, badge as ze, 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 { 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 { 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 ne, ToggleIconButton as oe } from "./icon-button.js";
+import { IconButton as oe, ToggleIconButton as de } from "./icon-button.js";
 import $e from "./screen-reader-only.js";
-const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+import { useTheme as pe } from "./hooks.js";
+const et = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: a
     }) : a ? /* @__PURE__ */ t("div", {
         style: {
@@ -111,46 +112,50 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: /* @__PURE__ */ t("div", {
             children: e
         })
-    }) : e, et = (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: u, asset: E, danger: k, badge: S, right: w, rightRef: h, extra: C, labelId: D, disabled: g, control: y } = param;
-    const V = de(), B = [
+    }) : 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;
+    const O = se(), B = [
         a,
         d,
-        R,
+        w,
         f,
-        C
-    ].filter(Boolean).length === 1;
-    return /* @__PURE__ */ N("div", {
-        className: De,
-        id: D,
+        I
+    ].filter(Boolean).length === 1, { textPresets: N } = pe();
+    return /* @__PURE__ */ C("div", {
+        className: Me,
+        id: X,
         children: [
-            E && /* @__PURE__ */ t("div", {
-                className: s(je, {
-                    [K]: B,
-                    [L]: g
+            z && /* @__PURE__ */ t("div", {
+                className: c(Xe, {
+                    [Q]: B,
+                    [T]: g
                 }),
                 "aria-hidden": !0,
                 "data-testid": "asset",
                 children: /* @__PURE__ */ t("div", {
-                    className: Fe,
+                    className: De,
                     style: _e({
-                        color: k ? V ? o.colors.textErrorInverse : o.colors.textError : V ? o.colors.textPrimaryInverse : o.colors.textPrimary,
+                        color: S ? O ? o.colors.textErrorInverse : o.colors.textError : O ? o.colors.textPrimaryInverse : o.colors.textPrimary,
                         [Ze.mediaBorderRadius]: o.borderRadii.mediaSmall
                     }),
-                    children: E
+                    children: z
                 })
             }),
-            /* @__PURE__ */ N("div", {
-                className: s(He, {
-                    [L]: g
+            /* @__PURE__ */ C("div", {
+                className: c(je, {
+                    [T]: g
                 }),
                 style: {
                     justifyContent: B ? "center" : "flex-start"
                 },
                 children: [
-                    /* @__PURE__ */ t(we, {
-                        regular: !0,
-                        color: k ? o.colors.textError : o.colors.textPrimary,
+                    /* @__PURE__ */ t(Re, {
+                        mobileSize: N.text3.size.mobile,
+                        desktopSize: N.text3.size.desktop,
+                        mobileLineHeight: N.text3.lineHeight.mobile,
+                        desktopLineHeight: N.text3.lineHeight.desktop,
+                        weight: N.rowTitle.weight,
+                        color: S ? o.colors.textError : o.colors.textPrimary,
                         truncate: x,
                         hyphens: "auto",
                         as: b,
@@ -175,9 +180,9 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    R && /* @__PURE__ */ t(c, {
+                    w && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(U, {
+                        children: /* @__PURE__ */ t(q, {
                             regular: !0,
                             color: o.colors.textPrimary,
                             truncate: A,
@@ -185,15 +190,15 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: R
+                            children: w
                         })
                     }),
-                    f && /* @__PURE__ */ t(c, {
+                    f && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(U, {
+                        children: /* @__PURE__ */ t(q, {
                             regular: !0,
                             color: o.colors.textSecondary,
-                            truncate: X,
+                            truncate: M,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "description"
@@ -201,104 +206,104 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: f
                         })
                     }),
-                    C && /* @__PURE__ */ t(c, {
+                    I && /* @__PURE__ */ t(s, {
                         ref: n,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
                         },
-                        children: C
+                        children: I
                     })
                 ]
             }),
-            S && /* @__PURE__ */ t(c, {
+            V && /* @__PURE__ */ t(s, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ t("div", {
-                    className: s(ze, {
-                        [L]: g
+                    className: c(Fe, {
+                        [T]: g
                     }),
                     children: /* @__PURE__ */ t(Ne, {
-                        value: S === !0 ? void 0 : S
+                        value: V === !0 ? void 0 : V
                     })
                 })
             }),
-            (u || w || e || y) && /* @__PURE__ */ N("div", {
-                className: s(Pe, {
-                    [Ue]: !!u
+            (h || R || e || y) && /* @__PURE__ */ C("div", {
+                className: c(Pe, {
+                    [Ue]: !!h
                 }),
                 children: [
-                    u && /* @__PURE__ */ t("div", {
-                        className: s(qe, {
-                            [L]: g
+                    h && /* @__PURE__ */ t("div", {
+                        className: c(qe, {
+                            [T]: g
                         }),
-                        children: /* @__PURE__ */ t(U, {
+                        children: /* @__PURE__ */ t(q, {
                             regular: !0,
                             color: o.colors.textSecondary,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "detail"
                             },
-                            children: u
+                            children: h
                         })
                     }),
-                    w && /* @__PURE__ */ t("div", {
-                        className: s({
-                            [Ge]: !!u,
-                            [L]: g
+                    R && /* @__PURE__ */ t("div", {
+                        className: c({
+                            [Ge]: !!h,
+                            [T]: g
                         }),
-                        ref: h,
+                        ref: m,
                         "data-testid": "endSlot",
-                        children: pe(w, B)
+                        children: et(R, B)
                     }),
                     e && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: u || w ? 4 : 0
+                            paddingLeft: h || R ? 4 : 0
                         },
-                        className: s(K, {
-                            [L]: g
+                        className: c(Q, {
+                            [T]: g
                         }),
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ t(Ce, {
                             size: 16,
-                            color: V ? o.colors.inverse : o.colors.neutralMedium
+                            color: O ? o.colors.inverse : o.colors.neutralMedium
                         })
                     }),
                     y && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: u || w ? 8 : 0
+                            paddingLeft: h || R ? 8 : 0
                         },
-                        className: K,
+                        className: Q,
                         children: y
                     })
                 ]
             })
         ]
     });
-}, tt = (param)=>{
+}, at = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const n = e !== void 0, [d, b] = m.useState(!!a);
+    const n = e !== void 0, [d, b] = u.useState(!!a);
     return [
         n ? !!e : d,
         ()=>{
             n || b(!d), i == null || i(n ? !e : !d);
         }
     ];
-}, at = (e)=>[
+}, it = (e)=>[
         "switch",
         "checkbox",
         "radioValue",
         "iconButton"
-    ].some((a)=>e[a] !== void 0), se = /*#__PURE__*/ m.forwardRef((e, a)=>{
-    var ee, te;
-    const i = m.useId(), n = de(), { asset: d, headline: b, title: x, titleAs: R, titleLinesMax: A, subtitle: f, subtitleLinesMax: X, description: u, descriptionLinesMax: E, detail: k, danger: S, badge: w, role: h, touchableRole: C, extra: D, withChevron: g, dataAttributes: y, right: V, "aria-label": Q, tabIndex: B } = e, [ue, he] = m.useState(""), [me, be] = m.useState(""), [fe, ve] = m.useState(""), xe = [
+    ].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 = [
         x,
-        ue,
+        N,
         f,
-        u,
-        me,
-        k,
+        h,
+        ue,
+        S,
         fe
-    ].filter(Boolean).join(" "), O = Q !== null && Q !== void 0 ? Q : e.href || e.to ? xe : void 0, ge = Le(), v = e.disabled || e.radioValue !== void 0 && ge.disabled, j = !v && !n, F = !v && n, Y = at(e), W = !!e.onPress || !!e.href || !!e.to, ye = Y ? !1 : g !== null && g !== void 0 ? g : W, Z = {
+    ].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, _ = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -308,34 +313,34 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         onNavigate: e.onNavigate,
         onPress: e.onPress,
         trackingEvent: e.trackingEvent,
-        "aria-label": O,
+        "aria-label": H,
         "aria-labelledby": e["aria-labelledby"],
         "aria-description": e["aria-description"],
         "aria-describedby": e["aria-describedby"],
         "aria-current": e["aria-current"]
-    }, [_, $] = tt(e.switch || e.checkbox || {}), I = (r)=>/* @__PURE__ */ t(et, {
+    }, [$, p] = at(e.switch || e.checkbox || {}), L = (r)=>/* @__PURE__ */ t(tt, {
             asset: d,
             headline: b,
             headlineRef: (l)=>{
-                l && he(l.textContent || "");
+                l && me(l.textContent || "");
             },
             title: x,
-            titleAs: R,
+            titleAs: w,
             subtitle: f,
-            description: u,
-            badge: w,
+            description: h,
+            badge: R,
             titleLinesMax: A,
-            subtitleLinesMax: X,
-            descriptionLinesMax: E,
-            detail: k,
-            danger: S,
-            right: V,
+            subtitleLinesMax: M,
+            descriptionLinesMax: z,
+            detail: S,
+            danger: V,
+            right: O,
             rightRef: (l)=>{
                 l && ve(l.innerText || l.textContent || "");
             },
             control: r == null ? void 0 : r.control,
             role: r == null ? void 0 : r.role,
-            extra: D,
+            extra: X,
             extraRef: (l)=>{
                 l && be(l.innerText || l.textContent || "");
             },
@@ -343,43 +348,43 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: v,
             withChevron: ye
         });
-    if (W && !Y) return /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({
+    if (W && !Z) return /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
         ref: a,
-        className: s(q, {
-            [G]: j,
-            [J]: F,
-            [re]: !v
+        className: c(G, {
+            [J]: D,
+            [K]: j,
+            [le]: !v
         })
-    }, Z), {
-        role: C,
+    }, _), {
+        role: I,
         dataAttributes: y,
         disabled: v,
         tabIndex: B,
-        children: /* @__PURE__ */ t(c, {
+        children: /* @__PURE__ */ t(s, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: I({
-                role: h
+            children: L({
+                role: m
             })
         })
     }));
-    const H = (r)=>/* @__PURE__ */ N("div", _object_spread_props(_object_spread({
+    const F = (r)=>/* @__PURE__ */ C("div", _object_spread_props(_object_spread({
             className: Je,
             ref: a
-        }, M(y)), {
+        }, E(y)), {
             children: [
-                /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({
+                /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
                     disabled: v
-                }, Z), {
-                    role: C,
-                    className: s(Ke, {
-                        [G]: j,
-                        [J]: F
+                }, _), {
+                    role: I,
+                    className: c(Ke, {
+                        [J]: D,
+                        [K]: j
                     }),
                     tabIndex: B,
-                    children: I({
+                    children: L({
                         labelId: i,
-                        role: h
+                        role: m
                     })
                 })),
                 /* @__PURE__ */ t("div", {
@@ -387,82 +392,82 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }),
                 r
             ]
-        })), z = (r, l)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-            className: s(q, {
-                [G]: j && l,
-                [J]: F && l,
-                [re]: !v && l
+        })), P = (r, l)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+            className: c(G, {
+                [J]: D && l,
+                [K]: j && l,
+                [le]: !v && l
             }),
             ref: a
-        }, M(y)), {
+        }, E(y)), {
             children: r
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
-        const r = e.switch ? Ie : Te, l = (_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 W ? H(/* @__PURE__ */ t(r, {
+        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;
+        return W ? F(/* @__PURE__ */ t(r, {
             disabled: v,
             name: l,
-            checked: _,
-            "aria-label": O,
+            checked: $,
+            "aria-label": H,
             "aria-labelledby": i,
-            onChange: $,
+            onChange: p,
             render: (param)=>{
-                let { controlElement: P } = param;
+                let { controlElement: U } = param;
                 return /* @__PURE__ */ t("div", {
                     className: Ye,
-                    children: P
+                    children: U
                 });
             }
-        })) : z(/* @__PURE__ */ t(r, {
+        })) : P(/* @__PURE__ */ t(r, {
             disabled: v,
             name: l,
-            checked: _,
-            "aria-label": O,
+            checked: $,
+            "aria-label": H,
             "aria-labelledby": i,
-            onChange: $,
+            onChange: p,
             render: (param)=>{
-                let { controlElement: P, labelId: Re } = param;
-                return /* @__PURE__ */ t(c, {
+                let { controlElement: U, labelId: we } = param;
+                return /* @__PURE__ */ t(s, {
                     paddingX: 16,
-                    role: h,
-                    children: I({
-                        labelId: Re,
-                        control: /* @__PURE__ */ t(T, {
+                    role: m,
+                    children: L({
+                        labelId: we,
+                        control: /* @__PURE__ */ t(k, {
                             space: "around",
-                            children: P
+                            children: U
                         })
                     })
                 });
             }
         }), !0);
     }
-    if (e.radioValue) return W ? H(/* @__PURE__ */ t(ie, {
+    if (e.radioValue) return W ? F(/* @__PURE__ */ t(re, {
         value: e.radioValue,
-        "aria-label": O,
+        "aria-label": H,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
-            return /* @__PURE__ */ t(T, {
+            return /* @__PURE__ */ t(k, {
                 space: "around",
-                children: /* @__PURE__ */ t(c, {
+                children: /* @__PURE__ */ t(s, {
                     paddingX: 16,
                     children: r
                 })
             });
         }
-    })) : z(/* @__PURE__ */ t(ie, {
+    })) : P(/* @__PURE__ */ t(re, {
         value: e.radioValue,
-        "aria-label": O,
+        "aria-label": H,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
-            return /* @__PURE__ */ t(c, {
+            return /* @__PURE__ */ t(s, {
                 paddingX: 16,
-                role: h,
-                children: I({
+                role: m,
+                children: L({
                     labelId: i,
-                    control: /* @__PURE__ */ t(T, {
+                    control: /* @__PURE__ */ t(k, {
                         space: "around",
                         children: r
                     })
@@ -470,47 +475,47 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             });
         }
     }), !0);
-    if (e.iconButton) return W ? H(/* @__PURE__ */ t(c, {
+    if (e.iconButton) return W ? F(/* @__PURE__ */ t(s, {
         padding: 16,
-        children: /* @__PURE__ */ t(T, {
+        children: /* @__PURE__ */ t(k, {
             space: "around",
-            children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
+            children: e.iconButton.Icon ? /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
-            })) : /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
+            })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
             }))
         })
-    })) : z(/* @__PURE__ */ t(c, {
+    })) : P(/* @__PURE__ */ t(s, {
         paddingX: 16,
-        children: I({
+        children: L({
             labelId: i,
-            control: /* @__PURE__ */ t(T, {
+            control: /* @__PURE__ */ t(k, {
                 space: "around",
-                children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
+                children: e.iconButton.Icon ? /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: h
-                })) : /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
+                    role: m
+                })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: h
+                    role: m
                 }))
             })
         })
     }));
-    const p = !!e["aria-label"];
-    return /* @__PURE__ */ N("div", _object_spread_props(_object_spread({
-        className: s(q, Se),
-        role: h
-    }, M(y)), {
+    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": p,
-                children: I({
-                    role: h
+                "aria-hidden": ee,
+                children: L({
+                    role: m
                 })
             }),
-            p && /* @__PURE__ */ t($e, {
+            ee && /* @__PURE__ */ t($e, {
                 className: Ve,
                 children: /* @__PURE__ */ t("span", {
                     children: e["aria-label"]
@@ -518,7 +523,7 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     }));
-}), Ct = /*#__PURE__*/ m.forwardRef((_param, n)=>{
+}), Lt = /*#__PURE__*/ u.forwardRef((_param, n)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -526,7 +531,7 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ t("div", {
         role: a,
         className: Oe,
-        children: /* @__PURE__ */ t(se, _object_spread_props(_object_spread({}, i), {
+        children: /* @__PURE__ */ t(he, _object_spread_props(_object_spread({}, i), {
             ref: n,
             dataAttributes: _object_spread({
                 "component-name": "Row",
@@ -534,43 +539,43 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }, e)
         }))
     });
-}), It = (param)=>{
+}), Tt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": n = "off", "aria-atomic": d = !1, dataAttributes: b } = param;
-    const x = m.Children.toArray(e).filter(Boolean), R = x.length - 1;
+    const x = u.Children.toArray(e).filter(Boolean), w = x.length - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a,
         "aria-live": n,
         "aria-atomic": d
-    }, M(b, "RowList")), {
-        children: x.map((A, f)=>/* @__PURE__ */ N(m.Fragment, {
+    }, E(b, "RowList")), {
+        children: x.map((A, f)=>/* @__PURE__ */ C(u.Fragment, {
                 children: [
                     A,
-                    f < R && /* @__PURE__ */ t(c, {
+                    f < w && /* @__PURE__ */ t(s, {
                         paddingX: 16,
-                        children: /* @__PURE__ */ t(ke, {})
+                        children: /* @__PURE__ */ t(Ae, {})
                     })
                 ]
             }, f))
     }));
-}, Lt = /*#__PURE__*/ m.forwardRef((_param, i)=>{
+}, kt = /*#__PURE__*/ u.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(Ae, {
+    return /* @__PURE__ */ t(ke, {
         overflow: "visible",
-        className: We,
+        className: He,
         variant: a.isInverse ? "inverse" : "default",
         ref: i,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow",
             testid: "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(se, _object_spread({}, a))
+        children: /* @__PURE__ */ t(he, _object_spread({}, a))
     });
-}), Tt = (param)=>{
+}), At = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: n, "aria-live": d = "off", "aria-atomic": b = !1 } = param;
-    return /* @__PURE__ */ t(T, {
+    return /* @__PURE__ */ t(k, {
         space: 16,
         role: i,
         "aria-labelledby": a,
@@ -582,7 +587,7 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, n),
         children: e
     });
-}, At = (param)=>{
+}, St = (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
@@ -593,7 +598,7 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "aria-labelledby": i,
         children: e
     }));
-}, kt = (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
@@ -604,12 +609,12 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "aria-labelledby": i,
         children: e
     }));
-}, St = (param)=>{
+}, Ot = (param)=>{
     let { children: e, Icon: a, icon: i, withMarker: n = !0 } = param;
-    return n ? a || i ? /* @__PURE__ */ N("li", {
-        className: Me,
+    return n ? a || i ? /* @__PURE__ */ C("li", {
+        className: ze,
         children: [
-            /* @__PURE__ */ t(c, {
+            /* @__PURE__ */ t(s, {
                 paddingRight: {
                     mobile: 8,
                     desktop: 16
@@ -620,19 +625,19 @@ const pe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }) : i
             }),
             /* @__PURE__ */ t("div", {
-                className: le,
+                className: ne,
                 children: e
             })
         ]
     }) : /* @__PURE__ */ t("li", {
-        className: Xe,
+        className: Ee,
         children: e
     }) : /* @__PURE__ */ t("li", {
-        className: Ee,
+        className: We,
         children: /* @__PURE__ */ t("div", {
-            className: le,
+            className: ne,
             children: e
         })
     });
 };
-export { Lt as BoxedRow, Tt as BoxedRowList, et as Content, St as ListItem, kt as OrderedList, Ct as Row, It as RowList, At as UnorderedList };
+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 };