@semcore/radio 17.0.0 → 17.0.2-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.2] - 2026-04-29
+
+### Fixed
+
+- Deprecated atomic types. Atomic types are part of `NSRadio` namespace.
+
+## [17.0.1] - 2026-04-16
+
+### Fixed
+
+- Build processing to correct extract styles.
+
 ## [17.0.0] - 2026-04-15
 
 ### BREAK

package/lib/cjs/Radio.js

@@ -24,23 +24,23 @@ var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/radio.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1ifzo_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1ifzo_gg_ .___SText_1ifzo_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1ifzo_gg_ .___SText_1ifzo_gg_.__color_1ifzo_gg_{color:var(--color_1ifzo)}.___SRadio_1ifzo_gg_.__disabled_1ifzo_gg_{pointer-events:none}.___SValue_1ifzo_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1ifzo_gg_::after,.___SValue_1ifzo_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1ifzo_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1ifzo_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1ifzo_gg_.__disabled_1ifzo_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_1ifzo_gg_._size_m_1ifzo_gg_{width:16px;height:16px}.___SValue_1ifzo_gg_._size_m_1ifzo_gg_ .___SInvalidPattern_1ifzo_gg_:before{width:14px;height:14px}.___SValue_1ifzo_gg_._size_l_1ifzo_gg_{width:20px;height:20px}.___SValue_1ifzo_gg_._size_l_1ifzo_gg_ .___SInvalidPattern_1ifzo_gg_:before{width:18px;height:18px}.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1ifzo_gg_._state_invalid_1ifzo_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1ifzo_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_._size_m_1ifzo_gg_::after{width:6px;height:6px}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_._size_l_1ifzo_gg_::after{width:8px;height:8px}.___SControl_1ifzo_gg_:focus-visible+.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1ifzo_gg_:checked:focus-visible~.___SValue_1ifzo_gg_::before,.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1ifzo_gg_:focus-visible+.___SValue_1ifzo_gg_._state_invalid_1ifzo_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_.__theme_1ifzo_gg_::before{border-color:var(--theme_1ifzo);background-color:var(--theme_1ifzo)}.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_.__theme_1ifzo_gg_::before{border-color:var(--theme_1ifzo)}.___SInvalidPattern_1ifzo_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1ifzo_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__*/"1ifzo_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1r6as_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_.__color_1r6as_gg_{color:var(--color_1r6as)}.___SRadio_1r6as_gg_.__disabled_1r6as_gg_{pointer-events:none}.___SValue_1r6as_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r6as_gg_::after,.___SValue_1r6as_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r6as_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r6as_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r6as_gg_.__disabled_1r6as_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_1r6as_gg_._size_m_1r6as_gg_{width:16px;height:16px}.___SValue_1r6as_gg_._size_m_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:14px;height:14px}.___SValue_1r6as_gg_._size_l_1r6as_gg_{width:20px;height:20px}.___SValue_1r6as_gg_._size_l_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:18px;height:18px}.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r6as_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_m_1r6as_gg_::after{width:6px;height:6px}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_l_1r6as_gg_::after{width:8px;height:8px}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1r6as_gg_:checked:focus-visible~.___SValue_1r6as_gg_::before,.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as);background-color:var(--theme_1r6as)}.___SValue_1r6as_gg_._state_normal_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as)}.___SInvalidPattern_1r6as_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1r6as_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__*/"1r6as_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SRadio": "___SRadio_1ifzo_gg_",
-  "_disabled": "__disabled_1ifzo_gg_",
-  "__SValue": "___SValue_1ifzo_gg_",
-  "_state_normal": "_state_normal_1ifzo_gg_",
-  "_state_invalid": "_state_invalid_1ifzo_gg_",
-  "__SControl": "___SControl_1ifzo_gg_",
-  "_size_m": "_size_m_1ifzo_gg_",
-  "_size_l": "_size_l_1ifzo_gg_",
-  "_theme": "__theme_1ifzo_gg_",
-  "--theme": "--theme_1ifzo",
-  "__SText": "___SText_1ifzo_gg_",
-  "_color": "__color_1ifzo_gg_",
-  "--color": "--color_1ifzo",
-  "__SInvalidPattern": "___SInvalidPattern_1ifzo_gg_"
+  "__SRadio": "___SRadio_1r6as_gg_",
+  "_disabled": "__disabled_1r6as_gg_",
+  "__SValue": "___SValue_1r6as_gg_",
+  "_state_normal": "_state_normal_1r6as_gg_",
+  "_state_invalid": "_state_invalid_1r6as_gg_",
+  "__SControl": "___SControl_1r6as_gg_",
+  "_size_m": "_size_m_1r6as_gg_",
+  "_size_l": "_size_l_1r6as_gg_",
+  "_theme": "__theme_1r6as_gg_",
+  "--theme": "--theme_1r6as",
+  "__SText": "___SText_1r6as_gg_",
+  "_color": "__color_1r6as_gg_",
+  "--color": "--color_1r6as",
+  "__SInvalidPattern": "___SInvalidPattern_1r6as_gg_"
 });
 const RadioContext = /*#__PURE__*/_react.default.createContext({});
 class RadioGroupRoot extends _core.Component {
@@ -291,7 +291,6 @@ function Control(props) {
     }, _ref3)
   }));
 }
-;
 Control.displayName = 'Control';
 function RadioMark(props) {
   var _ref4 = arguments[0],

package/lib/cjs/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["_core","require","_baseComponents","_assignProps6","_resolveColorEnhance","_interopRequireDefault","_inputProps","_interopRequireWildcard","_logger","_useColorResolver","_typography","_react","style","sstyled","insert","RadioContext","React","createContext","RadioGroupRoot","Component","uncontrolledProps","value","setContext","theme","size","name","onChange","disabled","asProps","render","_ref","Children","default","createElement","Flex","assignProps","_defineProperty2","defaultValue","RadioGroup","exports","createComponent","context","RadioRoot","constructor","args","hoistedDisabled","undefined","logger","warn","setState","getTextProps","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","checked","_ref2","_ref6","SRadio","Box","styles","hasChildren","cn","Fragment","Radio","Value","Text","ValueRoot","e","target","getControlProps","currentValue","forwardRef","includeInputProps","commonControlProps","getInputProps","inputValue","ref","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","keyboardFocused","tag","resolveColor","other","onClick","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref0","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref1","SText","TypographyText","color","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type {\n  IntergalacticRadioGroupComponent,\n  RadioProps,\n  RadioComponent,\n  RadioGroupProps,\n  RadioValueComponent,\n  RadioTextComponent,\n  RadioValueRadioMarkComponent,\n  RadioRootComponent,\n  RadioValueControlComponent,\n} from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n  onChange?: RadioGroupProps['onChange'];\n  value?: RadioGroupProps['value'];\n  theme?: RadioGroupProps['theme'];\n  size?: RadioGroupProps['size'];\n  name?: RadioGroupProps['name'];\n  disabled?: RadioGroupProps['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<IntergalacticRadioGroupComponent>, [], { value: null }> {\n  static displayName = 'RadioGroup';\n\n  static defaultProps = {\n    defaultValue: null,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  setContext() {\n    const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n    return {\n      onChange,\n      value,\n      theme,\n      size,\n      name,\n      disabled,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n\n    return (\n      <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot, {}, { context: RadioContext }) as unknown as IntergalacticRadioGroupComponent;\n\nclass RadioRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<RadioRootComponent>\n> {\n  static displayName = 'Radio';\n  static style = style;\n  static contextType = RadioContext;\n\n  context: React.ContextType<typeof RadioContext> = {};\n\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled: RadioProps['disabled']) => {\n    logger.warn(\n      true,\n      `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.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const {\n      size = this.context.size ?? 'm',\n      disabled = this.context.disabled,\n      label,\n    } = this.asProps;\n\n    const { hoistedDisabled } = this.state;\n\n    const textProps = {\n      size: size === 'm' ? 200 : 300,\n      children: label,\n      disabled: disabled ?? hoistedDisabled,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n\n    return textProps;\n  }\n\n  getValueProps() {\n    const {\n      state = 'normal',\n      size = this.context.size ?? 'm',\n      theme = this.context.theme,\n      disabled = this.context.disabled,\n      name = this.context.name,\n    } = this.asProps;\n\n    const { value, checked } = this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size: this.props.size ?? size,\n      disabled: disabled ?? hoistedDisabled,\n      state: state,\n      theme,\n      value,\n      checked,\n      name,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n        {hasChildren\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <Radio.Value />\n                <Radio.Text />\n              </>\n            )}\n      </SRadio>,\n    );\n  }\n}\n\nclass ValueRoot extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<RadioValueComponent, typeof RadioRoot, 'Value'>,\n  typeof ValueRoot.enhance,\n  { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n  context: React.ContextType<typeof RadioContext> = {};\n\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'Value';\n  static contextType = RadioContext;\n  static style = style;\n\n  bindHandlerChange = (value: RadioProps['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof this.context.onChange === 'function' && value !== undefined) {\n      this.context.onChange(value, e);\n    }\n  };\n\n  uncontrolledProps() {\n    return {\n      checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { value: currentValue } = this.context;\n    const { forwardRef, includeInputProps, state, value } = this.asProps;\n    const { onChange } = this.props;\n\n    const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      ref: forwardRef,\n      state,\n      ...commonControlProps,\n      value: inputValue,\n      ...(currentValue !== undefined\n        ? {\n            checked: currentValue === inputValue,\n            onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n          }\n        : {}\n      ),\n    };\n  }\n\n  getRadioMarkProps() {\n    const { value: currentValue } = this.context;\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      value,\n      tag,\n      disabled,\n      includeInputProps,\n      resolveColor,\n      children,\n      Children,\n      ...other\n    } = this.asProps;\n    const { onClick } = this.props;\n    const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      disabled,\n      resolveColor,\n      checked: commonControlProps.checked,\n      ...radioMarkProps,\n      ...(currentValue !== undefined && tag !== 'label'\n        ? {\n            onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n          }\n        : {}\n\n      ),\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Radio.Value.Control />\n          <Radio.Value.RadioMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nfunction Control(props: Intergalactic.InternalTypings.InferChildComponentProps<RadioValueControlComponent, typeof ValueRoot, 'Control'>) {\n  const SControl = Root;\n  const { styles, state } = props;\n\n  return sstyled(styles)(\n    <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n  );\n};\nControl.displayName = 'Control';\n\nfunction RadioMark(props: Intergalactic.InternalTypings.InferChildComponentProps<RadioValueRadioMarkComponent, typeof ValueRoot, 'RadioMark'>) {\n  const SValue = Root;\n  const SInvalidPattern = InvalidStateBox;\n  const { theme, styles, resolveColor, state, checked } = props;\n\n  return sstyled(styles)(\n    <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n      {state === 'invalid' && !checked && <SInvalidPattern />}\n    </SValue>,\n  );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(props: Intergalactic.InternalTypings.InferChildComponentProps<RadioTextComponent, typeof RadioRoot, 'Text'>) {\n  const SText = Root;\n  const { styles, color } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n  );\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  RadioMark,\n}) as RadioValueComponent;\n\nconst Radio = createComponent(RadioRoot, {\n  Text,\n  Value,\n}) as RadioComponent;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(wrapper: (\n  props: Intergalactic.InternalTypings.UntypeRefAndTag<\n    Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n  > &\n  PropsExtending,\n) => React.ReactNode) => wrapper as IntergalacticRadioGroupComponent<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAH,sBAAA,CAAAJ,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAN,sBAAA,CAAAJ,OAAA;AAA0B;AAAA,MAAAW,KAAA,8BAAAZ,KAAA,CAAAa,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAe1B,MAAMC,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAOrC,CAAC,CAAC,CAAC;AAEN,MAAMC,cAAc,SAASC,eAAS,CAA2G;EAO/IC,iBAAiBA,CAAA,EAAG;IAClB,OAAO;MACLC,KAAK,EAAE;IACT,CAAC;EACH;EAEAC,UAAUA,CAAA,EAAG;IACX,MAAM;MAAEC,KAAK;MAAEC,IAAI;MAAEC,IAAI;MAAEJ,KAAK;MAAEK,QAAQ;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,OAAO;IAErE,OAAO;MACLF,QAAQ;MACRL,KAAK;MACLE,KAAK;MACLC,IAAI;MACJC,IAAI;MACJE;IACF,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAF,OAAA;IACP,MAAM;MAAEG;IAAS,CAAC,GAAG,IAAI,CAACH,OAAO;IAEjC,oBACEjB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAcC,oBAAI,MAAAlC,KAAA,CAAAmC,WAAA;MAAA,aAAY,QAAQ;MAAA,QAAM,OAAO;MAAA,kBAAiB,CAAC,UAAU;IAAC,GAAAL,IAAA,gBAC9EnB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACF,QAAQ,MAAE,CACP,CAAC;EAEX;AACF;AAAC,IAAAK,gBAAA,CAAAJ,OAAA,EAnCKd,cAAc,iBACG,YAAY;AAAA,IAAAkB,gBAAA,CAAAJ,OAAA,EAD7Bd,cAAc,kBAGI;EACpBmB,YAAY,EAAE;AAChB,CAAC;AAgCH,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAACtB,cAAc,EAAE,CAAC,CAAC,EAAE;EAAEuB,OAAO,EAAE1B;AAAa,CAAC,CAAgD;AAEhI,MAAM2B,SAAS,SAASvB,eAAS,CAE/B;EAAAwB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAR,gBAAA,CAAAJ,OAAA,mBAKkD,CAAC,CAAC;IAAA,IAAAI,gBAAA,CAAAJ,OAAA,iBAE5C;MACNa,eAAe,EAAEC;IACnB,CAAC;IAAA,IAAAV,gBAAA,CAAAJ,OAAA,yBAEgBL,QAAgC,IAAK;MACpDoB,eAAM,CAACC,IAAI,CACT,IAAI,EACJ,wJAAwJ,EACxJ,IAAI,CAACpB,OAAO,CAAC,cAAc,CAC7B,CAAC;MACD,IAAI,CAACqB,QAAQ,CAAC;QAAEJ,eAAe,EAAElB;MAAS,CAAC,CAAC;IAC9C,CAAC;EAAA;EAEDuB,YAAYA,CAAA,EAAG;IACb,MAAM;MACJ1B,IAAI,GAAG,IAAI,CAACiB,OAAO,CAACjB,IAAI,IAAI,GAAG;MAC/BG,QAAQ,GAAG,IAAI,CAACc,OAAO,CAACd,QAAQ;MAChCwB;IACF,CAAC,GAAG,IAAI,CAACvB,OAAO;IAEhB,MAAM;MAAEiB;IAAgB,CAAC,GAAG,IAAI,CAACO,KAAK;IAEtC,MAAMC,SAAS,GAAG;MAChB7B,IAAI,EAAEA,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG;MAC9B8B,QAAQ,EAAEH,KAAK;MACfxB,QAAQ,EAAEA,QAAQ,IAAIkB,eAAe;MACrCU,aAAa,EAAE,IAAI,CAACA,aAAa;MACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAC9B;IAC3B,CAAC;IAED,OAAO0B,SAAS;EAClB;EAEAK,aAAaA,CAAA,EAAG;IACd,MAAM;MACJN,KAAK,GAAG,QAAQ;MAChB5B,IAAI,GAAG,IAAI,CAACiB,OAAO,CAACjB,IAAI,IAAI,GAAG;MAC/BD,KAAK,GAAG,IAAI,CAACkB,OAAO,CAAClB,KAAK;MAC1BI,QAAQ,GAAG,IAAI,CAACc,OAAO,CAACd,QAAQ;MAChCF,IAAI,GAAG,IAAI,CAACgB,OAAO,CAAChB;IACtB,CAAC,GAAG,IAAI,CAACG,OAAO;IAEhB,MAAM;MAAEP,KAAK;MAAEsC;IAAQ,CAAC,GAAG,IAAI,CAAC/B,OAAO;IACvC,MAAM;MAAEiB;IAAgB,CAAC,GAAG,IAAI,CAACO,KAAK;IAEtC,OAAO;MACL5B,IAAI,EAAE,IAAI,CAACiC,KAAK,CAACjC,IAAI,IAAIA,IAAI;MAC7BG,QAAQ,EAAEA,QAAQ,IAAIkB,eAAe;MACrCO,KAAK,EAAEA,KAAK;MACZ7B,KAAK;MACLF,KAAK;MACLsC,OAAO;MACPlC,IAAI;MACJ8B,aAAa,EAAE,IAAI,CAACA,aAAa;MACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAC9B;IAC3B,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAA+B,KAAA,QAAAhC,OAAA;MAAAiC,KAAA;IACP,MAAMC,MAAM,GAIMC,mBAAG;IAHrB,MAAM;MAAEC,MAAM;MAAEjC,QAAQ;MAAEuB,QAAQ,EAAEW;IAAY,CAAC,GAAG,IAAI,CAACrC,OAAO;IAEhE,OAAAiC,KAAA,GAAO,IAAAhD,aAAO,EAACmD,MAAM,CAAC,eACpBrD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAC6B,MAAM,EAAAD,KAAA,CAAAK,EAAA;MAAA,OAAAlE,KAAA,CAAAmC,WAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAAyB,KAAA;IAAA,IAC/EK,WAAW,gBAENtD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACF,QAAQ,EAAA8B,KAAA,CAAAK,EAAA,gBAAE,CAAC,gBAGZvD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAAtB,MAAA,CAAAqB,OAAA,CAAAmC,QAAA,qBACExD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACmC,KAAK,CAACC,KAAK,MAAE,CAAC,eACf1D,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACmC,KAAK,CAACE,IAAI,MAAE,CACb,CAEF,CAAC;EAEb;AACF;AAAC,IAAAlC,gBAAA,CAAAJ,OAAA,EAtFKU,SAAS,iBAGQ,OAAO;AAAA,IAAAN,gBAAA,CAAAJ,OAAA,EAHxBU,SAAS,WAIE9B,KAAK;AAAA,IAAAwB,gBAAA,CAAAJ,OAAA,EAJhBU,SAAS,iBAKQ3B,YAAY;AAmFnC,MAAMwD,SAAS,SAASpD,eAAS,CAI/B;EAAAwB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAR,gBAAA,CAAAJ,OAAA,mBACkD,CAAC,CAAC;IAAA,IAAAI,gBAAA,CAAAJ,OAAA,6BAY/BX,KAA0B,IAAMmD,CAAsC,IAAK;MAC9F,IAAI,OAAO,IAAI,CAAC/B,OAAO,CAACf,QAAQ,KAAK,UAAU,IAAIL,KAAK,KAAKyB,SAAS,EAAE;QACtE,IAAI,CAACL,OAAO,CAACf,QAAQ,CAACL,KAAK,EAAEmD,CAAC,CAAC;MACjC;IACF,CAAC;EAAA;EAEDpD,iBAAiBA,CAAA,EAAG;IAClB,OAAO;MACLuC,OAAO,EAAGa,CAAsC,IAAKA,CAAC,CAACC,MAAM,CAACd;IAChE,CAAC;EACH;EAEAe,eAAeA,CAAA,EAAG;IAChB,MAAM;MAAErD,KAAK,EAAEsD;IAAa,CAAC,GAAG,IAAI,CAAClC,OAAO;IAC5C,MAAM;MAAEmC,UAAU;MAAEC,iBAAiB;MAAEzB,KAAK;MAAE/B;IAAM,CAAC,GAAG,IAAI,CAACO,OAAO;IACpE,MAAM;MAAEF;IAAS,CAAC,GAAG,IAAI,CAAC+B,KAAK;IAE/B,MAAM,CAACqB,kBAAkB,CAAC,GAAG,IAAAC,mBAAa,EAAC,IAAI,CAACnD,OAAO,EAAEiD,iBAAiB,CAAC;IAC3E,MAAMG,UAAU,GAAG3D,KAAK,IAAI,EAAE;IAE9B,OAAO;MACL4D,GAAG,EAAEL,UAAU;MACfxB,KAAK;MACL,GAAG0B,kBAAkB;MACrBzD,KAAK,EAAE2D,UAAU;MACjB,IAAIL,YAAY,KAAK7B,SAAS,GAC1B;QACEa,OAAO,EAAEgB,YAAY,KAAKK,UAAU;QACpCtD,QAAQ,EAAE,IAAAwD,kCAAoB,EAACxD,QAAQ,EAAE,IAAI,CAACyD,iBAAiB,CAACH,UAAU,CAAC;MAC7E,CAAC,GACD,CAAC,CAAC;IAER,CAAC;EACH;EAEAI,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAE/D,KAAK,EAAEsD;IAAa,CAAC,GAAG,IAAI,CAAClC,OAAO;IAC5C,MAAM;MACJjB,IAAI;MACJ4B,KAAK;MACL7B,KAAK;MACL8D,eAAe;MACfhE,KAAK;MACLiE,GAAG;MACH3D,QAAQ;MACRkD,iBAAiB;MACjBU,YAAY;MACZjC,QAAQ;MACRvB,QAAQ;MACR,GAAGyD;IACL,CAAC,GAAG,IAAI,CAAC5D,OAAO;IAChB,MAAM;MAAE6D;IAAQ,CAAC,GAAG,IAAI,CAAChC,KAAK;IAC9B,MAAM,CAACqB,kBAAkB,EAAEY,cAAc,CAAC,GAAG,IAAAX,mBAAa,EAACS,KAAK,EAAEX,iBAAiB,CAAC;IACpF,MAAMG,UAAU,GAAG3D,KAAK,IAAI,EAAE;IAE9B,OAAO;MACLE,KAAK;MACLC,IAAI;MACJ4B,KAAK;MACLiC,eAAe;MACf1D,QAAQ;MACR4D,YAAY;MACZ5B,OAAO,EAAEmB,kBAAkB,CAACnB,OAAO;MACnC,GAAG+B,cAAc;MACjB,IAAIf,YAAY,KAAK7B,SAAS,IAAIwC,GAAG,KAAK,OAAO,GAC7C;QACEG,OAAO,EAAE,IAAAP,kCAAoB,EAACO,OAAO,EAAE,IAAI,CAACN,iBAAiB,CAACH,UAAU,CAAC;MAC3E,CAAC,GACD,CAAC,CAAC;IAGR,CAAC;EACH;EAEAW,kBAAkBA,CAAA,EAAG;IACnB,IAAI,IAAI,CAAC/D,OAAO,CAAC4B,YAAY,KAAK,IAAI,CAAC5B,OAAO,CAACD,QAAQ,EAAE;MACvD,IAAI,CAACC,OAAO,CAAC2B,aAAa,CAAC,IAAI,CAAC3B,OAAO,CAACD,QAAQ,CAAC;IACnD;EACF;EAEAiE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAAChE,OAAO,CAAC4B,YAAY,KAAK,IAAI,CAAC5B,OAAO,CAACD,QAAQ,EAAE;MACvD,IAAI,CAACC,OAAO,CAAC2B,aAAa,CAAC,IAAI,CAAC3B,OAAO,CAACD,QAAQ,CAAC;IACnD;EACF;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAgE,KAAA;IACP,MAAM;MAAE7B,MAAM;MAAEV,QAAQ,EAAEW,WAAW;MAAElC;IAAS,CAAC,GAAG,IAAI,CAACH,OAAO;IAEhE,IAAI,CAACqC,WAAW,EAAE;MAAA,IAAA6B,KAAA;MAChB,OAAAA,KAAA,GAAO,IAAAjF,aAAO,EAACmD,MAAM,CAAC,eACpBrD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAAtB,MAAA,CAAAqB,OAAA,CAAAmC,QAAA,qBACExD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACmC,KAAK,CAACC,KAAK,CAAC0B,OAAO,MAAE,CAAC,eACvBpF,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACmC,KAAK,CAACC,KAAK,CAAC2B,SAAS,MAAE,CACxB,CAAC;IAEP;IAEA,OAAAH,KAAA,GAAO,IAAAhF,aAAO,EAACmD,MAAM,CAAC,eAACrD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACF,QAAQ,EAAA8D,KAAA,CAAA3B,EAAA,gBAAE,CAAC;EACrC;AACF;AAAC,IAAA9B,gBAAA,CAAAJ,OAAA,EArHKuC,SAAS,kBAOS;EACpBM,iBAAiB,EAAEoB,sBAAU;EAC7BC,cAAc,EAAE;AAClB,CAAC;AAAA,IAAA9D,gBAAA,CAAAJ,OAAA,EAVGuC,SAAS,aAYI,CAAC,IAAA4B,4BAAmB,EAAC,CAAC,CAAC;AAAA,IAAA/D,gBAAA,CAAAJ,OAAA,EAZpCuC,SAAS,iBAaQ,OAAO;AAAA,IAAAnC,gBAAA,CAAAJ,OAAA,EAbxBuC,SAAS,iBAcQxD,YAAY;AAAA,IAAAqB,gBAAA,CAAAJ,OAAA,EAd7BuC,SAAS,WAeE3D,KAAK;AAwGtB,SAASmF,OAAOA,CAACtC,KAAsH,EAAE;EAAA,IAAA2C,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACvI,MAAMC,QAAQ,GAIMxC,mBAAG;EAHvB,MAAM;IAAEC,MAAM;IAAEZ;EAAM,CAAC,GAAGK,KAAK;EAE/B,OAAA6C,KAAA,GAAO,IAAAzF,aAAO,EAACmD,MAAM,CAAC,eACpBrD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACsE,QAAQ,EAAAD,KAAA,CAAApC,EAAA;IAAA,OAAAlE,KAAA,CAAAmC,WAAA;MAAA,OAAkB,OAAO;MAAA,QAAM,OAAO;MAAA,gBAAeiB,KAAK,KAAK;IAAS,GAAAgD,KAAA;EAAA,EAAG,CAAC;AAEzF;AAAC;AACDL,OAAO,CAACS,WAAW,GAAG,SAAS;AAE/B,SAASR,SAASA,CAACvC,KAA0H,EAAE;EAAA,IAAAgD,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EAC7I,MAAMC,MAAM,GAKM5C,mBAAG;EAJrB,MAAM6C,eAAe,GAAGC,+BAAe;EACvC,MAAM;IAAEtF,KAAK;IAAEyC,MAAM;IAAEuB,YAAY;IAAEnC,KAAK;IAAEO;EAAQ,CAAC,GAAGF,KAAK;EAE7D,OAAAiD,KAAA,GAAO,IAAA7F,aAAO,EAACmD,MAAM,CAAC,eACpBrD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAC0E,MAAM,EAAAD,KAAA,CAAAxC,EAAA;IAAA,OAAAlE,KAAA,CAAAmC,WAAA;MAAA,OAAkB,KAAK;MAAA,aAAYoD,YAAY,CAAChE,KAAK,CAAC;MAAA,eAAe;IAAI,GAAAkF,KAAA;EAAA,IAC7ErD,KAAK,KAAK,SAAS,IAAI,CAACO,OAAO,iBAAIhD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAC2E,eAAe,EAAAF,KAAA,CAAAxC,EAAA,uBAAE,CAChD,CAAC;AAEb;AACA8B,SAAS,CAACQ,WAAW,GAAG,WAAW;AAEnC,SAASlC,IAAIA,CAACb,KAA2G,EAAE;EAAA,IAAAqD,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACzH,MAAMC,KAAK,GAWMC,gBAAc;EAV/B,MAAM;IAAEjD,MAAM;IAAEkD;EAAM,CAAC,GAAGzD,KAAK;EAE/BzC,cAAK,CAACmG,SAAS,CAAC,MAAM;IACpB,IAAI1D,KAAK,CAACD,YAAY,KAAKC,KAAK,CAAC9B,QAAQ,EAAE;MACzC8B,KAAK,CAACF,aAAa,CAACE,KAAK,CAAC9B,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAAC8B,KAAK,CAACD,YAAY,EAAEC,KAAK,CAAC9B,QAAQ,EAAE8B,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,MAAMgC,YAAY,GAAG,IAAA6B,kCAAgB,EAAC,CAAC;EAEvC,OAAAL,KAAA,GAAO,IAAAlG,aAAO,EAACmD,MAAM,CAAC,eACpBrD,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAC+E,KAAK,EAAAD,KAAA,CAAA7C,EAAA;IAAA,OAAAlE,KAAA,CAAAmC,WAAA;MAAA,OAA6B,MAAM;MAAA,aAAYoD,YAAY,CAAC2B,KAAK;IAAC,GAAAJ,KAAA;EAAA,EAAG,CAAC;AAEhF;AACAxC,IAAI,CAACkC,WAAW,GAAG,MAAM;AAEzB,MAAMnC,KAAK,GAAG,IAAA7B,qBAAe,EAAC+B,SAAS,EAAE;EACvCwB,OAAO;EACPC;AACF,CAAC,CAAwB;AAEzB,MAAM5B,KAAK,GAAG,IAAA5B,qBAAe,EAACE,SAAS,EAAE;EACvC4B,IAAI;EACJD;AACF,CAAC,CAAmB;AAEb,MAAMgD,cAAc,GAA+BC,OAKtC,IAAKA,OAA2D;AAAC/E,OAAA,CAAA8E,cAAA,GAAAA,cAAA;AAAA,IAAAE,QAAA,GAAAhF,OAAA,CAAAP,OAAA,GAItEoC,KAAK","ignoreList":[]}
+{"version":3,"file":"Radio.js","names":["_core","require","_baseComponents","_assignProps6","_resolveColorEnhance","_interopRequireDefault","_inputProps","_interopRequireWildcard","_logger","_useColorResolver","_typography","_react","style","sstyled","insert","RadioContext","React","createContext","RadioGroupRoot","Component","uncontrolledProps","value","setContext","theme","size","name","onChange","disabled","asProps","render","_ref","Children","default","createElement","Flex","assignProps","_defineProperty2","defaultValue","RadioGroup","exports","createComponent","context","RadioRoot","constructor","args","hoistedDisabled","undefined","logger","warn","setState","getTextProps","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","checked","_ref2","_ref6","SRadio","Box","styles","hasChildren","cn","Fragment","Radio","Value","Text","ValueRoot","e","target","getControlProps","currentValue","forwardRef","includeInputProps","commonControlProps","getInputProps","inputValue","ref","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","keyboardFocused","tag","resolveColor","other","onClick","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref0","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref1","SText","TypographyText","color","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSRadio } from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n  onChange?: NSRadio.Group.Props['onChange'];\n  value?: NSRadio.Group.Props['value'];\n  theme?: NSRadio.Group.Props['theme'];\n  size?: NSRadio.Group.Props['size'];\n  name?: NSRadio.Group.Props['name'];\n  disabled?: NSRadio.Group.Props['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSRadio.Group.Component>,\n  [],\n  { value: null }\n> {\n  static displayName = 'RadioGroup';\n\n  static defaultProps = {\n    defaultValue: null,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  setContext() {\n    const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n    return {\n      onChange,\n      value,\n      theme,\n      size,\n      name,\n      disabled,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n\n    return (\n      <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot, {}, { context: RadioContext }) as unknown as NSRadio.Group.Component;\n\nclass RadioRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<NSRadio.Component>> {\n  static displayName = 'Radio';\n  static style = style;\n  static contextType = RadioContext;\n\n  context: React.ContextType<typeof RadioContext> = {};\n\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled: NSRadio.Props['disabled']) => {\n    logger.warn(\n      true,\n      `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.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const { size = this.context.size ?? 'm', disabled = this.context.disabled, label } = this.asProps;\n\n    const { hoistedDisabled } = this.state;\n\n    const textProps = {\n      size: size === 'm' ? 200 : 300,\n      children: label,\n      disabled: disabled ?? hoistedDisabled,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n\n    return textProps;\n  }\n\n  getValueProps() {\n    const {\n      state = 'normal',\n      size = this.context.size ?? 'm',\n      theme = this.context.theme,\n      disabled = this.context.disabled,\n      name = this.context.name,\n    } = this.asProps;\n\n    const { value, checked } = this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size: this.props.size ?? size,\n      disabled: disabled ?? hoistedDisabled,\n      state: state,\n      theme,\n      value,\n      checked,\n      name,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n        {hasChildren\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <Radio.Value />\n                <Radio.Text />\n              </>\n            )}\n      </SRadio>,\n    );\n  }\n}\n\nclass ValueRoot extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Value.Component, typeof RadioRoot, 'Value'>,\n  typeof ValueRoot.enhance,\n  { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n  context: React.ContextType<typeof RadioContext> = {};\n\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'Value';\n  static contextType = RadioContext;\n  static style = style;\n\n  bindHandlerChange = (value: NSRadio.Props['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof this.context.onChange === 'function' && value !== undefined) {\n      this.context.onChange(value, e);\n    }\n  };\n\n  uncontrolledProps() {\n    return {\n      checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { value: currentValue } = this.context;\n    const { forwardRef, includeInputProps, state, value } = this.asProps;\n    const { onChange } = this.props;\n\n    const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      ref: forwardRef,\n      state,\n      ...commonControlProps,\n      value: inputValue,\n      ...(currentValue !== undefined\n        ? {\n            checked: currentValue === inputValue,\n            onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n          }\n        : {}),\n    };\n  }\n\n  getRadioMarkProps() {\n    const { value: currentValue } = this.context;\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      value,\n      tag,\n      disabled,\n      includeInputProps,\n      resolveColor,\n      children,\n      Children,\n      ...other\n    } = this.asProps;\n    const { onClick } = this.props;\n    const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      disabled,\n      resolveColor,\n      checked: commonControlProps.checked,\n      ...radioMarkProps,\n      ...(currentValue !== undefined && tag !== 'label'\n        ? {\n            onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n          }\n        : {}),\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Radio.Value.Control />\n          <Radio.Value.RadioMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nfunction Control(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSRadio.Value.Control.Component,\n    typeof ValueRoot,\n    'Control'\n  >,\n) {\n  const SControl = Root;\n  const { styles, state } = props;\n\n  return sstyled(styles)(<SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />);\n}\nControl.displayName = 'Control';\n\nfunction RadioMark(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSRadio.Value.Mark.Component,\n    typeof ValueRoot,\n    'RadioMark'\n  >,\n) {\n  const SValue = Root;\n  const SInvalidPattern = InvalidStateBox;\n  const { theme, styles, resolveColor, state, checked } = props;\n\n  return sstyled(styles)(\n    <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n      {state === 'invalid' && !checked && <SInvalidPattern />}\n    </SValue>,\n  );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Text.Component, typeof RadioRoot, 'Text'>,\n) {\n  const SText = Root;\n  const { styles, color } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(<SText render={TypographyText} tag='span' use:color={resolveColor(color)} />);\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  RadioMark,\n}) as NSRadio.Value.Component;\n\nconst Radio = createComponent(RadioRoot, {\n  Text,\n  Value,\n}) as NSRadio.Component;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<NSRadio.Group.Component>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n) => wrapper as NSRadio.Group.Component<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.type.js","names":[],"sources":["../../src/Radio.type.ts"],"sourcesContent":["import type { Box, BoxProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text, TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: RadioValue;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\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\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\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?: RadioSize;\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\nexport type RadioValueProps = BoxProps & {\n  /** List of elements that can be put on a hidden input */\n  includeInputProps?: string[];\n};\n\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\nexport type IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\nexport type RadioTextProps = TextProps;\n\nexport type RadioValueControlComponent = Intergalactic.Component<'input', RadioValueControlProps>;\nexport type RadioValueRadioMarkComponent = Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n\nexport type RadioValueComponent = Intergalactic.Component<'input', RadioValueProps> & {\n  Control: RadioValueControlComponent;\n  RadioMark: RadioValueRadioMarkComponent;\n};\n\nexport type RadioTextComponent = typeof Text;\n\nexport type RadioRootComponent = Intergalactic.Component<'label', RadioProps, RadioCtx>;\nexport type RadioComponent = RadioRootComponent & {\n  Value: RadioValueComponent;\n  Text: RadioTextComponent;\n};\n"],"mappings":"","ignoreList":[]}
+{"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.js

@@ -15,23 +15,23 @@ import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
 import { Text as TypographyText } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/radio.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadio_1ifzo_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1ifzo_gg_ .___SText_1ifzo_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1ifzo_gg_ .___SText_1ifzo_gg_.__color_1ifzo_gg_{color:var(--color_1ifzo)}.___SRadio_1ifzo_gg_.__disabled_1ifzo_gg_{pointer-events:none}.___SValue_1ifzo_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1ifzo_gg_::after,.___SValue_1ifzo_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1ifzo_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1ifzo_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1ifzo_gg_.__disabled_1ifzo_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_1ifzo_gg_._size_m_1ifzo_gg_{width:16px;height:16px}.___SValue_1ifzo_gg_._size_m_1ifzo_gg_ .___SInvalidPattern_1ifzo_gg_:before{width:14px;height:14px}.___SValue_1ifzo_gg_._size_l_1ifzo_gg_{width:20px;height:20px}.___SValue_1ifzo_gg_._size_l_1ifzo_gg_ .___SInvalidPattern_1ifzo_gg_:before{width:18px;height:18px}.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1ifzo_gg_._state_invalid_1ifzo_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1ifzo_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_._size_m_1ifzo_gg_::after{width:6px;height:6px}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_._size_l_1ifzo_gg_::after{width:8px;height:8px}.___SControl_1ifzo_gg_:focus-visible+.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1ifzo_gg_:checked:focus-visible~.___SValue_1ifzo_gg_::before,.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1ifzo_gg_:focus-visible+.___SValue_1ifzo_gg_._state_invalid_1ifzo_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_.__theme_1ifzo_gg_::before{border-color:var(--theme_1ifzo);background-color:var(--theme_1ifzo)}.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_.__theme_1ifzo_gg_::before{border-color:var(--theme_1ifzo)}.___SInvalidPattern_1ifzo_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1ifzo_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__*/"1ifzo_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadio_1r6as_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_.__color_1r6as_gg_{color:var(--color_1r6as)}.___SRadio_1r6as_gg_.__disabled_1r6as_gg_{pointer-events:none}.___SValue_1r6as_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r6as_gg_::after,.___SValue_1r6as_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r6as_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r6as_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r6as_gg_.__disabled_1r6as_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_1r6as_gg_._size_m_1r6as_gg_{width:16px;height:16px}.___SValue_1r6as_gg_._size_m_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:14px;height:14px}.___SValue_1r6as_gg_._size_l_1r6as_gg_{width:20px;height:20px}.___SValue_1r6as_gg_._size_l_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:18px;height:18px}.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r6as_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_m_1r6as_gg_::after{width:6px;height:6px}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_l_1r6as_gg_::after{width:8px;height:8px}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1r6as_gg_:checked:focus-visible~.___SValue_1r6as_gg_::before,.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as);background-color:var(--theme_1r6as)}.___SValue_1r6as_gg_._state_normal_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as)}.___SInvalidPattern_1r6as_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1r6as_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__*/"1r6as_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SRadio": "___SRadio_1ifzo_gg_",
-  "_disabled": "__disabled_1ifzo_gg_",
-  "__SValue": "___SValue_1ifzo_gg_",
-  "_state_normal": "_state_normal_1ifzo_gg_",
-  "_state_invalid": "_state_invalid_1ifzo_gg_",
-  "__SControl": "___SControl_1ifzo_gg_",
-  "_size_m": "_size_m_1ifzo_gg_",
-  "_size_l": "_size_l_1ifzo_gg_",
-  "_theme": "__theme_1ifzo_gg_",
-  "--theme": "--theme_1ifzo",
-  "__SText": "___SText_1ifzo_gg_",
-  "_color": "__color_1ifzo_gg_",
-  "--color": "--color_1ifzo",
-  "__SInvalidPattern": "___SInvalidPattern_1ifzo_gg_"
+  "__SRadio": "___SRadio_1r6as_gg_",
+  "_disabled": "__disabled_1r6as_gg_",
+  "__SValue": "___SValue_1r6as_gg_",
+  "_state_normal": "_state_normal_1r6as_gg_",
+  "_state_invalid": "_state_invalid_1r6as_gg_",
+  "__SControl": "___SControl_1r6as_gg_",
+  "_size_m": "_size_m_1r6as_gg_",
+  "_size_l": "_size_l_1r6as_gg_",
+  "_theme": "__theme_1r6as_gg_",
+  "--theme": "--theme_1r6as",
+  "__SText": "___SText_1r6as_gg_",
+  "_color": "__color_1r6as_gg_",
+  "--color": "--color_1r6as",
+  "__SInvalidPattern": "___SInvalidPattern_1r6as_gg_"
 });
 const RadioContext = /*#__PURE__*/React.createContext({});
 class RadioGroupRoot extends Component {
@@ -282,7 +282,6 @@ function Control(props) {
     }, _ref3)
   }));
 }
-;
 Control.displayName = 'Control';
 function RadioMark(props) {
   var _ref4 = arguments[0],

package/lib/es6/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Flex","Box","InvalidStateBox","createComponent","Component","sstyled","Root","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","logger","useColorResolver","Text","TypographyText","React","style","_sstyled","insert","RadioContext","createContext","RadioGroupRoot","uncontrolledProps","value","setContext","theme","size","name","onChange","disabled","asProps","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","context","RadioRoot","constructor","args","hoistedDisabled","undefined","warn","setState","getTextProps","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","checked","_ref2","_ref6","SRadio","styles","hasChildren","cn","_assignProps2","Fragment","Radio","Value","ValueRoot","e","target","getControlProps","currentValue","forwardRef","includeInputProps","commonControlProps","inputValue","ref","bindHandlerChange","getRadioMarkProps","keyboardFocused","tag","resolveColor","other","onClick","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref0","SValue","SInvalidPattern","_assignProps4","_ref5","_ref1","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type {\n  IntergalacticRadioGroupComponent,\n  RadioProps,\n  RadioComponent,\n  RadioGroupProps,\n  RadioValueComponent,\n  RadioTextComponent,\n  RadioValueRadioMarkComponent,\n  RadioRootComponent,\n  RadioValueControlComponent,\n} from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n  onChange?: RadioGroupProps['onChange'];\n  value?: RadioGroupProps['value'];\n  theme?: RadioGroupProps['theme'];\n  size?: RadioGroupProps['size'];\n  name?: RadioGroupProps['name'];\n  disabled?: RadioGroupProps['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<IntergalacticRadioGroupComponent>, [], { value: null }> {\n  static displayName = 'RadioGroup';\n\n  static defaultProps = {\n    defaultValue: null,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  setContext() {\n    const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n    return {\n      onChange,\n      value,\n      theme,\n      size,\n      name,\n      disabled,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n\n    return (\n      <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot, {}, { context: RadioContext }) as unknown as IntergalacticRadioGroupComponent;\n\nclass RadioRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<RadioRootComponent>\n> {\n  static displayName = 'Radio';\n  static style = style;\n  static contextType = RadioContext;\n\n  context: React.ContextType<typeof RadioContext> = {};\n\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled: RadioProps['disabled']) => {\n    logger.warn(\n      true,\n      `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.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const {\n      size = this.context.size ?? 'm',\n      disabled = this.context.disabled,\n      label,\n    } = this.asProps;\n\n    const { hoistedDisabled } = this.state;\n\n    const textProps = {\n      size: size === 'm' ? 200 : 300,\n      children: label,\n      disabled: disabled ?? hoistedDisabled,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n\n    return textProps;\n  }\n\n  getValueProps() {\n    const {\n      state = 'normal',\n      size = this.context.size ?? 'm',\n      theme = this.context.theme,\n      disabled = this.context.disabled,\n      name = this.context.name,\n    } = this.asProps;\n\n    const { value, checked } = this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size: this.props.size ?? size,\n      disabled: disabled ?? hoistedDisabled,\n      state: state,\n      theme,\n      value,\n      checked,\n      name,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n        {hasChildren\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <Radio.Value />\n                <Radio.Text />\n              </>\n            )}\n      </SRadio>,\n    );\n  }\n}\n\nclass ValueRoot extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<RadioValueComponent, typeof RadioRoot, 'Value'>,\n  typeof ValueRoot.enhance,\n  { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n  context: React.ContextType<typeof RadioContext> = {};\n\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'Value';\n  static contextType = RadioContext;\n  static style = style;\n\n  bindHandlerChange = (value: RadioProps['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof this.context.onChange === 'function' && value !== undefined) {\n      this.context.onChange(value, e);\n    }\n  };\n\n  uncontrolledProps() {\n    return {\n      checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { value: currentValue } = this.context;\n    const { forwardRef, includeInputProps, state, value } = this.asProps;\n    const { onChange } = this.props;\n\n    const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      ref: forwardRef,\n      state,\n      ...commonControlProps,\n      value: inputValue,\n      ...(currentValue !== undefined\n        ? {\n            checked: currentValue === inputValue,\n            onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n          }\n        : {}\n      ),\n    };\n  }\n\n  getRadioMarkProps() {\n    const { value: currentValue } = this.context;\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      value,\n      tag,\n      disabled,\n      includeInputProps,\n      resolveColor,\n      children,\n      Children,\n      ...other\n    } = this.asProps;\n    const { onClick } = this.props;\n    const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      disabled,\n      resolveColor,\n      checked: commonControlProps.checked,\n      ...radioMarkProps,\n      ...(currentValue !== undefined && tag !== 'label'\n        ? {\n            onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n          }\n        : {}\n\n      ),\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Radio.Value.Control />\n          <Radio.Value.RadioMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nfunction Control(props: Intergalactic.InternalTypings.InferChildComponentProps<RadioValueControlComponent, typeof ValueRoot, 'Control'>) {\n  const SControl = Root;\n  const { styles, state } = props;\n\n  return sstyled(styles)(\n    <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n  );\n};\nControl.displayName = 'Control';\n\nfunction RadioMark(props: Intergalactic.InternalTypings.InferChildComponentProps<RadioValueRadioMarkComponent, typeof ValueRoot, 'RadioMark'>) {\n  const SValue = Root;\n  const SInvalidPattern = InvalidStateBox;\n  const { theme, styles, resolveColor, state, checked } = props;\n\n  return sstyled(styles)(\n    <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n      {state === 'invalid' && !checked && <SInvalidPattern />}\n    </SValue>,\n  );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(props: Intergalactic.InternalTypings.InferChildComponentProps<RadioTextComponent, typeof RadioRoot, 'Text'>) {\n  const SText = Root;\n  const { styles, color } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n  );\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  RadioMark,\n}) as RadioValueComponent;\n\nconst Radio = createComponent(RadioRoot, {\n  Text,\n  Value,\n}) as RadioComponent;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(wrapper: (\n  props: Intergalactic.InternalTypings.UntypeRefAndTag<\n    Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n  > &\n  PropsExtending,\n) => React.ReactNode) => wrapper as IntergalacticRadioGroupComponent<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Radio.js","names":["Flex","Box","InvalidStateBox","createComponent","Component","sstyled","Root","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","logger","useColorResolver","Text","TypographyText","React","style","_sstyled","insert","RadioContext","createContext","RadioGroupRoot","uncontrolledProps","value","setContext","theme","size","name","onChange","disabled","asProps","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","context","RadioRoot","constructor","args","hoistedDisabled","undefined","warn","setState","getTextProps","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","checked","_ref2","_ref6","SRadio","styles","hasChildren","cn","_assignProps2","Fragment","Radio","Value","ValueRoot","e","target","getControlProps","currentValue","forwardRef","includeInputProps","commonControlProps","inputValue","ref","bindHandlerChange","getRadioMarkProps","keyboardFocused","tag","resolveColor","other","onClick","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref0","SValue","SInvalidPattern","_assignProps4","_ref5","_ref1","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSRadio } from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n  onChange?: NSRadio.Group.Props['onChange'];\n  value?: NSRadio.Group.Props['value'];\n  theme?: NSRadio.Group.Props['theme'];\n  size?: NSRadio.Group.Props['size'];\n  name?: NSRadio.Group.Props['name'];\n  disabled?: NSRadio.Group.Props['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSRadio.Group.Component>,\n  [],\n  { value: null }\n> {\n  static displayName = 'RadioGroup';\n\n  static defaultProps = {\n    defaultValue: null,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  setContext() {\n    const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n    return {\n      onChange,\n      value,\n      theme,\n      size,\n      name,\n      disabled,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n\n    return (\n      <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot, {}, { context: RadioContext }) as unknown as NSRadio.Group.Component;\n\nclass RadioRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<NSRadio.Component>> {\n  static displayName = 'Radio';\n  static style = style;\n  static contextType = RadioContext;\n\n  context: React.ContextType<typeof RadioContext> = {};\n\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled: NSRadio.Props['disabled']) => {\n    logger.warn(\n      true,\n      `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.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const { size = this.context.size ?? 'm', disabled = this.context.disabled, label } = this.asProps;\n\n    const { hoistedDisabled } = this.state;\n\n    const textProps = {\n      size: size === 'm' ? 200 : 300,\n      children: label,\n      disabled: disabled ?? hoistedDisabled,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n\n    return textProps;\n  }\n\n  getValueProps() {\n    const {\n      state = 'normal',\n      size = this.context.size ?? 'm',\n      theme = this.context.theme,\n      disabled = this.context.disabled,\n      name = this.context.name,\n    } = this.asProps;\n\n    const { value, checked } = this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size: this.props.size ?? size,\n      disabled: disabled ?? hoistedDisabled,\n      state: state,\n      theme,\n      value,\n      checked,\n      name,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n        {hasChildren\n          ? (\n              <Children />\n            )\n          : (\n              <>\n                <Radio.Value />\n                <Radio.Text />\n              </>\n            )}\n      </SRadio>,\n    );\n  }\n}\n\nclass ValueRoot extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Value.Component, typeof RadioRoot, 'Value'>,\n  typeof ValueRoot.enhance,\n  { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n  context: React.ContextType<typeof RadioContext> = {};\n\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'Value';\n  static contextType = RadioContext;\n  static style = style;\n\n  bindHandlerChange = (value: NSRadio.Props['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof this.context.onChange === 'function' && value !== undefined) {\n      this.context.onChange(value, e);\n    }\n  };\n\n  uncontrolledProps() {\n    return {\n      checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { value: currentValue } = this.context;\n    const { forwardRef, includeInputProps, state, value } = this.asProps;\n    const { onChange } = this.props;\n\n    const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      ref: forwardRef,\n      state,\n      ...commonControlProps,\n      value: inputValue,\n      ...(currentValue !== undefined\n        ? {\n            checked: currentValue === inputValue,\n            onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n          }\n        : {}),\n    };\n  }\n\n  getRadioMarkProps() {\n    const { value: currentValue } = this.context;\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      value,\n      tag,\n      disabled,\n      includeInputProps,\n      resolveColor,\n      children,\n      Children,\n      ...other\n    } = this.asProps;\n    const { onClick } = this.props;\n    const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n    const inputValue = value ?? '';\n\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      disabled,\n      resolveColor,\n      checked: commonControlProps.checked,\n      ...radioMarkProps,\n      ...(currentValue !== undefined && tag !== 'label'\n        ? {\n            onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n          }\n        : {}),\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Radio.Value.Control />\n          <Radio.Value.RadioMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nfunction Control(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSRadio.Value.Control.Component,\n    typeof ValueRoot,\n    'Control'\n  >,\n) {\n  const SControl = Root;\n  const { styles, state } = props;\n\n  return sstyled(styles)(<SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />);\n}\nControl.displayName = 'Control';\n\nfunction RadioMark(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSRadio.Value.Mark.Component,\n    typeof ValueRoot,\n    'RadioMark'\n  >,\n) {\n  const SValue = Root;\n  const SInvalidPattern = InvalidStateBox;\n  const { theme, styles, resolveColor, state, checked } = props;\n\n  return sstyled(styles)(\n    <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n      {state === 'invalid' && !checked && <SInvalidPattern />}\n    </SValue>,\n  );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Text.Component, typeof RadioRoot, 'Text'>,\n) {\n  const SText = Root;\n  const { styles, color } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(<SText render={TypographyText} tag='span' use:color={resolveColor(color)} />);\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  RadioMark,\n}) as NSRadio.Value.Component;\n\nconst Radio = createComponent(RadioRoot, {\n  Text,\n  Value,\n}) as NSRadio.Component;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<NSRadio.Group.Component>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n) => wrapper as NSRadio.Group.Component<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.type.js","names":[],"sources":["../../src/Radio.type.ts"],"sourcesContent":["import type { Box, BoxProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text, TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: RadioValue;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\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\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\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?: RadioSize;\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\nexport type RadioValueProps = BoxProps & {\n  /** List of elements that can be put on a hidden input */\n  includeInputProps?: string[];\n};\n\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\nexport type IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\nexport type RadioTextProps = TextProps;\n\nexport type RadioValueControlComponent = Intergalactic.Component<'input', RadioValueControlProps>;\nexport type RadioValueRadioMarkComponent = Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n\nexport type RadioValueComponent = Intergalactic.Component<'input', RadioValueProps> & {\n  Control: RadioValueControlComponent;\n  RadioMark: RadioValueRadioMarkComponent;\n};\n\nexport type RadioTextComponent = typeof Text;\n\nexport type RadioRootComponent = Intergalactic.Component<'label', RadioProps, RadioCtx>;\nexport type RadioComponent = RadioRootComponent & {\n  Value: RadioValueComponent;\n  Text: RadioTextComponent;\n};\n"],"mappings":"","ignoreList":[]}
+{"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.mjs

@@ -9,29 +9,30 @@ import logger from "@semcore/core/lib/utils/logger";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 import { Text as Text$1 } from "@semcore/typography";
 import React from "react";
+/*!__reshadow-styles__:"./style/radio.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SRadio_1ifzo_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1ifzo_gg_ .___SText_1ifzo_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1ifzo_gg_ .___SText_1ifzo_gg_.__color_1ifzo_gg_{color:var(--color_1ifzo)}.___SRadio_1ifzo_gg_.__disabled_1ifzo_gg_{pointer-events:none}.___SValue_1ifzo_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1ifzo_gg_::after,.___SValue_1ifzo_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1ifzo_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1ifzo_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1ifzo_gg_.__disabled_1ifzo_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_1ifzo_gg_._size_m_1ifzo_gg_{width:16px;height:16px}.___SValue_1ifzo_gg_._size_m_1ifzo_gg_ .___SInvalidPattern_1ifzo_gg_:before{width:14px;height:14px}.___SValue_1ifzo_gg_._size_l_1ifzo_gg_{width:20px;height:20px}.___SValue_1ifzo_gg_._size_l_1ifzo_gg_ .___SInvalidPattern_1ifzo_gg_:before{width:18px;height:18px}.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1ifzo_gg_._state_invalid_1ifzo_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1ifzo_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_._size_m_1ifzo_gg_::after{width:6px;height:6px}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_._size_l_1ifzo_gg_::after{width:8px;height:8px}.___SControl_1ifzo_gg_:focus-visible+.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1ifzo_gg_:checked:focus-visible~.___SValue_1ifzo_gg_::before,.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1ifzo_gg_:focus-visible+.___SValue_1ifzo_gg_._state_invalid_1ifzo_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1ifzo_gg_:checked~.___SValue_1ifzo_gg_.__theme_1ifzo_gg_::before{border-color:var(--theme_1ifzo);background-color:var(--theme_1ifzo)}.___SValue_1ifzo_gg_._state_normal_1ifzo_gg_.__theme_1ifzo_gg_::before{border-color:var(--theme_1ifzo)}.___SInvalidPattern_1ifzo_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1ifzo_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)}',
+    '.___SRadio_1r6as_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r6as_gg_ .___SText_1r6as_gg_.__color_1r6as_gg_{color:var(--color_1r6as)}.___SRadio_1r6as_gg_.__disabled_1r6as_gg_{pointer-events:none}.___SValue_1r6as_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r6as_gg_::after,.___SValue_1r6as_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r6as_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r6as_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r6as_gg_.__disabled_1r6as_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_1r6as_gg_._size_m_1r6as_gg_{width:16px;height:16px}.___SValue_1r6as_gg_._size_m_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:14px;height:14px}.___SValue_1r6as_gg_._size_l_1r6as_gg_{width:20px;height:20px}.___SValue_1r6as_gg_._size_l_1r6as_gg_ .___SInvalidPattern_1r6as_gg_:before{width:18px;height:18px}.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r6as_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_m_1r6as_gg_::after{width:6px;height:6px}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_._size_l_1r6as_gg_::after{width:8px;height:8px}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_normal_1r6as_gg_::before{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1r6as_gg_:checked:focus-visible~.___SValue_1r6as_gg_::before,.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r6as_gg_:focus-visible+.___SValue_1r6as_gg_._state_invalid_1r6as_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SControl_1r6as_gg_:checked~.___SValue_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as);background-color:var(--theme_1r6as)}.___SValue_1r6as_gg_._state_normal_1r6as_gg_.__theme_1r6as_gg_::before{border-color:var(--theme_1r6as)}.___SInvalidPattern_1r6as_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1r6as_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__*/
-    "1ifzo_gg_"
+    "1r6as_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SRadio": "___SRadio_1ifzo_gg_",
-    "_disabled": "__disabled_1ifzo_gg_",
-    "__SValue": "___SValue_1ifzo_gg_",
-    "_state_normal": "_state_normal_1ifzo_gg_",
-    "_state_invalid": "_state_invalid_1ifzo_gg_",
-    "__SControl": "___SControl_1ifzo_gg_",
-    "_size_m": "_size_m_1ifzo_gg_",
-    "_size_l": "_size_l_1ifzo_gg_",
-    "_theme": "__theme_1ifzo_gg_",
-    "--theme": "--theme_1ifzo",
-    "__SText": "___SText_1ifzo_gg_",
-    "_color": "__color_1ifzo_gg_",
-    "--color": "--color_1ifzo",
-    "__SInvalidPattern": "___SInvalidPattern_1ifzo_gg_"
+    "__SRadio": "___SRadio_1r6as_gg_",
+    "_disabled": "__disabled_1r6as_gg_",
+    "__SValue": "___SValue_1r6as_gg_",
+    "_state_normal": "_state_normal_1r6as_gg_",
+    "_state_invalid": "_state_invalid_1r6as_gg_",
+    "__SControl": "___SControl_1r6as_gg_",
+    "_size_m": "_size_m_1r6as_gg_",
+    "_size_l": "_size_l_1r6as_gg_",
+    "_theme": "__theme_1r6as_gg_",
+    "--theme": "--theme_1r6as",
+    "__SText": "___SText_1r6as_gg_",
+    "_color": "__color_1r6as_gg_",
+    "--color": "--color_1r6as",
+    "__SInvalidPattern": "___SInvalidPattern_1r6as_gg_"
   })
 );
 const RadioContext = /* @__PURE__ */ React.createContext({});
@@ -281,7 +282,6 @@ function Control(props) {
     }, _ref3)
   }));
 }
-;
 Control.displayName = "Control";
 function RadioMark(props) {
   var _ref4 = arguments[0], _ref0;

package/lib/types/Radio.d.ts

@@ -1,9 +1,9 @@
 import type { Intergalactic } from '@semcore/core';
 import { inputProps } from '@semcore/core/lib/utils/inputProps';
 import React from 'react';
-import type { IntergalacticRadioGroupComponent, RadioComponent } from './Radio.type';
-declare const RadioGroup: IntergalacticRadioGroupComponent;
-declare const Radio: RadioComponent;
-export declare const wrapRadioGroup: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>> & PropsExtending) => React.ReactNode) => IntergalacticRadioGroupComponent<PropsExtending>;
+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,69 +1,98 @@
-import type { Box, BoxProps, Flex } from '@semcore/base-components';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
-import type { Text, TextProps } from '@semcore/typography';
-import type React from 'react';
-export type RadioSize = 'm' | 'l';
-export type RadioState = 'normal' | 'invalid';
-export type RadioValue = string | number | boolean;
-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;
-};
-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;
-};
-export type RadioValueProps = BoxProps & {
-    /** List of elements that can be put on a hidden input */
-    includeInputProps?: string[];
-};
-export type RadioCtx = {
-    getValueProps: PropGetterFn;
-    getTextProps: PropGetterFn;
-};
-export 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 = {};
-export type RadioTextProps = TextProps;
-export type RadioValueControlComponent = Intergalactic.Component<'input', RadioValueControlProps>;
-export type RadioValueRadioMarkComponent = Intergalactic.Component<typeof Box, RadioValueMarkProps>;
-export type RadioValueComponent = Intergalactic.Component<'input', RadioValueProps> & {
-    Control: RadioValueControlComponent;
-    RadioMark: RadioValueRadioMarkComponent;
-};
-export type RadioTextComponent = typeof Text;
-export type RadioRootComponent = Intergalactic.Component<'label', RadioProps, RadioCtx>;
-export type RadioComponent = RadioRootComponent & {
-    Value: RadioValueComponent;
-    Text: RadioTextComponent;
-};
+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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/radio",
   "description": "Semrush Radio Component",
-  "version": "17.0.0",
+  "version": "17.0.2-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/typography": "^17.0.0"
+    "@semcore/typography": "^17.0.2-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.0 || ^17.0.0-0"
+    "@semcore/base-components": "^17.0.2"
   },
   "repository": {
     "type": "git",
@@ -25,9 +25,9 @@
     "directory": "semcore/radio"
   },
   "devDependencies": {
+    "@semcore/base-components": "17.0.2-prerelease.0",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.0.0",
-    "@semcore/core": "17.0.0"
+    "@semcore/core": "17.0.1"
   },
   "scripts": {
     "build": "pnpm semcore-builder && pnpm vite build"