@telefonica/mistica 15.7.0 → 15.9.0

package/dist/list.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return dt;
+        return ut;
     },
     BoxedRowList: function() {
-        return st;
+        return ft;
     },
     Content: function() {
-        return Ve;
+        return He;
     },
     Row: function() {
-        return ct;
+        return ht;
     },
     RowList: function() {
-        return lt;
+        return mt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -174,71 +174,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ce = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: n
-    }) : n ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: a
+    }) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("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 = (0, _themevariantcontext.useIsInverseVariant)(), A = [
-        n,
-        h,
-        x,
-        E,
-        M
-    ].filter(Boolean).length === 1, z = ()=>D ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-            paddingLeft: 16,
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.badge, {
-                    [_listcssmistica.disabled]: a
-                }),
-                children: D === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                    value: D
-                })
-            })
-        }) : null;
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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 = (0, _themevariantcontext.useIsInverseVariant)(), A = [
+        a,
+        c,
+        f,
+        B,
+        s
+    ].filter(Boolean).length === 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
         paddingY: 16,
         className: _listcssmistica.content,
         children: [
-            H && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            X && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
                     [_listcssmistica.center]: A,
-                    [_listcssmistica.disabled]: a
+                    [_listcssmistica.disabled]: b
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
                     style: (0, _css.applyCssVars)({
-                        color: j ? O ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : O ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
+                        color: T ? L ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : L ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                     }),
-                    children: H
+                    children: X
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rowBody, {
-                    [_listcssmistica.disabled]: a
+                    [_listcssmistica.disabled]: b
                 }),
                 style: {
                     justifyContent: A ? "center" : "flex-start"
                 },
-                id: m,
+                id: D,
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
-                        color: j ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
-                        truncate: b,
+                        color: T ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
+                        truncate: y,
                         hyphens: "auto",
-                        as: P,
-                        children: h
+                        as: g,
+                        children: c
                     }),
-                    n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         ref: r,
                         style: {
                             order: -1,
@@ -248,459 +240,359 @@ const ce = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
                             hyphens: "auto",
-                            children: n
+                            children: a
                         })
                     }),
-                    x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
-                            truncate: Y,
+                            truncate: E,
                             hyphens: "auto",
-                            children: x
+                            children: f
                         })
                     }),
-                    E && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    B && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                            truncate: q,
+                            truncate: P,
                             hyphens: "auto",
-                            children: E
+                            children: B
                         })
                     }),
-                    M && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        ref: l,
+                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        ref: o,
                         paddingTop: 2,
-                        children: M
+                        children: s
                     })
                 ]
             }),
-            z(),
-            /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)({
-                    [_listcssmistica.right]: !!u || y !== "basic",
-                    [_listcssmistica.rightRestrictedWidth]: !!u
+            k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                paddingLeft: 16,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: (0, _classnames.default)(_listcssmistica.badge, {
+                        [_listcssmistica.disabled]: b
+                    }),
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                        value: k === !0 ? void 0 : k
+                    })
+                })
+            }),
+            (h || w || e || v) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(_listcssmistica.rightContent, {
+                    [_listcssmistica.rightRestrictedWidth]: !!h
                 }),
                 children: [
-                    u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
-                            [_listcssmistica.disabled]: a
+                    h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(_listcssmistica.detail, {
+                            [_listcssmistica.disabled]: b
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             hyphens: "auto",
-                            children: u
+                            children: h
                         })
                     }),
-                    y === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!u
+                            [_listcssmistica.detailRight]: !!h,
+                            [_listcssmistica.disabled]: b
                         }),
-                        children: ce(s, A)
+                        children: Oe(w, A)
                     }),
-                    y === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!u,
-                            [_listcssmistica.disabled]: a
-                        }),
-                        children: ce(s, A)
-                    }),
-                    (y === "chevron" || y === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: u || y === "custom" ? 4 : 0,
+                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingLeft: h || w ? 4 : 0,
                         className: (0, _classnames.default)(_listcssmistica.center, {
-                            [_listcssmistica.disabled]: a
+                            [_listcssmistica.disabled]: b
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: O ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: L ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
+                    }),
+                    v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingLeft: h || w ? 8 : 0,
+                        className: _listcssmistica.center,
+                        children: v
                     })
                 ]
             })
         ]
     });
-}, Xe = (param)=>{
-    let { value: e, defaultValue: n, onChange: r } = param;
-    const l = e !== void 0, [h, P] = _react.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] = _react.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__*/ _react.forwardRef((e, n)=>{
-    const r = (0, _hooks.useAriaId)(), l = (0, _themevariantcontext.useIsInverseVariant)(), { 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, _] = _react.useState(""), [A, z] = _react.useState(""), $ = [
-        b,
-        O,
-        E,
-        u,
+}, Ye = (e)=>[
+        "switch",
+        "checkbox",
+        "radioValue",
+        "iconButton"
+    ].some((a)=>e[a] !== void 0), oe = /*#__PURE__*/ _react.forwardRef((e, a)=>{
+    var $, p;
+    const r = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { 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] = _react.useState(""), [de, ce] = _react.useState(""), se = [
+        y,
         A,
-        j
-    ].filter(Boolean).join(" "), se = (0, _radiobutton.useRadioContext)(), 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__ */ (0, _jsxruntime.jsx)(Ve, {
-            asset: h,
-            headline: P,
-            headlineRef: (f)=>{
-                f && _(f.textContent || "");
+        B,
+        h,
+        de,
+        T
+    ].filter(Boolean).join(" "), R = K !== null && K !== void 0 ? K : e.href || e.to ? se : void 0, he = (0, _radiobutton.useRadioContext)(), 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,
+        onPress: e.onPress,
+        trackingEvent: e.trackingEvent
+    }, [Z, _] = Fe(e.switch || e.checkbox || {}), I = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(He, {
+            asset: c,
+            headline: g,
+            headlineRef: (l)=>{
+                l && le(l.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 || "");
+            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: R,
-            disabled: o,
-            withChevron: !!e.onPress || !!e.href || !!e.to
+            labelId: n == null ? void 0 : n.labelId,
+            disabled: u,
+            withChevron: me
         });
-    }, 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__ */ (0, _jsxruntime.jsx)(_box.default, {
-            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__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        ref: n,
-        className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: N,
-            [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !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__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        ref: n,
+    if (S && !Q) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
+        ref: a,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: N,
-            [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !o
-        }),
-        trackingEvent: e.trackingEvent,
-        to: e.to,
-        fullPageOnWebView: e.fullPageOnWebView,
-        onNavigate: e.onNavigate,
-        role: s,
-        dataAttributes: m,
-        disabled: o,
-        "aria-label": a !== null && a !== void 0 ? a : $,
-        children: G({
-            right: e.right,
-            hidden: !0
+            [_listcssmistica.touchableBackground]: W,
+            [_listcssmistica.touchableBackgroundInverse]: j,
+            [_listcssmistica.pointer]: !u
         })
-    });
-    if (e.href) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        ref: n,
-        className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: N,
-            [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !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__ */ (0, _jsxruntime.jsx)(_box.default, {
+            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__ */ (0, _jsxruntime.jsxs)("div", {
+    }));
+    const M = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
+            ref: a
+        }, (0, _dom.getPrefixedDataAttributes)(v)), {
             children: [
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    dataAttributes: m,
-                    disabled: o,
-                    onPress: e.onPress,
-                    trackingEvent: e.trackingEvent,
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
+                    disabled: u
+                }, U), {
                     role: s,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                        [_listcssmistica.touchableBackground]: N,
-                        [_listcssmistica.touchableBackgroundInverse]: w
+                        [_listcssmistica.touchableBackground]: W,
+                        [_listcssmistica.touchableBackgroundInverse]: j
                     }),
-                    "aria-label": a,
-                    children: v({
-                        type: "basic",
+                    "aria-label": R,
+                    children: I({
                         labelId: r
                     })
-                }),
+                })),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionDivider
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
-                    disabled: o,
-                    name: B,
-                    checked: p,
-                    "aria-label": a,
-                    "aria-labelledby": r,
-                    onChange: ee,
-                    render: (param)=>{
-                        let { controlElement: J } = param;
-                        return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: _listcssmistica.dualActionRight,
-                            children: J
-                        });
-                    }
-                })
+                n
             ]
-        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        })), O = (n, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.touchableBackground]: N,
-                [_listcssmistica.touchableBackgroundInverse]: w,
-                [_listcssmistica.pointer]: !o
-            }),
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
-                disabled: o,
-                dataAttributes: m,
-                name: B,
-                checked: p,
-                onChange: ee,
-                "aria-label": a,
-                render: (param)=>{
-                    let { controlElement: J, labelId: he } = param;
-                    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingX: 16,
-                        role: s,
-                        children: v({
-                            labelId: he,
-                            type: "control",
-                            right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
-                                    space: "around",
-                                    children: J
-                                })
-                        })
-                    });
-                }
-            })
-        });
-    };
-    return e.switch ? te(_switchcomponent.default) : e.checkbox ? te(_checkbox.default) : e.iconButton ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: _listcssmistica.dualActionContainer,
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                dataAttributes: m,
-                disabled: o,
-                onPress: e.onPress,
-                trackingEvent: e.trackingEvent,
-                role: s,
-                className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                    [_listcssmistica.touchableBackground]: N,
-                    [_listcssmistica.touchableBackgroundInverse]: w
-                }),
-                "aria-label": a,
-                children: v({
-                    type: "basic",
-                    labelId: r
-                })
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _listcssmistica.dualActionDivider
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                padding: 16,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
-                    space: "around",
-                    children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    }))
-                })
-            })
-        ]
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(_listcssmistica.rowContent),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-            paddingX: 16,
-            children: v({
-                labelId: r,
-                type: "control",
-                right: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
-                    space: "around",
-                    children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
-                        disabled: e.disabled,
-                        ref: n
-                    }))
-                })
-            })
-        })
-    }) : e.radioValue ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: _listcssmistica.dualActionContainer,
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                disabled: o,
-                onPress: e.onPress,
-                role: s,
-                className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                    [_listcssmistica.touchableBackground]: N,
-                    [_listcssmistica.touchableBackgroundInverse]: w
-                }),
-                "aria-label": a,
-                children: v({
-                    type: "basic",
-                    labelId: r
-                })
+                [_listcssmistica.touchableBackground]: W && l,
+                [_listcssmistica.touchableBackgroundInverse]: j && l,
+                [_listcssmistica.pointer]: !u && l
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _listcssmistica.dualActionDivider
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: m,
-                value: e.radioValue,
-                "aria-labelledby": r,
-                "aria-label": a,
-                render: (param)=>{
-                    let { controlElement: g } = param;
-                    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
-                        space: "around",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                            paddingX: 16,
-                            children: g
-                        })
-                    });
-                }
-            })
-        ]
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: N,
-            [_listcssmistica.touchableBackgroundInverse]: w,
-            [_listcssmistica.pointer]: !o
-        }),
-        role: s,
-        ref: n,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: m,
-            value: e.radioValue,
+            ref: a
+        }, (0, _dom.getPrefixedDataAttributes)(v)), {
+            children: n
+        }));
+    if (e.switch || e.checkbox) {
+        var _ref, _ref1;
+        const n = e.switch ? _switchcomponent.default : _checkbox.default, 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__ */ (0, _jsxruntime.jsx)(n, {
+            disabled: u,
+            name: l,
+            checked: Z,
+            "aria-label": R,
+            "aria-labelledby": r,
+            onChange: _,
+            render: (param)=>{
+                let { controlElement: H } = param;
+                return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _listcssmistica.dualActionRight,
+                    children: H
+                });
+            }
+        })) : O(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
+            disabled: u,
+            name: l,
+            checked: Z,
+            "aria-label": R,
             "aria-labelledby": r,
-            "aria-label": a,
+            onChange: _,
             render: (param)=>{
-                let { controlElement: g } = param;
+                let { controlElement: H, labelId: ue } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    children: v({
-                        labelId: r,
-                        type: "control",
-                        right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
-                                space: "around",
-                                children: g
-                            })
+                    role: s,
+                    children: I({
+                        labelId: ue,
+                        control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+                            space: "around",
+                            children: H
+                        })
                     })
                 });
             }
+        }), !0);
+    }
+    return e.radioValue ? S ? M(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+        value: e.radioValue,
+        "aria-label": R,
+        "aria-labelledby": r,
+        render: (param)=>{
+            let { controlElement: n } = param;
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+                space: "around",
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    paddingX: 16,
+                    children: n
+                })
+            });
+        }
+    })) : O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+        value: e.radioValue,
+        "aria-label": R,
+        "aria-labelledby": r,
+        render: (param)=>{
+            let { controlElement: n } = param;
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                paddingX: 16,
+                role: s,
+                children: I({
+                    labelId: r,
+                    control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+                        space: "around",
+                        children: n
+                    })
+                })
+            });
+        }
+    }), !0) : e.iconButton ? S ? M(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        padding: 16,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+            space: "around",
+            children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
+                disabled: e.disabled
+            })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
+                disabled: e.disabled
+            }))
         })
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    })) : O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        paddingX: 16,
+        children: I({
+            labelId: r,
+            control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+                space: "around",
+                children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
+                    disabled: e.disabled,
+                    role: s
+                })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
+                    disabled: e.disabled,
+                    role: s
+                }))
+            })
+        })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         className: _listcssmistica.rowContent,
         role: s,
-        dataAttributes: m,
-        children: e.right ? v({
-            type: "custom",
-            right: e.right
-        }) : v({
-            type: "basic"
-        })
+        dataAttributes: v,
+        ref: a,
+        children: I()
     });
-}), ct = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
-    var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
+}), ht = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+    var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        role: n,
+        role: a,
         className: (0, _sprinklescssmistica.sprinkles)({
             width: "100%"
         }),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread_props(_object_spread({}, r), {
-            ref: l,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(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 = _react.Children.toArray(e).filter(Boolean), P = h.length - 1;
+}), mt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
+    const c = _react.Children.toArray(e).filter(Boolean), g = c.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: r,
-        "aria-labelledby": n
-    }, (0, _dom.getPrefixedDataAttributes)(l, "RowList")), {
-        children: h.map((b, x)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        "aria-labelledby": a
+    }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
+        children: c.map((y, f)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    b,
-                    x < P && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    y,
+                    f < g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, x))
+            }, f))
     }));
-}, dt = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
-    var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
+}, ut = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+    var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
-        isInverse: n.isInverse,
+        isInverse: a.isInverse,
         ref: r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread({}, n))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(oe, _object_spread({}, a))
     });
-}), st = (param)=>{
-    let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: l } = param;
+}), ft = (param)=>{
+    let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: r,
-        "aria-labelledby": n,
+        "aria-labelledby": a,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
-        }, l),
+        }, o),
         children: e
     });
 };