@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

package/components/Radio/Radio.styles.js

@@ -1,30 +1,82 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Radio_module_less_1 = tslib_1.__importDefault(require("./Radio.module.css"));
-var jsStyles = {
-  radio: function radio(t) {
-    return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      width: ", ";\n      height: ", ";\n      vertical-align: ", ";\n      background-image: ", ";\n      box-shadow: ", ";\n      border: ", ";\n\n      .", ":hover & {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      .", ":active & {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      .", ":focus + &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "], ["\n      width: ", ";\n      height: ", ";\n      vertical-align: ", ";\n      background-image: ", ";\n      box-shadow: ", ";\n      border: ", ";\n\n      .", ":hover & {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      .", ":active & {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      .", ":focus + &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), t.radioSize, t.radioSize, t.radioVerticalAlign, t.radioBgImage, t.radioBoxShadow, t.radioBorder, Radio_module_less_1["default"].root, t.radioHoverBg, t.radioHoverShadow, Radio_module_less_1["default"].root, t.radioActiveBg, t.radioActiveShadow, Radio_module_less_1["default"].input, t.radioFocusShadow, t.borderColorFocus);
-  },
-  focus: function focus(t) {
-    return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "], ["\n      &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), t.radioFocusShadow, t.borderColorFocus);
-  },
-  warning: function warning(t) {
-    return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "], ["\n      &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), t.radioFocusShadow, t.borderColorWarning);
-  },
-  error: function error(t) {
-    return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "], ["\n      &::after {\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), t.radioFocusShadow, t.borderColorError);
-  },
-  checked: function checked(t) {
-    return Emotion_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n      .", " .", "& {\n        background-color: ", ";\n      }\n      .", " .", "&::before {\n        background: ", ";\n      }\n    "], ["\n      .", " .", "& {\n        background-color: ", ";\n      }\n      .", " .", "&::before {\n        background: ", ";\n      }\n    "])), Radio_module_less_1["default"].root, Radio_module_less_1["default"].radio, t.radioCheckedBgColor, Radio_module_less_1["default"].root, Radio_module_less_1["default"].radio, t.radioCheckedBulletColor);
-  },
-  disabled: function disabled(t) {
-    return Emotion_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n      box-shadow: ", " !important;\n    "], ["\n      box-shadow: ", " !important;\n    "])), t.radioDisabledShadow);
-  },
-  label: function label(t) {
-    return Emotion_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n      display: ", ";\n    "], ["\n      display: ", ";\n    "])), t.radioLabelDisplay);
-  } };
-
-exports["default"] = jsStyles;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
+import { afterOutlineMixin, circleSizeMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin, } from './Radio.mixins.js';
+export var globalClasses = prefix('radio')({
+    circle: 'circle',
+});
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])), globalClasses.circle, t.transitionDuration, t.transitionTimingFunction, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow);
+        },
+        rootSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+        },
+        rootMedium: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+        },
+        rootLarge: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+        },
+        rootChecked: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
+        },
+        circle: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "], ["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioBgColor);
+        },
+        circleSmall: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+        },
+        circleMedium: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+        },
+        circleLarge: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+        },
+        focus: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
+        },
+        warning: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
+        },
+        error: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
+        },
+        checked: function (t) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioCheckedBulletColor);
+        },
+        checkedSmall: function (t) {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
+        },
+        checkedMedium: function (t) {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
+        },
+        checkedLarge: function (t) {
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
+        },
+        checkedDisabled: function (t) {
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      &::before {\n        background: ", ";\n      }\n    "], ["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
+        },
+        input: function () {
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "], ["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+        },
+        disabled: function (t) {
+            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "], ["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])), t.radioDisabledBg, t.radioDisabledShadow);
+        },
+        caption: function (t) {
+            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "], ["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
+        },
+        captionDisabled: function (t) {
+            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.textColorDisabled);
+        },
+        placeholder: function () {
+            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      display: inline-block;\n    "], ["\n      display: inline-block;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
+//# sourceMappingURL=Radio.styles.js.map

package/components/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["Radio.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAChD,kFAAyC;AAGzC,IAAM,QAAQ,GAAG;IACf,KAAK,YAAC,CAAS;QACb,OAAO,aAAG,sfAAA,iBACC,EAAW,mBACV,EAAW,2BACH,EAAoB,6BAClB,EAAc,uBACpB,EAAgB,mBACpB,EAAa,cAEpB,EAAW,kCACE,EAAc,yBACd,EAAkB,qBAE/B,EAAW,mCACE,EAAe,yBACf,EAAmB,qBAEhC,EAAY,2CACC,EAAkB,2BAChB,EAAkB,kBAErC,KAnBU,CAAC,CAAC,SAAS,EACV,CAAC,CAAC,SAAS,EACH,CAAC,CAAC,kBAAkB,EAClB,CAAC,CAAC,YAAY,EACpB,CAAC,CAAC,cAAc,EACpB,CAAC,CAAC,WAAW,EAEpB,2BAAM,CAAC,IAAI,EACE,CAAC,CAAC,YAAY,EACd,CAAC,CAAC,gBAAgB,EAE/B,2BAAM,CAAC,IAAI,EACE,CAAC,CAAC,aAAa,EACf,CAAC,CAAC,iBAAiB,EAEhC,2BAAM,CAAC,KAAK,EACC,CAAC,CAAC,gBAAgB,EAChB,CAAC,CAAC,gBAAgB,EAEpC;IACJ,CAAC;IAED,KAAK,YAAC,CAAS;QACb,OAAO,aAAG,sKAAA,0CAEQ,EAAkB,2BAChB,EAAkB,kBAErC,KAHiB,CAAC,CAAC,gBAAgB,EAChB,CAAC,CAAC,gBAAgB,EAEpC;IACJ,CAAC;IAED,OAAO,YAAC,CAAS;QACf,OAAO,aAAG,sKAAA,0CAEQ,EAAkB,2BAChB,EAAoB,kBAEvC,KAHiB,CAAC,CAAC,gBAAgB,EAChB,CAAC,CAAC,kBAAkB,EAEtC;IACJ,CAAC;IAED,KAAK,YAAC,CAAS;QACb,OAAO,aAAG,sKAAA,0CAEQ,EAAkB,2BAChB,EAAkB,kBAErC,KAHiB,CAAC,CAAC,gBAAgB,EAChB,CAAC,CAAC,gBAAgB,EAEpC;IACJ,CAAC;IAED,OAAO,YAAC,CAAS;QACf,OAAO,aAAG,qNAAA,WACL,EAAW,IAAK,EAAY,iCACT,EAAqB,qBAExC,EAAW,IAAK,EAAY,mCACf,EAAyB,kBAE1C,KANI,2BAAM,CAAC,IAAI,EAAK,2BAAM,CAAC,KAAK,EACT,CAAC,CAAC,mBAAmB,EAExC,2BAAM,CAAC,IAAI,EAAK,2BAAM,CAAC,KAAK,EACf,CAAC,CAAC,uBAAuB,EAEzC;IACJ,CAAC;IAED,QAAQ,YAAC,CAAS;QAChB,OAAO,aAAG,uHAAA,sBACM,EAAqB,oBACpC,KADe,CAAC,CAAC,mBAAmB,EACnC;IACJ,CAAC;IAED,KAAK,YAAC,CAAS;QACb,OAAO,aAAG,yGAAA,mBACG,EAAmB,SAC/B,KADY,CAAC,CAAC,iBAAiB,EAC9B;IACJ,CAAC;CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../components/Radio/Radio.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,EAAE,QAAQ;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,ouBAAA,uJAOL,EAAoB,qCACI,EAAoB,GAAI,EAA0B,+BAGlE,EAAoB,0BACf,EAAc,yBACd,EAAkB,8BAEtB,EAAoB,0BAChB,EAAe,yBACf,EAAmB,+SAWpC,KArBI,aAAa,CAAC,MAAM,EACI,CAAC,CAAC,kBAAkB,EAAI,CAAC,CAAC,wBAAwB,EAGlE,aAAa,CAAC,MAAM,EACf,CAAC,CAAC,YAAY,EACd,CAAC,CAAC,gBAAgB,EAEtB,aAAa,CAAC,MAAM,EAChB,CAAC,CAAC,aAAa,EACf,CAAC,CAAC,iBAAiB,EAWnC;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAAoG,SACvG,KADG,cAAc,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,cAAc,CAAC,EACtG;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,wFAAA,UACN,EAAwG,SAC3G,KADG,cAAc,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,eAAe,CAAC,EAC1G;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAAoG,SACvG,KADG,cAAc,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,cAAc,CAAC,EACtG;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,sIAAA,mBACG,EAAoB,0BACf,EAA0B,kBAE3C,KAHY,aAAa,CAAC,MAAM,EACf,CAAC,CAAC,wBAAwB,EAE1C;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,0TAAA,4BACY,EAAc,8CAExB,EAAa,uBACT,EAAgB,qIAKV,EAAc,SACnC,KATqB,CAAC,CAAC,YAAY,EAExB,CAAC,CAAC,WAAW,EACT,CAAC,CAAC,cAAc,EAKV,CAAC,CAAC,YAAY,EAClC;QACJ,CAAC;QACD,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,eAAe,CACf,CAAC,CAAC,gCAAgC,EAClC,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,cAAc,EAChB,CAAC,CAAC,4BAA4B,EAC9B,CAAC,CAAC,kBAAkB,CACrB,EACD;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,eAAe,CACf,CAAC,CAAC,gCAAgC,EAClC,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,eAAe,EACjB,CAAC,CAAC,4BAA4B,EAC9B,CAAC,CAAC,kBAAkB,CACrB,EACD;QACJ,CAAC;QACD,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,eAAe,CACf,CAAC,CAAC,gCAAgC,EAClC,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,cAAc,EAChB,CAAC,CAAC,4BAA4B,EAC9B,CAAC,CAAC,kBAAkB,CACrB,EACD;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,sIAAA,8BAEJ,EAAsC,aACtC,EAA8D,kBAEnE,KAHK,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACtC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAElE;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,sIAAA,8BAEJ,EAAsC,aACtC,EAAgE,kBAErE,KAHK,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACtC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAEpE;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,sIAAA,8BAEJ,EAAsC,aACtC,EAA8D,kBAEnE,KAHK,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACtC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAElE;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,kXAAA,4BACY,EAAqB,yBACzB,EAAyB,gOAWzB,EAAyB,kBAE1C,KAdqB,CAAC,CAAC,mBAAmB,EACzB,CAAC,CAAC,uBAAuB,EAWzB,CAAC,CAAC,uBAAuB,EAEzC;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,0FAAA,UACN,EAAyC,SAC5C,KADG,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAC3C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,0FAAA,UACN,EAA0C,SAC7C,KADG,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAC5C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,0FAAA,UACN,EAAyC,SAC5C,KADG,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAC3C;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,oIAAA,2CAEQ,EAA8B,kBAE/C,KAFiB,CAAC,CAAC,4BAA4B,EAE9C;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,gNAAA,2IAOT,KAAC;QACJ,CAAC;QAED,QAAQ,YAAC,CAAQ;YACf,OAAO,GAAG,iTAAA,sBACM,EAAiB,yJAEjB,EAAqB,yDACpC,KAHe,CAAC,CAAC,eAAe,EAEjB,CAAC,CAAC,mBAAmB,EACnC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,8KAAA,mBACG,EAAqB,yBAChB,EAAiB,8CAExB,EAAgB,SAC1B,KAJY,CAAC,CAAC,mBAAmB,EAChB,CAAC,CAAC,eAAe,EAExB,CAAC,CAAC,cAAc,EACzB;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,iGAAA,iBACC,EAAmB,SAC7B,KADU,CAAC,CAAC,iBAAiB,EAC5B;QACJ,CAAC;QAED,WAAW;YACT,OAAO,GAAG,2GAAA,sCAET,KAAC;QACJ,CAAC;KACF,CAAC;AAnN8D,CAmN9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins.js';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n}));\n"]}

package/components/Radio/index.d.ts

@@ -1 +1 @@
-export { default, RadioProps, SyntheticRadioEvent } from './Radio';
+export * from './Radio.js';

package/components/Radio/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Radio_1 = require("./Radio");
-exports["default"] = Radio_1["default"];
+export * from './Radio.js';
+//# sourceMappingURL=index.js.map

package/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,iCAAmE;AAA1D,0BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Radio/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Radio.js';\n"]}

package/components/RadioGroup/Prevent.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
-export interface PreventProps {
-    children?: React.ReactNode;
-}
-declare class Prevent extends React.Component<PreventProps> {
-    render(): JSX.Element;
-    private _prevent;
-}
-export default Prevent;
+import React from 'react';
+export interface PreventProps {
+    children?: React.ReactNode;
+}
+export declare class Prevent extends React.Component<PreventProps> {
+    render(): React.JSX.Element;
+    private _prevent;
+}

package/components/RadioGroup/Prevent.js

@@ -1,20 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Prevent = /** @class */function (_super) {
-  tslib_1.__extends(Prevent, _super);
-  function Prevent() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this._prevent = function (event) {
-      event.stopPropagation();
-      event.preventDefault();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
     };
-    return _this;
-  }
-  Prevent.prototype.render = function () {
-    return React.createElement("span", { onClick: this._prevent }, this.props.children);
-  };
-  return Prevent;
-}(React.Component);
-exports["default"] = Prevent;
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from 'react';
+var Prevent = /** @class */ (function (_super) {
+    __extends(Prevent, _super);
+    function Prevent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._prevent = function (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        };
+        return _this;
+    }
+    Prevent.prototype.render = function () {
+        return React.createElement("span", { onClick: this._prevent }, this.props.children);
+    };
+    return Prevent;
+}(React.Component));
+export { Prevent };
+//# sourceMappingURL=Prevent.js.map

package/components/RadioGroup/Prevent.js.map

@@ -1 +1 @@
-{"version":3,"file":"Prevent.js","sourceRoot":"","sources":["Prevent.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAM/B;IAAsB,mCAA6B;IAAnD;QAAA,qEASC;QAJS,cAAQ,GAAG,UAAC,KAAwC;YAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;;IACJ,CAAC;IARQ,wBAAM,GAAb;QACE,OAAO,8BAAM,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACpE,CAAC;IAMH,cAAC;AAAD,CAAC,AATD,CAAsB,KAAK,CAAC,SAAS,GASpC;AAED,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"Prevent.js","sourceRoot":"","sources":["../../../components/RadioGroup/Prevent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;IAA6B,2BAA6B;IAA1D;;QAKU,cAAQ,GAAG,UAAC,KAAwC;YAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;;IACJ,CAAC;IARQ,wBAAM,GAAb;QACE,OAAO,8BAAM,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACpE,CAAC;IAMH,cAAC;AAAD,CAAC,AATD,CAA6B,KAAK,CAAC,SAAS,GAS3C","sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render(): React.JSX.Element {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"]}

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,140 +1,86 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import Prevent from './Prevent';
-import { SyntheticRadioEvent } from '../Radio';
-export declare type ItemType<T> = T | [T, React.ReactNode];
-export interface RadioGroupProps<T> {
-    defaultValue?: T;
-    value?: T;
-    items?: Array<ItemType<T>>;
-    name?: string;
-    disabled?: boolean;
-    warning?: boolean;
-    error?: boolean;
-    inline?: boolean;
-    width?: React.CSSProperties['width'];
-    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
-    onChange?: (event: SyntheticRadioEvent<T>, value: T) => any;
-    onBlur?: (event: FocusEvent) => void;
-    onMouseLeave?: () => any;
-    onMouseOver?: () => any;
-    onMouseEnter?: () => any;
-}
-export interface RadioGroupState<T> {
-    activeItem?: T;
-}
-declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static childContextTypes: {
-        error: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        activeItem: PropTypes.Requireable<any>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static propTypes: {
-        /**
-         * Может быть использовано, если не передан параметр `items`
-         *
-         * `children` может содержать любую разметку с компонентами Radio.
-         * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
-         * как и параметр `value` самой радиогруппы.
-         *
-         * Значения активного элемента сравниваются по строгому равенству `===`
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-         * или значей из параметра `items`
-         */
-        defaultValue: PropTypes.Requireable<any>;
-        /**
-         * Дизейблит все радиокнопки
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Переводит все радиокнопки в состоянии ошибки
-         */
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Выравнивает элементы в строку. Не работает с `children`
-         */
-        inline: PropTypes.Requireable<boolean>;
-        /**
-         * Может быть использовано, если не передан параметр `children`
-         *
-         * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-         * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-         * — значение которое будет использовано вторым параметром в `renderItem`.
-         * Если тип `items: Array<Value>`, то он будет приведен к типу
-         * `Array<[Value, Value]>`
-         */
-        items: PropTypes.Requireable<any>;
-        /**
-         * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-         * случайное имя по алгоритму
-         * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)
-         */
-        name: PropTypes.Requireable<string>;
-        /**
-         * Метод отрисовки контента радиокнопки. Не работает с `children`.
-         *
-         * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-         */
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-         * Если не указано, то компонент будет работать, как неконтроллируемый
-         */
-        value: PropTypes.Requireable<any>;
-        /**
-         * Переводит все радиокнопки в состоянии предупреждения
-         */
-        warning: PropTypes.Requireable<boolean>;
-        /**
-         * Ширина радиогруппы. Не работает с `children`
-         */
-        width: PropTypes.Requireable<string | number>;
-        /**
-         * Обработчик события при переключении радиокнопок.
-         * Имеет тип
-         * `(event: SyntheticInputEvent<HTMLInputElement>, value: Value) => any`
-         */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        renderItem: typeof renderItem;
-    };
-    static Prevent: typeof Prevent;
-    private node;
-    private _name;
-    private getProps;
-    constructor(props: RadioGroupProps<T>);
-    getChildContext(): {
-        activeItem: T | undefined;
-        onSelect: (event: SyntheticRadioEvent<T>, value: T) => void;
-        name: string;
-        disabled: boolean | undefined;
-        error: boolean | undefined;
-        warning: boolean | undefined;
-    };
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    private _getValue;
-    private _getName;
-    private _isControlled;
-    private _handleSelect;
-    private _renderChildren;
-    private _renderRadio;
-    private _ref;
-}
-export default RadioGroup;
-declare function renderItem(_value: any, data: React.ReactNode): React.ReactNode;
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import { Prevent } from './Prevent.js';
+export interface RadioGroupProps<T = string | number> extends CommonProps {
+    /** Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */
+    defaultValue?: T;
+    /** Значение группы радиокнопок. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать как неконтролируемый. */
+    value?: T;
+    /** Массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
+     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
+     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
+     * Может быть использовано, если не передан `children`. */
+    items?: T[] | Array<[T, React.ReactNode]>;
+    /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */
+    name?: string;
+    /** Получает уникальный ключ по элементу.
+     * @param item - элемент, по которому нужно получить ключ. */
+    toKey?: (item: T) => string | number;
+    /** Блокирует все радиокнопки в группе. */
+    disabled?: boolean;
+    /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */
+    warning?: boolean;
+    /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */
+    error?: boolean;
+    /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */
+    inline?: boolean;
+    /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */
+    width?: React.CSSProperties['width'];
+    /** Отрисовывает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.
+     * @param {Value} itemValue - значение радиокнопки.
+     * @param {Data} data - значение для отрисовки радиокнопки. */
+    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+    /** Событие изменения `value`. */
+    onValueChange?: (value: T) => void;
+    /** Событие потери радиогруппой фокуса. */
+    onBlur?: (event: FocusEvent) => void;
+    /** Событие ухода мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: () => any;
+    /** Событие наведения мышкой (событие `onmouseover`). */
+    onMouseOver?: () => any;
+    /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: () => any;
+}
+export interface RadioGroupState<T> {
+    activeItem?: T;
+}
+export declare const RadioGroupDataTids: {
+    readonly root: "RadioGroup__root";
+};
+type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
+/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */
+export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    static Prevent: typeof Prevent;
+    private emotion;
+    private cx;
+    private styles;
+    private node;
+    private name;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    constructor(props: RadioGroupProps<T>);
+    private getRadioGroupContextValue;
+    render(): React.JSX.Element;
+    /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */
+    focus(): void;
+    private getValue;
+    private getName;
+    private isControlled;
+    private handleSelect;
+    private renderChildren;
+    private renderRadio;
+    private getKeyByItem;
+    private ref;
+}
+export {};