intergalactic 15.129.0 → 15.130.0

package/radio/lib/esm/Radio.mjs

@@ -1,273 +1,333 @@
-import N from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import G from "@babel/runtime/helpers/esm/slicedToArray";
-import v from "@babel/runtime/helpers/esm/objectSpread2";
-import R from "@babel/runtime/helpers/esm/assertThisInitialized";
-import V from "@babel/runtime/helpers/esm/classCallCheck";
-import z from "@babel/runtime/helpers/esm/createClass";
-import D from "@babel/runtime/helpers/esm/inherits";
-import T from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as Y } from 'intergalactic/utils/lib/core/index';
-import w, { CONTEXT_COMPONENT as j, assignProps as P, Component as E, sstyled as m } from 'intergalactic/core';
-import l from "react";
-import { Flex as Z, Box as I, InvalidStateBox as ee } from 'intergalactic/flex-box';
-import A, { callAllEventHandlers as H } from 'intergalactic/utils/lib/assignProps';
-import re from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import te from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-import O, { inputProps as ae } from 'intergalactic/utils/lib/inputProps';
-import { inputProps as Ie } from 'intergalactic/utils/lib/inputProps';
-import { useColorResolver as oe } from 'intergalactic/utils/lib/use/useColorResolver';
-import _e from 'intergalactic/utils/lib/logger';
-import { Text as ie } from 'intergalactic/typography';
-var ne = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { CONTEXT_COMPONENT, assignProps, Component, sstyled as sstyled$1 } from 'intergalactic/core';
+import React from "react";
+import { Flex, Box, InvalidStateBox } from 'intergalactic/flex-box';
+import assignProps$1, { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
+import { inputProps as inputProps2 } from 'intergalactic/utils/lib/inputProps';
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+import logger from 'intergalactic/utils/lib/logger';
+import { Text as Text$1 } from 'intergalactic/typography';
+var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], _excluded2 = ["children", "Children"];
+/*!__reshadow-styles__:"./style/radio.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (Y.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SRadio_129k5_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_129k5_gg_ .___SText_129k5_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_129k5_gg_ .___SText_129k5_gg_.__color_129k5_gg_{color:var(--color_129k5)}.___SRadio_129k5_gg_.__disabled_129k5_gg_{pointer-events:none}.___SText_129k5_gg_._size_m_129k5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_129k5_gg_._size_l_129k5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_129k5_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_129k5_gg_::after,.___SValue_129k5_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_129k5_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_129k5_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_129k5_gg_.__disabled_129k5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_129k5_gg_._size_m_129k5_gg_{width:16px;height:16px}.___SValue_129k5_gg_._size_m_129k5_gg_ .___SInvalidPattern_129k5_gg_:before{width:14px;height:14px}.___SValue_129k5_gg_._size_l_129k5_gg_{width:20px;height:20px}.___SValue_129k5_gg_._size_l_129k5_gg_ .___SInvalidPattern_129k5_gg_:before{width:18px;height:18px}.___SValue_129k5_gg_._state_normal_129k5_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_129k5_gg_._state_invalid_129k5_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_129k5_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_129k5_gg_:checked~.___SValue_129k5_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_129k5_gg_:checked~.___SValue_129k5_gg_._size_m_129k5_gg_::after{width:6px;height:6px}.___SControl_129k5_gg_:checked~.___SValue_129k5_gg_._size_l_129k5_gg_::after{width:8px;height:8px}.___SValue_129k5_gg_._state_normal_129k5_gg_.__keyboardFocused_129k5_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_129k5_gg_._state_invalid_129k5_gg_.__keyboardFocused_129k5_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_129k5_gg_:checked~.___SValue_129k5_gg_.__theme_129k5_gg_::before{border-color:var(--theme_129k5);background-color:var(--theme_129k5)}.___SValue_129k5_gg_._state_normal_129k5_gg_.__theme_129k5_gg_::before{border-color:var(--theme_129k5)}.___SInvalidPattern_129k5_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_129k5_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
-    "129k5_gg_"
-  ), {
-    __SRadio: "___SRadio_129k5_gg_",
-    _disabled: "__disabled_129k5_gg_",
-    __SText: "___SText_129k5_gg_",
-    _size_m: "_size_m_129k5_gg_",
-    _size_l: "_size_l_129k5_gg_",
-    __SValue: "___SValue_129k5_gg_",
-    _state_normal: "_state_normal_129k5_gg_",
-    _state_invalid: "_state_invalid_129k5_gg_",
-    __SControl: "___SControl_129k5_gg_",
-    _keyboardFocused: "__keyboardFocused_129k5_gg_",
-    _theme: "__theme_129k5_gg_",
-    "--theme": "--theme_129k5",
-    _color: "__color_129k5_gg_",
-    "--color": "--color_129k5",
-    __SInvalidPattern: "___SInvalidPattern_129k5_gg_"
+    '.___SRadio_1ue59_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1ue59_gg_ .___SText_1ue59_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1ue59_gg_ .___SText_1ue59_gg_.__color_1ue59_gg_{color:var(--color_1ue59)}.___SRadio_1ue59_gg_.__disabled_1ue59_gg_{pointer-events:none}.___SText_1ue59_gg_._size_m_1ue59_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ue59_gg_._size_l_1ue59_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1ue59_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1ue59_gg_::after,.___SValue_1ue59_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1ue59_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1ue59_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1ue59_gg_.__disabled_1ue59_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1ue59_gg_._size_m_1ue59_gg_{width:16px;height:16px}.___SValue_1ue59_gg_._size_m_1ue59_gg_ .___SInvalidPattern_1ue59_gg_:before{width:14px;height:14px}.___SValue_1ue59_gg_._size_l_1ue59_gg_{width:20px;height:20px}.___SValue_1ue59_gg_._size_l_1ue59_gg_ .___SInvalidPattern_1ue59_gg_:before{width:18px;height:18px}.___SValue_1ue59_gg_._state_normal_1ue59_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1ue59_gg_._state_invalid_1ue59_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1ue59_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1ue59_gg_:checked~.___SValue_1ue59_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1ue59_gg_:checked~.___SValue_1ue59_gg_._size_m_1ue59_gg_::after{width:6px;height:6px}.___SControl_1ue59_gg_:checked~.___SValue_1ue59_gg_._size_l_1ue59_gg_::after{width:8px;height:8px}.___SValue_1ue59_gg_._state_normal_1ue59_gg_.__keyboardFocused_1ue59_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1ue59_gg_._state_invalid_1ue59_gg_.__keyboardFocused_1ue59_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1ue59_gg_:checked~.___SValue_1ue59_gg_.__theme_1ue59_gg_::before{border-color:var(--theme_1ue59);background-color:var(--theme_1ue59)}.___SValue_1ue59_gg_._state_normal_1ue59_gg_.__theme_1ue59_gg_::before{border-color:var(--theme_1ue59)}.___SInvalidPattern_1ue59_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1ue59_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
+    /*__inner_css_end__*/
+    "1ue59_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SRadio": "___SRadio_1ue59_gg_",
+    "_disabled": "__disabled_1ue59_gg_",
+    "__SText": "___SText_1ue59_gg_",
+    "_size_m": "_size_m_1ue59_gg_",
+    "_size_l": "_size_l_1ue59_gg_",
+    "__SValue": "___SValue_1ue59_gg_",
+    "_state_normal": "_state_normal_1ue59_gg_",
+    "_state_invalid": "_state_invalid_1ue59_gg_",
+    "__SControl": "___SControl_1ue59_gg_",
+    "_keyboardFocused": "__keyboardFocused_1ue59_gg_",
+    "_theme": "__theme_1ue59_gg_",
+    "--theme": "--theme_1ue59",
+    "_color": "__color_1ue59_gg_",
+    "--color": "--color_1ue59",
+    "__SInvalidPattern": "___SInvalidPattern_1ue59_gg_"
   })
-), $ = /* @__PURE__ */ function(c) {
-  D(i, c);
-  var o = T(i);
-  function i() {
-    return V(this, i), o.apply(this, arguments);
+);
+var RadioGroupRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(RadioGroupRoot2, _Component);
+  var _super = _createSuper(RadioGroupRoot2);
+  function RadioGroupRoot2() {
+    _classCallCheck(this, RadioGroupRoot2);
+    return _super.apply(this, arguments);
   }
-  return z(i, [{
+  _createClass(RadioGroupRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         value: null
       };
     }
   }, {
     key: "setContext",
-    value: function() {
-      var r = this.asProps, e = r.theme, a = r.size, _ = r.name, n = r.value, s = r.onChange, d = r.disabled;
+    value: function setContext() {
+      var _this$asProps = this.asProps, theme = _this$asProps.theme, size = _this$asProps.size, name = _this$asProps.name, value = _this$asProps.value, onChange = _this$asProps.onChange, disabled = _this$asProps.disabled;
       return {
-        onChange: s,
-        value: n,
-        theme: e,
-        size: a,
-        name: _,
-        disabled: d
+        onChange,
+        value,
+        theme,
+        size,
+        name,
+        disabled
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, e = this.asProps.Children;
-      return /* @__PURE__ */ l.createElement(Z, P({
-        direction: "column",
-        role: "group",
-        __excludeProps: ["onChange"]
-      }, r), /* @__PURE__ */ l.createElement(e, null));
+    value: function render() {
+      var _ref = this.asProps;
+      var Children = this.asProps.Children;
+      return /* @__PURE__ */ React.createElement(Flex, assignProps({
+        "direction": "column",
+        "role": "group",
+        "__excludeProps": ["onChange"]
+      }, _ref), /* @__PURE__ */ React.createElement(Children, null));
     }
-  }]), i;
-}(E);
-g($, "displayName", "RadioGroup");
-g($, "defaultProps", {
+  }]);
+  return RadioGroupRoot2;
+}(Component);
+_defineProperty(RadioGroupRoot, "displayName", "RadioGroup");
+_defineProperty(RadioGroupRoot, "defaultProps", {
   defaultValue: null
 });
-var U = w($), S = /* @__PURE__ */ function(c) {
-  D(i, c);
-  var o = T(i);
-  function i() {
-    var t;
-    V(this, i);
-    for (var r = arguments.length, e = new Array(r), a = 0; a < r; a++)
-      e[a] = arguments[a];
-    return t = o.call.apply(o, [this].concat(e)), g(R(t), "state", {
+var RadioGroup = createComponent(RadioGroupRoot);
+var RadioRoot = /* @__PURE__ */ function(_Component2) {
+  _inherits(RadioRoot2, _Component2);
+  var _super2 = _createSuper(RadioRoot2);
+  function RadioRoot2() {
+    var _this;
+    _classCallCheck(this, RadioRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       hoistedDisabled: void 0
-    }), g(R(t), "hoistDisabled", function(_) {
-      _e.warn(!0, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", t.asProps["data-ui-name"]), t.setState({
-        hoistedDisabled: _
+    });
+    _defineProperty(_assertThisInitialized(_this), "hoistDisabled", function(disabled) {
+      logger.warn(true, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", _this.asProps["data-ui-name"]);
+      _this.setState({
+        hoistedDisabled: disabled
       });
-    }), t;
+    });
+    return _this;
   }
-  return z(i, [{
+  _createClass(RadioRoot2, [{
     key: "getTextProps",
-    value: function() {
-      var r = A(this.asProps, this.context), e = r.size, a = e === void 0 ? "m" : e, _ = r.disabled, n = r.label, s = this.state.hoistedDisabled, d = {
-        size: a,
-        children: n,
-        disabled: _ ?? s,
+    value: function getTextProps() {
+      var _assignProps6 = assignProps$1(this.asProps, this.context), _assignProps6$size = _assignProps6.size, size = _assignProps6$size === void 0 ? "m" : _assignProps6$size, disabled = _assignProps6.disabled, label = _assignProps6.label;
+      var hoistedDisabled = this.state.hoistedDisabled;
+      var textProps = {
+        size,
+        children: label,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
         hoistDisabled: this.hoistDisabled,
         rootDisabled: this.props.disabled
       };
-      return d;
+      return textProps;
     }
   }, {
     key: "getValueProps",
-    value: function() {
-      var r, e = A(this.asProps, this.context), a = e.size, _ = a === void 0 ? "m" : a, n = e.state, s = n === void 0 ? "normal" : n, d = e.theme, p = e.disabled, b = e.name, u = this.asProps, h = u.value, f = u.checked, x = this.state.hoistedDisabled;
+    value: function getValueProps() {
+      var _this$props$size;
+      var _assignProps7 = assignProps$1(this.asProps, this.context), _assignProps7$size = _assignProps7.size, size = _assignProps7$size === void 0 ? "m" : _assignProps7$size, _assignProps7$state = _assignProps7.state, state = _assignProps7$state === void 0 ? "normal" : _assignProps7$state, theme = _assignProps7.theme, disabled = _assignProps7.disabled, name = _assignProps7.name;
+      var _this$asProps2 = this.asProps, value = _this$asProps2.value, checked = _this$asProps2.checked;
+      var hoistedDisabled = this.state.hoistedDisabled;
       return {
-        size: (r = this.props.size) !== null && r !== void 0 ? r : _,
-        disabled: p ?? x,
-        state: s,
-        theme: d,
-        value: h,
-        checked: f,
-        name: b,
+        size: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        state,
+        theme,
+        value,
+        checked,
+        name,
         hoistDisabled: this.hoistDisabled,
         rootDisabled: this.props.disabled
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, e, a = I, _ = this.asProps, n = _.styles, s = _.Children, d = _.children;
-      return e = m(n), /* @__PURE__ */ l.createElement(a, e.cn("SRadio", v({}, P({
-        tag: "label",
-        __excludeProps: ["onChange", "label", "disabled"]
-      }, r))), d ? /* @__PURE__ */ l.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(C.Value, null), /* @__PURE__ */ l.createElement(C.Text, null)));
+    value: function render() {
+      var _ref2 = this.asProps, _ref6;
+      var SRadio = Box;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, Children = _this$asProps3.Children, hasChildren = _this$asProps3.children;
+      return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, assignProps({
+        "tag": "label",
+        "__excludeProps": ["onChange", "label", "disabled"]
+      }, _ref2))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value, null), /* @__PURE__ */ React.createElement(Radio.Text, null)));
+    }
+  }]);
+  return RadioRoot2;
+}(Component);
+_defineProperty(RadioRoot, "displayName", "Radio");
+_defineProperty(RadioRoot, "style", style);
+_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
+var ValueRoot = /* @__PURE__ */ function(_Component3) {
+  _inherits(ValueRoot2, _Component3);
+  var _super3 = _createSuper(ValueRoot2);
+  function ValueRoot2() {
+    var _this2;
+    _classCallCheck(this, ValueRoot2);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
     }
-  }]), i;
-}(E);
-g(S, "displayName", "Radio");
-g(S, "style", B);
-g(S, "contextType", U[j]);
-var k = /* @__PURE__ */ function(c) {
-  D(i, c);
-  var o = T(i);
-  function i() {
-    var t;
-    V(this, i);
-    for (var r = arguments.length, e = new Array(r), a = 0; a < r; a++)
-      e[a] = arguments[a];
-    return t = o.call.apply(o, [this].concat(e)), g(R(t), "bindHandlerChange", function(_) {
-      return function(n) {
-        typeof t.context.onChange == "function" && t.context.onChange(_, n);
+    _this2 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "bindHandlerChange", function(value) {
+      return function(e) {
+        if (typeof _this2.context.onChange === "function") {
+          _this2.context.onChange(value, e);
+        }
       };
-    }), t;
+    });
+    return _this2;
   }
-  return z(i, [{
+  _createClass(ValueRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
-        checked: function(e) {
+        checked: function checked(e) {
           return e.target.checked;
         }
       };
     }
   }, {
     key: "getControlProps",
-    value: function() {
-      var r = this.context.value, e = this.asProps, a = e.forwardRef, _ = e.includeInputProps, n = e.state, s = e.value, d = O(this.asProps, _), p = G(d, 1), b = p[0], u = s ?? "", h = v(v({
-        ref: a,
-        state: n
-      }, b), {}, {
-        value: u
+    value: function getControlProps() {
+      var currentValue = this.context.value;
+      var _this$asProps4 = this.asProps, forwardRef = _this$asProps4.forwardRef, includeInputProps = _this$asProps4.includeInputProps, state = _this$asProps4.state, value = _this$asProps4.value;
+      var _getInputProps = getInputProps(this.asProps, includeInputProps), _getInputProps2 = _slicedToArray(_getInputProps, 1), commonControlProps = _getInputProps2[0];
+      var inputValue = value !== null && value !== void 0 ? value : "";
+      var controlProps = _objectSpread(_objectSpread({
+        ref: forwardRef,
+        state
+      }, commonControlProps), {}, {
+        value: inputValue
       });
-      if (r !== void 0) {
-        var f = this.props, x = f.onChange;
-        f.onClick, h.checked = r === u, h.onChange = H(x, this.bindHandlerChange(u));
+      if (currentValue !== void 0) {
+        var _this$props = this.props, onChange = _this$props.onChange;
+        _this$props.onClick;
+        controlProps.checked = currentValue === inputValue;
+        controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));
       }
-      return h;
+      return controlProps;
     }
   }, {
     key: "getRadioMarkProps",
-    value: function() {
-      var r = this.context.value, e = this.asProps, a = e.size, _ = e.state, n = e.theme, s = e.keyboardFocused, d = e.value, p = e.tag, b = e.disabled, u = e.includeInputProps, h = e.resolveColor, f = N(e, ne), x = O(f, u), F = G(x, 2), J = F[0], y = F[1];
-      y.children, y.Children;
-      var K = N(y, le), L = d ?? "", M = v({
-        theme: n,
-        size: a,
-        state: _,
-        keyboardFocused: s,
-        disabled: b,
-        resolveColor: h,
-        checked: J.checked
-      }, K);
-      if (r !== void 0) {
-        var Q = this.props.onClick;
-        p !== "label" && (M.onClick = H(Q, this.bindHandlerChange(L)));
+    value: function getRadioMarkProps() {
+      var currentValue = this.context.value;
+      var _this$asProps5 = this.asProps, size = _this$asProps5.size, state = _this$asProps5.state, theme = _this$asProps5.theme, keyboardFocused = _this$asProps5.keyboardFocused, value = _this$asProps5.value, tag = _this$asProps5.tag, disabled = _this$asProps5.disabled, includeInputProps = _this$asProps5.includeInputProps, resolveColor = _this$asProps5.resolveColor, other = _objectWithoutProperties(_this$asProps5, _excluded);
+      var _getInputProps3 = getInputProps(other, includeInputProps), _getInputProps4 = _slicedToArray(_getInputProps3, 2), commonControlProps = _getInputProps4[0], radioMarkProps = _getInputProps4[1];
+      radioMarkProps.children;
+      radioMarkProps.Children;
+      var propsWithoutChildren = _objectWithoutProperties(radioMarkProps, _excluded2);
+      var inputValue = value !== null && value !== void 0 ? value : "";
+      var markProps = _objectSpread({
+        theme,
+        size,
+        state,
+        keyboardFocused,
+        disabled,
+        resolveColor,
+        checked: commonControlProps.checked
+      }, propsWithoutChildren);
+      if (currentValue !== void 0) {
+        var onClick = this.props.onClick;
+        if (tag !== "label") {
+          markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));
+        }
       }
-      return M;
+      return markProps;
     }
   }, {
     key: "componentDidUpdate",
-    value: function() {
-      this.asProps.rootDisabled !== this.asProps.disabled && this.asProps.hoistDisabled(this.asProps.disabled);
+    value: function componentDidUpdate() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
     }
   }, {
     key: "componentDidMount",
-    value: function() {
-      this.asProps.rootDisabled !== this.asProps.disabled && this.asProps.hoistDisabled(this.asProps.disabled);
+    value: function componentDidMount() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      var r, e = this.asProps, a = e.styles, _ = e.children, n = e.Children;
-      return _ ? (r = m(a), /* @__PURE__ */ l.createElement(n, r.cn("Children", {}))) : (m(a), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(C.Value.Control, null), /* @__PURE__ */ l.createElement(C.Value.RadioMark, null)));
+    value: function render() {
+      var _ref8;
+      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, hasChildren = _this$asProps6.children, Children = _this$asProps6.Children;
+      if (!hasChildren) {
+        return sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value.Control, null), /* @__PURE__ */ React.createElement(Radio.Value.RadioMark, null));
+      }
+      return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}));
     }
-  }]), i;
-}(E);
-g(k, "defaultProps", {
-  includeInputProps: ae,
-  defaultChecked: !1
+  }]);
+  return ValueRoot2;
+}(Component);
+_defineProperty(ValueRoot, "defaultProps", {
+  includeInputProps: inputProps,
+  defaultChecked: false
 });
-g(k, "enhance", [re(), te()]);
-g(k, "displayName", "Value");
-g(k, "contextType", U[j]);
-g(k, "style", B);
-var W = function(o) {
-  var i = arguments[0], t, r = I, e = o.styles, a = o.state;
-  return t = m(e), /* @__PURE__ */ l.createElement(r, t.cn("SControl", v({}, P({
-    tag: "input",
-    type: "radio",
-    "aria-invalid": a === "invalid"
-  }, i))));
+_defineProperty(ValueRoot, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
+_defineProperty(ValueRoot, "displayName", "Value");
+_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
+_defineProperty(ValueRoot, "style", style);
+var Control = function Control2(props) {
+  var _ref3 = arguments[0], _ref9;
+  var SControl = Box;
+  var styles = props.styles, state = props.state;
+  return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SControl, _ref9.cn("SControl", _objectSpread({}, assignProps({
+    "tag": "input",
+    "type": "radio",
+    "aria-invalid": state === "invalid"
+  }, _ref3))));
 };
-W.displayName = "Control";
-var X = function(o) {
-  var i = arguments[0], t, r = I, e = ee, a = o.theme, _ = o.styles, n = o.resolveColor, s = o.state, d = o.checked;
-  return t = m(_), /* @__PURE__ */ l.createElement(r, t.cn("SValue", v({}, P({
-    tag: "div",
-    "use:theme": n(a),
-    "aria-hidden": !0
-  }, i))), s === "invalid" && !d && /* @__PURE__ */ l.createElement(e, t.cn("SInvalidPattern", {})));
+Control.displayName = "Control";
+var RadioMark = function RadioMark2(props) {
+  var _ref4 = arguments[0], _ref10;
+  var SValue = Box;
+  var SInvalidPattern = InvalidStateBox;
+  var theme = props.theme, styles = props.styles, resolveColor = props.resolveColor, state = props.state, checked = props.checked;
+  return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SValue, _ref10.cn("SValue", _objectSpread({}, assignProps({
+    "tag": "div",
+    "use:theme": resolveColor(theme),
+    "aria-hidden": true
+  }, _ref4))), state === "invalid" && !checked && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref10.cn("SInvalidPattern", {})));
 };
-X.displayName = "RadioMark";
-var q = function(o) {
-  var i = arguments[0], t, r = ie, e = o.styles, a = o.color;
-  l.useEffect(function() {
-    o.rootDisabled !== o.disabled && o.hoistDisabled(o.disabled);
-  }, [o.rootDisabled, o.disabled, o.hoistDisabled]);
-  var _ = oe();
-  return t = m(e), /* @__PURE__ */ l.createElement(r, t.cn("SText", v({}, P({
-    tag: "span",
-    "use:color": _(a)
-  }, i))));
+RadioMark.displayName = "RadioMark";
+var Text = function Text2(props) {
+  var _ref5 = arguments[0], _ref11;
+  var SText = Text$1;
+  var styles = props.styles, color = props.color;
+  React.useEffect(function() {
+    if (props.rootDisabled !== props.disabled) {
+      props.hoistDisabled(props.disabled);
+    }
+  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);
+  var resolveColor = useColorResolver();
+  return _ref11 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref11.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span",
+    "use:color": resolveColor(color)
+  }, _ref5))));
 };
-q.displayName = "Text";
-var se = w(k, {
-  Control: W,
-  RadioMark: X
-}), C = w(S, {
-  Text: q,
-  Value: se
-}), Te = function(o) {
-  return o;
+Text.displayName = "Text";
+var Value = createComponent(ValueRoot, {
+  Control,
+  RadioMark
+});
+var Radio = createComponent(RadioRoot, {
+  Text,
+  Value
+});
+var wrapRadioGroup = function wrapRadioGroup2(wrapper) {
+  return wrapper;
 };
 export {
-  U as RadioGroup,
-  C as default,
-  Ie as inputProps,
-  Te as wrapRadioGroup
+  RadioGroup,
+  Radio as default,
+  inputProps2 as inputProps,
+  wrapRadioGroup
 };

package/radio/lib/esm/index.mjs

@@ -1,8 +1,8 @@
-import { RadioGroup as p, default as a, wrapRadioGroup as t } from "./Radio.mjs";
-import { inputProps as d } from 'intergalactic/utils/lib/inputProps';
+import { RadioGroup, default as default2, wrapRadioGroup } from "./Radio.mjs";
+import { inputProps } from 'intergalactic/utils/lib/inputProps';
 export {
-  p as RadioGroup,
-  a as default,
-  d as inputProps,
-  t as wrapRadioGroup
+  RadioGroup,
+  default2 as default,
+  inputProps,
+  wrapRadioGroup
 };