@skbkontur/react-ui 5.4.7-1b16b.0 → 5.4.7-7ccf0.0

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

@@ -0,0 +1,78 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+import { memoizeGetStyles, prefix } from "../../../lib/theming/Emotion";
+import { afterOutlineMixin, circleSizeMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin } from "../Radio.mixins";
+export var globalClasses = prefix('radio')({
+  circle: 'circle'
+});
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 rootSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+    },
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+    },
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+    },
+    rootChecked: function rootChecked(t) {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
+    },
+    circle: function circle(t) {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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 circleSmall(t) {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+    },
+    circleMedium: function circleMedium(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+    },
+    circleLarge: function circleLarge(t) {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+    },
+    focus: function focus(t) {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
+    },
+    warning: function warning(t) {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
+    },
+    error: function error(t) {
+      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
+    },
+    checked: function checked(t) {
+      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\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 checkedSmall(t) {
+      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
+    },
+    checkedMedium: function checkedMedium(t) {
+      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
+    },
+    checkedLarge: function checkedLarge(t) {
+      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
+    },
+    checkedDisabled: function checkedDisabled(t) {
+      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
+    },
+    input: function input() {
+      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    },
+    disabled: function disabled(t) {
+      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\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 caption(t) {
+      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
+    },
+    captionDisabled: function captionDisabled(t) {
+      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
+    },
+    placeholder: function placeholder() {
+      return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    }
+  };
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeGetStyles","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","getStyles","_ref","css","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","_templateObject2","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","_templateObject3","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","_templateObject4","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootChecked","_templateObject5","radioCheckedHoverBgColor","_templateObject6","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","_templateObject7","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","_templateObject8","circleLarge","_templateObject9","focus","_templateObject10","radioOutlineWidth","radioFocusShadow","radioBorderColorFocus","warning","_templateObject11","radioBorderColorWarning","error","_templateObject12","radioBorderColorError","checked","_templateObject13","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","_templateObject14","radioBulletSizeSmall","checkedMedium","_templateObject15","radioBulletSizeMedium","checkedLarge","_templateObject16","radioBulletSizeLarge","checkedDisabled","_templateObject17","radioCheckedDisabledBulletBg","input","_templateObject18","disabled","_templateObject19","radioDisabledBg","radioDisabledShadow","caption","_templateObject20","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionDisabled","_templateObject21","textColorDisabled","placeholder","_templateObject22"],"sources":["Radio.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins';\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"],"mappings":"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","ignoreList":[]}

package/components/Radio/Radio.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Radio/Radio.styles.js",
+  "module": "Radio.styles",
+  "types": "../Radio.styles.d.ts",
+  "sideEffects": false
+}

package/components/Radio/Radio.styles.d.ts

@@ -1,8 +1,8 @@
-import type { Theme } from '../../lib/theming/Theme.js';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     circle: string;
 };
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;

package/components/Radio/index/index.js

@@ -0,0 +1 @@
+export * from "../Radio";

package/components/Radio/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './Radio';\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}

package/components/Radio/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Radio/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Radio/index.d.ts

@@ -1 +1 @@
-export * from './Radio.js';
+export * from './Radio';

package/components/Radio/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Radio/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/Prevent/Prevent.js

@@ -0,0 +1,24 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+export var Prevent = /*#__PURE__*/function (_React$Component) {
+  function Prevent() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this._prevent = function (event) {
+      event.stopPropagation();
+      event.preventDefault();
+    };
+    return _this;
+  }
+  _inheritsLoose(Prevent, _React$Component);
+  var _proto = Prevent.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("span", {
+      onClick: this._prevent
+    }, this.props.children);
+  };
+  return Prevent;
+}(React.Component);

package/components/RadioGroup/Prevent/Prevent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Prevent","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","_prevent","event","stopPropagation","preventDefault","_inheritsLoose","_proto","prototype","render","createElement","onClick","props","children","Component"],"sources":["Prevent.tsx"],"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() {\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"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;AAMzB,WAAaC,OAAO,0BAAAC,gBAAA,YAAAD,QAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAKVU,QAAQ,GAAG,UAACC,KAAwC,EAAK;MAC/DA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;IACxB,CAAC,QAAAb,KAAA,EAAAc,cAAA,CAAAhB,OAAA,EAAAC,gBAAA,MAAAgB,MAAA,GAAAjB,OAAA,CAAAkB,SAAA,CAAAD,MAAA,CAPME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBAAOpB,KAAA,CAAAqB,aAAA,WAAMC,OAAO,EAAE,IAAI,CAACT,QAAS,IAAE,IAAI,CAACU,KAAK,CAACC,QAAe,CAAC,CACnE,CAAC,QAAAvB,OAAA,GAH0BD,KAAK,CAACyB,SAAS","ignoreList":[]}

package/components/RadioGroup/Prevent/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/Prevent.js",
+  "module": "Prevent",
+  "types": "../Prevent.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/RadioGroup/RadioGroup.js

@@ -0,0 +1,180 @@
+import _createForOfIteratorHelperLoose from "@babel/runtime/helpers/esm/createForOfIteratorHelperLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _RadioGroup;
+import React from 'react';
+import invariant from 'invariant';
+import { getRandomID, isNonNullable } from "../../../lib/utils";
+import { Radio } from "../../Radio";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { FocusTrap } from "../../../internal/FocusTrap";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../RadioGroup.styles";
+import { Prevent } from "../Prevent";
+import { RadioGroupContext } from "../RadioGroupContext";
+export var RadioGroupDataTids = {
+  root: 'RadioGroup__root'
+};
+
+/**
+ * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
+ *
+ * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
+ * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
+ *
+ * Значения активного элемента сравниваются по строгому равенству `===`.
+ */
+export var RadioGroup = withRenderEnvironment(_class = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (_React$Component) {
+  function RadioGroup(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.name = getRandomID();
+    _this.getProps = createPropsGetter(RadioGroup.defaultProps);
+    _this.getRadioGroupContextValue = function () {
+      return {
+        activeItem: _this.getValue(),
+        onSelect: _this.handleSelect,
+        name: _this.getName(),
+        disabled: _this.props.disabled,
+        error: _this.props.error,
+        warning: _this.props.warning
+      };
+    };
+    _this.getValue = function () {
+      return _this.isControlled() ? _this.props.value : _this.state.activeItem;
+    };
+    _this.getName = function () {
+      return _this.props.name || _this.name;
+    };
+    _this.isControlled = function () {
+      return isNonNullable(_this.props.value);
+    };
+    _this.handleSelect = function (value) {
+      if (!_this.isControlled()) {
+        _this.setState({
+          activeItem: value
+        });
+      }
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(value);
+      }
+    };
+    _this.renderRadio = function (itemValue, data, index) {
+      var _this$cx;
+      var itemProps = {
+        key: _this.getKeyByItem(itemValue),
+        className: _this.cx((_this$cx = {}, _this$cx[_this.styles.item()] = true, _this$cx[_this.styles.itemFirst()] = index === 0, _this$cx[_this.styles.itemInline()] = !!_this.props.inline, _this$cx))
+      };
+      return /*#__PURE__*/(
+        React.createElement("span", _extends({}, itemProps, {
+          role: "presentation"
+        }), /*#__PURE__*/
+        React.createElement(Radio, {
+          value: itemValue
+        }, _this.getProps().renderItem(itemValue, data)))
+      );
+    };
+    _this.getKeyByItem = function (itemValue) {
+      if (_this.props.toKey) {
+        return _this.props.toKey(itemValue);
+      }
+      return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;
+    };
+    _this.ref = function (element) {
+      _this.node = element;
+    };
+    _this.state = {
+      activeItem: _this.props.defaultValue
+    };
+    return _this;
+  }
+  _inheritsLoose(RadioGroup, _React$Component);
+  var _proto = RadioGroup.prototype;
+  _proto.render = function render() {
+    var _this$cx2;
+    var _this$props = this.props,
+      width = _this$props.width,
+      onMouseLeave = _this$props.onMouseLeave,
+      onMouseOver = _this$props.onMouseOver,
+      onMouseEnter = _this$props.onMouseEnter,
+      onBlur = _this$props.onBlur,
+      ariaDescribedby = _this$props['aria-describedby'],
+      disabled = _this$props.disabled;
+    var style = {
+      width: width != null ? width : 'auto'
+    };
+    var handlers = {
+      onMouseOver: onMouseOver,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    };
+    this.styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props, getVisualStateDataAttributes({
+      disabled: disabled
+    })), /*#__PURE__*/React.createElement(FocusTrap, {
+      onBlur: onBlur
+    }, /*#__PURE__*/React.createElement("span", _extends({
+      "data-tid": RadioGroupDataTids.root,
+      ref: this.ref,
+      style: style,
+      className: this.cx((_this$cx2 = {}, _this$cx2[this.styles.root()] = true, _this$cx2)),
+      role: "radiogroup"
+    }, handlers, {
+      "aria-describedby": ariaDescribedby
+    }), /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+      value: this.getRadioGroupContextValue()
+    }, this.renderChildren()))));
+  } /**
+    * @public
+    */;
+  _proto.focus = function focus() {
+    var node = this.node;
+    if (!node) {
+      return;
+    }
+    var radio = node.querySelector('input[type="radio"]:checked'); // If no checked radios, try get first radio
+    if (!radio || radio.disabled) {
+      radio = node.querySelector('input[type="radio"]:not([disabled])');
+    }
+    if (radio) {
+      radio.focus();
+    }
+  };
+  _proto.renderChildren = function renderChildren() {
+    var _this$props2 = this.props,
+      items = _this$props2.items,
+      children = _this$props2.children;
+    invariant(!items && children || items && !children, 'Either items or children must be passed, not both');
+    return items ? mapItems(this.renderRadio, items) : children;
+  };
+  return RadioGroup;
+}(React.Component), _RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup', _RadioGroup.displayName = 'RadioGroup', _RadioGroup.defaultProps = {
+  renderItem: renderItem
+}, _RadioGroup.Prevent = Prevent, _RadioGroup)) || _class) || _class;
+function renderItem(_value, data) {
+  return data;
+}
+function mapItems(fn, items) {
+  var result = [];
+  var index = 0;
+  for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
+    var entry = _step.value;
+    var _normalizeEntry = normalizeEntry(entry),
+      value = _normalizeEntry[0],
+      data = _normalizeEntry[1];
+    result.push(fn(value, data, index));
+    ++index;
+  }
+  return result;
+}
+function normalizeEntry(entry) {
+  if (!Array.isArray(entry)) {
+    return [entry, entry];
+  }
+  return entry;
+}

package/components/RadioGroup/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","rootNode","getVisualStateDataAttributes","withRenderEnvironment","getStyles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","_class","_RadioGroup","_React$Component","props","_this","call","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","_this$cx","itemProps","key","getKeyByItem","className","cx","styles","item","itemFirst","itemInline","inline","createElement","_extends","role","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose","_proto","prototype","render","_this$cx2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","emotion","rootNodeRef","setRootNode","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","_iterator","_createForOfIteratorHelperLoose","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */\n  defaultValue?: T;\n\n  /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать, как неконтролируемый. */\n  value?: T;\n\n  /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n   * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n   * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n   * Может быть использовано, если не передан параметр `children`. */\n  items?: T[] | Array<[T, React.ReactNode]>;\n\n  /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */\n  name?: string;\n\n  /** Получает уникальный ключ по элементу\n   * @param item - элемент, по которуму нужно получить ключ. */\n  toKey?: (item: T) => string | number;\n\n  /** Делает все радиокнопки недоступными. */\n  disabled?: boolean;\n\n  /** Переводит все радиокнопки в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Переводит все радиокнопки в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Выравнивает элементы items в строку. Не работает с children. */\n  inline?: boolean;\n\n  /** Задает ширину радиогруппы. Не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.\n   * @param {Value} itemValue - значение радиокнопки.\n   * @param {Data} data - значение для отрисовки радиокнопки. */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n  /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */\n  onBlur?: (event: FocusEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: () => any;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: () => any;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/**\n * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.\n *\n * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.\n *\n * Значения активного элемента сравниваются по строгому равенству `===`.\n */\n@withRenderEnvironment\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n  public static displayName = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render() {\n    const {\n      width,\n      onMouseLeave,\n      onMouseOver,\n      onMouseEnter,\n      onBlur,\n      'aria-describedby': ariaDescribedby,\n      disabled,\n    } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <FocusTrap onBlur={onBlur}>\n          <span\n            data-tid={RadioGroupDataTids.root}\n            ref={this.ref}\n            style={style}\n            className={this.cx({\n              [this.styles.root()]: true,\n            })}\n            role=\"radiogroup\"\n            {...handlers}\n            aria-describedby={ariaDescribedby}\n          >\n            <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n              {this.renderChildren()}\n            </RadioGroupContext.Provider>\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: this.cx({\n        [this.styles.item()]: true,\n        [this.styles.itemFirst()]: index === 0,\n        [this.styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry as unknown as React.ReactNode];\n  }\n  return entry;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/RadioGroup/RadioGroup/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/RadioGroup.js",
+  "module": "RadioGroup",
+  "types": "../RadioGroup.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,8 @@
 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';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import { Prevent } from './Prevent';
 export interface RadioGroupProps<T = string | number> extends CommonProps {
     /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */
     defaultValue?: T;

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js

@@ -0,0 +1,20 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    "])));
+    },
+    item: function item() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
+    },
+    itemFirst: function itemFirst() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n    "])));
+    },
+    itemInline: function itemInline() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
+    }
+  };
+});

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","item","_templateObject2","itemFirst","_templateObject3","itemInline","_templateObject4"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;IAOZ,CAAC;;IAEDC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;IAKZ,CAAC;;IAEDG,SAAS,WAAAA,UAAA,EAAG;MACV,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAGZ,CAAC;;IAEDK,UAAU,WAAAA,WAAA,EAAG;MACX,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;IAMZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/components/RadioGroup/RadioGroup.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/RadioGroup.styles.js",
+  "module": "RadioGroup.styles",
+  "types": "../RadioGroup.styles.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/RadioGroup.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     item(): string;
     itemFirst(): string;

package/components/RadioGroup/RadioGroupContext/RadioGroupContext.js

@@ -0,0 +1,12 @@
+import React from 'react';
+export var RadioGroupContext = /*#__PURE__*/React.createContext({
+  activeItem: undefined,
+  onSelect: function onSelect() {
+    return undefined;
+  },
+  name: '',
+  disabled: undefined,
+  error: undefined,
+  warning: undefined
+});
+RadioGroupContext.displayName = 'RadioGroupContext';

package/components/RadioGroup/RadioGroupContext/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RadioGroupContext","createContext","activeItem","undefined","onSelect","name","disabled","error","warning","displayName"],"sources":["RadioGroupContext.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface RadioGroupContextType<T> {\n  activeItem: T | undefined;\n  onSelect: (value: T) => void;\n  name: string;\n  disabled: boolean | undefined;\n  error: boolean | undefined;\n  warning: boolean | undefined;\n}\n\nexport const RadioGroupContext = React.createContext<RadioGroupContextType<any>>({\n  activeItem: undefined,\n  onSelect: () => undefined,\n  name: '',\n  disabled: undefined,\n  error: undefined,\n  warning: undefined,\n});\n\nRadioGroupContext.displayName = 'RadioGroupContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;AAWzB,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAA6B;EAC/EC,UAAU,EAAEC,SAAS;EACrBC,QAAQ,EAAE,SAAAA,SAAA,UAAMD,SAAS;EACzBE,IAAI,EAAE,EAAE;EACRC,QAAQ,EAAEH,SAAS;EACnBI,KAAK,EAAEJ,SAAS;EAChBK,OAAO,EAAEL;AACX,CAAC,CAAC;;AAEFH,iBAAiB,CAACS,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/components/RadioGroup/RadioGroupContext/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/RadioGroupContext.js",
+  "module": "RadioGroupContext",
+  "types": "../RadioGroupContext.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/index/index.js

@@ -0,0 +1 @@
+export * from "../RadioGroup";

package/components/RadioGroup/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './RadioGroup';\n"],"mappings":"AAAA,cAAc,cAAc","ignoreList":[]}

package/components/RadioGroup/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/index.d.ts

@@ -1 +1 @@
-export * from './RadioGroup.js';
+export * from './RadioGroup';

package/components/RadioGroup/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/RadioGroup/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js

@@ -0,0 +1,24 @@
+import React, { useEffect } from 'react';
+import { isFunction } from "../../../lib/utils";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { useResponsiveLayout } from "../useResponsiveLayout";
+
+/**
+ * Компонент `ResponsiveLayout` для определения текущего лэйаута.
+ */
+export function ResponsiveLayout(props) {
+  var _props$children, _props$children2;
+  var layoutFlags = useResponsiveLayout({
+    customMediaQueries: props.customMediaQueries
+  });
+  useEffect(function () {
+    if (props.onLayoutChange) {
+      props.onLayoutChange(layoutFlags);
+    }
+  }, [layoutFlags]);
+  return /*#__PURE__*/(
+    React.createElement(CommonWrapper, props, isFunction(props.children) ? (_props$children = props.children(layoutFlags)) != null ? _props$children : null : (_props$children2 = props.children) != null ? _props$children2 : null)
+  );
+}
+ResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';
+ResponsiveLayout.displayName = 'ResponsiveLayout';

package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/components/ResponsiveLayout/ResponsiveLayout/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/ResponsiveLayout/ResponsiveLayout.js",
+  "module": "ResponsiveLayout",
+  "types": "../ResponsiveLayout.d.ts",
+  "sideEffects": false
+}

package/components/ResponsiveLayout/ResponsiveLayout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types.js';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
 interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
     /** Задает функцию, которая вызывается при изменении лейаута. */
     onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;