@telefonica/mistica 12.8.0 → 12.9.1

package/dist/list.js

@@ -2,50 +2,87 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.BoxedRowList = exports.BoxedRow = exports.RowList = exports.Row = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var React = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jss = require("./jss");
-var _touchable = _interopRequireDefault(require("./touchable"));
-var _text = require("./text");
-var _box = _interopRequireDefault(require("./box"));
-var _stack = _interopRequireDefault(require("./stack"));
-var _badge = _interopRequireDefault(require("./badge"));
-var _hooks = require("./hooks");
-var _themeVariantContext = require("./theme-variant-context");
-var _iconChevron = _interopRequireDefault(require("./icons/icon-chevron"));
-var _switchComponent = _interopRequireDefault(require("./switch-component"));
-var _radioButton = _interopRequireWildcard(require("./radio-button"));
-var _checkbox = _interopRequireDefault(require("./checkbox"));
-var _boxed = require("./boxed");
-var _divider = _interopRequireDefault(require("./divider"));
-var _dom = require("./utils/dom");
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BoxedRow: function() {
+        return Re;
+    },
+    BoxedRowList: function() {
+        return Pe;
+    },
+    Row: function() {
+        return Ie;
+    },
+    RowList: function() {
+        return Le;
+    }
+});
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+var _jssJs = require("./jss.js");
+var _touchableJs = /*#__PURE__*/ _interopRequireDefault(require("./touchable.js"));
+var _textJs = require("./text.js");
+var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
+var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
+var _badgeJs = /*#__PURE__*/ _interopRequireDefault(require("./badge.js"));
+var _hooksJs = require("./hooks.js");
+var _themeVariantContextJs = require("./theme-variant-context.js");
+var _iconChevronJs = /*#__PURE__*/ _interopRequireDefault(require("./icons/icon-chevron.js"));
+var _switchComponentJs = /*#__PURE__*/ _interopRequireDefault(require("./switch-component.js"));
+var _radioButtonJs = /*#__PURE__*/ _interopRequireWildcard(require("./radio-button.js"));
+var _checkboxJs = /*#__PURE__*/ _interopRequireDefault(require("./checkbox.js"));
+var _boxedJs = require("./boxed.js");
+var _dividerJs = /*#__PURE__*/ _interopRequireDefault(require("./divider.js"));
+var _domJs = require("./utils/dom.js");
+var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
         return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -96,8 +133,8 @@ function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
-    var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {};
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -107,8 +144,31 @@ function _objectSpread(target) {
         ownKeys.forEach(function(key) {
             _defineProperty(target, key, source[key]);
         });
-    };
-    for(var i = 1; i < arguments.length; i++)_loop(i);
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
     return target;
 }
 function _slicedToArray(arr, i) {
@@ -122,25 +182,25 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-var useStyles = (0, _jss).createUseStyles(function(param1) {
-    var colors = param1.colors, mq = param1.mq;
+var U = (0, _jssJs.createUseStyles)(function(param) {
+    var e = param.colors, n = param.mq;
     return {
         disabled: {
             opacity: 0.5
         },
-        hover: _defineProperty({}, mq.supportsHover, {
+        hover: _defineProperty({}, n.supportsHover, {
             "&:hover": {
                 background: function background(param) {
-                    var isInverse = param.isInverse, disabled = param.disabled;
-                    return isInverse || disabled ? "initial" : colors.backgroundAlternative;
+                    var r = param.isInverse, c = param.disabled;
+                    return r || c ? "initial" : e.backgroundAlternative;
                 }
             }
         }),
         rowContent: {
             width: "100%",
             cursor: function cursor(param) {
-                var disabled = param.disabled;
-                return disabled ? "default" : "pointer";
+                var r = param.disabled;
+                return r ? "default" : "pointer";
             }
         },
         hoverDisabled: {
@@ -205,7 +265,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
         dualActionRight: {
             padding: "0 16px",
             margin: "16px 0",
-            borderLeft: "1px solid ".concat(colors.divider),
+            borderLeft: "1px solid ".concat(e.divider),
             display: "flex",
             alignItems: "center",
             flexGrow: 0,
@@ -213,127 +273,116 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
             lineHeight: 0
         }
     };
-});
-var renderRight = function renderRight(right, centerY) {
-    if (typeof right === "function") return right === null || right === void 0 ? void 0 : right({
-        centerY: centerY
-    });
-    return centerY ? /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+}), F = function F(e, n) {
+    return typeof e == "function" ? e == null ? void 0 : e({
+        centerY: n
+    }) : n ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         style: {
             display: "flex",
             alignItems: "center",
             height: "100%"
         },
-        children: right
-    }) : right;
-};
-var Content = function Content(param) {
-    var withChevron = param.withChevron, headline = param.headline, title = param.title, titleLinesMax = param.titleLinesMax, subtitle = param.subtitle, subtitleLinesMax = param.subtitleLinesMax, description = param.description, descriptionLinesMax = param.descriptionLinesMax, asset = param.asset, _type = param.type, type = _type === void 0 ? "basic" : _type, badge = param.badge, right = param.right, extra = param.extra, labelId = param.labelId, disabled = param.disabled;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var classes = useStyles({
-        isInverse: isInverse
-    });
-    var colors = (0, _hooks).useTheme().colors;
-    var numTextLines = [
-        headline,
-        title,
-        subtitle,
-        description,
-        extra
-    ].filter(Boolean).length;
-    var centerY = numTextLines === 1;
-    var renderBadge = function renderBadge() {
-        if (!badge) {
-            return null;
-        }
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+        children: e
+    }) : e;
+}, oe = function oe(param) {
+    var e = param.withChevron, n = param.headline, r = param.title, c = param.titleLinesMax, d = param.subtitle, v = param.subtitleLinesMax, s = param.description, N = param.descriptionLinesMax, b = param.asset, tmp = param.type, I = tmp === void 0 ? "basic" : tmp, L = param.badge, B = param.right, A = param.extra, f = param.labelId, g = param.disabled;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = U({
+        isInverse: h
+    }), ref = (0, _hooksJs.useTheme)(), o = ref.colors, w = [
+        n,
+        r,
+        d,
+        s,
+        A
+    ].filter(Boolean).length === 1, S = function S() {
+        return L ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingLeft: 16,
-            children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                className: (0, _classnames).default(classes.center, classes.badge, _defineProperty({}, classes.disabled, disabled)),
-                children: badge === true ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_badge.default, {}) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_badge.default, {
-                    value: badge
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                className: (0, _classnames.default)(i.center, i.badge, _defineProperty({}, i.disabled, g)),
+                children: L === !0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {
+                    value: L
                 })
             })
-        });
+        }) : null;
     };
     var _obj;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_box.default, {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_boxJs.default, {
         paddingY: 16,
-        className: classes.content,
+        className: i.content,
         children: [
-            asset && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+            b && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingRight: 16,
-                className: (0, _classnames).default((_obj = {}, _defineProperty(_obj, classes.center, centerY), _defineProperty(_obj, classes.disabled, disabled), _obj)),
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                    className: classes.asset,
-                    children: asset
+                className: (0, _classnames.default)((_obj = {}, _defineProperty(_obj, i.center, w), _defineProperty(_obj, i.disabled, g), _obj)),
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                    className: i.asset,
+                    children: b
                 })
             }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                className: (0, _classnames).default(classes.rowBody, _defineProperty({}, classes.disabled, disabled)),
+            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                className: (0, _classnames.default)(i.rowBody, _defineProperty({}, i.disabled, g)),
                 style: {
-                    justifyContent: centerY ? "center" : "flex-start"
+                    justifyContent: w ? "center" : "flex-start"
                 },
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 4,
                     children: [
-                        headline && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
-                            regular: true,
-                            color: colors.textPrimary,
-                            children: headline
+                        n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
+                            regular: !0,
+                            color: o.textPrimary,
+                            children: n
                         }),
-                        /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                             space: 2,
                             children: [
-                                /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
-                                    regular: true,
-                                    color: colors.textPrimary,
-                                    truncate: titleLinesMax,
-                                    id: labelId,
-                                    children: title
+                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
+                                    regular: !0,
+                                    color: o.textPrimary,
+                                    truncate: c,
+                                    id: f,
+                                    children: r
                                 }),
-                                subtitle && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
-                                    regular: true,
-                                    color: colors.textSecondary,
-                                    truncate: subtitleLinesMax,
-                                    children: subtitle
+                                d && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                    regular: !0,
+                                    color: o.textSecondary,
+                                    truncate: v,
+                                    children: d
                                 }),
-                                description && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
-                                    regular: true,
-                                    color: colors.textSecondary,
-                                    truncate: descriptionLinesMax,
-                                    children: description
+                                s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                    regular: !0,
+                                    color: o.textSecondary,
+                                    truncate: N,
+                                    children: s
                                 }),
-                                extra
+                                A
                             ]
                         })
                     ]
                 })
             }),
-            renderBadge(),
-            type === "chevron" && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+            S(),
+            I === "chevron" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingLeft: 16,
-                className: (0, _classnames).default(classes.center, _defineProperty({}, classes.disabled, disabled)),
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevron.default, {
-                    color: isInverse ? colors.inverse : colors.neutralMedium,
+                className: (0, _classnames.default)(i.center, _defineProperty({}, i.disabled, g)),
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronJs.default, {
+                    color: h ? o.inverse : o.neutralMedium,
                     direction: "right"
                 })
             }),
-            type === "control" && /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                className: classes.right,
-                children: renderRight(right, centerY)
+            I === "control" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                className: i.right,
+                children: F(B, w)
             }),
-            type === "custom" && /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+            I === "custom" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                        className: (0, _classnames).default(classes.right, _defineProperty({}, classes.disabled, disabled)),
-                        children: renderRight(right, centerY)
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        className: (0, _classnames.default)(i.right, _defineProperty({}, i.disabled, g)),
+                        children: F(B, w)
                     }),
-                    withChevron && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+                    e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingLeft: 4,
-                        className: (0, _classnames).default(classes.center, _defineProperty({}, classes.disabled, disabled)),
-                        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevron.default, {
-                            color: isInverse ? colors.inverse : colors.neutralMedium,
+                        className: (0, _classnames.default)(i.center, _defineProperty({}, i.disabled, g)),
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronJs.default, {
+                            color: h ? o.inverse : o.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -341,168 +390,135 @@ var Content = function Content(param) {
             })
         ]
     });
-};
-var useControlState = function useControlState(param) {
-    var value = param.value, defaultValue = param.defaultValue, onChange = param.onChange;
-    var isControlledByParent = value !== undefined;
-    var ref = _slicedToArray(React.useState(!!defaultValue), 2), isChecked = ref[0], setIsChecked = ref[1];
-    var toggle = function toggle() {
-        if (!isControlledByParent) {
-            setIsChecked(!isChecked);
-        }
-        if (onChange) {
-            onChange(isControlledByParent ? !value : !isChecked);
-        }
+}, ae = function ae(param) {
+    var e = param.value, n = param.defaultValue, r = param.onChange;
+    var c = e !== void 0, ref = _slicedToArray(_react.useState(!!n), 2), d = ref[0], v = ref[1], s = function s() {
+        c || v(!d), r && r(c ? !e : !d);
     };
-    if (isControlledByParent) {
-        return [
-            !!value,
-            toggle
-        ];
-    }
-    return [
-        isChecked,
-        toggle
+    return c ? [
+        !!e,
+        s
+    ] : [
+        d,
+        s
     ];
-};
-var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref) {
-    var titleId = (0, _hooks).useAriaId();
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var asset = props1.asset, headline = props1.headline, title = props1.title, titleLinesMax = props1.titleLinesMax, subtitle = props1.subtitle, subtitleLinesMax = props1.subtitleLinesMax, description = props1.description, descriptionLinesMax = props1.descriptionLinesMax, badge = props1.badge, role = props1.role, extra = props1.extra, dataAttributes = props1.dataAttributes;
-    var radioContext = (0, _radioButton).useRadioContext();
-    var disabled = props1.disabled || props1.radioValue !== undefined && radioContext.disabled;
-    var classes = useStyles({
-        isInverse: isInverse,
-        disabled: disabled
-    });
-    var _$ref4 = _slicedToArray(useControlState(props1.switch || props1.checkbox || {}), 2), isChecked = _$ref4[0], toggle = _$ref4[1];
-    var renderContent = function renderContent(param) {
-        var type = param.type, right = param.right, labelId = param.labelId;
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx(Content, {
-            asset: asset,
-            headline: headline,
-            title: title,
-            subtitle: subtitle,
-            description: description,
-            badge: badge,
-            titleLinesMax: titleLinesMax,
-            subtitleLinesMax: subtitleLinesMax,
-            descriptionLinesMax: descriptionLinesMax,
-            type: type,
-            right: right,
-            extra: extra,
-            labelId: labelId,
-            disabled: disabled,
-            withChevron: !!props1.onPress || !!props1.href || !!props1.to
+}, Y = /*#__PURE__*/ _react.forwardRef(function(e, n) {
+    var r = (0, _hooksJs.useAriaId)(), c = (0, _themeVariantContextJs.useIsInverseVariant)(), d = e.asset, v = e.headline, s = e.title, N = e.titleLinesMax, b = e.subtitle, I = e.subtitleLinesMax, L = e.description, B = e.descriptionLinesMax, A = e.badge, f = e.role, g = e.extra, h = e.dataAttributes, i = (0, _radioButtonJs.useRadioContext)(), o = e.disabled || e.radioValue !== void 0 && i.disabled, a = U({
+        isInverse: c,
+        disabled: o
+    }), ref = _slicedToArray(ae(e.switch || e.checkbox || {}), 2), w = ref[0], S = ref[1], C = function C(param) {
+        var m = param.type, x = param.right, T = param.labelId;
+        return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(oe, {
+            asset: d,
+            headline: v,
+            title: s,
+            subtitle: b,
+            description: L,
+            badge: A,
+            titleLinesMax: N,
+            subtitleLinesMax: I,
+            descriptionLinesMax: B,
+            type: m,
+            right: x,
+            extra: g,
+            labelId: T,
+            disabled: o,
+            withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    };
-    var renderTouchableContent = function renderTouchableContent(props) {
-        var type = "chevron";
-        if (props.right === null) {
-            type = "basic";
-        }
-        if (props.right) {
-            type = "custom";
-        }
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+    }, D = function D(m) {
+        var x = "chevron";
+        return m.right === null && (x = "basic"), m.right && (x = "custom"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingX: 16,
-            ref: ref,
-            children: renderContent({
-                type: type,
-                right: props.right
+            ref: n,
+            children: C({
+                type: x,
+                right: m.right
             })
         });
     };
-    if (props1.onPress && props1.switch === undefined && props1.radioValue === undefined && props1.checkbox === undefined) {
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-            ref: ref,
-            className: (0, _classnames).default(classes.rowContent, classes.hover),
-            trackingEvent: props1.trackingEvent,
-            onPress: props1.onPress,
-            role: role,
-            dataAttributes: dataAttributes,
-            disabled: disabled,
-            children: renderTouchableContent(props1)
-        });
-    }
-    if (props1.to) {
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-            className: (0, _classnames).default(classes.rowContent, classes.hover),
-            trackingEvent: props1.trackingEvent,
-            to: props1.to,
-            fullPageOnWebView: props1.fullPageOnWebView,
-            role: role,
-            dataAttributes: dataAttributes,
-            disabled: disabled,
-            children: renderTouchableContent(props1)
-        });
-    }
-    if (props1.href) {
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-            className: (0, _classnames).default(classes.rowContent, classes.hover),
-            trackingEvent: props1.trackingEvent,
-            href: props1.href,
-            newTab: props1.newTab,
-            role: role,
-            dataAttributes: dataAttributes,
-            disabled: disabled,
-            children: renderTouchableContent(props1)
-        });
-    }
-    var renderRowWithControl = function renderRowWithControl(Control) {
-        var _$ref, _$ref1;
-        var _$ref2, _$ref3;
-        var name = (_$ref3 = (_$ref2 = (_$ref = props1.switch) === null || _$ref === void 0 ? void 0 : _$ref.name) !== null && _$ref2 !== void 0 ? _$ref2 : (_$ref1 = props1.checkbox) === null || _$ref1 === void 0 ? void 0 : _$ref1.name) !== null && _$ref3 !== void 0 ? _$ref3 : titleId;
-        return props1.onPress ? /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
-            className: classes.dualActionContainer,
+    if (e.onPress && e.switch === void 0 && e.radioValue === void 0 && e.checkbox === void 0) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+        ref: n,
+        className: (0, _classnames.default)(a.rowContent, a.hover),
+        trackingEvent: e.trackingEvent,
+        onPress: e.onPress,
+        role: f,
+        dataAttributes: h,
+        disabled: o,
+        children: D(e)
+    });
+    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+        className: (0, _classnames.default)(a.rowContent, a.hover),
+        trackingEvent: e.trackingEvent,
+        to: e.to,
+        fullPageOnWebView: e.fullPageOnWebView,
+        role: f,
+        dataAttributes: h,
+        disabled: o,
+        children: D(e)
+    });
+    if (e.href) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+        className: (0, _classnames.default)(a.rowContent, a.hover),
+        trackingEvent: e.trackingEvent,
+        href: e.href,
+        newTab: e.newTab,
+        role: f,
+        dataAttributes: h,
+        disabled: o,
+        children: D(e)
+    });
+    var E = function E(m) {
+        var T, j, M, X;
+        var x = (X = (M = (T = e.switch) == null ? void 0 : T.name) != null ? M : (j = e.checkbox) == null ? void 0 : j.name) != null ? X : r;
+        return e.onPress ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
+            className: a.dualActionContainer,
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                    disabled: disabled,
-                    onPress: props1.onPress,
-                    role: role,
-                    className: (0, _classnames).default(classes.dualActionLeft, classes.hover),
-                    children: renderContent({
+                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                    disabled: o,
+                    onPress: e.onPress,
+                    role: f,
+                    className: (0, _classnames.default)(a.dualActionLeft, a.hover),
+                    children: C({
                         type: "basic",
-                        labelId: titleId
+                        labelId: r
                     })
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                    disabled: disabled,
-                    className: classes.dualActionRight,
-                    onPress: toggle,
-                    dataAttributes: dataAttributes,
-                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Control, {
-                        disabled: disabled,
-                        name: name,
-                        checked: isChecked,
-                        "aria-labelledby": titleId,
+                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                    disabled: o,
+                    className: a.dualActionRight,
+                    onPress: S,
+                    dataAttributes: h,
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(m, {
+                        disabled: o,
+                        name: x,
+                        checked: w,
+                        "aria-labelledby": r,
                         render: function render(param) {
-                            var controlElement = param.controlElement;
-                            return controlElement;
+                            var V = param.controlElement;
+                            return V;
                         }
                     })
                 })
             ]
-        }) : /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-            className: (0, _classnames).default(classes.rowContent, classes.hover),
-            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Control, {
-                disabled: disabled,
-                dataAttributes: dataAttributes,
-                name: name,
-                checked: isChecked,
-                onChange: toggle,
+        }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            className: (0, _classnames.default)(a.rowContent, a.hover),
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(m, {
+                disabled: o,
+                dataAttributes: h,
+                name: x,
+                checked: w,
+                onChange: S,
                 render: function render(param) {
-                    var controlElement = param.controlElement, labelId = param.labelId;
-                    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+                    var V = param.controlElement, $ = param.labelId;
+                    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingX: 16,
-                        role: role,
-                        children: renderContent({
-                            labelId: labelId,
+                        role: f,
+                        children: C({
+                            labelId: $,
                             type: "control",
                             right: function right() {
-                                return /*#__PURE__*/ (0, _jsxRuntime).jsx(_stack.default, {
+                                return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
                                     space: "around",
-                                    children: controlElement
+                                    children: V
                                 });
                             }
                         })
@@ -511,96 +527,78 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref) {
             })
         });
     };
-    if (props1.switch) {
-        return renderRowWithControl(_switchComponent.default);
-    }
-    if (props1.checkbox) {
-        return renderRowWithControl(_checkbox.default);
-    }
-    if (props1.radioValue) {
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-            className: (0, _classnames).default(classes.rowContent, classes.hover),
-            role: role,
-            ref: ref,
-            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_radioButton.default, {
-                dataAttributes: dataAttributes,
-                value: props1.radioValue,
-                "aria-labelledby": titleId,
-                render: function render(param) {
-                    var controlElement = param.controlElement;
-                    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
-                        paddingX: 16,
-                        children: renderContent({
-                            labelId: titleId,
-                            type: "control",
-                            right: function right() {
-                                return /*#__PURE__*/ (0, _jsxRuntime).jsx(_stack.default, {
-                                    space: "around",
-                                    children: controlElement
-                                });
-                            }
-                        })
-                    });
-                }
-            })
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+    return e.switch ? E(_switchComponentJs.default) : e.checkbox ? E(_checkboxJs.default) : e.radioValue ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+        className: (0, _classnames.default)(a.rowContent, a.hover),
+        role: f,
+        ref: n,
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_radioButtonJs.default, {
+            dataAttributes: h,
+            value: e.radioValue,
+            "aria-labelledby": r,
+            render: function render(param) {
+                var m = param.controlElement;
+                return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                    paddingX: 16,
+                    children: C({
+                        labelId: r,
+                        type: "control",
+                        right: function right() {
+                            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
+                                space: "around",
+                                children: m
+                            });
+                        }
+                    })
+                });
+            }
+        })
+    }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
         paddingX: 16,
-        className: (0, _classnames).default(classes.rowContent, classes.hover, classes.hoverDisabled),
-        role: role,
-        children: props1.right ? renderContent({
+        className: (0, _classnames.default)(a.rowContent, a.hover, a.hoverDisabled),
+        role: f,
+        children: e.right ? C({
             type: "custom",
-            right: props1.right
-        }) : renderContent({
+            right: e.right
+        }) : C({
             type: "basic"
         })
     });
-});
-var Row = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(RowContent, _objectSpread({}, props, {
-        ref: ref
+}), Ie = /*#__PURE__*/ _react.forwardRef(function(e, n) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Y, _objectSpreadProps(_objectSpread({}, e), {
+        ref: n
     }));
-});
-exports.Row = Row;
-var RowList = function RowList(param) {
-    var children = param.children, ariaLabelledby = param.ariaLabelledby, role = param.role, dataAttributes = param.dataAttributes, noLastDivider = param.noLastDivider;
-    var lastIndex = React.Children.count(children) - 1;
-    var showLastDivider = !noLastDivider;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", _objectSpread({
-        role: role,
-        "aria-labelledby": ariaLabelledby
-    }, (0, _dom).getPrefixedDataAttributes(dataAttributes), {
-        children: React.Children.toArray(children).filter(Boolean).map(function(child, index) {
-            return /*#__PURE__*/ (0, _jsxRuntime).jsxs(React.Fragment, {
+}), Le = function Le(param) {
+    var e = param.children, n = param.ariaLabelledby, r = param.role, c = param.dataAttributes, d = param.noLastDivider;
+    var v = _react.Children.count(e) - 1, s = !d;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
+        role: r,
+        "aria-labelledby": n
+    }, (0, _domJs.getPrefixedDataAttributes)(c)), {
+        children: _react.Children.toArray(e).filter(Boolean).map(function(N, b) {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_react.Fragment, {
                 children: [
-                    child,
-                    (index < lastIndex || showLastDivider) && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+                    N,
+                    (b < v || s) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingX: 16,
-                        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_divider.default, {})
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_dividerJs.default, {})
                     })
                 ]
-            }, index);
+            }, b);
         })
     }));
-};
-exports.RowList = RowList;
-var BoxedRow = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_boxed.Boxed, {
-        isInverse: props.isInverse,
-        ref: ref,
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(RowContent, _objectSpread({}, props))
+}, Re = /*#__PURE__*/ _react.forwardRef(function(e, n) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
+        isInverse: e.isInverse,
+        ref: n,
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Y, _objectSpread({}, e))
     });
-});
-exports.BoxedRow = BoxedRow;
-var BoxedRowList = function BoxedRowList(param) {
-    var children = param.children, ariaLabelledby = param.ariaLabelledby, role = param.role, dataAttributes = param.dataAttributes;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_stack.default, {
+}), Pe = function Pe(param) {
+    var e = param.children, n = param.ariaLabelledby, r = param.role, c = param.dataAttributes;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
         space: 16,
-        role: role,
-        "aria-labelledby": ariaLabelledby,
-        dataAttributes: dataAttributes,
-        children: children
+        role: r,
+        "aria-labelledby": n,
+        dataAttributes: c,
+        children: e
     });
 };
-exports.BoxedRowList = BoxedRowList;