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

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js

@@ -0,0 +1,11 @@
+import { isChrome, isFirefox } from "../../../lib/client";
+import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
+export var checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize) {
+  return "\n    line-height: " + lineHeight + ";\n    font-size: " + fontSize + ";\n    padding: " + paddingY + " 0;\n\n    &::before {\n      width: " + checkboxBoxSize + ";\n    }\n  ";
+};
+export var boxWrapperSizeMixin = function boxWrapperSizeMixin(labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY) {
+  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
+  var boxFontSize = parseInt(fontSize);
+  var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
+  return "\n    width: " + checkboxBoxSize + ";\n    height: " + checkboxBoxSize + ";\n    margin-top: calc(" + checkboxBoxOffsetY + " + " + baselineCompensation + "px);\n  ";
+};

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n  return `\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return `\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH;EACiBF,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe;;;AAG9B,CAAC;;AAED,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCL,QAAgB;AAChBG,eAAuB;AACvBG,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACR,QAAQ,CAAC;EACtC,IAAMU,oBAAoB,GAAGZ,mCAAmC;IAC9DW,WAAW;IACXF,yBAAyB;IACzBX,QAAQ;IACRC;EACF,CAAC;;EAED;EACWM,eAAe;EACdA,eAAe;EACNG,kBAAkB,WAAMI,oBAAoB;;AAEnE,CAAC","ignoreList":[]}

package/components/Checkbox/Checkbox.mixins/package.json

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

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js

@@ -0,0 +1,75 @@
+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;
+import { memoizeGetStyles, prefix } from "../../../lib/theming/Emotion";
+import { boxWrapperSizeMixin, checkboxSizeMixin } from "../Checkbox.mixins";
+export var globalClasses = prefix('checkbox')({
+  box: 'box'
+});
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "])), globalClasses.box, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, globalClasses.box, t.checkboxHoverBg, t.checkboxShadowHover, globalClasses.box, t.checkboxShadowActive, t.checkboxActiveBg);
+    },
+    rootSmall: function rootSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), checkboxSizeMixin(t.checkboxFontSizeSmall, t.checkboxLineHeightSmall, t.checkboxPaddingYSmall, t.checkboxBoxSizeSmall));
+    },
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), checkboxSizeMixin(t.checkboxFontSizeMedium, t.checkboxLineHeightMedium, t.checkboxPaddingYMedium, t.checkboxBoxSizeMedium));
+    },
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), checkboxSizeMixin(t.checkboxFontSizeLarge, t.checkboxLineHeightLarge, t.checkboxPaddingYLarge, t.checkboxBoxSizeLarge));
+    },
+    rootDisableTextSelect: function rootDisableTextSelect() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
+    },
+    rootChecked: function rootChecked(t) {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])), globalClasses.box, t.checkboxCheckedHoverShadow, t.checkboxCheckedHoverBg, globalClasses.box, t.checkboxCheckedActiveBg, t.checkboxCheckedActiveShadow);
+    },
+    boxWrapper: function boxWrapper(t) {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n    )};\n    "])), t.checkboxBorderWidth);
+    },
+    boxWrapperSmall: function boxWrapperSmall(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeSmall, t.checkboxBoxSizeSmall, t.checkboxBoxOffsetY));
+    },
+    boxWrapperMedium: function boxWrapperMedium(t) {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeMedium, t.checkboxBoxSizeMedium, t.checkboxBoxOffsetY));
+    },
+    boxWrapperLarge: function boxWrapperLarge(t) {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeLarge, t.checkboxBoxSizeLarge, t.checkboxBoxOffsetY));
+    },
+    box: function box(t) {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])), t.checkboxTextColorDefault, t.checkboxShadow, t.checkboxBg, t.checkboxBorderRadius);
+    },
+    input: function input() {
+      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    },
+    boxWarning: function boxWarning(t) {
+      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
+    },
+    boxError: function boxError(t) {
+      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorError);
+    },
+    boxChecked: function boxChecked(t) {
+      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])), t.checkboxCheckedBg, t.checkboxCheckedColor, t.checkboxCheckedShadow);
+    },
+    boxFocus: function boxFocus(t) {
+      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+    },
+    boxDisabled: function boxDisabled(t) {
+      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])), t.checkboxShadowDisabled, t.checkboxBgDisabled, t.checkboxTextColorDisabled);
+    },
+    disabled: function disabled(t) {
+      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.checkboxTextColorDisabled);
+    },
+    icon: function icon() {
+      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
+    },
+    iconUnchecked: function iconUnchecked() {
+      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    },
+    caption: function caption(t) {
+      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding-left: ", ";\n    "])), t.checkboxTextColorDefault, t.checkboxCaptionGap);
+    }
+  };
+});

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeGetStyles","prefix","boxWrapperSizeMixin","checkboxSizeMixin","globalClasses","box","getStyles","_ref","css","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","_templateObject2","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","_templateObject3","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","_templateObject4","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","_templateObject5","rootChecked","_templateObject6","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","boxWrapper","_templateObject7","checkboxBorderWidth","boxWrapperSmall","_templateObject8","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","_templateObject9","boxWrapperLarge","_templateObject10","_templateObject11","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","_templateObject12","boxWarning","_templateObject13","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","_templateObject14","checkboxBorderColorError","boxChecked","_templateObject15","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","_templateObject16","checkboxBorderColorFocus","boxDisabled","_templateObject17","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","_templateObject18","icon","_templateObject19","iconUnchecked","_templateObject20","caption","_templateObject21","checkboxCaptionGap"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\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  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/components/Checkbox/Checkbox.styles/package.json

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

package/components/Checkbox/Checkbox.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: {
     box: 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/Checkbox/CheckedIcon/CheckedIcon.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { CheckAIcon16Solid } from "../../../internal/icons2022/CheckAIcon/CheckAIcon16Solid";
+import { CheckAIcon20Solid } from "../../../internal/icons2022/CheckAIcon/CheckAIcon20Solid";
+export var CheckedIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(CheckAIcon16Solid, {
+      size: 12
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(CheckAIcon16Solid, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(CheckAIcon20Solid, null);
+  }
+}, 'CheckedIcon');

package/components/Checkbox/CheckedIcon/CheckedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","CheckAIcon16Solid","CheckAIcon20Solid","CheckedIcon","small","createElement","size","medium","large"],"sources":["CheckedIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { CheckAIcon16Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon16Solid';\nimport { CheckAIcon20Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon20Solid';\n\nexport const CheckedIcon = iconSizer(\n  {\n    small: () => <CheckAIcon16Solid size={12} />,\n    medium: () => <CheckAIcon16Solid />,\n    large: () => <CheckAIcon20Solid />,\n  },\n  'CheckedIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,iBAAiB,QAAQ,uDAAuD;;AAEzF,OAAO,IAAMC,WAAW,GAAGH,SAAS;EAClC;IACEI,KAAK,EAAE,SAAAA,MAAA,uBAAML,KAAA,CAAAM,aAAA,CAACJ,iBAAiB,IAACK,IAAI,EAAE,EAAG,EAAE,CAAC;IAC5CC,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAM,aAAA,CAACJ,iBAAiB,MAAE,CAAC;IACnCO,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAM,aAAA,CAACH,iBAAiB,MAAE,CAAC;EACpC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Checkbox/CheckedIcon/package.json

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

package/components/Checkbox/CheckedIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const CheckedIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+export declare const CheckedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
 }>;

package/components/Checkbox/IndeterminateIcon/IndeterminateIcon.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { ShapeSquareIcon16Solid } from "../../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid";
+export var IndeterminateIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(ShapeSquareIcon16Solid, {
+      size: 6
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(ShapeSquareIcon16Solid, {
+      size: 8
+    });
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(ShapeSquareIcon16Solid, {
+      size: 10
+    });
+  }
+}, 'IndeterminateIcon');

package/components/Checkbox/IndeterminateIcon/IndeterminateIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","ShapeSquareIcon16Solid","IndeterminateIcon","small","createElement","size","medium","large"],"sources":["IndeterminateIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { ShapeSquareIcon16Solid } from '../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid';\n\nexport const IndeterminateIcon = iconSizer(\n  {\n    small: () => <ShapeSquareIcon16Solid size={6} />,\n    medium: () => <ShapeSquareIcon16Solid size={8} />,\n    large: () => <ShapeSquareIcon16Solid size={10} />,\n  },\n  'IndeterminateIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,sBAAsB,QAAQ,iEAAiE;;AAExG,OAAO,IAAMC,iBAAiB,GAAGF,SAAS;EACxC;IACEG,KAAK,EAAE,SAAAA,MAAA,uBAAMJ,KAAA,CAAAK,aAAA,CAACH,sBAAsB,IAACI,IAAI,EAAE,CAAE,EAAE,CAAC;IAChDC,MAAM,EAAE,SAAAA,OAAA,uBAAMP,KAAA,CAAAK,aAAA,CAACH,sBAAsB,IAACI,IAAI,EAAE,CAAE,EAAE,CAAC;IACjDE,KAAK,EAAE,SAAAA,MAAA,uBAAMR,KAAA,CAAAK,aAAA,CAACH,sBAAsB,IAACI,IAAI,EAAE,EAAG,EAAE,CAAC;EACnD,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Checkbox/IndeterminateIcon/package.json

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

package/components/Checkbox/IndeterminateIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const IndeterminateIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+export declare const IndeterminateIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
 }>;

package/components/Checkbox/index/index.js

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

package/components/Checkbox/index/index.js.map

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

package/components/Checkbox/index/package.json

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

package/components/Checkbox/index.d.ts

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

package/components/Checkbox/package.json

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

package/components/ComboBox/ComboBox/ComboBox.js

@@ -0,0 +1,123 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _ComboBox;
+import React from 'react';
+import { CustomComboBox } from "../../../internal/CustomComboBox";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+
+/**
+ * `ComboBox` — это поле ввода со списком подсказок.
+ *
+ * `ComboBox` используют:
+ * * для выбора значения из справочника.
+ * * для добавления своего значения в справочник.
+ *
+ * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.
+ * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.
+ */
+export var ComboBox = rootNode(_class = (_ComboBox = /*#__PURE__*/function (_React$Component) {
+  function ComboBox() {
+    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.getProps = createPropsGetter(ComboBox.defaultProps);
+    _this.comboboxElement = null;
+    _this.customComboBoxRef = function (element) {
+      _this.setRootNode(element);
+      _this.comboboxElement = element;
+    };
+    return _this;
+  }
+  _inheritsLoose(ComboBox, _React$Component);
+  var _proto = ComboBox.prototype; /**
+                                   * @public
+                                   */
+  _proto.focus = function focus(opts) {
+    if (this.comboboxElement) {
+      this.comboboxElement.focus(opts);
+    }
+  } /**
+    * @public
+    */;
+  _proto.blur = function blur() {
+    if (this.comboboxElement) {
+      this.comboboxElement.blur();
+    }
+  } /**
+    * Открывает выпадающий список и запускает поиск элементов
+    *
+    * @public
+    * @param {string} [query] Текст поиска. По умолчанию берется
+    * текст из инпута или результат `valueToString(value)`
+    */;
+  _proto.search = function search(query) {
+    if (this.comboboxElement) {
+      this.comboboxElement.search(query);
+    }
+  } /**
+    * @public
+    */;
+  _proto.cancelSearch = function cancelSearch() {
+    if (this.comboboxElement) {
+      this.comboboxElement.cancelSearch();
+    }
+  } /**
+    * @public Открывает выпадающий список
+    */;
+  _proto.open = function open() {
+    if (this.comboboxElement) {
+      this.comboboxElement.open();
+    }
+  } /**
+    * @public Закрывает выпадающий список
+    */;
+  _proto.close = function close() {
+    if (this.comboboxElement) {
+      this.comboboxElement.close();
+    }
+  } /**
+    * Выделяет текст внутри input
+    * @public
+    */;
+  _proto.selectInputText = function selectInputText() {
+    if (this.comboboxElement) {
+      this.comboboxElement.selectInputText();
+    }
+  } /**
+    * Сбрасывает введенное пользователем значение
+    * @public
+    */;
+  _proto.reset = function reset() {
+    if (this.comboboxElement) {
+      this.comboboxElement.reset();
+    }
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(CustomComboBox, _extends({}, this.getProps(), {
+      size: this.props.size,
+      ref: this.customComboBoxRef
+    }));
+  };
+  return ComboBox;
+}(React.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = {
+  itemToValue: function itemToValue(item) {
+    return item.value;
+  },
+  valueToString: function valueToString(item) {
+    return item.label;
+  },
+  renderValue: function renderValue(item) {
+    return item.label;
+  },
+  renderItem: function renderItem(item) {
+    return item.label;
+  },
+  menuAlign: 'left',
+  searchOnFocus: true,
+  drawArrow: true,
+  showClearIcon: 'never',
+  viewMode: 'singleline'
+}, _ComboBox)) || _class;

package/components/ComboBox/ComboBox/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon","viewMode"],"sources":["ComboBox.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MenuItemState } from '../MenuItem';\nimport type { ShowClearIcon, InputIconType } from '../Input';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';\n\nexport type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>,\n    CommonProps {\n  /** Показывать иконку очистки значения в непустом поле:\n   * - `always` — всегда показывать иконку\n   * - `auto` — показывать иконку при hover/focus\n   * - `never` — не показывать иконку\n   * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.\n   *\n   * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  /** Задает функцию, которая вызывается при вставке значения в инпут с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n\n  /** Режим отображения комбобокса\n   * - `singleline` — однострочный\n   * - `multiline` — многострочный\n   * - `multiline-editing` — многострочный только при редактировании\n   *\n   * multiline-режимы не работают, если указан проп `mask`. В таком случае будет использован однострочный режим.\n   * @default singleline */\n  viewMode?: ComboBoxViewMode;\n\n  /** Максимальное кол-во строк для многострочных режимов отображения комбобокса */\n  maxRows?: number;\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n    | 'viewMode'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n    viewMode: 'singleline',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,cAAc,QAAQ,+BAA+B;;;;;;AAM9D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,iBAAiB,QAAQ,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8M/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,QAAQ,GADpBF,QAAQ,CAAAG,MAAA,IAAAC,SAAA,0BAAAC,gBAAA,YAAAH,SAAA,OAAAI,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;;;;;;;;;;;;;;;;IAiBCU,QAAQ,GAAGf,iBAAiB,CAACC,QAAQ,CAACe,YAAY,CAAC,CAAAX,KAAA;;IAEnDY,eAAe,GAAgC,IAAI,CAAAZ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsFnDa,iBAAiB,GAAG,UAACC,OAAoC,EAAK;MACpEd,KAAA,CAAKe,WAAW,CAACD,OAAO,CAAC;MACzBd,KAAA,CAAKY,eAAe,GAAGE,OAAO;IAChC,CAAC,QAAAd,KAAA,EAAAgB,cAAA,CAAApB,QAAA,EAAAG,gBAAA,MAAAkB,MAAA,GAAArB,QAAA,CAAAsB,SAAA,EArFD;AACF;AACA,KAFED,MAAA,CAGOE,KAAK,GAAZ,SAAAA,MAAaC,IAAwC,EAAE,CACrD,IAAI,IAAI,CAACR,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACO,KAAK,CAACC,IAAI,CAAC,CAClC,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAH,MAAA,CAGOI,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZ,IAAI,IAAI,CAACT,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACS,IAAI,CAAC,CAAC,CAC7B,CACF,CAAC,CAED;AACF;AACA;AACA;AACA;AACA;AACA,KANE,CAAAJ,MAAA,CAOOK,MAAM,GAAb,SAAAA,OAAcC,KAAc,EAAE,CAC5B,IAAI,IAAI,CAACX,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACU,MAAM,CAACC,KAAK,CAAC,CACpC,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAN,MAAA,CAGOO,YAAY,GAAnB,SAAAA,aAAA,EAAsB,CACpB,IAAI,IAAI,CAACZ,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACY,YAAY,CAAC,CAAC,CACrC,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAP,MAAA,CAGOQ,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZ,IAAI,IAAI,CAACb,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACa,IAAI,CAAC,CAAC,CAC7B,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAR,MAAA,CAGOS,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAACd,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACc,KAAK,CAAC,CAAC,CAC9B,CACF,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAT,MAAA,CAIOU,eAAe,GAAtB,SAAAA,gBAAA,EAAyB,CACvB,IAAI,IAAI,CAACf,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACe,eAAe,CAAC,CAAC,CACxC,CACF,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAV,MAAA,CAIOW,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAAChB,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACgB,KAAK,CAAC,CAAC,CAC9B,CACF,CAAC,CAAAX,MAAA,CAEMY,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBAAOrC,KAAA,CAAAsC,aAAA,CAACrC,cAAc,EAAAsC,QAAA,KAAK,IAAI,CAACrB,QAAQ,CAAC,CAAC,IAAEsB,IAAI,EAAE,IAAI,CAACC,KAAK,CAACD,IAAK,EAACE,GAAG,EAAE,IAAI,CAACrB,iBAAkB,GAAE,CAAC,CACpG,CAAC,QAAAjB,QAAA,GAtG6CJ,KAAK,CAAC2C,SAAS,GAAArC,SAAA,CAC/CsC,mBAAmB,GAAG,UAAU,EAAAtC,SAAA,CAChCuC,WAAW,GAAG,UAAU,EAAAvC,SAAA,CAExBa,YAAY,GAAsB,EAC9C2B,WAAW,EAAE,SAAAA,YAACC,IAAkB,UAAKA,IAAI,CAACC,KAAK,IAC/CC,aAAa,EAAE,SAAAA,cAACF,IAAkB,UAAKA,IAAI,CAACG,KAAK,IACjDC,WAAW,EAAE,SAAAA,YAACJ,IAAkB,UAAKA,IAAI,CAACG,KAAK,IAC/CE,UAAU,EAAE,SAAAA,WAACL,IAAkB,UAAKA,IAAI,CAACG,KAAK,IAC9CG,SAAS,EAAE,MAAM,EACjBC,aAAa,EAAE,IAAI,EACnBC,SAAS,EAAE,IAAI,EACfC,aAAa,EAAE,OAAO,EACtBC,QAAQ,EAAE,YAAY,CACxB,CAAC,EAAAnD,SAAA,MAAAD,MAAA","ignoreList":[]}

package/components/ComboBox/ComboBox/package.json

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

package/components/ComboBox/ComboBox.d.ts

@@ -1,12 +1,12 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
-import type { Nullable } from '../../typings/utility-types.js';
-import type { MenuItemState } from '../MenuItem/MenuItem.js';
-import type { ShowClearIcon, InputIconType } from '../Input/Input.js';
-import type { CommonProps } from '../../internal/CommonWrapper/types.js';
-import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput/MaskedInput.js';
+import type { Nullable } from '../../typings/utility-types';
+import type { MenuItemState } from '../MenuItem';
+import type { ShowClearIcon, InputIconType } from '../Input';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';
 export type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';
 export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>, CommonProps {
     /** Показывать иконку очистки значения в непустом поле:

package/components/ComboBox/index/index.js

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

package/components/ComboBox/index/index.js.map

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

package/components/ComboBox/index/package.json

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

package/components/ComboBox/index.d.ts

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

package/components/ComboBox/package.json

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