@telefonica/mistica 12.9.1 → 12.10.0

package/dist/inline.css-mistica.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    fullWidth: function() {
+        return v;
+    },
+    noFullWidth: function() {
+        return r;
+    },
+    vars: function() {
+        return a;
+    }
+});
+require("./inline.css.ts.vanilla.js");
+var v = "kkfbnv2 kkfbnv1", r = "kkfbnv3 kkfbnv1", a = {
+    space: "var(--kkfbnv0)"
+};

package/dist/inline.css.d.ts

@@ -0,0 +1,6 @@
+export declare const vars: {
+    space: import("@vanilla-extract/private").CSSVarFunction;
+};
+export declare const inline: string;
+export declare const fullWidth: string;
+export declare const noFullWidth: string;

package/dist/inline.css.js.flow

@@ -0,0 +1,8 @@
+// @flow
+
+declare export var vars: {
+  space: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+};
+declare export var inline: string;
+declare export var fullWidth: string;
+declare export var noFullWidth: string;

package/dist/inline.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+var s = "";

package/dist/inline.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        return I;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _jssJs = require("./jss.js");
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+var _dynamic = require("@vanilla-extract/dynamic");
+var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
 var _domJs = require("./utils/dom.js");
+var _inlineCssMisticaJs = require("./inline.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -109,58 +111,31 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var y = (0, _jssJs.createUseStyles)(function() {
-    return {
-        inline: {
-            display: function display(e) {
-                return e.fullWidth ? "flex" : "inline-flex";
-            },
-            flexDirection: "row",
-            "@supports (display: grid)": {
-                display: function display(e) {
-                    return e.fullWidth ? "grid" : "inline-grid";
-                },
-                gridAutoFlow: "column"
-            },
-            alignItems: function alignItems(param) {
-                var e = param.alignItems;
-                return e;
-            },
-            justifyContent: function justifyContent(e) {
-                switch(e.space){
-                    case "between":
-                    case "around":
-                    case "evenly":
-                        return "space-".concat(e.space);
-                    default:
-                        return "initial";
-                }
-            },
-            "& > div:not(:empty) ~ div:not(:empty)": {
-                marginLeft: function marginLeft(e) {
-                    return typeof e.space == "number" ? e.space : void 0;
-                }
-            },
-            "& > div:empty": {
-                display: "none"
-            }
-        }
-    };
-}), x = function x(param) {
-    var e = param.space, l = param.className, n = param.children, r = param.role, tmp = param.alignItems, s = tmp === void 0 ? "stretch" : tmp, a = param["aria-labelledby"], o = param.fullWidth, d = param.dataAttributes;
-    var m = y({
-        space: e,
-        alignItems: s,
-        fullWidth: o || typeof e == "string"
-    });
+var v = function v(t) {
+    switch(t){
+        case "between":
+        case "around":
+        case "evenly":
+            return "space-".concat(t);
+        default:
+            return "initial";
+    }
+}, I = function I(param) {
+    var t = param.space, i = param.className, n = param.children, l = param.role, tmp = param.alignItems, s = tmp === void 0 ? "stretch" : tmp, a = param["aria-labelledby"], o = param.fullWidth, m = param.dataAttributes;
+    var f = o || typeof t == "string";
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
-        className: (0, _classnames.default)(l, m.inline),
-        role: r,
+        className: (0, _classnames.default)(i, (0, _sprinklesCssMisticaJs.sprinkles)({
+            alignItems: s
+        }), f ? _inlineCssMisticaJs.fullWidth : _inlineCssMisticaJs.noFullWidth),
+        style: _objectSpreadProps(_objectSpread({}, (0, _dynamic.assignInlineVars)(_defineProperty({}, _inlineCssMisticaJs.vars.space, typeof t == "number" ? "".concat(t, "px") : ""))), {
+            justifyContent: v(t)
+        }),
+        role: l,
         "aria-labelledby": a
-    }, (0, _domJs.getPrefixedDataAttributes)(d)), {
-        children: _react.Children.map(n, function(t) {
-            return !!t || t === 0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                children: t
+    }, (0, _domJs.getPrefixedDataAttributes)(m)), {
+        children: _react.Children.map(n, function(e) {
+            return !!e || e === 0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                children: e
             }) : null;
         })
     }));

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"));
@@ -285,22 +285,22 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
         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 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 S() {
-        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,
@@ -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 C(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 D(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 E(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,12 +491,12 @@ 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 render(param) {
                             var V = param.controlElement;
@@ -501,12 +507,12 @@ 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,
+                checked: b,
+                onChange: A,
                 render: function render(param) {
                     var V = param.controlElement, $ = param.labelId;
                     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
@@ -536,7 +542,7 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
             value: e.radioValue,
             "aria-labelledby": r,
             render: function render(param) {
-                var m = param.controlElement;
+                var u = param.controlElement;
                 return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                     paddingX: 16,
                     children: C({
@@ -545,7 +551,7 @@ var U = (0, _jssJs.createUseStyles)(function(param) {
                         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 Le(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 Pe(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,