@telefonica/mistica 16.72.0 → 17.1.0

package/dist-es/list.js

@@ -78,30 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-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 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 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 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 { jsx as t, jsxs as y } from "react/jsx-runtime";
+import * as s from "react";
+import u from "classnames";
+import { BaseTouchable as be } from "./touchable.js";
+import { Text as Ve, Text1 as j, Text2 as te } from "./text.js";
+import E from "./box.js";
+import q from "./stack.js";
+import Oe from "./badge.js";
+import { useThemeVariant as Ne } from "./theme-variant-context.js";
+import Ee from "./generated/mistica-icons/icon-chevron-right-filled.js";
+import He from "./switch-component.js";
+import fe, { useRadioContext as ze } from "./radio-button.js";
+import We from "./checkbox.js";
+import { InternalBoxed as Me } from "./boxed.js";
+import we from "./divider.js";
+import { getPrefixedDataAttributes as F } from "./utils/dom.js";
+import { row as je, boxed as qe, ul as Re, liWithoutMarker as Fe, liContent as ve, liWithCustomIcon as Ue, li as Ze, innerContent as Be, rowContentPadding as O, rowContent as ae, pointer as ge, touchableBackgroundBrand as ie, touchableBackground as re, dualActionRightIconButton as _e, content as Ge, asset as Je, assetContainer as Ke, disabled as k, center as le, rowBody as Qe, badge as Xe, rightContent as Ye, detail as $e, detailRight as pe, rowDivider as et, dualActionContainer as tt, dualActionBody as at, dualActionLeft as it, dualActionDivider as rt, rowDividerDualAction as lt, dualActionRight as ot } from "./list.css-mistica.js";
+import { vars as nt } from "./image.css-mistica.js";
 import { vars as r } from "./skins/skin-contract.css-mistica.js";
-import { applyCssVars as pe } from "./utils/css.js";
-import { IconButton as ne, ToggleIconButton as de } from "./icon-button.js";
-import $e from "./screen-reader-only.js";
-import { useTheme as et } from "./hooks.js";
-const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0 : e({
+import { applyCssVars as dt } from "./utils/css.js";
+import { combineRefs as st } from "./utils/common.js";
+import { IconButton as xe, ToggleIconButton as ye } from "./icon-button.js";
+import ct from "./screen-reader-only.js";
+import { useTheme as mt } from "./hooks.js";
+const ne = /*#__PURE__*/ s.createContext({
+    small: !1
+}), ht = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0 : e({
         centerY: a
     }) : a ? /* @__PURE__ */ t("div", {
         style: {
@@ -112,228 +115,244 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         children: /* @__PURE__ */ t("div", {
             children: e
         })
-    }) : e, at = (param)=>{
-    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 = [
+    }) : e, ut = (param)=>{
+    let { withChevron: e, headline: a, headlineRef: i, slotRef: l, title: o, titleAs: m, titleLinesMax: v, subtitle: h, subtitleLinesMax: U, description: S, descriptionLinesMax: H, detail: g, asset: A, danger: z, badge: R, right: N, rightRef: Z, slot: c, labelId: W, disabled: x, control: D, withDivider: B } = param;
+    const I = Ne(), w = [
         a,
         o,
-        b,
-        R,
+        h,
+        S,
         c
-    ].filter(Boolean).length === 1, { textPresets: v } = et();
-    return /* @__PURE__ */ T("div", {
-        className: De,
+    ].filter(Boolean).length === 1, { textPresets: P } = mt(), { small: b } = s.useContext(ne), C = b ? P.text2 : P.text3, _ = b ? j : te, G = b ? j : te, J = b ? j : te;
+    return /* @__PURE__ */ y("div", {
+        className: Ge,
         id: W,
         children: [
-            V && /* @__PURE__ */ t("div", {
-                className: m(Me, {
-                    [K]: C,
-                    [I]: y
+            A && /* @__PURE__ */ t("div", {
+                className: u(Ke, {
+                    [le]: w,
+                    [k]: x
                 }),
                 "aria-hidden": !0,
                 "data-testid": "asset",
                 children: /* @__PURE__ */ t("div", {
-                    className: Xe,
-                    style: pe({
-                        color: H ? ({
+                    className: Je,
+                    style: dt({
+                        color: z ? ({
                             default: r.colors.textError,
                             alternative: r.colors.textError,
                             brand: r.colors.textErrorBrand,
                             negative: r.colors.textErrorNegative,
                             media: r.colors.textErrorBrand
-                        })[B] : ({
+                        })[I] : ({
                             default: r.colors.textPrimary,
                             alternative: r.colors.textPrimary,
                             brand: r.colors.textPrimaryBrand,
                             negative: r.colors.textPrimaryNegative,
                             media: r.colors.textPrimaryMedia
-                        })[B],
-                        [Ye.mediaBorderRadius]: r.borderRadii.mediaSmall
+                        })[I],
+                        [nt.mediaBorderRadius]: r.borderRadii.mediaSmall
                     }),
-                    children: V
+                    children: A
                 })
             }),
-            /* @__PURE__ */ T("div", {
-                className: m(je, {
-                    [I]: y
-                }),
-                style: {
-                    justifyContent: C ? "center" : "flex-start"
-                },
+            /* @__PURE__ */ y("div", {
+                className: Be,
                 children: [
-                    /* @__PURE__ */ t(Ne, {
-                        mobileSize: v.text3.size.mobile,
-                        desktopSize: v.text3.size.desktop,
-                        mobileLineHeight: v.text3.lineHeight.mobile,
-                        desktopLineHeight: v.text3.lineHeight.desktop,
-                        weight: v.rowTitle.weight,
-                        color: H ? r.colors.textError : r.colors.textPrimary,
-                        truncate: x,
-                        hyphens: "auto",
-                        as: u,
-                        dataAttributes: {
-                            testid: "title"
-                        },
-                        children: o
-                    }),
-                    a && /* @__PURE__ */ t("div", {
-                        ref: i,
+                    /* @__PURE__ */ y("div", {
+                        className: u(Qe, {
+                            [k]: x
+                        }),
                         style: {
-                            order: -1,
-                            paddingBottom: 4
+                            justifyContent: w ? "center" : "flex-start"
                         },
-                        children: /* @__PURE__ */ t(Ce, {
-                            regular: !0,
-                            color: r.colors.textPrimary,
-                            hyphens: "auto",
-                            dataAttributes: {
-                                testid: "headline"
-                            },
-                            children: a
-                        })
+                        children: [
+                            /* @__PURE__ */ t(Ve, {
+                                mobileSize: C.size.mobile,
+                                desktopSize: C.size.desktop,
+                                mobileLineHeight: C.lineHeight.mobile,
+                                desktopLineHeight: C.lineHeight.desktop,
+                                weight: P.rowTitle.weight,
+                                color: z ? r.colors.textError : r.colors.textPrimary,
+                                truncate: v,
+                                hyphens: "auto",
+                                as: m,
+                                dataAttributes: {
+                                    testid: "title"
+                                },
+                                children: o
+                            }),
+                            a && /* @__PURE__ */ t("div", {
+                                ref: i,
+                                style: {
+                                    order: -1,
+                                    paddingBottom: 4
+                                },
+                                children: /* @__PURE__ */ t(j, {
+                                    regular: !0,
+                                    color: r.colors.textPrimary,
+                                    hyphens: "auto",
+                                    dataAttributes: {
+                                        testid: "headline"
+                                    },
+                                    children: a
+                                })
+                            }),
+                            h && /* @__PURE__ */ t(E, {
+                                paddingTop: 2,
+                                children: /* @__PURE__ */ t(_, {
+                                    regular: !0,
+                                    color: r.colors.textPrimary,
+                                    truncate: U,
+                                    hyphens: "auto",
+                                    dataAttributes: {
+                                        testid: "subtitle"
+                                    },
+                                    children: h
+                                })
+                            }),
+                            S && /* @__PURE__ */ t(E, {
+                                paddingTop: 2,
+                                children: /* @__PURE__ */ t(G, {
+                                    regular: !0,
+                                    color: r.colors.textSecondary,
+                                    truncate: H,
+                                    hyphens: "auto",
+                                    dataAttributes: {
+                                        testid: "description"
+                                    },
+                                    children: S
+                                })
+                            }),
+                            c && /* @__PURE__ */ t(E, {
+                                ref: l,
+                                paddingTop: 2,
+                                dataAttributes: {
+                                    testid: "slot"
+                                },
+                                children: c
+                            })
+                        ]
                     }),
-                    b && /* @__PURE__ */ t(s, {
-                        paddingTop: 2,
-                        children: /* @__PURE__ */ t(_, {
-                            regular: !0,
-                            color: r.colors.textPrimary,
-                            truncate: P,
-                            hyphens: "auto",
-                            dataAttributes: {
-                                testid: "subtitle"
-                            },
-                            children: b
+                    R && /* @__PURE__ */ t(E, {
+                        paddingLeft: 16,
+                        children: /* @__PURE__ */ t("div", {
+                            className: u(Xe, {
+                                [k]: x
+                            }),
+                            children: /* @__PURE__ */ t(Oe, {
+                                value: R === !0 ? void 0 : R
+                            })
                         })
                     }),
-                    R && /* @__PURE__ */ t(s, {
-                        paddingTop: 2,
-                        children: /* @__PURE__ */ t(_, {
-                            regular: !0,
-                            color: r.colors.textSecondary,
-                            truncate: w,
-                            hyphens: "auto",
-                            dataAttributes: {
-                                testid: "description"
-                            },
-                            children: R
-                        })
-                    }),
-                    c && /* @__PURE__ */ t(s, {
-                        ref: l,
-                        paddingTop: 2,
-                        dataAttributes: {
-                            testid: "slot"
-                        },
-                        children: c
+                    (g || N || e || D) && /* @__PURE__ */ y("div", {
+                        className: Ye,
+                        children: [
+                            g && /* @__PURE__ */ t("div", {
+                                className: u($e, {
+                                    [k]: x
+                                }),
+                                children: /* @__PURE__ */ t(J, {
+                                    regular: !0,
+                                    color: r.colors.textSecondary,
+                                    hyphens: "auto",
+                                    dataAttributes: {
+                                        testid: "detail"
+                                    },
+                                    children: g
+                                })
+                            }),
+                            N && /* @__PURE__ */ t("div", {
+                                className: u({
+                                    [pe]: !!g,
+                                    [k]: x
+                                }),
+                                ref: Z,
+                                "data-testid": "endSlot",
+                                children: ht(N, w)
+                            }),
+                            e && /* @__PURE__ */ t("div", {
+                                style: {
+                                    paddingLeft: g || N ? 4 : 0
+                                },
+                                className: u(le, {
+                                    [k]: x
+                                }),
+                                "data-testid": "chevron",
+                                children: /* @__PURE__ */ t(Ee, {
+                                    size: 16,
+                                    color: {
+                                        default: r.colors.chevronIndicator,
+                                        alternative: r.colors.chevronIndicator,
+                                        brand: r.colors.textSecondaryBrand,
+                                        negative: r.colors.textSecondaryNegative,
+                                        media: r.colors.textSecondaryBrand
+                                    }[I]
+                                })
+                            }),
+                            D && /* @__PURE__ */ t("div", {
+                                style: {
+                                    paddingLeft: g || N ? 8 : 0
+                                },
+                                className: le,
+                                children: D
+                            })
+                        ]
                     })
                 ]
             }),
-            k && /* @__PURE__ */ t(s, {
-                paddingLeft: 16,
-                children: /* @__PURE__ */ t("div", {
-                    className: m(Fe, {
-                        [I]: y
-                    }),
-                    children: /* @__PURE__ */ t(Te, {
-                        value: k === !0 ? void 0 : k
-                    })
-                })
-            }),
-            (f || N || e || E) && /* @__PURE__ */ T("div", {
-                className: m(_e, {
-                    [qe]: !!f
-                }),
-                children: [
-                    f && /* @__PURE__ */ t("div", {
-                        className: m(Ue, {
-                            [I]: y
-                        }),
-                        children: /* @__PURE__ */ t(_, {
-                            regular: !0,
-                            color: r.colors.textSecondary,
-                            hyphens: "auto",
-                            dataAttributes: {
-                                testid: "detail"
-                            },
-                            children: f
-                        })
-                    }),
-                    N && /* @__PURE__ */ t("div", {
-                        className: m({
-                            [Ze]: !!f,
-                            [I]: y
-                        }),
-                        ref: D,
-                        "data-testid": "endSlot",
-                        children: tt(N, C)
-                    }),
-                    e && /* @__PURE__ */ t("div", {
-                        style: {
-                            paddingLeft: f || N ? 4 : 0
-                        },
-                        className: m(K, {
-                            [I]: y
-                        }),
-                        "data-testid": "chevron",
-                        children: /* @__PURE__ */ t(ke, {
-                            size: 16,
-                            color: {
-                                default: r.colors.chevronIndicator,
-                                alternative: r.colors.chevronIndicator,
-                                brand: r.colors.textSecondaryBrand,
-                                negative: r.colors.textSecondaryNegative,
-                                media: r.colors.textSecondaryBrand
-                            }[B]
-                        })
-                    }),
-                    E && /* @__PURE__ */ t("div", {
-                        style: {
-                            paddingLeft: f || N ? 8 : 0
-                        },
-                        className: K,
-                        children: E
-                    })
-                ]
+            B && /* @__PURE__ */ t("div", {
+                className: et,
+                "data-testid": "row-divider",
+                children: /* @__PURE__ */ t(we, {})
             })
         ]
     });
-}, it = (param)=>{
+}, bt = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const l = e !== void 0, [o, u] = h.useState(!!a);
+    const l = e !== void 0, [o, m] = s.useState(!!a);
     return [
         l ? !!e : o,
         ()=>{
-            l || u(!o), i === null || i === void 0 ? void 0 : i(l ? !e : !o);
+            l || m(!o), i === null || i === void 0 ? void 0 : i(l ? !e : !o);
         }
     ];
-}, rt = (e)=>[
+}, ft = (e)=>[
         "switch",
         "checkbox",
         "radioValue",
         "iconButton"
-    ].some((a)=>e[a] !== void 0), lt = (e)=>{
+    ].some((a)=>e[a] !== void 0), vt = (e)=>{
     let a = "";
     const i = (l)=>{
-        if (l && /*#__PURE__*/ h.isValidElement(l)) {
+        if (l && /*#__PURE__*/ s.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);
+            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()), s.Children.forEach(o.children, i);
         }
     };
     return i(e), a.trim();
-}, Q = (e)=>{
+}, oe = (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__*/ 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,
-        w,
-        V,
-        fe,
-        k,
-        ge
-    ].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 = {
+}, Ce = /*#__PURE__*/ s.forwardRef((e, a)=>{
+    const i = s.useId(), l = Ne(), o = l === "brand" || l === "media" || l === "negative", { asset: m, headline: v, title: h, titleAs: U, titleLinesMax: S, subtitle: H, subtitleLinesMax: g, description: A, descriptionLinesMax: z, detail: R, danger: N, badge: Z, role: c, touchableRole: W, slot: x, withChevron: D, dataAttributes: B, right: I, "aria-label": M, tabIndex: w, atomicReading: P, hasDivider: b } = e, [C, _] = s.useState(""), [G, J] = s.useState(""), [Te, Le] = s.useState(""), ke = vt(m), [Se, Ae] = s.useState(0), De = s.useCallback((n)=>{
+        if (!n || !b) return;
+        const d = n.querySelector(`.${Be}`);
+        if (!d) return;
+        const p = n.getBoundingClientRect().left, ee = d.getBoundingClientRect().left;
+        Ae(ee - p);
+    }, [
+        b
+    ]), de = [
+        h,
+        ke,
+        C,
+        H,
+        A,
+        G,
+        R,
+        Te
+    ].filter(Boolean).join(" "), T = !!e.onPress || !!e.href || !!e.to, V = M !== null && M !== void 0 ? M : T ? de : void 0, Ie = ze(), f = e.disabled || e.radioValue !== void 0 && Ie.disabled, K = !f && !o, Q = !f && o, se = ft(e), Pe = se ? !1 : D !== null && D !== void 0 ? D : T, ce = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -343,316 +362,324 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
         onNavigate: e.onNavigate,
         onPress: e.onPress,
         trackingEvent: e.trackingEvent,
-        "aria-label": O,
+        "aria-label": V,
         "aria-labelledby": e["aria-labelledby"],
         "aria-description": e["aria-description"],
         "aria-describedby": e["aria-describedby"],
         "aria-current": e["aria-current"]
-    }, [te, ae] = it(e.switch || e.checkbox || {}), L = (d)=>/* @__PURE__ */ t(at, {
-            asset: u,
-            headline: x,
-            headlineRef: (n)=>{
-                n && be(Q(n));
+    }, [me, he] = bt(e.switch || e.checkbox || {}), L = (n)=>{
+        var _n_withDivider;
+        return /* @__PURE__ */ t(ut, {
+            asset: m,
+            headline: v,
+            headlineRef: (d)=>{
+                d && _(oe(d));
             },
-            title: b,
-            titleAs: P,
-            subtitle: w,
-            description: V,
-            badge: D,
-            titleLinesMax: R,
-            subtitleLinesMax: f,
-            descriptionLinesMax: H,
-            detail: k,
+            title: h,
+            titleAs: U,
+            subtitle: H,
+            description: A,
+            badge: Z,
+            titleLinesMax: S,
+            subtitleLinesMax: g,
+            descriptionLinesMax: z,
+            detail: R,
             danger: N,
-            right: Y,
-            rightRef: (n)=>{
-                n && xe(Q(n));
+            right: I,
+            rightRef: (d)=>{
+                d && Le(oe(d));
             },
-            control: d === null || d === void 0 ? void 0 : d.control,
-            role: d === null || d === void 0 ? void 0 : d.role,
-            slot: y,
-            slotRef: (n)=>{
-                n && ve(Q(n));
+            control: n === null || n === void 0 ? void 0 : n.control,
+            role: n === null || n === void 0 ? void 0 : n.role,
+            slot: x,
+            slotRef: (d)=>{
+                d && J(oe(d));
             },
-            labelId: d === null || d === void 0 ? void 0 : d.labelId,
-            disabled: g,
-            withChevron: Re
+            labelId: n === null || n === void 0 ? void 0 : n.labelId,
+            disabled: f,
+            withChevron: Pe,
+            withDivider: (_n_withDivider = n === null || n === void 0 ? void 0 : n.withDivider) !== null && _n_withDivider !== void 0 ? _n_withDivider : b
         });
-    if (A && !$) return /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
+    };
+    if (T && !se) return /* @__PURE__ */ t(be, _object_spread_props(_object_spread({
         ref: a,
-        className: m(q, {
-            [J]: X,
-            [G]: M,
-            [oe]: !g
+        className: u(ae, {
+            [re]: K,
+            [ie]: Q,
+            [ge]: !f
         })
-    }, ee), {
+    }, ce), {
         role: W,
         dataAttributes: B,
-        disabled: g,
-        tabIndex: v,
-        children: /* @__PURE__ */ t(s, {
-            paddingX: 16,
+        disabled: f,
+        tabIndex: w,
+        children: /* @__PURE__ */ t("div", {
+            className: O,
             "aria-hidden": !!e.to || !!e.href || e.touchableRole === "link" || void 0,
-            dataAttributes: {
-                testid: "content-container"
-            },
+            "data-testid": "content-container",
             children: L({
                 role: c
             })
         })
     }));
-    const j = (d)=>/* @__PURE__ */ T("div", _object_spread_props(_object_spread({
-            className: Ge,
-            ref: a
-        }, z(B)), {
+    const X = (n)=>/* @__PURE__ */ y("div", _object_spread_props(_object_spread({
+            className: tt,
+            ref: st(a, De)
+        }, F(B)), {
             children: [
-                /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({
-                    disabled: g
-                }, ee), {
-                    role: W,
-                    className: m(Je, {
-                        [J]: X,
-                        [G]: M
-                    }),
-                    tabIndex: v,
-                    children: L({
-                        labelId: i,
-                        role: c
-                    })
-                })),
-                /* @__PURE__ */ t("div", {
-                    className: Ke
+                /* @__PURE__ */ y("div", {
+                    className: at,
+                    children: [
+                        /* @__PURE__ */ t(be, _object_spread_props(_object_spread({
+                            disabled: f
+                        }, ce), {
+                            role: W,
+                            className: u(it, {
+                                [re]: K,
+                                [ie]: Q
+                            }),
+                            tabIndex: w,
+                            children: L({
+                                labelId: i,
+                                role: c,
+                                withDivider: !1
+                            })
+                        })),
+                        /* @__PURE__ */ t("div", {
+                            className: rt
+                        }),
+                        n
+                    ]
                 }),
-                d
+                b && /* @__PURE__ */ t("div", {
+                    className: lt,
+                    "data-testid": "row-divider-dual-action",
+                    style: {
+                        paddingLeft: Se
+                    },
+                    children: /* @__PURE__ */ t(we, {})
+                })
             ]
-        })), F = (d, n)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-            className: m(q, {
-                [J]: X && n,
-                [G]: M && n,
-                [oe]: !g && n
+        })), Y = (n, d)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+            className: u(ae, {
+                [re]: K && d,
+                [ie]: Q && d,
+                [ge]: !f && d
             }),
             ref: a
-        }, z(B)), {
-            children: d
-        }));
+        }, F(B)), {
+            children: n
+        })), ue = (param)=>{
+        let { controlElement: n } = param;
+        return /* @__PURE__ */ t("div", {
+            className: ot,
+            children: n
+        });
+    };
     if (e.switch || e.checkbox) {
         var _e_switch, _e_checkbox;
         var _e_switch_name, _ref;
-        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,
-            checked: te,
-            "aria-label": O,
+        const n = e.switch ? He : We, d = (_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 T ? X(/* @__PURE__ */ t(n, {
+            disabled: f,
+            name: d,
+            checked: me,
+            "aria-label": V,
             "aria-labelledby": i,
-            onChange: ae,
-            render: (param)=>{
-                let { controlElement: Z } = param;
-                return /* @__PURE__ */ t("div", {
-                    className: Qe,
-                    children: Z
-                });
-            }
-        })) : F(/* @__PURE__ */ t(d, {
-            disabled: g,
-            name: n,
-            checked: te,
-            "aria-label": O,
+            onChange: he,
+            render: ue
+        })) : Y(/* @__PURE__ */ t(n, {
+            disabled: f,
+            name: d,
+            checked: me,
+            "aria-label": V,
             "aria-labelledby": i,
-            onChange: ae,
+            onChange: he,
             render: (param)=>{
-                let { controlElement: Z, labelId: we } = param;
-                return /* @__PURE__ */ t(s, {
-                    paddingX: 16,
+                let { controlElement: p, labelId: ee } = param;
+                return /* @__PURE__ */ t("div", {
+                    className: O,
                     role: c,
                     children: L({
-                        labelId: we,
-                        control: /* @__PURE__ */ t(S, {
+                        labelId: ee,
+                        control: /* @__PURE__ */ t(q, {
                             space: "around",
-                            children: Z
+                            children: p
                         })
                     })
                 });
             }
         }), !0);
     }
-    if (e.radioValue) return A ? j(/* @__PURE__ */ t(re, {
+    if (e.radioValue) return T ? X(/* @__PURE__ */ t(fe, {
         value: e.radioValue,
-        "aria-label": O,
+        "aria-label": V,
         "aria-labelledby": i,
-        render: (param)=>{
-            let { controlElement: d } = param;
-            return /* @__PURE__ */ t(S, {
-                space: "around",
-                children: /* @__PURE__ */ t(s, {
-                    paddingX: 16,
-                    children: d
-                })
-            });
-        }
-    })) : F(/* @__PURE__ */ t(re, {
+        render: ue
+    })) : Y(/* @__PURE__ */ t(fe, {
         value: e.radioValue,
-        "aria-label": O,
+        "aria-label": V,
         "aria-labelledby": i,
         render: (param)=>{
-            let { controlElement: d } = param;
-            return /* @__PURE__ */ t(s, {
-                paddingX: 16,
+            let { controlElement: n } = param;
+            return /* @__PURE__ */ t("div", {
+                className: O,
                 role: c,
                 children: L({
                     labelId: i,
-                    control: /* @__PURE__ */ t(S, {
+                    control: /* @__PURE__ */ t(q, {
                         space: "around",
-                        children: d
+                        children: n
                     })
                 })
             });
         }
     }), !0);
-    if (e.iconButton) return A ? j(/* @__PURE__ */ t(s, {
-        padding: 16,
-        children: /* @__PURE__ */ t(S, {
-            space: "around",
-            children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
-                disabled: e.disabled
-            })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
-                disabled: e.disabled
-            }))
-        })
-    })) : F(/* @__PURE__ */ t(s, {
-        paddingX: 16,
+    if (e.iconButton) return T ? X(/* @__PURE__ */ t("div", {
+        className: _e,
+        children: e.iconButton.Icon ? /* @__PURE__ */ t(xe, _object_spread_props(_object_spread({}, e.iconButton), {
+            disabled: e.disabled
+        })) : /* @__PURE__ */ t(ye, _object_spread_props(_object_spread({}, e.iconButton), {
+            disabled: e.disabled
+        }))
+    })) : Y(/* @__PURE__ */ t("div", {
+        className: O,
         children: L({
             labelId: i,
-            control: /* @__PURE__ */ t(S, {
+            control: /* @__PURE__ */ t(q, {
                 space: "around",
-                children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
+                children: e.iconButton.Icon ? /* @__PURE__ */ t(xe, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
                     role: c
-                })) : /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, e.iconButton), {
+                })) : /* @__PURE__ */ t(ye, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
                     role: c
                 }))
             })
         })
     }));
-    const U = !!C || me;
+    const $ = !!M || P;
     return /* @__PURE__ */ t("div", {
         role: c,
-        children: /* @__PURE__ */ T("div", _object_spread_props(_object_spread({
-            className: m(q, ze),
-            role: U ? "text" : void 0
-        }, z(B)), {
+        children: /* @__PURE__ */ y("div", _object_spread_props(_object_spread({
+            className: u(ae, O),
+            role: $ ? "text" : void 0
+        }, F(B)), {
             ref: a,
-            tabIndex: v,
+            tabIndex: w,
             children: [
                 /* @__PURE__ */ t("div", {
-                    "aria-hidden": U,
+                    "aria-hidden": $,
                     children: L({
                         role: c
                     })
                 }),
-                U && /* @__PURE__ */ t($e, {
+                $ && /* @__PURE__ */ t(ct, {
                     children: /* @__PURE__ */ t("span", {
-                        children: C !== null && C !== void 0 ? C : p
+                        children: M !== null && M !== void 0 ? M : de
                     })
                 })
             ]
         }))
     });
-}), Lt = /*#__PURE__*/ h.forwardRef((_param, l)=>{
+}), jt = /*#__PURE__*/ s.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ t("div", {
         role: a,
-        className: Ve,
-        children: /* @__PURE__ */ t(he, _object_spread_props(_object_spread({}, i), {
+        className: je,
+        children: /* @__PURE__ */ t(Ce, _object_spread_props(_object_spread({}, i), {
+            hasDivider: !0,
             ref: l,
             dataAttributes: _object_spread({
                 testid: "Row"
             }, e)
         }))
     });
-}), It = (param)=>{
-    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: a,
-        "aria-labelledby": l,
-        "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: [
-                    R,
-                    w < P && /* @__PURE__ */ t(s, {
-                        paddingX: 16,
-                        children: /* @__PURE__ */ t(Pe, {})
-                    })
-                ]
-            }, w))
-    }));
-}, St = /*#__PURE__*/ h.forwardRef((_param, i)=>{
+}), qt = (param)=>{
+    let { children: e, role: a = "list", "aria-label": i, "aria-labelledby": l, "aria-live": o = "off", "aria-atomic": m = !1, dataAttributes: v, small: h = !1 } = param;
+    return /* @__PURE__ */ t(ne.Provider, {
+        value: {
+            small: h
+        },
+        children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+            role: a,
+            "aria-labelledby": l,
+            "aria-label": i,
+            "aria-live": o,
+            "aria-atomic": m
+        }, F(_object_spread({
+            testid: "RowList"
+        }, v))), {
+            children: e
+        }))
+    });
+}, Ft = /*#__PURE__*/ s.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     var _a_variant;
-    return /* @__PURE__ */ t(Se, {
+    return /* @__PURE__ */ t(Me, {
         overflow: "visible",
-        className: Ee,
+        className: qe,
         variant: (_a_variant = a.variant) !== null && _a_variant !== void 0 ? _a_variant : "default",
         ref: i,
         dataAttributes: _object_spread({
             testid: "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(he, _object_spread({}, a))
+        children: /* @__PURE__ */ t(Ce, _object_spread_props(_object_spread({}, a), {
+            hasDivider: !1
+        }))
     });
-}), Pt = (param)=>{
-    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: a,
-        "aria-label": l,
-        "aria-labelledby": o,
-        "aria-live": u,
-        "aria-atomic": x,
-        dataAttributes: _object_spread({
-            testid: "BoxedRowList"
-        }, i),
-        children: e
+}), Ut = (param)=>{
+    let { children: e, role: a = "list", dataAttributes: i, "aria-label": l, "aria-labelledby": o, "aria-live": m = "off", "aria-atomic": v = !1, small: h = !1 } = param;
+    return /* @__PURE__ */ t(ne.Provider, {
+        value: {
+            small: h
+        },
+        children: /* @__PURE__ */ t(q, {
+            space: 16,
+            role: a,
+            "aria-label": l,
+            "aria-labelledby": o,
+            "aria-live": m,
+            "aria-atomic": v,
+            dataAttributes: _object_spread({
+                testid: "BoxedRowList"
+            }, i),
+            children: e
+        })
     });
-}, Vt = (param)=>{
+}, Zt = (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
     /* @__PURE__ */ t("ul", {
         role: "list",
-        className: se,
+        className: Re,
         "aria-label": a,
         "aria-labelledby": i,
         children: e
     }));
-}, Et = (param)=>{
+}, _t = (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
     /* @__PURE__ */ t("ol", {
         role: "list",
-        className: se,
+        className: Re,
         "aria-label": a,
         "aria-labelledby": i,
         children: e
     }));
-}, Ot = (param)=>{
+}, Gt = (param)=>{
     let { children: e, Icon: a, icon: i, withMarker: l = !0 } = param;
-    return l ? a || i ? /* @__PURE__ */ T("li", {
-        className: He,
+    return l ? a || i ? /* @__PURE__ */ y("li", {
+        className: Ue,
         children: [
-            /* @__PURE__ */ t(s, {
+            /* @__PURE__ */ t(E, {
                 paddingRight: {
                     mobile: 8,
                     desktop: 16
@@ -663,19 +690,19 @@ const tt = (e, a)=>typeof e == "function" ? e === null || e === void 0 ? void 0
                 }) : i
             }),
             /* @__PURE__ */ t("div", {
-                className: le,
+                className: ve,
                 children: e
             })
         ]
     }) : /* @__PURE__ */ t("li", {
-        className: We,
+        className: Ze,
         children: e
     }) : /* @__PURE__ */ t("li", {
-        className: Oe,
+        className: Fe,
         children: /* @__PURE__ */ t("div", {
-            className: le,
+            className: ve,
             children: e
         })
     });
 };
-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 };
+export { Ft as BoxedRow, Ut as BoxedRowList, ut as Content, Gt as ListItem, _t as OrderedList, jt as Row, qt as RowList, Zt as UnorderedList };