@telefonica/mistica 12.9.0 → 12.10.0

package/dist/list.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { TouchableElement } from './touchable';
 import type { DataAttributes, TrackingEvent } from './utils/types';
+import type { ExclusifyUnion } from './utils/utility-types';
 interface CommonProps {
     children?: void;
     headline?: string | React.ReactNode;
@@ -28,86 +29,38 @@ declare type ControlProps = {
     onChange?: (checked: boolean) => void;
 };
 interface BasicRowContentProps extends CommonProps {
-    href?: undefined;
-    onPress?: undefined;
-    to?: undefined;
-    checkbox?: undefined;
-    switch?: undefined;
-    radioValue?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
     right?: Right;
 }
 interface SwitchRowContentProps extends CommonProps {
-    href?: undefined;
     onPress?: () => void;
-    to?: undefined;
-    right?: undefined;
-    checkbox?: undefined;
-    radioValue?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
-    switch: ControlProps;
+    switch: ControlProps | undefined;
 }
 interface CheckboxRowContentProps extends CommonProps {
-    href?: undefined;
     onPress?: () => void;
-    to?: undefined;
-    right?: undefined;
-    switch?: undefined;
-    radioValue?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
-    checkbox: ControlProps;
+    checkbox: ControlProps | undefined;
 }
 interface RadioRowContentProps extends CommonProps {
-    href?: undefined;
-    onPress?: undefined;
-    to?: undefined;
-    right?: undefined;
-    switch?: undefined;
-    checkbox?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
     radioValue: string;
 }
 interface HrefRowContentProps extends CommonProps {
-    checkbox?: undefined;
-    switch?: undefined;
-    radioValue?: undefined;
-    fullPageOnWebView?: undefined;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     href: string;
     newTab?: boolean;
-    onPress?: undefined;
-    to?: undefined;
     right?: Right;
 }
 interface ToRowContentProps extends CommonProps {
-    checkbox?: undefined;
-    switch?: undefined;
-    radioValue?: undefined;
-    newTab?: undefined;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     to: string;
     fullPageOnWebView?: boolean;
     replace?: boolean;
-    href?: undefined;
-    onPress?: undefined;
     right?: Right;
 }
 interface OnPressRowContentProps extends CommonProps {
-    checkbox?: undefined;
-    switch?: undefined;
-    radioValue?: undefined;
-    fullPageOnWebView?: undefined;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     onPress: () => void;
-    href?: undefined;
-    to?: undefined;
     right?: Right;
 }
-declare type RowContentProps = BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps;
+declare type RowContentProps = ExclusifyUnion<BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps>;
 export declare const Row: React.ForwardRefExoticComponent<RowContentProps & React.RefAttributes<TouchableElement>>;
 declare type RowListProps = {
     children: React.ReactNode;
@@ -134,7 +87,7 @@ interface ToBoxedRowProps extends ToRowContentProps, CommonBoxedRowProps {
 }
 interface OnPressBoxedRowProps extends OnPressRowContentProps, CommonBoxedRowProps {
 }
-declare type BoxedRowProps = BasicBoxedRowProps | SwitchBoxedRowProps | RadioBoxedRowProps | CheckboxBoxedRowProps | HrefBoxedRowProps | ToBoxedRowProps | OnPressBoxedRowProps;
+declare type BoxedRowProps = ExclusifyUnion<BasicBoxedRowProps | SwitchBoxedRowProps | RadioBoxedRowProps | CheckboxBoxedRowProps | HrefBoxedRowProps | ToBoxedRowProps | OnPressBoxedRowProps>;
 export declare const BoxedRow: React.ForwardRefExoticComponent<BoxedRowProps & React.RefAttributes<HTMLDivElement>>;
 declare type BoxedRowListProps = {
     children: React.ReactNode;

package/dist/list.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return Re;
+        return Se;
     },
     BoxedRowList: function() {
-        return Pe;
+        return Ae;
     },
     Row: function() {
-        return Ie;
+        return Le;
     },
     RowList: function() {
-        return Le;
+        return Be;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -40,27 +40,6 @@ 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 _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -105,6 +84,27 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterableToArrayLimit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -190,7 +190,7 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         },
         hover: _defineProperty({}, n.supportsHover, {
             "&:hover": {
-                background: function(param) {
+                background: function background(param) {
                     var r = param.isInverse, c = param.disabled;
                     return r || c ? "initial" : e.backgroundAlternative;
                 }
@@ -198,17 +198,17 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         }),
         rowContent: {
             width: "100%",
-            cursor: function(param) {
+            cursor: function cursor(param) {
                 var r = param.disabled;
                 return r ? "default" : "pointer";
             }
         },
         hoverDisabled: {
-            cursor: function() {
+            cursor: function cursor() {
                 return "initial";
             },
             "&:hover": {
-                background: function() {
+                background: function background() {
                     return "none";
                 }
             }
@@ -273,7 +273,7 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
             lineHeight: 0
         }
     };
-}), F = function(e, n) {
+}), F = function F(e, n) {
     return typeof e == "function" ? e == null ? void 0 : e({
         centerY: n
     }) : n ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -284,23 +284,23 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         },
         children: e
     }) : e;
-}, oe = function(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;
+}, 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, R = param.descriptionLinesMax, w = param.asset, tmp = param.type, N = tmp === void 0 ? "basic" : tmp, I = param.badge, B = param.right, S = 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 = [
+    }), ref = (0, _hooksJs.useTheme)(), o = ref.colors, b = [
         n,
         r,
         d,
         s,
-        A
-    ].filter(Boolean).length === 1, S = function() {
-        return L ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+        S
+    ].filter(Boolean).length === 1, A = function A() {
+        return I ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingLeft: 16,
             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
+                children: I === !0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {
+                    value: I
                 })
             })
         }) : null;
@@ -310,18 +310,18 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         paddingY: 16,
         className: i.content,
         children: [
-            b && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            w && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingRight: 16,
-                className: (0, _classnames.default)((_obj = {}, _defineProperty(_obj, i.center, w), _defineProperty(_obj, i.disabled, g), _obj)),
+                className: (0, _classnames.default)((_obj = {}, _defineProperty(_obj, i.center, b), _defineProperty(_obj, i.disabled, g), _obj)),
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: i.asset,
-                    children: b
+                    children: w
                 })
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: (0, _classnames.default)(i.rowBody, _defineProperty({}, i.disabled, g)),
                 style: {
-                    justifyContent: w ? "center" : "flex-start"
+                    justifyContent: b ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 4,
@@ -350,17 +350,17 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
                                 s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                     regular: !0,
                                     color: o.textSecondary,
-                                    truncate: N,
+                                    truncate: R,
                                     children: s
                                 }),
-                                A
+                                S
                             ]
                         })
                     ]
                 })
             }),
-            S(),
-            I === "chevron" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            A(),
+            N === "chevron" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingLeft: 16,
                 className: (0, _classnames.default)(i.center, _defineProperty({}, i.disabled, g)),
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronJs.default, {
@@ -368,15 +368,15 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
                     direction: "right"
                 })
             }),
-            I === "control" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            N === "control" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: i.right,
-                children: F(B, w)
+                children: F(B, b)
             }),
-            I === "custom" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
+            N === "custom" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: (0, _classnames.default)(i.right, _defineProperty({}, i.disabled, g)),
-                        children: F(B, w)
+                        children: F(B, b)
                     }),
                     e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingLeft: 4,
@@ -390,9 +390,9 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
             })
         ]
     });
-}, ae = function(param) {
+}, 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() {
+    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);
     };
     return c ? [
@@ -402,41 +402,47 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         d,
         s
     ];
+}, ce = function ce(e) {
+    return "switch" in e;
+}, le = function le(e) {
+    return "checkbox" in e;
+}, de = function de(e) {
+    return "radioValue" in e;
 }, 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({
+    var r = (0, _hooksJs.useAriaId)(), c = (0, _themeVariantContextJs.useIsInverseVariant)(), d = e.asset, v = e.headline, s = e.title, R = e.titleLinesMax, w = e.subtitle, N = e.subtitleLinesMax, I = e.description, B = e.descriptionLinesMax, S = 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(param) {
-        var m = param.type, x = param.right, T = param.labelId;
+    }), ref = _slicedToArray(ae(e.switch || e.checkbox || {}), 2), b = ref[0], A = ref[1], C = function C(param) {
+        var u = 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,
+            subtitle: w,
+            description: I,
+            badge: S,
+            titleLinesMax: R,
+            subtitleLinesMax: N,
             descriptionLinesMax: B,
-            type: m,
+            type: u,
             right: x,
             extra: g,
             labelId: T,
             disabled: o,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    }, D = function(m) {
+    }, D = function D(u) {
         var x = "chevron";
-        return m.right === null && (x = "basic"), m.right && (x = "custom"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+        return u.right === null && (x = "basic"), u.right && (x = "custom"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingX: 16,
             ref: n,
             children: C({
                 type: x,
-                right: m.right
+                right: u.right
             })
         });
     };
-    if (e.onPress && e.switch === void 0 && e.radioValue === void 0 && e.checkbox === void 0) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+    if (e.onPress && !ce(e) && !le(e) && !de(e)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
         ref: n,
         className: (0, _classnames.default)(a.rowContent, a.hover),
         trackingEvent: e.trackingEvent,
@@ -466,7 +472,7 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         disabled: o,
         children: D(e)
     });
-    var E = function(m) {
+    var E = function E(u) {
         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", {
@@ -485,14 +491,14 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
                     disabled: o,
                     className: a.dualActionRight,
-                    onPress: S,
+                    onPress: A,
                     dataAttributes: h,
-                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(m, {
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(u, {
                         disabled: o,
                         name: x,
-                        checked: w,
+                        checked: b,
                         "aria-labelledby": r,
-                        render: function(param) {
+                        render: function render(param) {
                             var V = param.controlElement;
                             return V;
                         }
@@ -501,13 +507,13 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
             ]
         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
             className: (0, _classnames.default)(a.rowContent, a.hover),
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(m, {
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(u, {
                 disabled: o,
                 dataAttributes: h,
                 name: x,
-                checked: w,
-                onChange: S,
-                render: function(param) {
+                checked: b,
+                onChange: A,
+                render: function render(param) {
                     var V = param.controlElement, $ = param.labelId;
                     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingX: 16,
@@ -515,7 +521,7 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
                         children: C({
                             labelId: $,
                             type: "control",
-                            right: function() {
+                            right: function right() {
                                 return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
                                     space: "around",
                                     children: V
@@ -535,17 +541,17 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
             dataAttributes: h,
             value: e.radioValue,
             "aria-labelledby": r,
-            render: function(param) {
-                var m = param.controlElement;
+            render: function render(param) {
+                var u = param.controlElement;
                 return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                     paddingX: 16,
                     children: C({
                         labelId: r,
                         type: "control",
-                        right: function() {
+                        right: function right() {
                             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
                                 space: "around",
-                                children: m
+                                children: u
                             });
                         }
                     })
@@ -563,36 +569,36 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
             type: "basic"
         })
     });
-}), Ie = /*#__PURE__*/ _react.forwardRef(function(e, n) {
+}), Le = /*#__PURE__*/ _react.forwardRef(function(e, n) {
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Y, _objectSpreadProps(_objectSpread({}, e), {
         ref: n
     }));
-}), Le = function(param) {
+}), Be = function Be(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) {
+        children: _react.Children.toArray(e).filter(Boolean).map(function(R, w) {
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_react.Fragment, {
                 children: [
-                    N,
-                    (b < v || s) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                    R,
+                    (w < v || s) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_dividerJs.default, {})
                     })
                 ]
-            }, b);
+            }, w);
         })
     }));
-}, Re = /*#__PURE__*/ _react.forwardRef(function(e, n) {
+}, Se = /*#__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))
     });
-}), Pe = function(param) {
+}), Ae = function Ae(param) {
     var e = param.children, n = param.ariaLabelledby, r = param.role, c = param.dataAttributes;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
         space: 16,

package/dist/list.js.flow

@@ -3,6 +3,7 @@
 import * as React from "react";
 import type { TouchableElement } from "./touchable";
 import type { DataAttributes, TrackingEvent } from "./utils/types";
+import type { ExclusifyUnion } from "./utils/utility-types";
 declare type CommonProps = {
   headline?: string | React.Node,
   title: string,
@@ -32,24 +33,29 @@ declare type ControlProps = {
 };
 declare type BasicRowContentProps = {
   ...$Exact<CommonProps>,
+
   right?: Right,
 };
 declare type SwitchRowContentProps = {
   ...$Exact<CommonProps>,
+
   onPress?: () => void,
-  switch: ControlProps,
+  switch: ControlProps | void,
 };
 declare type CheckboxRowContentProps = {
   ...$Exact<CommonProps>,
+
   onPress?: () => void,
-  checkbox: ControlProps,
+  checkbox: ControlProps | void,
 };
 declare type RadioRowContentProps = {
   ...$Exact<CommonProps>,
+
   radioValue: string,
 };
 declare type HrefRowContentProps = {
   ...$Exact<CommonProps>,
+
   trackingEvent?: TrackingEvent | $ReadOnlyArray<TrackingEvent>,
   href: string,
   newTab?: boolean,
@@ -57,6 +63,7 @@ declare type HrefRowContentProps = {
 };
 declare type ToRowContentProps = {
   ...$Exact<CommonProps>,
+
   trackingEvent?: TrackingEvent | $ReadOnlyArray<TrackingEvent>,
   to: string,
   fullPageOnWebView?: boolean,
@@ -65,18 +72,20 @@ declare type ToRowContentProps = {
 };
 declare type OnPressRowContentProps = {
   ...$Exact<CommonProps>,
+
   trackingEvent?: TrackingEvent | $ReadOnlyArray<TrackingEvent>,
   onPress: () => void,
   right?: Right,
 };
-declare type RowContentProps =
+declare type RowContentProps = ExclusifyUnion<
   | BasicRowContentProps
   | SwitchRowContentProps
   | RadioRowContentProps
   | CheckboxRowContentProps
   | HrefRowContentProps
   | ToRowContentProps
-  | OnPressRowContentProps;
+  | OnPressRowContentProps
+>;
 declare export var Row: React.AbstractComponent<RowContentProps, TouchableElement>;
 declare type RowListProps = {
   children: React.Node,
@@ -117,14 +126,15 @@ declare type OnPressBoxedRowProps = {
   ...$Exact<OnPressRowContentProps>,
   ...$Exact<CommonBoxedRowProps>,
 };
-declare type BoxedRowProps =
+declare type BoxedRowProps = ExclusifyUnion<
   | BasicBoxedRowProps
   | SwitchBoxedRowProps
   | RadioBoxedRowProps
   | CheckboxBoxedRowProps
   | HrefBoxedRowProps
   | ToBoxedRowProps
-  | OnPressBoxedRowProps;
+  | OnPressBoxedRowProps
+>;
 declare export var BoxedRow: React.AbstractComponent<BoxedRowProps, HTMLDivElement>;
 declare type BoxedRowListProps = {
   children: React.Node,

package/dist/loading-bar.js

@@ -80,7 +80,7 @@ var t = 400, i = (0, _jssJs.createUseStyles)(function(s) {
             }
         }
     };
-}), f = function(param) {
+}), f = function f(param) {
     var s = param.visible;
     var r = i();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_reactTransitionGroup.CSSTransition, {

package/dist/master-detail-layout.js

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-var u = function(param) {
+var u = function u(param) {
     var i = param.isOpen, t = param.master, e = param.detail;
     var ref = (0, _hooksJs.useScreenSize)(), m = ref.isTabletOrSmaller;
     return m ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_responsiveLayoutJs.default, {