mimir-ui-kit 1.19.3 → 1.20.0

package/dist/{Input-C8BYj-Cv.js → Input-DdKAiGfJ.js}

@@ -91,6 +91,8 @@ const Input = memo(
         rightAddon,
         leftAddon,
         size = "m",
+        numbersOnly,
+        maxLength,
         ...otherProps
       } = props;
       const [isFocused, setIsFocused] = useState(autofocus);
@@ -128,9 +130,16 @@ const Input = memo(
         }
       };
       const handleChange = (event) => {
-        const targetValue = event.target.value;
-        setWithValue(!!targetValue);
+        let newValue = event.target.value;
+        if (numbersOnly) {
+          newValue = newValue.replace(/\D/g, "");
+        }
+        if (maxLength !== void 0) {
+          newValue = newValue.slice(0, maxLength);
+        }
+        event.target.value = newValue;
         onChange == null ? void 0 : onChange(event);
+        setWithValue(!!newValue);
       };
       const currentLeftAddon = renderAddon(leftAddon);
       const currentRightAddon = renderAddon(rightAddon);
@@ -188,6 +197,8 @@ const Input = memo(
                 readOnly: readonly,
                 value,
                 onChange: handleChange,
+                maxLength,
+                disabled: disabled2,
                 ...otherProps
               }
             ),

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_18bdh_2{--button-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_18bdh_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_18bdh_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_18bdh_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_18bdh_2._clear_18bdh_42:focus{box-shadow:none}._button_18bdh_2 svg{color:currentcolor;fill:currentcolor}._button_18bdh_2 svg path{color:currentcolor;fill:currentcolor}._default-button_18bdh_54._primary-sapphire_18bdh_54{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_18bdh_54._primary-citrine_18bdh_63{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_18bdh_54._secondary-asphalt_18bdh_72{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_18bdh_54._secondary-gray_18bdh_81{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_18bdh_54._secondary-white_18bdh_90{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_18bdh_54._secondary-red_18bdh_99{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_18bdh_109{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--space-s);--button-space-m: var(--space-xs);--button-space-s: var(--space-xs);--button-space-xs: var(--space-2xs);border-radius:var(--button-border-radius)}._round-button_18bdh_109._black_18bdh_120{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_18bdh_109._gray_18bdh_129{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_18bdh_109._white_18bdh_138{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._outline-button_18bdh_148{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color)}._outline-button_18bdh_148._outline-asphalt_18bdh_155{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_18bdh_148._outline-gray_18bdh_163{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_18bdh_148._outline-white_18bdh_172{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_18bdh_148._outline-red_18bdh_181{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._default-button_18bdh_54,._outline-button_18bdh_148{--button-space-xxl: var(--control-space-xxl);--button-space-xl: var(--control-space-l);--button-space-l: var(--space-m);--button-space-m: var(--space-m);--button-space-s: var(--space-xs);--button-space-xs: var(--space-2xs);--button-border-radius-xxl: var(--control-radius-s);--button-border-radius-xl: var(--control-radius-s);--button-border-radius-l: var(--control-radius);--button-border-radius-m: var(--control-radius);--button-border-radius-s: var(--control-radius-xs);--button-border-radius-xs: var(--control-radius-xs);border-radius:var(--button-border-radius)}._xs_18bdh_208{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--button-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m-s_18bdh_216{--button-height: var(--button-height-ms);--button-border-radius: var(--button-border-radius-s);font-weight:var(--font-weight-text-regular);--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._s_18bdh_72{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--button-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_18bdh_216{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--button-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_18bdh_240{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--button-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_18bdh_248{--button-height: var(--button-height-xl);--button-space: var(--button-space-xl);--button-gap: 8px;--button-border-radius: var(--button-border-radius-xl);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_18bdh_257{--button-height: var(--button-height-xxl);--button-space: var(--button-space-xxl);--button-border-radius: var(--button-border-radius-xxl);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._full_18bdh_266{display:flex;justify-content:center;width:100%}._disabled_18bdh_272{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_18bdh_272:hover,._disabled_18bdh_272:active,._disabled_18bdh_272:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_18bdh_272._outline-button_18bdh_148{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_18bdh_288{justify-content:center;min-width:var(--button-height);padding:0}
+._button_1ezof_2{--button-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1ezof_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_1ezof_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1ezof_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._button_1ezof_2._clear_1ezof_42:focus{box-shadow:none}._button_1ezof_2 svg{color:currentcolor;fill:currentcolor}._button_1ezof_2 svg path{color:currentcolor;fill:currentcolor}._default-button_1ezof_54._primary-sapphire_1ezof_54{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1ezof_54._primary-citrine_1ezof_63{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1ezof_54._secondary-asphalt_1ezof_72{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1ezof_54._secondary-gray_1ezof_81{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1ezof_54._secondary-white_1ezof_90{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_1ezof_54._secondary-red_1ezof_99{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_1ezof_109{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--space-s);--button-space-m: var(--space-xs);--button-space-s: var(--space-xs);--button-space-xs: var(--space-2xs);border-radius:var(--button-border-radius)}._round-button_1ezof_109._black_1ezof_120{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_1ezof_109._gray_1ezof_129{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_1ezof_109._white_1ezof_138{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._outline-button_1ezof_148{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color)}._outline-button_1ezof_148._outline-asphalt_1ezof_155{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_1ezof_148._outline-gray_1ezof_163{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_1ezof_148._outline-white_1ezof_172{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_1ezof_148._outline-red_1ezof_181{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._default-button_1ezof_54,._outline-button_1ezof_148{--button-space-xxl: var(--control-space-xxl);--button-space-xl: var(--control-space-l);--button-space-l: var(--space-m);--button-space-m: var(--space-m);--button-space-s: var(--space-xs);--button-space-xs: var(--space-2xs);--button-border-radius-xxl: var(--control-radius-s);--button-border-radius-xl: var(--control-radius-s);--button-border-radius-l: var(--control-radius);--button-border-radius-m: var(--control-radius);--button-border-radius-s: var(--control-radius-xs);--button-border-radius-xs: var(--control-radius-xs);border-radius:var(--button-border-radius)}._xs_1ezof_208{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--button-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m-s_1ezof_216{--button-height: var(--button-height-ms);--button-border-radius: var(--button-border-radius-s);font-weight:var(--font-weight-text-regular);--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._s_1ezof_72{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--button-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_1ezof_216{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--button-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1ezof_240{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--button-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1ezof_248{--button-height: var(--button-height-xl);--button-space: var(--button-space-xl);--button-gap: 8px;--button-border-radius: var(--button-border-radius-xl);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_1ezof_257{--button-height: var(--button-height-xxl);--button-space: var(--button-space-xxl);--button-border-radius: var(--button-border-radius-xxl);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._full_1ezof_266{display:flex;justify-content:center;width:100%}._disabled_1ezof_272{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1ezof_272:hover,._disabled_1ezof_272:active,._disabled_1ezof_272:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_1ezof_272._outline-button_1ezof_148{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_1ezof_288{justify-content:center;min-width:var(--button-height);padding:0}

package/dist/assets/Chip.css

@@ -0,0 +1 @@
+._chip_1ckvf_2{--chip-cursor: default;display:inline-flex;align-items:center;height:var(--chip-height);color:var(--chip-color);font-size:var(--chip-font-size);line-height:var(--chip-line-height);-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs);background-color:var(--chip-bg-color);border-radius:var(--chip-border-radius);cursor:default;cursor:var(--chip-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:var(--chip-space);padding-right:var(--chip-space)}._chip_1ckvf_2._with-action_1ckvf_18{--chip-cursor: pointer}._chip_1ckvf_2._with-action_1ckvf_18:hover{color:var(--chip-color-hover);background-color:var(--chip-bg-color-hover)}._chip_1ckvf_2._with-action_1ckvf_18:active{color:var(--chip-color-active);background-color:var(--chip-bg-color-active)}._chip_1ckvf_2._with-action_1ckvf_18:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._chip_1ckvf_2._with-action_1ckvf_18 svg{color:currentcolor;fill:currentcolor}._chip_1ckvf_2._with-action_1ckvf_18 svg path{color:currentcolor;fill:currentcolor}._chip_1ckvf_2._disabled_1ckvf_40{--chip-color: var(--light-text);--chip-bg-color: var(--disabled);--chip-bg-color-hover: var(--disabled-color);--chip-bg-color-active: var(--disabled-color);--chip-cursor: not-allowed}._chip_1ckvf_2._disabled_1ckvf_40:focus-visible{box-shadow:none}._xs_1ckvf_51{--chip-font-size: var(--size-text-s);--chip-line-height: var(--line-height-text-xs);--chip-border-radius: var(--control-radius-m-s);--chip-height: 24px;--chip-space: var(--space-xs)}._s_1ckvf_59{--chip-font-size: var(--size-text-l);--chip-line-height: var(--line-height-text-xs);--chip-border-radius: var(--control-radius-m-s);--chip-height: 28px;--chip-space: var(--space-s)}._m_1ckvf_67{--chip-font-size: var(--size-text-m);--chip-line-height: var(--line-height-text-xs);--chip-border-radius: var(--control-radius-m);--chip-height: 40px;--chip-space: var(--space-m)}._sapphire_1ckvf_75{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--sapphire-normal);--chip-bg-color-hover: var(--sapphire-hover);--chip-bg-color-active: var(--sapphire-active)}._citrine_1ckvf_84{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--citrine-normal);--chip-bg-color-hover: var(--citrine-hover);--chip-bg-color-active: var(--citrine-active)}._asphalt_1ckvf_93{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--asphalt-normal);--chip-bg-color-hover: var(--asphalt-hover);--chip-bg-color-active: var(--asphalt-active)}._gray_1ckvf_102{--chip-color: var(--dark-text);--chip-color-hover: var(--sapphire-normal);--chip-color-active: var(--light-text);--chip-bg-color: var(--gray-normal);--chip-bg-color-hover: var(--gray-normal);--chip-bg-color-active: var(--gray-active)}._white_1ckvf_111{--chip-color: var(--dark-text);--chip-color-hover: var(--sapphire-normal);--chip-color-active: var(--light-text);--chip-bg-color: var(--white-normal);--chip-bg-color-hover: var(--white-normal);--chip-bg-color-active: var(--white-active)}._green_1ckvf_120{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--green-normal);--chip-bg-color-hover: var(--green-hover);--chip-bg-color-active: var(--green-active)}

package/dist/assets/index.css

@@ -1 +1 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-3xl: 26px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-5xl: 56px;--space-4xxl: 64px;--space-5xxl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 58px;--tab-trail-height-s: 36px;--accordion-icon-circle-size-m: 48px;--accordion-icon-circle-size-s: 36px;--accordion-icon-square-size-m: 40px;--accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-3xl: 26px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m-s: 16px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-5xl: 56px;--space-4xxl: 64px;--space-5xxl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 58px;--tab-trail-height-s: 36px;--accordion-icon-circle-size-m: 48px;--accordion-icon-circle-size-s: 36px;--accordion-icon-square-size-m: 40px;--accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/components/Button/Button.js

@@ -3,40 +3,40 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { EButtonVariantDefault, EButtonForm } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Button.css';const button = "_button_18bdh_2";
-const clear = "_clear_18bdh_42";
-const black = "_black_18bdh_120";
-const gray = "_gray_18bdh_129";
-const white = "_white_18bdh_138";
-const xs = "_xs_18bdh_208";
-const s = "_s_18bdh_72";
-const m = "_m_18bdh_216";
-const l = "_l_18bdh_240";
-const xl = "_xl_18bdh_248";
-const xxl = "_xxl_18bdh_257";
-const full = "_full_18bdh_266";
-const disabled = "_disabled_18bdh_272";
+import '../../assets/Button.css';const button = "_button_1ezof_2";
+const clear = "_clear_1ezof_42";
+const black = "_black_1ezof_120";
+const gray = "_gray_1ezof_129";
+const white = "_white_1ezof_138";
+const xs = "_xs_1ezof_208";
+const s = "_s_1ezof_72";
+const m = "_m_1ezof_216";
+const l = "_l_1ezof_240";
+const xl = "_xl_1ezof_248";
+const xxl = "_xxl_1ezof_257";
+const full = "_full_1ezof_266";
+const disabled = "_disabled_1ezof_272";
 const cls = {
   button,
   clear,
-  "default-button": "_default-button_18bdh_54",
-  "primary-sapphire": "_primary-sapphire_18bdh_54",
-  "primary-citrine": "_primary-citrine_18bdh_63",
-  "secondary-asphalt": "_secondary-asphalt_18bdh_72",
-  "secondary-gray": "_secondary-gray_18bdh_81",
-  "secondary-white": "_secondary-white_18bdh_90",
-  "secondary-red": "_secondary-red_18bdh_99",
-  "round-button": "_round-button_18bdh_109",
+  "default-button": "_default-button_1ezof_54",
+  "primary-sapphire": "_primary-sapphire_1ezof_54",
+  "primary-citrine": "_primary-citrine_1ezof_63",
+  "secondary-asphalt": "_secondary-asphalt_1ezof_72",
+  "secondary-gray": "_secondary-gray_1ezof_81",
+  "secondary-white": "_secondary-white_1ezof_90",
+  "secondary-red": "_secondary-red_1ezof_99",
+  "round-button": "_round-button_1ezof_109",
   black,
   gray,
   white,
-  "outline-button": "_outline-button_18bdh_148",
-  "outline-asphalt": "_outline-asphalt_18bdh_155",
-  "outline-gray": "_outline-gray_18bdh_163",
-  "outline-white": "_outline-white_18bdh_172",
-  "outline-red": "_outline-red_18bdh_181",
+  "outline-button": "_outline-button_1ezof_148",
+  "outline-asphalt": "_outline-asphalt_1ezof_155",
+  "outline-gray": "_outline-gray_1ezof_163",
+  "outline-white": "_outline-white_1ezof_172",
+  "outline-red": "_outline-red_1ezof_181",
   xs,
-  "m-s": "_m-s_18bdh_216",
+  "m-s": "_m-s_1ezof_216",
   s,
   m,
   l,
@@ -44,7 +44,7 @@ const cls = {
   xxl,
   full,
   disabled,
-  "icon-button": "_icon-button_18bdh_288"
+  "icon-button": "_icon-button_1ezof_288"
 };
 const Button = forwardRef(
   (props, ref) => {

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,30 @@
+import { PropsWithChildren } from 'react';
+import { EChipSize, EChipVariant } from './constants';
+
+export type TProps = {
+    /**
+     * Дополнительный класс для компонента.
+     */
+    className?: string;
+    /**
+     * Вариант чипа. Возможные значения определены в перечислении `EChipVariant`.
+     */
+    variant?: `${EChipVariant}` | EChipVariant;
+    /**
+     * Размер чипа. Возможные значения определены в перечислении `EChipSize`.
+     */
+    size?: `${EChipSize}` | EChipSize;
+    /**
+     * Функция, которая будет вызвана при нажатии на чип.
+     */
+    onClick?: VoidFunction;
+    /**
+     * Отключено ли чип.
+     */
+    disabled?: boolean;
+    /**
+     * Имеет ли чип действие (например, кнопку закрытия).
+     */
+    withAction?: boolean;
+};
+export declare const Chip: ({ size, variant, className, onClick, disabled, withAction, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/Chip.js

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { EChipSize, EChipVariant } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/Chip.css';const chip = "_chip_1ckvf_2";
+const disabled = "_disabled_1ckvf_40";
+const xs = "_xs_1ckvf_51";
+const s = "_s_1ckvf_59";
+const m = "_m_1ckvf_67";
+const sapphire = "_sapphire_1ckvf_75";
+const citrine = "_citrine_1ckvf_84";
+const asphalt = "_asphalt_1ckvf_93";
+const gray = "_gray_1ckvf_102";
+const white = "_white_1ckvf_111";
+const green = "_green_1ckvf_120";
+const cls = {
+  chip,
+  "with-action": "_with-action_1ckvf_18",
+  disabled,
+  xs,
+  s,
+  m,
+  sapphire,
+  citrine,
+  asphalt,
+  gray,
+  white,
+  green
+};
+const Chip = ({
+  size = EChipSize.M,
+  variant = EChipVariant.Sapphire,
+  className,
+  onClick,
+  disabled: disabled2,
+  withAction,
+  children
+}) => {
+  const classes = classNames(
+    cls.chip,
+    className,
+    {
+      [cls["with-action"]]: withAction,
+      [cls.disabled]: disabled2
+    },
+    cls[variant],
+    cls[size]
+  );
+  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: classes, children: [
+    children,
+    withAction && /* @__PURE__ */ jsx(Icon, { iconName: "Close16px" })
+  ] });
+};
+export {
+  Chip
+};

package/dist/components/Chip/constants.d.ts

@@ -0,0 +1,13 @@
+export declare enum EChipSize {
+    XS = "xs",
+    S = "s",
+    M = "m"
+}
+export declare enum EChipVariant {
+    Sapphire = "sapphire",
+    Citrine = "citrine",
+    Asphalt = "asphalt",
+    Gray = "gray",
+    White = "white",
+    Green = "green"
+}

package/dist/components/Chip/constants.js

@@ -0,0 +1,19 @@
+var EChipSize = /* @__PURE__ */ ((EChipSize2) => {
+  EChipSize2["XS"] = "xs";
+  EChipSize2["S"] = "s";
+  EChipSize2["M"] = "m";
+  return EChipSize2;
+})(EChipSize || {});
+var EChipVariant = /* @__PURE__ */ ((EChipVariant2) => {
+  EChipVariant2["Sapphire"] = "sapphire";
+  EChipVariant2["Citrine"] = "citrine";
+  EChipVariant2["Asphalt"] = "asphalt";
+  EChipVariant2["Gray"] = "gray";
+  EChipVariant2["White"] = "white";
+  EChipVariant2["Green"] = "green";
+  return EChipVariant2;
+})(EChipVariant || {});
+export {
+  EChipSize,
+  EChipVariant
+};

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+export { EChipSize, EChipVariant } from './constants';

package/dist/components/Chip/index.js

@@ -0,0 +1,7 @@
+import { Chip } from "./Chip.js";
+import { EChipSize, EChipVariant } from "./constants.js";
+export {
+  Chip,
+  EChipSize,
+  EChipVariant
+};

package/dist/components/DatePicker/DatePicker.js

@@ -5,7 +5,7 @@ import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.j
 import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 const DatePicker = memo(
   forwardRef(
     ({ size, value, onChangeValue, name, before, ...props }, ref) => {

package/dist/components/Input/Input.d.ts

@@ -42,6 +42,14 @@ export type TAdditionalProps = {
      * Флаг, показывающий наличие кнопки очистки.
      */
     withClearButton?: boolean;
+    /**
+     * Разрешить только числовой ввод
+     */
+    numbersOnly?: boolean;
+    /**
+     * Максимальная длина ввода
+     */
+    maxLength?: number;
 };
 export type TProps = TInputProps & TAdditionalProps;
 export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { I } from "../../Input-C8BYj-Cv.js";
+import { I } from "../../Input-DdKAiGfJ.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I } from "../../Input-C8BYj-Cv.js";
+import { I } from "../../Input-DdKAiGfJ.js";
 import { EInputSize, EInputVariant } from "./constants.js";
 export {
   EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 import '../../assets/InputPassword.css';const input = "_input_mam1g_2";
 const wrapper = "_wrapper_mam1g_6";
 const button = "_button_mam1g_17";

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 const InputPhoneNumber = memo(
   forwardRef(
     ({ value = "", onChange, ...props }, ref) => {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useImperativeHandle, Fragment } from "react";
 import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
 import { useOTPInput } from "./hooks.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 import '../../assets/OtpInput.css';const otp = "_otp_196ev_3";
 const input = "_input_196ev_14";
 const separator = "_separator_196ev_28";

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,9 @@
 import { RadioGroupProps } from '@headlessui/react';
+import { ReactNode } from 'react';
 
 export interface TRadioOption {
     value: string;
-    label: string;
+    label: ReactNode;
 }
 /**
  * Свойства компонента RadioGroup.
@@ -23,6 +24,11 @@ export type TRadioGroupProps = Omit<RadioGroupProps, 'value'> & {
      * Может быть необязательным.
      */
     label?: string;
+    /**
+     * Дополнительный класснейм для элементов радиогруппы.
+     *
+     */
+    classNameRadioWrapper?: string;
 };
 /**
  * Компонент RadioGroup для выбора одной опции из нескольких.
@@ -43,4 +49,9 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
      * Может быть необязательным.
      */
     label?: string;
+    /**
+     * Дополнительный класснейм для элементов радиогруппы.
+     *
+     */
+    classNameRadioWrapper?: string;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/RadioGroup/RadioGroup.js

@@ -120,10 +120,14 @@ const cls = {
   checked
 };
 const RadioGroup = forwardRef(
-  ({ options, value, onChange, label: label2, ...props }, ref) => {
-    const radioClasses = classNames(cls["radio-wrapper"], {
-      [cls.disabled]: props.disabled
-    });
+  ({ options, value, onChange, label: label2, classNameRadioWrapper, ...props }, ref) => {
+    const radioClasses = classNames(
+      cls["radio-wrapper"],
+      classNameRadioWrapper,
+      {
+        [cls.disabled]: props.disabled
+      }
+    );
     return /* @__PURE__ */ jsxs(
       Tt,
       {
@@ -163,7 +167,7 @@ const RadioGroup = forwardRef(
                 label22
               ] })
             },
-            label22
+            typeof value2 === "string" ? value2 : String(value2)
           )) })
         ]
       }

package/dist/components/SelectSearch/SelectSearch.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
 import { ESelectSearchSize } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 import { EInputVariant, EInputSize } from "../Input/constants.js";
 import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
 import * as ReactDOM from "react-dom";
@@ -3798,7 +3798,8 @@ const SelectSearch = forwardRef(
       onSearch,
       variant = EInputVariant.DefaultGray,
       menuPlacement = "bottom",
-      disabled: disabled2 = false
+      disabled: disabled2 = false,
+      searchProps
     } = props;
     const [inputValue, setInputValue] = useState("");
     const mapSizeToInputSize = (size22) => {
@@ -3863,7 +3864,8 @@ const SelectSearch = forwardRef(
                     onChange: handleInputChange,
                     value: inputValue,
                     disabled: disabled2,
-                    variant
+                    variant,
+                    ...searchProps
                   }
                 ),
                 showArrow && /* @__PURE__ */ jsx(Ho, { className: cls.button, disabled: disabled2, children: /* @__PURE__ */ jsx(

package/dist/components/SelectSearch/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ESelectSearchSize } from './constants';
-import { TVariant } from '../Input';
+import { TInputProps, TVariant } from '../Input';
 
 export type TSelectOption = {
     name: string;
@@ -50,4 +50,6 @@ export type TSelectSearchProps = {
     menuPlacement?: TMenuPlacement;
     /** Отключает компонент SelectSearch */
     disabled?: boolean;
+    /** Пропсы для инпута поиска опций */
+    searchProps?: Pick<TInputProps, 'numbersOnly' | 'maxLength'>;
 };

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea } from "./hooks.js";
 import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-C8BYj-Cv.js";
+import { c as cls } from "../../Input-DdKAiGfJ.js";
 import { EInputVariant } from "../Input/constants.js";
 import '../../assets/TextArea.css';const textarea = "_textarea_1hbfy_2";
 const label = "_label_1hbfy_11";

package/dist/components/index.d.ts

@@ -41,3 +41,4 @@ export { ELinkSize, ELinkVariant, Link } from './AnchorLink';
 export { NotificationBadge } from './NotificationBadge';
 export type { TNotificationBadgeProps } from './NotificationBadge';
 export { ENotificationBadgeSize } from './NotificationBadge';
+export { Chip, EChipSize, EChipVariant } from './Chip';

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button } from "./Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
-import { I } from "../Input-C8BYj-Cv.js";
+import { I } from "../Input-DdKAiGfJ.js";
 import { EInputSize, EInputVariant } from "./Input/constants.js";
 import { TextArea } from "./TextArea/TextArea.js";
 import { InputPassword } from "./InputPassword/InputPassword.js";
@@ -41,10 +41,13 @@ import { Link } from "./AnchorLink/Link.js";
 import { ELinkSize, ELinkVariant } from "./AnchorLink/constants.js";
 import { NotificationBadge } from "./NotificationBadge/NotificationBadge.js";
 import { ENotificationBadgeSize } from "./NotificationBadge/constants.js";
+import { Chip } from "./Chip/Chip.js";
+import { EChipSize, EChipVariant } from "./Chip/constants.js";
 export {
   Accordion,
   AccordionItem,
   Button,
+  Chip,
   DatePicker,
   Drawer,
   EAccordionSize,
@@ -53,6 +56,8 @@ export {
   EButtonVariantDefault,
   EButtonVariantOutline,
   EButtonVariantRound,
+  EChipSize,
+  EChipVariant,
   EDrawerPosition,
   EInputSize,
   EInputVariant,

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button } from "./components/Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./components/Button/constants.js";
-import { I } from "./Input-C8BYj-Cv.js";
+import { I } from "./Input-DdKAiGfJ.js";
 import { EInputSize, EInputVariant } from "./components/Input/constants.js";
 import { TextArea } from "./components/TextArea/TextArea.js";
 import { InputPassword } from "./components/InputPassword/InputPassword.js";
@@ -41,6 +41,8 @@ import { Link } from "./components/AnchorLink/Link.js";
 import { ELinkSize, ELinkVariant } from "./components/AnchorLink/constants.js";
 import { NotificationBadge } from "./components/NotificationBadge/NotificationBadge.js";
 import { ENotificationBadgeSize } from "./components/NotificationBadge/constants.js";
+import { Chip } from "./components/Chip/Chip.js";
+import { EChipSize, EChipVariant } from "./components/Chip/constants.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery, EMinMediaQuery } from "./hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
@@ -54,6 +56,7 @@ import './assets/index.css';export {
   Accordion,
   AccordionItem,
   Button,
+  Chip,
   DatePicker,
   Drawer,
   EAccordionSize,
@@ -62,6 +65,8 @@ import './assets/index.css';export {
   EButtonVariantDefault,
   EButtonVariantOutline,
   EButtonVariantRound,
+  EChipSize,
+  EChipVariant,
   EDrawerPosition,
   EInputSize,
   EInputVariant,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.19.3",
+  "version": "1.20.0",
   "type": "module",
   "exports": {
     ".": {