@telefonica/mistica 15.8.0 → 15.9.0

package/dist-es/list.js

@@ -78,557 +78,449 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as L } from "react/jsx-runtime";
-import * as I from "react";
-import i from "classnames";
-import { BaseTouchable as S } from "./touchable.js";
-import { Text3 as me, Text1 as ue, Text2 as K } from "./text.js";
-import c from "./box.js";
-import X from "./stack.js";
-import ne from "./badge.js";
-import { useAriaId as ge } from "./hooks.js";
-import { useIsInverseVariant as le } from "./theme-variant-context.js";
-import be from "./icons/icon-chevron.js";
-import ve from "./switch-component.js";
-import re, { useRadioContext as fe } from "./radio-button.js";
-import xe from "./checkbox.js";
-import { Boxed as ye } from "./boxed.js";
-import Ne from "./divider.js";
-import { getPrefixedDataAttributes as we } from "./utils/dom.js";
-import { rowContent as T, touchableBackground as C, touchableBackgroundInverse as k, pointer as W, dualActionContainer as Q, dualActionLeft as U, dualActionDivider as Z, content as Be, center as F, disabled as V, asset as Re, rowBody as Ce, right as ke, rightRestrictedWidth as Ie, detail as Pe, detailRight as ae, dualActionRight as Te, badge as Le } from "./list.css-mistica.js";
-import { vars as Ee } from "./image.css-mistica.js";
+import { jsx as t, jsxs as V } from "react/jsx-runtime";
+import * as x from "react";
+import m from "classnames";
+import { BaseTouchable as ee } from "./touchable.js";
+import { Text3 as fe, Text1 as be, Text2 as F } from "./text.js";
+import i from "./box.js";
+import N from "./stack.js";
+import ve from "./badge.js";
+import { useAriaId as xe } from "./hooks.js";
+import { useIsInverseVariant as ie } from "./theme-variant-context.js";
+import ge from "./icons/icon-chevron.js";
+import ye from "./switch-component.js";
+import te, { useRadioContext as we } from "./radio-button.js";
+import Be from "./checkbox.js";
+import { Boxed as Re } from "./boxed.js";
+import Ie from "./divider.js";
+import { getPrefixedDataAttributes as J } from "./utils/dom.js";
+import { rowContent as Y, touchableBackground as q, touchableBackgroundInverse as z, pointer as ae, content as Ce, center as G, disabled as C, asset as Ne, rowBody as Te, badge as ke, rightContent as Le, rightRestrictedWidth as Ae, detail as Se, detailRight as Ve, dualActionContainer as Xe, dualActionLeft as Ee, dualActionDivider as Pe, dualActionRight as De } from "./list.css-mistica.js";
+import { vars as We } from "./image.css-mistica.js";
 import { vars as d } from "./skins/skin-contract.css-mistica.js";
-import { applyCssVars as Ae } from "./utils/css.js";
-import { IconButton as ie, ToggleIconButton as oe } from "./icon-button.js";
-import { sprinkles as Se } from "./sprinkles.css-mistica.js";
-const ce = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: n
-    }) : n ? /* @__PURE__ */ t("div", {
+import { applyCssVars as je } from "./utils/css.js";
+import { IconButton as re, ToggleIconButton as ne } from "./icon-button.js";
+import { sprinkles as Me } from "./sprinkles.css-mistica.js";
+const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: a
+    }) : a ? /* @__PURE__ */ t("div", {
         style: {
             display: "flex",
             alignItems: "center",
             height: "100%"
         },
-        children: e
-    }) : e, Ve = (param)=>{
-    let { withChevron: e, headline: n, headlineRef: r, extraRef: l, title: h, titleAs: P, titleLinesMax: b, subtitle: x, subtitleLinesMax: Y, description: E, descriptionLinesMax: q, detail: u, asset: H, danger: j, type: y = "basic", badge: D, right: s, extra: M, labelId: m, disabled: a } = param;
-    const O = le(), A = [
-        n,
-        h,
-        x,
-        E,
-        M
-    ].filter(Boolean).length === 1, z = ()=>D ? /* @__PURE__ */ t(c, {
-            paddingLeft: 16,
-            children: /* @__PURE__ */ t("div", {
-                className: i(F, Le, {
-                    [V]: a
-                }),
-                children: D === !0 ? /* @__PURE__ */ t(ne, {}) : /* @__PURE__ */ t(ne, {
-                    value: D
-                })
-            })
-        }) : null;
-    return /* @__PURE__ */ L(c, {
+        children: /* @__PURE__ */ t("div", {
+            children: e
+        })
+    }) : e, He = (param)=>{
+    let { withChevron: e, headline: a, headlineRef: r, extraRef: o, title: c, titleAs: g, titleLinesMax: y, subtitle: f, subtitleLinesMax: E, description: B, descriptionLinesMax: P, detail: h, asset: X, danger: T, badge: k, right: w, extra: s, labelId: D, disabled: b, control: v } = param;
+    const L = ie(), A = [
+        a,
+        c,
+        f,
+        B,
+        s
+    ].filter(Boolean).length === 1;
+    return /* @__PURE__ */ V(i, {
         paddingY: 16,
-        className: Be,
+        className: Ce,
         children: [
-            H && /* @__PURE__ */ t(c, {
+            X && /* @__PURE__ */ t(i, {
                 paddingRight: 16,
-                className: i({
-                    [F]: A,
-                    [V]: a
+                className: m({
+                    [G]: A,
+                    [C]: b
                 }),
                 children: /* @__PURE__ */ t("div", {
-                    className: Re,
-                    style: Ae({
-                        color: j ? O ? d.colors.textErrorInverse : d.colors.textError : O ? d.colors.textPrimaryInverse : d.colors.textPrimary,
-                        [Ee.mediaBorderRadius]: d.borderRadii.mediaSmall
+                    className: Ne,
+                    style: je({
+                        color: T ? L ? d.colors.textErrorInverse : d.colors.textError : L ? d.colors.textPrimaryInverse : d.colors.textPrimary,
+                        [We.mediaBorderRadius]: d.borderRadii.mediaSmall
                     }),
-                    children: H
+                    children: X
                 })
             }),
-            /* @__PURE__ */ L("div", {
-                className: i(Ce, {
-                    [V]: a
+            /* @__PURE__ */ V("div", {
+                className: m(Te, {
+                    [C]: b
                 }),
                 style: {
                     justifyContent: A ? "center" : "flex-start"
                 },
-                id: m,
+                id: D,
                 children: [
-                    /* @__PURE__ */ t(me, {
+                    /* @__PURE__ */ t(fe, {
                         regular: !0,
-                        color: j ? d.colors.textError : d.colors.textPrimary,
-                        truncate: b,
+                        color: T ? d.colors.textError : d.colors.textPrimary,
+                        truncate: y,
                         hyphens: "auto",
-                        as: P,
-                        children: h
+                        as: g,
+                        children: c
                     }),
-                    n && /* @__PURE__ */ t("div", {
+                    a && /* @__PURE__ */ t("div", {
                         ref: r,
                         style: {
                             order: -1,
                             paddingBottom: 4
                         },
-                        children: /* @__PURE__ */ t(ue, {
+                        children: /* @__PURE__ */ t(be, {
                             regular: !0,
                             color: d.colors.textPrimary,
                             hyphens: "auto",
-                            children: n
+                            children: a
                         })
                     }),
-                    x && /* @__PURE__ */ t(c, {
+                    f && /* @__PURE__ */ t(i, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(K, {
+                        children: /* @__PURE__ */ t(F, {
                             regular: !0,
                             color: d.colors.textPrimary,
-                            truncate: Y,
+                            truncate: E,
                             hyphens: "auto",
-                            children: x
+                            children: f
                         })
                     }),
-                    E && /* @__PURE__ */ t(c, {
+                    B && /* @__PURE__ */ t(i, {
                         paddingTop: 2,
-                        children: /* @__PURE__ */ t(K, {
+                        children: /* @__PURE__ */ t(F, {
                             regular: !0,
                             color: d.colors.textSecondary,
-                            truncate: q,
+                            truncate: P,
                             hyphens: "auto",
-                            children: E
+                            children: B
                         })
                     }),
-                    M && /* @__PURE__ */ t(c, {
-                        ref: l,
+                    s && /* @__PURE__ */ t(i, {
+                        ref: o,
                         paddingTop: 2,
-                        children: M
+                        children: s
                     })
                 ]
             }),
-            z(),
-            /* @__PURE__ */ L("div", {
-                className: i({
-                    [ke]: !!u || y !== "basic",
-                    [Ie]: !!u
+            k && /* @__PURE__ */ t(i, {
+                paddingLeft: 16,
+                children: /* @__PURE__ */ t("div", {
+                    className: m(ke, {
+                        [C]: b
+                    }),
+                    children: /* @__PURE__ */ t(ve, {
+                        value: k === !0 ? void 0 : k
+                    })
+                })
+            }),
+            (h || w || e || v) && /* @__PURE__ */ V("div", {
+                className: m(Le, {
+                    [Ae]: !!h
                 }),
                 children: [
-                    u && /* @__PURE__ */ t("div", {
-                        className: i(F, Pe, {
-                            [V]: a
+                    h && /* @__PURE__ */ t("div", {
+                        className: m(Se, {
+                            [C]: b
                         }),
-                        children: /* @__PURE__ */ t(K, {
+                        children: /* @__PURE__ */ t(F, {
                             regular: !0,
                             color: d.colors.textSecondary,
                             hyphens: "auto",
-                            children: u
+                            children: h
                         })
                     }),
-                    y === "control" && /* @__PURE__ */ t("div", {
-                        className: i({
-                            [ae]: !!u
+                    w && /* @__PURE__ */ t("div", {
+                        className: m({
+                            [Ve]: !!h,
+                            [C]: b
                         }),
-                        children: ce(s, A)
+                        children: Oe(w, A)
                     }),
-                    y === "custom" && /* @__PURE__ */ t("div", {
-                        className: i({
-                            [ae]: !!u,
-                            [V]: a
+                    e && /* @__PURE__ */ t(i, {
+                        paddingLeft: h || w ? 4 : 0,
+                        className: m(G, {
+                            [C]: b
                         }),
-                        children: ce(s, A)
-                    }),
-                    (y === "chevron" || y === "custom" && e) && /* @__PURE__ */ t(c, {
-                        paddingLeft: u || y === "custom" ? 4 : 0,
-                        className: i(F, {
-                            [V]: a
-                        }),
-                        children: /* @__PURE__ */ t(be, {
-                            color: O ? d.colors.inverse : d.colors.neutralMedium,
+                        children: /* @__PURE__ */ t(ge, {
+                            color: L ? d.colors.inverse : d.colors.neutralMedium,
                             direction: "right"
                         })
+                    }),
+                    v && /* @__PURE__ */ t(i, {
+                        paddingLeft: h || w ? 8 : 0,
+                        className: G,
+                        children: v
                     })
                 ]
             })
         ]
     });
-}, Xe = (param)=>{
-    let { value: e, defaultValue: n, onChange: r } = param;
-    const l = e !== void 0, [h, P] = I.useState(!!n), b = ()=>{
-        l || P(!h), r && r(l ? !e : !h);
-    };
-    return l ? [
-        !!e,
-        b
-    ] : [
-        h,
-        b
+}, Fe = (param)=>{
+    let { value: e, defaultValue: a, onChange: r } = param;
+    const o = e !== void 0, [c, g] = x.useState(!!a);
+    return [
+        o ? !!e : c,
+        ()=>{
+            o || g(!c), r == null || r(o ? !e : !c);
+        }
     ];
-}, je = (e)=>e.switch !== void 0, De = (e)=>e.checkbox !== void 0, Me = (e)=>e.radioValue !== void 0, Oe = (e)=>e.iconButton !== void 0, de = /*#__PURE__*/ I.forwardRef((e, n)=>{
-    const r = ge(), l = le(), { asset: h, headline: P, title: b, titleAs: x, titleLinesMax: Y, subtitle: E, subtitleLinesMax: q, description: u, descriptionLinesMax: H, detail: j, danger: y, badge: D, role: s, extra: M, dataAttributes: m, "aria-label": a } = e, [O, _] = I.useState(""), [A, z] = I.useState(""), $ = [
-        b,
-        O,
-        E,
-        u,
+}, Ye = (e)=>[
+        "switch",
+        "checkbox",
+        "radioValue",
+        "iconButton"
+    ].some((a)=>e[a] !== void 0), oe = /*#__PURE__*/ x.forwardRef((e, a)=>{
+    var $, p;
+    const r = xe(), o = ie(), { asset: c, headline: g, title: y, titleAs: f, titleLinesMax: E, subtitle: B, subtitleLinesMax: P, description: h, descriptionLinesMax: X, detail: T, danger: k, badge: w, role: s, extra: D, withChevron: b, dataAttributes: v, right: L, "aria-label": K } = e, [A, le] = x.useState(""), [de, ce] = x.useState(""), se = [
+        y,
         A,
-        j
-    ].filter(Boolean).join(" "), se = fe(), o = e.disabled || e.radioValue !== void 0 && se.disabled, N = !o && !l, w = !o && l, [p, ee] = Xe(e.switch || e.checkbox || {}), v = (param)=>{
-        let { type: g, right: B, labelId: R } = param;
-        return /* @__PURE__ */ t(Ve, {
-            asset: h,
-            headline: P,
-            headlineRef: (f)=>{
-                f && _(f.textContent || "");
-            },
-            title: b,
-            titleAs: x,
-            subtitle: E,
-            description: u,
-            badge: D,
-            titleLinesMax: Y,
-            subtitleLinesMax: q,
-            descriptionLinesMax: H,
-            detail: j,
-            danger: y,
-            type: g,
-            right: B,
-            extra: M,
-            extraRef: (f)=>{
-                f && z(f.innerText || f.textContent || "");
-            },
-            labelId: R,
-            disabled: o,
-            withChevron: !!e.onPress || !!e.href || !!e.to
-        });
-    }, G = function() {
-        let { hidden: g, right: B } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-        let R = "chevron";
-        return B === null && (R = "basic"), B && (R = "custom"), /* @__PURE__ */ t(c, {
-            paddingX: 16,
-            "aria-hidden": g || void 0,
-            children: v({
-                type: R,
-                right: B
-            })
-        });
-    };
-    if (e.onPress && !je(e) && !De(e) && !Me(e) && !Oe(e)) return /* @__PURE__ */ t(S, {
-        ref: n,
-        className: i(T, {
-            [C]: N,
-            [k]: w,
-            [W]: !o
-        }),
-        trackingEvent: e.trackingEvent,
-        onPress: e.onPress,
-        role: s,
-        dataAttributes: m,
-        disabled: o,
-        "aria-label": a,
-        children: G({
-            right: e.right
-        })
-    });
-    if (e.to) return /* @__PURE__ */ t(S, {
-        ref: n,
-        className: i(T, {
-            [C]: N,
-            [k]: w,
-            [W]: !o
-        }),
-        trackingEvent: e.trackingEvent,
+        B,
+        h,
+        de,
+        T
+    ].filter(Boolean).join(" "), R = K !== null && K !== void 0 ? K : e.href || e.to ? se : void 0, he = we(), u = e.disabled || e.radioValue !== void 0 && he.disabled, W = !u && !o, j = !u && o, Q = Ye(e), S = !!e.onPress || !!e.href || !!e.to, me = Q ? !1 : b !== null && b !== void 0 ? b : S, U = {
+        href: e.href,
+        newTab: e.newTab,
+        loadOnTop: e.loadOnTop,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
+        replace: e.replace,
         onNavigate: e.onNavigate,
-        role: s,
-        dataAttributes: m,
-        disabled: o,
-        "aria-label": a !== null && a !== void 0 ? a : $,
-        children: G({
-            right: e.right,
-            hidden: !0
+        onPress: e.onPress,
+        trackingEvent: e.trackingEvent
+    }, [Z, _] = Fe(e.switch || e.checkbox || {}), I = (n)=>/* @__PURE__ */ t(He, {
+            asset: c,
+            headline: g,
+            headlineRef: (l)=>{
+                l && le(l.textContent || "");
+            },
+            title: y,
+            titleAs: f,
+            subtitle: B,
+            description: h,
+            badge: w,
+            titleLinesMax: E,
+            subtitleLinesMax: P,
+            descriptionLinesMax: X,
+            detail: T,
+            danger: k,
+            right: L,
+            control: n == null ? void 0 : n.control,
+            extra: D,
+            extraRef: (l)=>{
+                l && ce(l.innerText || l.textContent || "");
+            },
+            labelId: n == null ? void 0 : n.labelId,
+            disabled: u,
+            withChevron: me
+        });
+    if (S && !Q) return /* @__PURE__ */ t(ee, _object_spread_props(_object_spread({
+        ref: a,
+        className: m(Y, {
+            [q]: W,
+            [z]: j,
+            [ae]: !u
         })
-    });
-    if (e.href) return /* @__PURE__ */ t(S, {
-        ref: n,
-        className: i(T, {
-            [C]: N,
-            [k]: w,
-            [W]: !o
-        }),
-        trackingEvent: e.trackingEvent,
-        href: e.href,
-        newTab: e.newTab,
-        onNavigate: e.onNavigate,
-        loadOnTop: e.loadOnTop,
+    }, U), {
         role: s,
-        dataAttributes: m,
-        disabled: o,
-        "aria-label": a !== null && a !== void 0 ? a : $,
-        children: G({
-            right: e.right,
-            hidden: !0
+        dataAttributes: v,
+        disabled: u,
+        "aria-label": R,
+        children: /* @__PURE__ */ t(i, {
+            paddingX: 16,
+            "aria-hidden": !!e.to || !!e.href || void 0,
+            children: I()
         })
-    });
-    const te = (g)=>{
-        var R, f;
-        var _ref, _ref1;
-        const B = (_ref1 = (_ref = (R = e.switch) == null ? void 0 : R.name) !== null && _ref !== void 0 ? _ref : (f = e.checkbox) == null ? void 0 : f.name) !== null && _ref1 !== void 0 ? _ref1 : r;
-        return e.onPress ? /* @__PURE__ */ L("div", {
-            className: Q,
+    }));
+    const M = (n)=>/* @__PURE__ */ V("div", _object_spread_props(_object_spread({
+            className: Xe,
+            ref: a
+        }, J(v)), {
             children: [
-                /* @__PURE__ */ t(S, {
-                    dataAttributes: m,
-                    disabled: o,
-                    onPress: e.onPress,
-                    trackingEvent: e.trackingEvent,
+                /* @__PURE__ */ t(ee, _object_spread_props(_object_spread({
+                    disabled: u
+                }, U), {
                     role: s,
-                    className: i(U, {
-                        [C]: N,
-                        [k]: w
+                    className: m(Ee, {
+                        [q]: W,
+                        [z]: j
                     }),
-                    "aria-label": a,
-                    children: v({
-                        type: "basic",
+                    "aria-label": R,
+                    children: I({
                         labelId: r
                     })
-                }),
+                })),
                 /* @__PURE__ */ t("div", {
-                    className: Z
+                    className: Pe
                 }),
-                /* @__PURE__ */ t(g, {
-                    disabled: o,
-                    name: B,
-                    checked: p,
-                    "aria-label": a,
-                    "aria-labelledby": r,
-                    onChange: ee,
-                    render: (param)=>{
-                        let { controlElement: J } = param;
-                        return /* @__PURE__ */ t("div", {
-                            className: Te,
-                            children: J
-                        });
-                    }
-                })
+                n
             ]
-        }) : /* @__PURE__ */ t("div", {
-            className: i(T, {
-                [C]: N,
-                [k]: w,
-                [W]: !o
+        })), O = (n, l)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+            className: m(Y, {
+                [q]: W && l,
+                [z]: j && l,
+                [ae]: !u && l
             }),
-            children: /* @__PURE__ */ t(g, {
-                disabled: o,
-                dataAttributes: m,
-                name: B,
-                checked: p,
-                onChange: ee,
-                "aria-label": a,
-                render: (param)=>{
-                    let { controlElement: J, labelId: he } = param;
-                    return /* @__PURE__ */ t(c, {
-                        paddingX: 16,
-                        role: s,
-                        children: v({
-                            labelId: he,
-                            type: "control",
-                            right: ()=>/* @__PURE__ */ t(X, {
-                                    space: "around",
-                                    children: J
-                                })
-                        })
-                    });
-                }
-            })
-        });
-    };
-    return e.switch ? te(ve) : e.checkbox ? te(xe) : e.iconButton ? e.onPress ? /* @__PURE__ */ L("div", {
-        className: Q,
-        children: [
-            /* @__PURE__ */ t(S, {
-                dataAttributes: m,
-                disabled: o,
-                onPress: e.onPress,
-                trackingEvent: e.trackingEvent,
-                role: s,
-                className: i(U, {
-                    [C]: N,
-                    [k]: w
-                }),
-                "aria-label": a,
-                children: v({
-                    type: "basic",
-                    labelId: r
-                })
-            }),
-            /* @__PURE__ */ t("div", {
-                className: Z
-            }),
-            /* @__PURE__ */ t(c, {
-                padding: 16,
-                children: /* @__PURE__ */ t(X, {
-                    space: "around",
-                    children: e.iconButton.Icon ? /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    })) : /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    }))
-                })
-            })
-        ]
-    }) : /* @__PURE__ */ t("div", {
-        className: i(T),
-        children: /* @__PURE__ */ t(c, {
-            paddingX: 16,
-            children: v({
-                labelId: r,
-                type: "control",
-                right: /* @__PURE__ */ t(X, {
-                    space: "around",
-                    children: e.iconButton.Icon ? /* @__PURE__ */ t(ie, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    })) : /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    }))
-                })
-            })
-        })
-    }) : e.radioValue ? e.onPress ? /* @__PURE__ */ L("div", {
-        className: Q,
-        children: [
-            /* @__PURE__ */ t(S, {
-                disabled: o,
-                onPress: e.onPress,
-                role: s,
-                className: i(U, {
-                    [C]: N,
-                    [k]: w
-                }),
-                "aria-label": a,
-                children: v({
-                    type: "basic",
-                    labelId: r
-                })
-            }),
-            /* @__PURE__ */ t("div", {
-                className: Z
-            }),
-            /* @__PURE__ */ t(re, {
-                dataAttributes: m,
-                value: e.radioValue,
-                "aria-labelledby": r,
-                "aria-label": a,
-                render: (param)=>{
-                    let { controlElement: g } = param;
-                    return /* @__PURE__ */ t(X, {
-                        space: "around",
-                        children: /* @__PURE__ */ t(c, {
-                            paddingX: 16,
-                            children: g
-                        })
-                    });
-                }
-            })
-        ]
-    }) : /* @__PURE__ */ t("div", {
-        className: i(T, {
-            [C]: N,
-            [k]: w,
-            [W]: !o
-        }),
-        role: s,
-        ref: n,
-        children: /* @__PURE__ */ t(re, {
-            dataAttributes: m,
-            value: e.radioValue,
+            ref: a
+        }, J(v)), {
+            children: n
+        }));
+    if (e.switch || e.checkbox) {
+        var _ref, _ref1;
+        const n = e.switch ? ye : Be, l = (_ref1 = (_ref = ($ = e.switch) == null ? void 0 : $.name) !== null && _ref !== void 0 ? _ref : (p = e.checkbox) == null ? void 0 : p.name) !== null && _ref1 !== void 0 ? _ref1 : r;
+        return S ? M(/* @__PURE__ */ t(n, {
+            disabled: u,
+            name: l,
+            checked: Z,
+            "aria-label": R,
             "aria-labelledby": r,
-            "aria-label": a,
+            onChange: _,
             render: (param)=>{
-                let { controlElement: g } = param;
-                return /* @__PURE__ */ t(c, {
+                let { controlElement: H } = param;
+                return /* @__PURE__ */ t("div", {
+                    className: De,
+                    children: H
+                });
+            }
+        })) : O(/* @__PURE__ */ t(n, {
+            disabled: u,
+            name: l,
+            checked: Z,
+            "aria-label": R,
+            "aria-labelledby": r,
+            onChange: _,
+            render: (param)=>{
+                let { controlElement: H, labelId: ue } = param;
+                return /* @__PURE__ */ t(i, {
                     paddingX: 16,
-                    children: v({
-                        labelId: r,
-                        type: "control",
-                        right: ()=>/* @__PURE__ */ t(X, {
-                                space: "around",
-                                children: g
-                            })
+                    role: s,
+                    children: I({
+                        labelId: ue,
+                        control: /* @__PURE__ */ t(N, {
+                            space: "around",
+                            children: H
+                        })
                     })
                 });
             }
+        }), !0);
+    }
+    return e.radioValue ? S ? M(/* @__PURE__ */ t(te, {
+        value: e.radioValue,
+        "aria-label": R,
+        "aria-labelledby": r,
+        render: (param)=>{
+            let { controlElement: n } = param;
+            return /* @__PURE__ */ t(N, {
+                space: "around",
+                children: /* @__PURE__ */ t(i, {
+                    paddingX: 16,
+                    children: n
+                })
+            });
+        }
+    })) : O(/* @__PURE__ */ t(te, {
+        value: e.radioValue,
+        "aria-label": R,
+        "aria-labelledby": r,
+        render: (param)=>{
+            let { controlElement: n } = param;
+            return /* @__PURE__ */ t(i, {
+                paddingX: 16,
+                role: s,
+                children: I({
+                    labelId: r,
+                    control: /* @__PURE__ */ t(N, {
+                        space: "around",
+                        children: n
+                    })
+                })
+            });
+        }
+    }), !0) : e.iconButton ? S ? M(/* @__PURE__ */ t(i, {
+        padding: 16,
+        children: /* @__PURE__ */ t(N, {
+            space: "around",
+            children: e.iconButton.Icon ? /* @__PURE__ */ t(re, _object_spread_props(_object_spread({}, e.iconButton), {
+                disabled: e.disabled
+            })) : /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
+                disabled: e.disabled
+            }))
         })
-    }) : /* @__PURE__ */ t(c, {
+    })) : O(/* @__PURE__ */ t(i, {
         paddingX: 16,
-        className: T,
-        role: s,
-        dataAttributes: m,
-        children: e.right ? v({
-            type: "custom",
-            right: e.right
-        }) : v({
-            type: "basic"
+        children: I({
+            labelId: r,
+            control: /* @__PURE__ */ t(N, {
+                space: "around",
+                children: e.iconButton.Icon ? /* @__PURE__ */ t(re, _object_spread_props(_object_spread({}, e.iconButton), {
+                    disabled: e.disabled,
+                    role: s
+                })) : /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
+                    disabled: e.disabled,
+                    role: s
+                }))
+            })
         })
+    })) : /* @__PURE__ */ t(i, {
+        paddingX: 16,
+        className: Y,
+        role: s,
+        dataAttributes: v,
+        ref: a,
+        children: I()
     });
-}), ct = /*#__PURE__*/ I.forwardRef((_param, l)=>{
-    var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
+}), ht = /*#__PURE__*/ x.forwardRef((_param, o)=>{
+    var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ t("div", {
-        role: n,
-        className: Se({
+        role: a,
+        className: Me({
             width: "100%"
         }),
-        children: /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, r), {
-            ref: l,
+        children: /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, r), {
+            ref: o,
             dataAttributes: _object_spread({
                 "component-name": "Row"
             }, e)
         }))
     });
-}), lt = (param)=>{
-    let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: l } = param;
-    const h = I.Children.toArray(e).filter(Boolean), P = h.length - 1;
+}), mt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
+    const c = x.Children.toArray(e).filter(Boolean), g = c.length - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: r,
-        "aria-labelledby": n
-    }, we(l, "RowList")), {
-        children: h.map((b, x)=>/* @__PURE__ */ L(I.Fragment, {
+        "aria-labelledby": a
+    }, J(o, "RowList")), {
+        children: c.map((y, f)=>/* @__PURE__ */ V(x.Fragment, {
                 children: [
-                    b,
-                    x < P && /* @__PURE__ */ t(c, {
+                    y,
+                    f < g && /* @__PURE__ */ t(i, {
                         paddingX: 16,
-                        children: /* @__PURE__ */ t(Ne, {})
+                        children: /* @__PURE__ */ t(Ie, {})
                     })
                 ]
-            }, x))
+            }, f))
     }));
-}, dt = /*#__PURE__*/ I.forwardRef((_param, r)=>{
-    var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
+}, ut = /*#__PURE__*/ x.forwardRef((_param, r)=>{
+    var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(ye, {
-        isInverse: n.isInverse,
+    return /* @__PURE__ */ t(Re, {
+        isInverse: a.isInverse,
         ref: r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(de, _object_spread({}, n))
+        children: /* @__PURE__ */ t(oe, _object_spread({}, a))
     });
-}), st = (param)=>{
-    let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: l } = param;
-    return /* @__PURE__ */ t(X, {
+}), ft = (param)=>{
+    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
+    return /* @__PURE__ */ t(N, {
         space: 16,
         role: r,
-        "aria-labelledby": n,
+        "aria-labelledby": a,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
-        }, l),
+        }, o),
         children: e
     });
 };
-export { dt as BoxedRow, st as BoxedRowList, Ve as Content, ct as Row, lt as RowList };
+export { ut as BoxedRow, ft as BoxedRowList, He as Content, ht as Row, mt as RowList };