@telefonica/mistica 14.15.0 → 14.16.0

package/dist/list.js

@@ -164,9 +164,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: n
-    }) : n ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: r
+    }) : r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             display: "flex",
             alignItems: "center",
@@ -174,21 +174,21 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, fe = (param)=>{
-    let { withChevron: e , headline: n , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: v , description: s , descriptionLinesMax: B , asset: b , type: I = "basic" , badge: L , right: T , extra: V , labelId: m , disabled: u  } = param;
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = [
-        n,
+    let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: v , description: s , descriptionLinesMax: P , asset: b , type: B = "basic" , badge: I , right: T , extra: V , labelId: h , disabled: u  } = param;
+    const m = (0, _themevariantcontext.useIsInverseVariant)(), n = [
+        r,
         i,
         d,
         s,
         V
-    ].filter(Boolean).length === 1, S = ()=>L ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    ].filter(Boolean).length === 1, S = ()=>I ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingLeft: 16,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.badge, {
                     [_listcssmistica.disabled]: u
                 }),
-                children: L === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                    value: L
+                children: I === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                    value: I
                 })
             })
         }) : null;
@@ -199,7 +199,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             b && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
-                    [_listcssmistica.center]: r,
+                    [_listcssmistica.center]: n,
                     [_listcssmistica.disabled]: u
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -212,15 +212,15 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     [_listcssmistica.disabled]: u
                 }),
                 style: {
-                    justifyContent: r ? "center" : "flex-start"
+                    justifyContent: n ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
                     children: [
-                        n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
+                        r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
-                            children: n
+                            children: r
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                             space: 2,
@@ -229,7 +229,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textPrimary,
                                     truncate: a,
-                                    id: m,
+                                    id: h,
                                     children: i
                                 }),
                                 d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -241,7 +241,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                 s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: B,
+                                    truncate: P,
                                     children: s
                                 }),
                                 V
@@ -251,27 +251,27 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             }),
             S(),
-            I === "chevron" && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            B === "chevron" && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 className: (0, _classnames.default)(_listcssmistica.center, {
                     [_listcssmistica.disabled]: u
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                    color: h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                    color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                     direction: "right"
                 })
             }),
-            I === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            B === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _listcssmistica.right,
-                children: U(T, r)
+                children: U(T, n)
             }),
-            I === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            B === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.right, {
                             [_listcssmistica.disabled]: u
                         }),
-                        children: U(T, r)
+                        children: U(T, n)
                     }),
                     e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingLeft: 4,
@@ -279,7 +279,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                             [_listcssmistica.disabled]: u
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -288,8 +288,8 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     });
 }, ge = (param)=>{
-    let { value: e , defaultValue: n , onChange: i  } = param;
-    const a = e !== void 0, [d, v] = _react.useState(!!n), s = ()=>{
+    let { value: e , defaultValue: r , onChange: i  } = param;
+    const a = e !== void 0, [d, v] = _react.useState(!!r), s = ()=>{
         a || v(!d), i && i(a ? !e : !d);
     };
     return a ? [
@@ -299,31 +299,31 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         d,
         s
     ];
-}, ve = (e)=>e.switch !== void 0, be = (e)=>e.checkbox !== void 0, xe = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, n)=>{
-    const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: d , headline: v , title: s , titleLinesMax: B , subtitle: b , subtitleLinesMax: I , description: L , descriptionLinesMax: T , badge: V , role: m , extra: u , dataAttributes: h  } = e, j = (0, _radiobutton.useRadioContext)(), r = e.disabled || e.radioValue !== void 0 && j.disabled, [S, W] = ge(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
+}, ve = (e)=>e.switch !== void 0, be = (e)=>e.checkbox !== void 0, xe = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
+    const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: d , headline: v , title: s , titleLinesMax: P , subtitle: b , subtitleLinesMax: B , description: I , descriptionLinesMax: T , badge: V , role: h , extra: u , dataAttributes: m  } = e, j = (0, _radiobutton.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && j.disabled, [S, W] = ge(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
         let { type: c , right: f , labelId: E  } = param;
         return (0, _jsxruntime.jsx)(fe, {
             asset: d,
             headline: v,
             title: s,
             subtitle: b,
-            description: L,
+            description: I,
             badge: V,
-            titleLinesMax: B,
-            subtitleLinesMax: I,
+            titleLinesMax: P,
+            subtitleLinesMax: B,
             descriptionLinesMax: T,
             type: c,
             right: f,
             extra: u,
             labelId: E,
-            disabled: r,
+            disabled: n,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
     }, M = (c)=>{
         let f = "chevron";
         return c.right === null && (f = "basic"), c.right && (f = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
-            ref: n,
+            ref: r,
             children: x({
                 type: f,
                 right: c.right
@@ -331,42 +331,42 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         });
     };
     if (e.onPress && !ve(e) && !be(e) && !xe(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        ref: n,
+        ref: r,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.hoverBackground]: !(r || a),
-            [_listcssmistica.pointer]: !r
+            [_listcssmistica.hoverBackground]: !(n || a),
+            [_listcssmistica.pointer]: !n
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        role: m,
-        dataAttributes: h,
-        disabled: r,
+        role: h,
+        dataAttributes: m,
+        disabled: n,
         children: M(e)
     });
     if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.hoverBackground]: !(r || a),
-            [_listcssmistica.pointer]: !r
+            [_listcssmistica.hoverBackground]: !(n || a),
+            [_listcssmistica.pointer]: !n
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        role: m,
-        dataAttributes: h,
-        disabled: r,
+        role: h,
+        dataAttributes: m,
+        disabled: n,
         children: M(e)
     });
     if (e.href) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.hoverBackground]: !(r || a),
-            [_listcssmistica.pointer]: !r
+            [_listcssmistica.hoverBackground]: !(n || a),
+            [_listcssmistica.pointer]: !n
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        role: m,
-        dataAttributes: h,
-        disabled: r,
+        role: h,
+        dataAttributes: m,
+        disabled: n,
         children: M(e)
     });
     const F = (c)=>{
@@ -377,11 +377,12 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             className: _listcssmistica.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    disabled: r,
+                    dataAttributes: m,
+                    disabled: n,
                     onPress: e.onPress,
-                    role: m,
+                    role: h,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                        [_listcssmistica.hoverBackground]: !(r || a)
+                        [_listcssmistica.hoverBackground]: !(n || a)
                     }),
                     children: x({
                         type: "basic",
@@ -391,31 +392,29 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionDivider
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    disabled: r,
-                    className: _listcssmistica.dualActionRight,
-                    onPress: W,
-                    dataAttributes: h,
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
-                        disabled: r,
-                        name: f,
-                        checked: S,
-                        "aria-labelledby": i,
-                        render: (param)=>{
-                            let { controlElement: D  } = param;
-                            return D;
-                        }
-                    })
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+                    disabled: n,
+                    name: f,
+                    checked: S,
+                    "aria-labelledby": i,
+                    onChange: W,
+                    render: (param)=>/* @__PURE__ */ {
+                        let { controlElement: D  } = param;
+                        return (0, _jsxruntime.jsx)("div", {
+                            className: _listcssmistica.dualActionRight,
+                            children: D
+                        });
+                    }
                 })
             ]
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.hoverBackground]: !(r || a),
-                [_listcssmistica.pointer]: !r
+                [_listcssmistica.hoverBackground]: !(n || a),
+                [_listcssmistica.pointer]: !n
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
-                disabled: r,
-                dataAttributes: h,
+                disabled: n,
+                dataAttributes: m,
                 name: f,
                 checked: S,
                 onChange: W,
@@ -423,7 +422,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     let { controlElement: D , labelId: $  } = param;
                     return (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
-                        role: m,
+                        role: h,
                         children: x({
                             labelId: $,
                             type: "control",
@@ -441,11 +440,11 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: _listcssmistica.dualActionContainer,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                disabled: r,
+                disabled: n,
                 onPress: e.onPress,
-                role: m,
+                role: h,
                 className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                    [_listcssmistica.hoverBackground]: !(r || a)
+                    [_listcssmistica.hoverBackground]: !(n || a)
                 }),
                 children: x({
                     type: "basic",
@@ -456,7 +455,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: _listcssmistica.dualActionDivider
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: h,
+                dataAttributes: m,
                 value: e.radioValue,
                 "aria-labelledby": i,
                 render: (param)=>/* @__PURE__ */ {
@@ -473,13 +472,13 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.hoverBackground]: !(r || a),
-            [_listcssmistica.pointer]: !r
+            [_listcssmistica.hoverBackground]: !(n || a),
+            [_listcssmistica.pointer]: !n
         }),
-        role: m,
-        ref: n,
+        role: h,
+        ref: r,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: h,
+            dataAttributes: m,
             value: e.radioValue,
             "aria-labelledby": i,
             render: (param)=>/* @__PURE__ */ {
@@ -500,7 +499,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         className: _listcssmistica.rowContent,
-        role: m,
+        role: h,
         children: e.right ? x({
             type: "custom",
             right: e.right
@@ -509,25 +508,25 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     });
 }), je = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({}, n), {
+    return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({}, r), {
         ref: i,
         dataAttributes: _object_spread({
             "component-name": "Row"
         }, e)
     }));
 }), We = (param)=>{
-    let { children: e , ariaLabelledby: n , role: i , dataAttributes: a , noLastDivider: d  } = param;
+    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: d  } = param;
     const v = _react.Children.count(e) - 1, s = !d;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: i,
-        "aria-labelledby": n
+        "aria-labelledby": r
     }, (0, _dom.getPrefixedDataAttributes)(a, "RowList")), {
-        children: _react.Children.toArray(e).filter(Boolean).map((B, b)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.toArray(e).filter(Boolean).map((P, b)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    B,
+                    P,
                     (b < v || s) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
@@ -536,23 +535,23 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             }, b))
     }));
 }, Fe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxruntime.jsx)(_boxed.Boxed, {
-        isInverse: n.isInverse,
+        isInverse: r.isInverse,
         ref: i,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_, _object_spread({}, n))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_, _object_spread({}, r))
     });
 }), Oe = (param)=>/* @__PURE__ */ {
-    let { children: e , ariaLabelledby: n , role: i , dataAttributes: a  } = param;
+    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a  } = param;
     return (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: i,
-        "aria-labelledby": n,
+        "aria-labelledby": r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
         }, a),

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.15.0";
+const o = "14.16.0";

package/dist/radio-button.css-mistica.js

@@ -10,33 +10,33 @@ function _export(target, all) {
 }
 _export(exports, {
     disabled: function() {
-        return a;
+        return r;
     },
     innerCircle: function() {
-        return v;
+        return a;
     },
     innerCircleChecked: function() {
-        return d;
+        return v;
     },
     outerCircleCheckedVariants: function() {
-        return f;
+        return c;
     },
     outerCircleVariants: function() {
-        return c;
+        return f;
     },
     radioButton: function() {
-        return e;
+        return s;
     },
     radioButtonContainerDisabled: function() {
-        return i;
+        return u;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./radio-button.css.ts.vanilla.css-mistica.js");
-var a = "c6dmsuc", v = "c6dmsu5 _1y2v1nf64 _1y2v1nfab", d = "c6dmsu7 _1y2v1nf45", f = {
-    default: "c6dmsua",
-    ios: "c6dmsub"
-}, c = {
+var r = "c6dmsud", a = "c6dmsu5 _1y2v1nf64 _1y2v1nfab", v = "c6dmsu7 _1y2v1nf45", c = {
+    default: "c6dmsub",
+    ios: "c6dmsuc"
+}, f = {
     default: "c6dmsu2 c6dmsu1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nfar _1y2v1nf6m _1y2v1nfab _1y2v1nf30",
     ios: "c6dmsu3 c6dmsu1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nfar _1y2v1nf6m _1y2v1nfab _1y2v1nf30"
-}, e = "c6dmsu8", i = "c6dmsu9";
+}, s = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";

package/dist/radio-button.js

@@ -153,38 +153,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const D = /*#__PURE__*/ _react.createContext({
+const N = /*#__PURE__*/ _react.createContext({
     disabled: !1,
     selectedValue: null,
     focusableValue: null,
     select: ()=>{},
     selectNext: ()=>{},
     selectPrev: ()=>{}
-}), z = ()=>_react.useContext(D), J = (_param)=>{
+}), z = ()=>_react.useContext(N), J = (_param)=>{
     var { value: e , id: s , dataAttributes: C , "aria-labelledby": R  } = _param, d = _object_without_properties(_param, [
         "value",
         "id",
         "dataAttributes",
         "aria-labelledby"
     ]);
-    const { disabled: r , selectedValue: p , focusableValue: v , select: u , selectNext: f , selectPrev: g  } = z(), m = (0, _hooks.useAriaId)(R), o = _react.useRef(null), c = e === p, y = v === e ? 0 : -1, { isIos: h  } = (0, _hooks.useTheme)(), t = (l)=>{
-        switch(l.keyCode){
+    const { disabled: l , selectedValue: v , focusableValue: p , select: u , selectNext: f , selectPrev: g  } = z(), m = (0, _hooks.useAriaId)(R), r = _react.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h  } = (0, _hooks.useTheme)(), t = (o)=>{
+        switch(o.keyCode){
             case _keycodes.SPACE:
-                u(e), l.preventDefault(), l.stopPropagation();
+                u(e), o.preventDefault(), o.stopPropagation();
                 break;
             case _keycodes.RIGHT:
             case _keycodes.DOWN:
-                f(), l.preventDefault(), l.stopPropagation();
+                f(), o.preventDefault(), o.stopPropagation();
                 break;
             case _keycodes.LEFT:
             case _keycodes.UP:
-                g(), l.preventDefault(), l.stopPropagation();
+                g(), o.preventDefault(), o.stopPropagation();
                 break;
         }
     }, a = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(h ? _radiobuttoncssmistica.outerCircleVariants.ios : _radiobuttoncssmistica.outerCircleVariants.default, {
             [_radiobuttoncssmistica.outerCircleCheckedVariants[h ? "ios" : "default"]]: c,
-            [_radiobuttoncssmistica.disabled]: r
+            [_radiobuttoncssmistica.disabled]: l
         }),
         children: !h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_radiobuttoncssmistica.innerCircle, {
@@ -193,26 +193,27 @@ const D = /*#__PURE__*/ _react.createContext({
         })
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
-        ref: o,
+        ref: r,
         id: s,
-        tabIndex: r ? void 0 : y,
+        tabIndex: l ? void 0 : y,
         role: "radio",
         "data-value": e,
         "aria-checked": c,
-        "aria-disabled": r,
+        "aria-disabled": l,
         "aria-labelledby": m,
-        onClick: r ? void 0 : ()=>u(e),
-        onKeyDown: r ? void 0 : t,
-        className: _radiobuttoncssmistica.radioButton
+        onClick: (o)=>{
+            o.stopPropagation(), l || u(e);
+        },
+        onKeyDown: l ? void 0 : t,
+        className: l ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
     }, (0, _dom.getPrefixedDataAttributes)(C, "RadioButton")), {
         children: d.render ? d.render({
             controlElement: a,
-            disabled: !!r,
+            disabled: !!l,
             checked: c,
             labelId: m
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
-            className: r ? _radiobuttoncssmistica.radioButtonContainerDisabled : "",
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
@@ -230,7 +231,7 @@ const D = /*#__PURE__*/ _react.createContext({
                     as: "div",
                     id: m,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                        className: r ? _radiobuttoncssmistica.disabled : "",
+                        className: l ? _radiobuttoncssmistica.disabled : "",
                         children: d.children
                     })
                 })
@@ -239,53 +240,53 @@ const D = /*#__PURE__*/ _react.createContext({
     }));
 }, re = (e)=>{
     var _ref;
-    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: r  } = (0, _formcontext.useControlProps)({
+    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: l  } = (0, _formcontext.useControlProps)({
         name: e.name,
         value: e.value,
         defaultValue: e.defaultValue,
         onChange: e.onChange,
         disabled: e.disabled
-    }), p = typeof s < "u", [v, u] = _react.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
+    }), v = typeof s < "u", [p, u] = _react.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
     _react.useEffect(()=>{
         s !== void 0 && u(s);
     }, [
         s
     ]);
     const f = (t)=>{
-        p || u(t), R(t);
-    }, [g, m] = _react.useState(null), o = _react.useRef(null), c = ()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
+        v || u(t), R(t);
+    }, [g, m] = _react.useState(null), r = _react.useRef(null), c = ()=>{
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
             if (a.length === 0) return;
             const V = ((t ? a.indexOf(t) : 0) + 1) % a.length, b = a[V], x = b.dataset.value;
             x && (b.focus(), f(x));
         }
     }, y = ()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
             if (a.length === 0) return;
-            const l = t ? a.indexOf(t) : 0, V = (a.length + l - 1) % a.length, b = a[V], x = b.dataset.value;
+            const o = t ? a.indexOf(t) : 0, V = (a.length + o - 1) % a.length, b = a[V], x = b.dataset.value;
             x && (b.focus(), f(x));
         }
     };
     _react.useEffect(()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio]");
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio]");
             var _t_dataset_value;
             t && m((_t_dataset_value = t.dataset.value) !== null && _t_dataset_value !== void 0 ? _t_dataset_value : null);
         }
     }, []);
     var _ref1;
-    const h = (_ref1 = v !== null && v !== void 0 ? v : g) !== null && _ref1 !== void 0 ? _ref1 : null;
+    const h = (_ref1 = p !== null && p !== void 0 ? p : g) !== null && _ref1 !== void 0 ? _ref1 : null;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        ref: (0, _common.combineRefs)(o, d),
+        ref: (0, _common.combineRefs)(r, d),
         role: "radiogroup",
         "aria-labelledby": e["aria-labelledby"]
     }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "RadioGroup")), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(D.Provider, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N.Provider, {
             value: {
-                disabled: r,
-                selectedValue: v !== null && v !== void 0 ? v : C,
+                disabled: l,
+                selectedValue: p !== null && p !== void 0 ? p : C,
                 focusableValue: h,
                 select: f,
                 selectNext: c,