@semcore/radio 16.2.0 → 16.2.1

package/lib/esm/Radio.mjs

@@ -6,44 +6,43 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Flex, Box, InvalidStateBox } from "@semcore/base-components";
-import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import { sstyled, createComponent, CONTEXT_COMPONENT, assignProps, Component } from "@semcore/core";
+import assignProps$1, { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
 import { inputProps as inputProps2 } from "@semcore/core/lib/utils/inputProps";
 import logger from "@semcore/core/lib/utils/logger";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
+import { Flex, Box, InvalidStateBox } from "@semcore/flex-box";
 import { Text as Text$1 } from "@semcore/typography";
 import React from "react";
-var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor", "children", "Children"];
+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__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SRadio_1p42f_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1p42f_gg_ .___SText_1p42f_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1p42f_gg_ .___SText_1p42f_gg_.__color_1p42f_gg_{color:var(--color_1p42f)}.___SRadio_1p42f_gg_.__disabled_1p42f_gg_{pointer-events:none}.___SValue_1p42f_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1p42f_gg_::after,.___SValue_1p42f_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1p42f_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1p42f_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1p42f_gg_.__disabled_1p42f_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1p42f_gg_._size_m_1p42f_gg_{width:16px;height:16px}.___SValue_1p42f_gg_._size_m_1p42f_gg_ .___SInvalidPattern_1p42f_gg_:before{width:14px;height:14px}.___SValue_1p42f_gg_._size_l_1p42f_gg_{width:20px;height:20px}.___SValue_1p42f_gg_._size_l_1p42f_gg_ .___SInvalidPattern_1p42f_gg_:before{width:18px;height:18px}.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SControl_1p42f_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_._size_m_1p42f_gg_::after{width:6px;height:6px}.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_._size_l_1p42f_gg_::after{width:8px;height:8px}.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1p42f_gg_:checked:focus-visible~.___SValue_1p42f_gg_::before,.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_.__theme_1p42f_gg_::before{border-color:var(--theme_1p42f);background-color:var(--theme_1p42f)}.___SValue_1p42f_gg_._state_normal_1p42f_gg_.__theme_1p42f_gg_::before{border-color:var(--theme_1p42f)}.___SInvalidPattern_1p42f_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1p42f_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SInvalidPattern_1p42f_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1p42f_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.95478 0.398 0.38923) 0, color(display-p3 0.95478 0.398 0.38923) 1px, transparent 0, transparent 50%))}}}',
+    '.___SRadio_1382i_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1382i_gg_ .___SText_1382i_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1382i_gg_ .___SText_1382i_gg_.__color_1382i_gg_{color:var(--color_1382i)}.___SRadio_1382i_gg_.__disabled_1382i_gg_{pointer-events:none}.___SText_1382i_gg_._size_m_1382i_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1382i_gg_._size_l_1382i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1382i_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1382i_gg_::after,.___SValue_1382i_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1382i_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1382i_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1382i_gg_.__disabled_1382i_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1382i_gg_._size_m_1382i_gg_{width:16px;height:16px}.___SValue_1382i_gg_._size_m_1382i_gg_ .___SInvalidPattern_1382i_gg_:before{width:14px;height:14px}.___SValue_1382i_gg_._size_l_1382i_gg_{width:20px;height:20px}.___SValue_1382i_gg_._size_l_1382i_gg_ .___SInvalidPattern_1382i_gg_:before{width:18px;height:18px}.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1382i_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_._size_m_1382i_gg_::after{width:6px;height:6px}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_._size_l_1382i_gg_::after{width:8px;height:8px}.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1382i_gg_:checked:focus-visible~.___SValue_1382i_gg_::before,.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_.__theme_1382i_gg_::before{border-color:var(--theme_1382i);background-color:var(--theme_1382i)}.___SValue_1382i_gg_._state_normal_1382i_gg_.__theme_1382i_gg_::before{border-color:var(--theme_1382i)}.___SInvalidPattern_1382i_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1382i_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SInvalidPattern_1382i_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1382i_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}',
     /*__inner_css_end__*/
-    "1p42f_gg_"
+    "1382i_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SRadio": "___SRadio_1p42f_gg_",
-    "_disabled": "__disabled_1p42f_gg_",
-    "__SValue": "___SValue_1p42f_gg_",
-    "_state_normal": "_state_normal_1p42f_gg_",
-    "_state_invalid": "_state_invalid_1p42f_gg_",
-    "__SControl": "___SControl_1p42f_gg_",
-    "_size_m": "_size_m_1p42f_gg_",
-    "_size_l": "_size_l_1p42f_gg_",
-    "_theme": "__theme_1p42f_gg_",
-    "--theme": "--theme_1p42f",
-    "__SText": "___SText_1p42f_gg_",
-    "_color": "__color_1p42f_gg_",
-    "--color": "--color_1p42f",
-    "__SInvalidPattern": "___SInvalidPattern_1p42f_gg_"
+    "__SRadio": "___SRadio_1382i_gg_",
+    "_disabled": "__disabled_1382i_gg_",
+    "__SText": "___SText_1382i_gg_",
+    "_size_m": "_size_m_1382i_gg_",
+    "_size_l": "_size_l_1382i_gg_",
+    "__SValue": "___SValue_1382i_gg_",
+    "_state_normal": "_state_normal_1382i_gg_",
+    "_state_invalid": "_state_invalid_1382i_gg_",
+    "__SControl": "___SControl_1382i_gg_",
+    "_theme": "__theme_1382i_gg_",
+    "--theme": "--theme_1382i",
+    "_color": "__color_1382i_gg_",
+    "--color": "--color_1382i",
+    "__SInvalidPattern": "___SInvalidPattern_1382i_gg_"
   })
 );
-var RadioContext = /* @__PURE__ */ React.createContext({});
 var RadioGroupRoot = /* @__PURE__ */ (function(_Component) {
   function RadioGroupRoot2() {
     _classCallCheck(this, RadioGroupRoot2);
@@ -87,9 +86,7 @@ _defineProperty(RadioGroupRoot, "displayName", "RadioGroup");
 _defineProperty(RadioGroupRoot, "defaultProps", {
   defaultValue: null
 });
-var RadioGroup = createComponent(RadioGroupRoot, {}, {
-  context: RadioContext
-});
+var RadioGroup = createComponent(RadioGroupRoot);
 var RadioRoot = /* @__PURE__ */ (function(_Component2) {
   function RadioRoot2() {
     var _this;
@@ -98,7 +95,6 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, RadioRoot2, [].concat(args));
-    _defineProperty(_this, "context", {});
     _defineProperty(_this, "state", {
       hoistedDisabled: void 0
     });
@@ -114,11 +110,10 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
   return _createClass(RadioRoot2, [{
     key: "getTextProps",
     value: function getTextProps() {
-      var _this$context$size;
-      var _this$asProps2 = this.asProps, _this$asProps2$size = _this$asProps2.size, size = _this$asProps2$size === void 0 ? (_this$context$size = this.context.size) !== null && _this$context$size !== void 0 ? _this$context$size : "m" : _this$asProps2$size, _this$asProps2$disabl = _this$asProps2.disabled, disabled = _this$asProps2$disabl === void 0 ? this.context.disabled : _this$asProps2$disabl, label = _this$asProps2.label;
+      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: size === "m" ? 200 : 300,
+        size,
         children: label,
         disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
         hoistDisabled: this.hoistDisabled,
@@ -129,9 +124,9 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
   }, {
     key: "getValueProps",
     value: function getValueProps() {
-      var _this$context$size2, _this$props$size;
-      var _this$asProps3 = this.asProps, _this$asProps3$state = _this$asProps3.state, state = _this$asProps3$state === void 0 ? "normal" : _this$asProps3$state, _this$asProps3$size = _this$asProps3.size, size = _this$asProps3$size === void 0 ? (_this$context$size2 = this.context.size) !== null && _this$context$size2 !== void 0 ? _this$context$size2 : "m" : _this$asProps3$size, _this$asProps3$theme = _this$asProps3.theme, theme = _this$asProps3$theme === void 0 ? this.context.theme : _this$asProps3$theme, _this$asProps3$disabl = _this$asProps3.disabled, disabled = _this$asProps3$disabl === void 0 ? this.context.disabled : _this$asProps3$disabl, _this$asProps3$name = _this$asProps3.name, name = _this$asProps3$name === void 0 ? this.context.name : _this$asProps3$name;
-      var _this$asProps4 = this.asProps, value = _this$asProps4.value, checked = _this$asProps4.checked;
+      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: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
@@ -150,7 +145,7 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
     value: function render() {
       var _ref2 = this.asProps, _ref6;
       var SRadio = Box;
-      var _this$asProps5 = this.asProps, styles = _this$asProps5.styles, Children = _this$asProps5.Children, hasChildren = _this$asProps5.children;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, Children = _this$asProps3.Children, hasChildren = _this$asProps3.children;
       return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, assignProps({
         "tag": "label",
         "__excludeProps": ["onChange", "label", "disabled"]
@@ -160,7 +155,7 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
 })(Component);
 _defineProperty(RadioRoot, "displayName", "Radio");
 _defineProperty(RadioRoot, "style", style);
-_defineProperty(RadioRoot, "contextType", RadioContext);
+_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
 var ValueRoot = /* @__PURE__ */ (function(_Component3) {
   function ValueRoot2() {
     var _this2;
@@ -169,10 +164,9 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
       args[_key2] = arguments[_key2];
     }
     _this2 = _callSuper(this, ValueRoot2, [].concat(args));
-    _defineProperty(_this2, "context", {});
     _defineProperty(_this2, "bindHandlerChange", function(value) {
       return function(e) {
-        if (typeof _this2.context.onChange === "function" && value !== void 0) {
+        if (typeof _this2.context.onChange === "function") {
           _this2.context.onChange(value, e);
         }
       };
@@ -193,29 +187,33 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
     key: "getControlProps",
     value: function getControlProps() {
       var currentValue = this.context.value;
-      var _this$asProps6 = this.asProps, forwardRef = _this$asProps6.forwardRef, includeInputProps = _this$asProps6.includeInputProps, state = _this$asProps6.state, value = _this$asProps6.value;
-      var onChange = this.props.onChange;
+      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 : "";
-      return _objectSpread(_objectSpread({
+      var controlProps = _objectSpread(_objectSpread({
         ref: forwardRef,
         state
       }, commonControlProps), {}, {
         value: inputValue
-      }, currentValue !== void 0 ? {
-        checked: currentValue === inputValue,
-        onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue))
-      } : {});
+      });
+      if (currentValue !== void 0) {
+        var onChange = this.props.onChange;
+        controlProps.checked = currentValue === inputValue;
+        controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));
+      }
+      return controlProps;
     }
   }, {
     key: "getRadioMarkProps",
     value: function getRadioMarkProps() {
       var currentValue = this.context.value;
-      var _this$asProps7 = this.asProps, size = _this$asProps7.size, state = _this$asProps7.state, theme = _this$asProps7.theme, keyboardFocused = _this$asProps7.keyboardFocused, value = _this$asProps7.value, tag = _this$asProps7.tag, disabled = _this$asProps7.disabled, includeInputProps = _this$asProps7.includeInputProps, resolveColor = _this$asProps7.resolveColor, children = _this$asProps7.children, Children = _this$asProps7.Children, other = _objectWithoutProperties(_this$asProps7, _excluded);
-      var onClick = this.props.onClick;
+      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 : "";
-      return _objectSpread(_objectSpread({
+      var markProps = _objectSpread({
         theme,
         size,
         state,
@@ -223,9 +221,14 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
         disabled,
         resolveColor,
         checked: commonControlProps.checked
-      }, radioMarkProps), currentValue !== void 0 && tag !== "label" ? {
-        onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue))
-      } : {});
+      }, propsWithoutChildren);
+      if (currentValue !== void 0) {
+        var onClick = this.props.onClick;
+        if (tag !== "label") {
+          markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));
+        }
+      }
+      return markProps;
     }
   }, {
     key: "componentDidUpdate",
@@ -245,10 +248,9 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
     key: "render",
     value: function render() {
       var _ref8;
-      var _this$asProps8 = this.asProps, styles = _this$asProps8.styles, hasChildren = _this$asProps8.children, Children = _this$asProps8.Children;
+      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, hasChildren = _this$asProps6.children, Children = _this$asProps6.Children;
       if (!hasChildren) {
-        var _ref7;
-        return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value.Control, null), /* @__PURE__ */ React.createElement(Radio.Value.RadioMark, null));
+        return sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value.Control, null), /* @__PURE__ */ React.createElement(Radio.Value.RadioMark, null));
       }
       return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}));
     }
@@ -260,7 +262,7 @@ _defineProperty(ValueRoot, "defaultProps", {
 });
 _defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
 _defineProperty(ValueRoot, "displayName", "Value");
-_defineProperty(ValueRoot, "contextType", RadioContext);
+_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
 _defineProperty(ValueRoot, "style", style);
 function Control(props) {
   var _ref3 = arguments[0], _ref9;

package/lib/esm/index.mjs

@@ -1,7 +1,8 @@
 import { RadioGroup, default as default2, wrapRadioGroup } from "./Radio.mjs";
-import "./Radio.type.mjs";
+import { inputProps } from "@semcore/core/lib/utils/inputProps";
 export {
   RadioGroup,
   default2 as default,
+  inputProps,
   wrapRadioGroup
 };

package/lib/esm/style/radio.shadow.css

@@ -17,6 +17,16 @@ SRadio[disabled] {
   pointer-events: none;
 }
 
+SText[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+SText[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}
+
 SValue {
   position: relative;
   flex-shrink: 0;
@@ -86,7 +96,7 @@ SValue[state='normal']::before {
 }
 
 SValue[state='invalid']::before {
-  border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
+  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 }
 
 SControl {
@@ -105,7 +115,7 @@ SControl:checked~SValue[size='l']::after {
 }
 
 SControl:focus-visible+SValue[state='normal']::before {
-  border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+  border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   @mixin focus-outline-mixin;
 }
 
@@ -116,7 +126,7 @@ SControl:checked:focus-visible~SValue::before {
 }
 
 SControl:focus-visible+SValue[state='invalid']::before {
-  border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
+  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
   @mixin focus-outline-mixin;
   outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
 }
@@ -140,7 +150,7 @@ SInvalidPattern {
     top: 1px;
     left: 1px;
     border-radius: 50%;
-    background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%));
+    background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
     background-size: 6px 6px;
     background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   }

package/lib/types/index.d.ts

@@ -1,2 +1,147 @@
-export { default, wrapRadioGroup, RadioGroup } from './Radio';
-export * from './Radio.type';
+import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import type { Box, BoxProps, Flex } from '@semcore/flex-box';
+import type { Text } from '@semcore/typography';
+import type React from 'react';
+
+export type RadioSize = 'm' | 'l';
+export type RadioState = 'normal' | 'invalid';
+export type RadioValue = string | number | boolean;
+
+/** @deprecated */
+export interface IRadioProps extends RadioProps, UnknownProperties {}
+export type RadioProps = BoxProps & {
+  /** Radio item value **/
+  value?: RadioValue;
+
+  /** Radio item checked flag **/
+  checked?: boolean;
+
+  /**
+   * The value displaying the state of the component
+   * @default normal
+   */
+  state?: RadioState;
+  /**
+   * Radio button size
+   * @default m
+   **/
+  size?: RadioSize;
+  /** The theme of the radio button that you can send your color to */
+  theme?: string;
+  /** Radio item text **/
+  label?: string;
+  /** Blocks access and changes to the radio item **/
+  disabled?: boolean;
+};
+
+/** @deprecated */
+export interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {
+  /**
+   *  HTML tag name for the displayed item
+   */
+  tag?: React.ElementType | string;
+}
+export type RadioGroupProps<T extends RadioValue = RadioValue> = {
+  /** Radio group name */
+  name?: string;
+  /** Active default value */
+  defaultValue?: T;
+  /** Active value */
+  value?: T;
+  /** Called when the selected element is changed */
+  onChange?:
+    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  /** Radio button size */
+  size?: RadioSize;
+  /** The theme of the radio button that you can send your color to */
+  theme?: string;
+  /** Blocks access and changes to the form field */
+  disabled?: boolean;
+};
+
+/** @deprecated */
+export interface IRadioValueProps extends RadioValueProps, UnknownProperties {}
+export type RadioValueProps = BoxProps & {
+  /** List of elements that can be put on a hidden input */
+  includeInputProps?: string[];
+  /**
+   * @deprecated set `state` on root Radio instead
+   * The value displaying the state of the component
+   * @default normal
+   */
+  state?: RadioState;
+  /**
+   * @deprecated
+   * The theme of the radio button that you can send your color to
+   */
+  theme?: string;
+  /**
+   * @deprecated set `size` on root RadioGroup instead
+   * Radio button size
+   */
+  size?: RadioSize;
+  /**
+   * @deprecated set `value` on root Radio instead
+   * The element value is required for RadioGroup
+   */
+  value?: RadioValue;
+  /**
+   * @deprecated set `defaultValue` on root RadioGroup instead
+   * Default value if `value` property is not provided
+   */
+  defaultValue?: RadioValue;
+  /**
+   * @deprecated set `onChange` on root RadioGroup instead
+   * Called when the value changes
+   */
+  onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
+  /**
+   * @deprecated set `disabled` on root Radio instead
+   * Blocks access and changes to the form field
+   */
+  disabled?: boolean;
+};
+
+/** @deprecated */
+export interface IRadioCtx extends RadioCtx, UnknownProperties {}
+export type RadioCtx = {
+  getValueProps: PropGetterFn;
+  getTextProps: PropGetterFn;
+};
+
+type IntergalacticRadioGroupComponent<PropsExtending = {}> = (<
+  Value extends RadioValue,
+  Tag extends Intergalactic.Tag = typeof Flex,
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &
+    PropsExtending,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;
+
+export type RadioValueControlProps = {};
+export type RadioValueMarkProps = {};
+
+declare const RadioGroup: IntergalacticRadioGroupComponent;
+
+export { RadioGroup };
+
+declare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {
+  Value: Intergalactic.Component<'input', RadioValueProps> & {
+    Control: Intergalactic.Component<'input', RadioValueControlProps>;
+    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;
+  };
+  Text: typeof Text;
+};
+
+declare const wrapRadioGroup: <PropsExtending extends {}>(
+  wrapper: (
+    props: Intergalactic.InternalTypings.UntypeRefAndTag<
+      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>
+    > &
+    PropsExtending,
+  ) => React.ReactNode,
+) => IntergalacticRadioGroupComponent<PropsExtending>;
+export { wrapRadioGroup };
+
+export default Radio;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/radio",
   "description": "Semrush Radio Component",
-  "version": "16.2.0",
+  "version": "16.2.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,8 +14,8 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.1.0",
-    "@semcore/typography": "16.4.0"
+    "@semcore/flex-box": "16.1.1",
+    "@semcore/typography": "16.4.1"
   },
   "peerDependencies": {
     "@semcore/base-components": "^16.6.0"
@@ -26,8 +26,8 @@
     "directory": "semcore/radio"
   },
   "devDependencies": {
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.6.0"
+    "@semcore/core": "16.6.0",
+    "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"

package/lib/cjs/Radio.type.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Radio.type.js.map

package/lib/cjs/Radio.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.type.js","names":[],"sources":["../../src/Radio.type.ts"],"sourcesContent":["import type { Flex, BoxProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\ndeclare namespace NSRadio {\n  type Size = 'm' | 'l';\n  type State = 'normal' | 'invalid';\n  type Value = string | number | boolean;\n  type Props = BoxProps & {\n    /** Radio item value **/\n    value?: NSRadio.Value;\n    /** Radio item checked flag **/\n    checked?: boolean;\n    /**\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: NSRadio.State;\n    /**\n     * Radio button size\n     * @default m\n     **/\n    size?: NSRadio.Size;\n    /** The theme of the radio button that you can send your color to */\n    theme?: string;\n    /** Radio item text **/\n    label?: string;\n    /** Blocks access and changes to the radio item **/\n    disabled?: boolean;\n  };\n  type Ctx = {\n    getValueProps: PropGetterFn;\n    getTextProps: PropGetterFn;\n  };\n  namespace Value {\n    type Props = BoxProps & {\n      /** List of elements that can be put on a hidden input */\n      includeInputProps?: string[];\n    };\n    namespace Control {\n      type Props = {};\n      type Component = Intergalactic.Component<'input', Props>;\n    }\n\n    namespace Mark {\n      type Props = {};\n      type Component = Intergalactic.Component<'input', Props>;\n    }\n\n    type Component = Intergalactic.Component<'input', Props> & {\n      Control: Control.Component;\n      RadioMark: Mark.Component;\n    };\n  }\n\n  namespace Text {\n    type Props = NSText.Props;\n    type Component = Intergalactic.Component<'span', Props>;\n  }\n\n  namespace Group {\n    type Props<T extends NSRadio.Value = NSRadio.Value> = {\n      /** Radio group name */\n      name?: string;\n      /** Active default value */\n      defaultValue?: T;\n      /** Active value */\n      value?: T;\n      /** Called when the selected element is changed */\n      onChange?:\n        | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n        | React.Dispatch<React.SetStateAction<T>>;\n      /** Radio button size */\n      size?: NSRadio.Size;\n      /** The theme of the radio button that you can send your color to */\n      theme?: string;\n      /** Blocks access and changes to the form field */\n      disabled?: boolean;\n    };\n    type Component<PropsExtending = {}> = (<V extends Value, Tag extends Intergalactic.Tag = 'div'>(\n      props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, Props<V>> & PropsExtending,\n    ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n    Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, Props>;\n  }\n  type Component = Intergalactic.Component<'label', Props, Ctx> & {\n    Value: Value.Component;\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type RadioSize = NSRadio.Size;\n/** @deprecated It will be removed in v18. */\nexport type RadioState = NSRadio.State;\n/** @deprecated It will be removed in v18. */\nexport type RadioValue = NSRadio.Value;\n/** @deprecated It will be removed in v18. */\nexport type RadioProps = NSRadio.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = NSRadio.Group.Props<T>;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueProps = NSRadio.Value.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioCtx = NSRadio.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueControlProps = NSRadio.Value.Control.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueMarkProps = NSRadio.Value.Mark.Props;\n\nexport type { NSRadio };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/Radio.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Radio.type.js.map

package/lib/es6/Radio.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.type.js","names":[],"sources":["../../src/Radio.type.ts"],"sourcesContent":["import type { Flex, BoxProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\ndeclare namespace NSRadio {\n  type Size = 'm' | 'l';\n  type State = 'normal' | 'invalid';\n  type Value = string | number | boolean;\n  type Props = BoxProps & {\n    /** Radio item value **/\n    value?: NSRadio.Value;\n    /** Radio item checked flag **/\n    checked?: boolean;\n    /**\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: NSRadio.State;\n    /**\n     * Radio button size\n     * @default m\n     **/\n    size?: NSRadio.Size;\n    /** The theme of the radio button that you can send your color to */\n    theme?: string;\n    /** Radio item text **/\n    label?: string;\n    /** Blocks access and changes to the radio item **/\n    disabled?: boolean;\n  };\n  type Ctx = {\n    getValueProps: PropGetterFn;\n    getTextProps: PropGetterFn;\n  };\n  namespace Value {\n    type Props = BoxProps & {\n      /** List of elements that can be put on a hidden input */\n      includeInputProps?: string[];\n    };\n    namespace Control {\n      type Props = {};\n      type Component = Intergalactic.Component<'input', Props>;\n    }\n\n    namespace Mark {\n      type Props = {};\n      type Component = Intergalactic.Component<'input', Props>;\n    }\n\n    type Component = Intergalactic.Component<'input', Props> & {\n      Control: Control.Component;\n      RadioMark: Mark.Component;\n    };\n  }\n\n  namespace Text {\n    type Props = NSText.Props;\n    type Component = Intergalactic.Component<'span', Props>;\n  }\n\n  namespace Group {\n    type Props<T extends NSRadio.Value = NSRadio.Value> = {\n      /** Radio group name */\n      name?: string;\n      /** Active default value */\n      defaultValue?: T;\n      /** Active value */\n      value?: T;\n      /** Called when the selected element is changed */\n      onChange?:\n        | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n        | React.Dispatch<React.SetStateAction<T>>;\n      /** Radio button size */\n      size?: NSRadio.Size;\n      /** The theme of the radio button that you can send your color to */\n      theme?: string;\n      /** Blocks access and changes to the form field */\n      disabled?: boolean;\n    };\n    type Component<PropsExtending = {}> = (<V extends Value, Tag extends Intergalactic.Tag = 'div'>(\n      props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, Props<V>> & PropsExtending,\n    ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n    Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, Props>;\n  }\n  type Component = Intergalactic.Component<'label', Props, Ctx> & {\n    Value: Value.Component;\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type RadioSize = NSRadio.Size;\n/** @deprecated It will be removed in v18. */\nexport type RadioState = NSRadio.State;\n/** @deprecated It will be removed in v18. */\nexport type RadioValue = NSRadio.Value;\n/** @deprecated It will be removed in v18. */\nexport type RadioProps = NSRadio.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = NSRadio.Group.Props<T>;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueProps = NSRadio.Value.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioCtx = NSRadio.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueControlProps = NSRadio.Value.Control.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueMarkProps = NSRadio.Value.Mark.Props;\n\nexport type { NSRadio };\n"],"mappings":"","ignoreList":[]}

package/lib/esm/Radio.type.mjs

@@ -1 +0,0 @@
-

package/lib/types/Radio.d.ts

@@ -1,9 +0,0 @@
-import type { Intergalactic } from '@semcore/core';
-import { inputProps } from '@semcore/core/lib/utils/inputProps';
-import React from 'react';
-import type { NSRadio } from './Radio.type';
-declare const RadioGroup: NSRadio.Group.Component;
-declare const Radio: NSRadio.Component;
-export declare const wrapRadioGroup: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<NSRadio.Group.Component>> & PropsExtending) => React.ReactNode) => NSRadio.Group.Component<PropsExtending>;
-export { inputProps, RadioGroup };
-export default Radio;

package/lib/types/Radio.type.d.ts

@@ -1,98 +0,0 @@
-import type { Flex, BoxProps } from '@semcore/base-components';
-import type { Intergalactic, PropGetterFn } from '@semcore/core';
-import type { NSText } from '@semcore/typography';
-declare namespace NSRadio {
-    type Size = 'm' | 'l';
-    type State = 'normal' | 'invalid';
-    type Value = string | number | boolean;
-    type Props = BoxProps & {
-        /** Radio item value **/
-        value?: NSRadio.Value;
-        /** Radio item checked flag **/
-        checked?: boolean;
-        /**
-         * The value displaying the state of the component
-         * @default normal
-         */
-        state?: NSRadio.State;
-        /**
-         * Radio button size
-         * @default m
-         **/
-        size?: NSRadio.Size;
-        /** The theme of the radio button that you can send your color to */
-        theme?: string;
-        /** Radio item text **/
-        label?: string;
-        /** Blocks access and changes to the radio item **/
-        disabled?: boolean;
-    };
-    type Ctx = {
-        getValueProps: PropGetterFn;
-        getTextProps: PropGetterFn;
-    };
-    namespace Value {
-        type Props = BoxProps & {
-            /** List of elements that can be put on a hidden input */
-            includeInputProps?: string[];
-        };
-        namespace Control {
-            type Props = {};
-            type Component = Intergalactic.Component<'input', Props>;
-        }
-        namespace Mark {
-            type Props = {};
-            type Component = Intergalactic.Component<'input', Props>;
-        }
-        type Component = Intergalactic.Component<'input', Props> & {
-            Control: Control.Component;
-            RadioMark: Mark.Component;
-        };
-    }
-    namespace Text {
-        type Props = NSText.Props;
-        type Component = Intergalactic.Component<'span', Props>;
-    }
-    namespace Group {
-        type Props<T extends NSRadio.Value = NSRadio.Value> = {
-            /** Radio group name */
-            name?: string;
-            /** Active default value */
-            defaultValue?: T;
-            /** Active value */
-            value?: T;
-            /** Called when the selected element is changed */
-            onChange?: ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void) | React.Dispatch<React.SetStateAction<T>>;
-            /** Radio button size */
-            size?: NSRadio.Size;
-            /** The theme of the radio button that you can send your color to */
-            theme?: string;
-            /** Blocks access and changes to the form field */
-            disabled?: boolean;
-        };
-        type Component<PropsExtending = {}> = (<V extends Value, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, Props<V>> & PropsExtending) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, Props>;
-    }
-    type Component = Intergalactic.Component<'label', Props, Ctx> & {
-        Value: Value.Component;
-        Text: Text.Component;
-    };
-}
-/** @deprecated It will be removed in v18. */
-export type RadioSize = NSRadio.Size;
-/** @deprecated It will be removed in v18. */
-export type RadioState = NSRadio.State;
-/** @deprecated It will be removed in v18. */
-export type RadioValue = NSRadio.Value;
-/** @deprecated It will be removed in v18. */
-export type RadioProps = NSRadio.Props;
-/** @deprecated It will be removed in v18. */
-export type RadioGroupProps<T extends RadioValue = RadioValue> = NSRadio.Group.Props<T>;
-/** @deprecated It will be removed in v18. */
-export type RadioValueProps = NSRadio.Value.Props;
-/** @deprecated It will be removed in v18. */
-export type RadioCtx = NSRadio.Ctx;
-/** @deprecated It will be removed in v18. */
-export type RadioValueControlProps = NSRadio.Value.Control.Props;
-/** @deprecated It will be removed in v18. */
-export type RadioValueMarkProps = NSRadio.Value.Mark.Props;
-export type { NSRadio };