mimir-ui-kit 1.18.0 → 1.19.1

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

@@ -5,39 +5,39 @@ import { EInputVariant } from "./components/Input/constants.js";
 import { useMergeRefs } from "./hooks/useMergeRefs/useMergeRefs.js";
 import { Icon } from "./icons/Icon.js";
 import { Button } from "./components/Button/Button.js";
-import './assets/Input.css';const label = "_label_1lw8q_16";
-const input = "_input_1lw8q_3";
-const focused = "_focused_1lw8q_65";
-const clear = "_clear_1lw8q_98";
-const s = "_s_1lw8q_126";
-const m = "_m_1lw8q_141";
-const l = "_l_1lw8q_16";
-const success = "_success_1lw8q_198";
-const alarm = "_alarm_1lw8q_216";
-const error = "_error_1lw8q_234";
-const disabled = "_disabled_1lw8q_252";
+import './assets/Input.css';const label = "_label_1oj7p_16";
+const input = "_input_1oj7p_3";
+const focused = "_focused_1oj7p_65";
+const disabled = "_disabled_1oj7p_71";
+const clear = "_clear_1oj7p_104";
+const s = "_s_1oj7p_152";
+const m = "_m_1oj7p_167";
+const l = "_l_1oj7p_16";
+const success = "_success_1oj7p_224";
+const alarm = "_alarm_1oj7p_242";
+const error = "_error_1oj7p_260";
 const cls = {
-  "input-wrapper": "_input-wrapper_1lw8q_3",
+  "input-wrapper": "_input-wrapper_1oj7p_3",
   label,
-  "has-left-slot": "_has-left-slot_1lw8q_29",
-  "active-label": "_active-label_1lw8q_32",
+  "has-left-slot": "_has-left-slot_1oj7p_29",
+  "active-label": "_active-label_1oj7p_32",
   input,
-  "has-right-slot": "_has-right-slot_1lw8q_62",
+  "has-right-slot": "_has-right-slot_1oj7p_62",
   focused,
-  "has-label": "_has-label_1lw8q_68",
-  "left-slot": "_left-slot_1lw8q_71",
-  "right-slot": "_right-slot_1lw8q_72",
-  "addon-icon": "_addon-icon_1lw8q_94",
+  "has-label": "_has-label_1oj7p_68",
+  disabled,
+  "left-slot": "_left-slot_1oj7p_77",
+  "right-slot": "_right-slot_1oj7p_78",
+  "addon-icon": "_addon-icon_1oj7p_100",
   clear,
   s,
   m,
   l,
-  "default-gray": "_default-gray_1lw8q_171",
-  "default-white": "_default-white_1lw8q_183",
+  "default-gray": "_default-gray_1oj7p_197",
+  "default-white": "_default-white_1oj7p_209",
   success,
   alarm,
-  error,
-  disabled
+  error
 };
 const renderAddon = (addon) => {
   var _a, _b;
@@ -87,6 +87,7 @@ const Input = memo(
         label: label2,
         withClearButton,
         disabled: disabled2,
+        onChange,
         rightAddon,
         leftAddon,
         size = "m",
@@ -95,7 +96,6 @@ const Input = memo(
       const [isFocused, setIsFocused] = useState(autofocus);
       const [withValue, setWithValue] = useState(!!value);
       const inputRef = useRef(null);
-      const leftAddonRef = useRef(null);
       const mergedInputRef = useMergeRefs(inputRef, ref);
       useEffect(() => {
         if (autofocus) {
@@ -122,13 +122,15 @@ const Input = memo(
           inputRef.current.value = "";
           inputRef.current.focus();
           setWithValue(false);
+          onChange == null ? void 0 : onChange({
+            target: { value: "" }
+          });
         }
       };
       const handleChange = (event) => {
-        var _a;
         const targetValue = event.target.value;
         setWithValue(!!targetValue);
-        (_a = otherProps == null ? void 0 : otherProps.onChange) == null ? void 0 : _a.call(otherProps, event);
+        onChange == null ? void 0 : onChange(event);
       };
       const currentLeftAddon = renderAddon(leftAddon);
       const currentRightAddon = renderAddon(rightAddon);
@@ -140,16 +142,11 @@ const Input = memo(
         [cls["has-left-slot"]]: !!currentLeftAddon,
         [cls["has-right-slot"]]: !!currentRightAddon
       };
-      const labelClassNames = classNames(
-        cls.label,
-        {
-          [cls["active-label"]]: isFocused || value,
-          [cls.disabled]: disabled2 || readonly,
-          [cls["has-left-slot"]]: !!currentLeftAddon
-        },
-        className,
-        cls[size]
-      );
+      const labelClassNames = classNames(cls.label, className, cls[size], {
+        [cls["active-label"]]: isFocused || value,
+        [cls.disabled]: disabled2 || readonly,
+        [cls["has-left-slot"]]: !!currentLeftAddon
+      });
       const inputClassNames = classNames(cls.input, mods, className, [
         cls[variant],
         cls[size]
@@ -161,7 +158,10 @@ const Input = memo(
             cls["input-wrapper"],
             cls[variant],
             cls[size],
-            { [cls.focused]: isFocused || withValue },
+            {
+              [cls.disabled]: disabled2 || readonly,
+              [cls.focused]: isFocused || withValue
+            },
             wrapperClassName
           ),
           children: [
@@ -169,7 +169,6 @@ const Input = memo(
             currentLeftAddon && /* @__PURE__ */ jsx(
               "span",
               {
-                ref: leftAddonRef,
                 className: classNames(cls["left-slot"], {
                   [cls.focused]: isFocused,
                   [cls["has-label"]]: !!label2
@@ -211,6 +210,7 @@ const Input = memo(
                 iconName: "Close16px",
                 size: "m-s",
                 clear: true,
+                disabled: disabled2 || readonly,
                 variant: "secondary-gray",
                 onClick: handleClear
               }

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_12tq3_2{--button-loader-color: var(--button-color);--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_12tq3_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_12tq3_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_12tq3_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_12tq3_2._clear_12tq3_43:focus{box-shadow:none}._button_12tq3_2 svg{color:currentcolor;fill:currentcolor}._button_12tq3_2 svg path{color:currentcolor;fill:currentcolor}._xs_12tq3_55{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_12tq3_63{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_12tq3_71{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_12tq3_79{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_12tq3_87{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_12tq3_96{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._m-s_12tq3_105{--button-height: var(--button-height-ms);font-weight:var(--font-weight-text-regular);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._default-button_12tq3_113{border-radius:var(--control-radius)}._default-button_12tq3_113._primary-sapphire_12tq3_116{--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_12tq3_113._primary-citrine_12tq3_125{--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_12tq3_113._secondary-asphalt_12tq3_134{--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_12tq3_113._secondary-gray_12tq3_143{--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_12tq3_113._secondary-white_12tq3_152{--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_12tq3_113._secondary-red_12tq3_161{--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_12tq3_171{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_12tq3_171._black_12tq3_178{--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_12tq3_171._gray_12tq3_187{--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_12tq3_171._white_12tq3_196{--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_12tq3_206{--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);border-radius:var(--control-radius)}._outline-button_12tq3_206._outline-asphalt_12tq3_214{--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_12tq3_206._outline-gray_12tq3_222{--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_12tq3_206._outline-white_12tq3_231{--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_12tq3_206._outline-red_12tq3_240{--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)}._full_12tq3_250{display:flex;justify-content:center;width:100%}._disabled_12tq3_256{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_12tq3_256:hover,._disabled_12tq3_256:active,._disabled_12tq3_256:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_12tq3_256._outline-button_12tq3_206{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_12tq3_272{justify-content:center;min-width:var(--button-height);padding:0}
+._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}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1lw8q_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;position:relative;display:flex;padding:0 var(--space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1lw8q_3 ._label_1lw8q_16{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1lw8q_3 ._label_1lw8q_16._has-left-slot_1lw8q_29{left:calc(var(--space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1lw8q_3 ._label_1lw8q_16._active-label_1lw8q_32{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1lw8q_3 ._label_1lw8q_16._active-label_1lw8q_32._has-left-slot_1lw8q_29{left:calc(var(--space-m) + var(--icon-size) + var(--space-s));transform:scale(var(--label-scaled)) translate(calc((var(--space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1lw8q_3 ._input_1lw8q_3{position:relative;display:block;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1lw8q_3 ._input_1lw8q_3._has-left-slot_1lw8q_29{padding-left:0}._input-wrapper_1lw8q_3 ._input_1lw8q_3._has-right-slot_1lw8q_62{padding-right:0}._input-wrapper_1lw8q_3 ._input_1lw8q_3._focused_1lw8q_65{padding-top:0}._input-wrapper_1lw8q_3 ._input_1lw8q_3._has-label_1lw8q_68{padding-top:var(--input-padding-position)}._input-wrapper_1lw8q_3 ._left-slot_1lw8q_71,._input-wrapper_1lw8q_3 ._right-slot_1lw8q_72{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_1lw8q_3 ._left-slot_1lw8q_71._focused_1lw8q_65._has-label_1lw8q_68,._input-wrapper_1lw8q_3 ._right-slot_1lw8q_72._focused_1lw8q_65._has-label_1lw8q_68{padding-top:var(--input-padding-position)}._input-wrapper_1lw8q_3 ._left-slot_1lw8q_71{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1lw8q_3 ._right-slot_1lw8q_72{margin-left:var(--clear-button-mg)}._input-wrapper_1lw8q_3 ._addon-icon_1lw8q_94{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1lw8q_3 ._clear_1lw8q_98{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1lw8q_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1lw8q_3:hover ._label_1lw8q_16,._input-wrapper_1lw8q_3:focus-within ._label_1lw8q_16{color:var(--label-color)}._input-wrapper_1lw8q_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1lw8q_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1lw8q_3._focused_1lw8q_65{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1lw8q_3._focused_1lw8q_65:hover{background-color:var(--input-bg-color-hover)}._s_1lw8q_126{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs);--clear-button-mg: var(--space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1lw8q_141{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs);--clear-button-mg: var(--space-2xs);--icon-size: 16px;--left-addon-position: var(--space-3xs)}._l_1lw8q_16{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s);--clear-button-mg: var(--space-xs);--icon-size: 24px;--left-addon-position: var(--space-s)}._default-gray_1lw8q_171{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1lw8q_183{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1lw8q_183:hover{--label-color: var(--dark-text)}._success_1lw8q_198{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1lw8q_198::-moz-placeholder{color:var(--input-color)}._success_1lw8q_198::placeholder{color:var(--input-color)}._success_1lw8q_198:hover::-moz-placeholder{color:var(--input-color)}._success_1lw8q_198:hover::placeholder{color:var(--input-color)}._alarm_1lw8q_216{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1lw8q_216::-moz-placeholder{color:var(--input-color)}._alarm_1lw8q_216::placeholder{color:var(--input-color)}._alarm_1lw8q_216:hover::-moz-placeholder{color:var(--input-color)}._alarm_1lw8q_216:hover::placeholder{color:var(--input-color)}._error_1lw8q_234{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1lw8q_234::-moz-placeholder{color:var(--input-color)}._error_1lw8q_234::placeholder{color:var(--input-color)}._error_1lw8q_234:hover::-moz-placeholder{color:var(--input-color)}._error_1lw8q_234:hover::placeholder{color:var(--input-color)}._disabled_1lw8q_252{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20)}._disabled_1lw8q_252:hover,._disabled_1lw8q_252:active,._disabled_1lw8q_252:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1lw8q_252::-moz-placeholder{color:var(--light-text)}._disabled_1lw8q_252::placeholder{color:var(--light-text)}._disabled_1lw8q_252:hover::-moz-placeholder{color:var(--light-text)}._disabled_1lw8q_252:hover::placeholder{color:var(--light-text)}
+._input-wrapper_1oj7p_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;position:relative;display:flex;padding:0 var(--space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1oj7p_3 ._label_1oj7p_16{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1oj7p_3 ._label_1oj7p_16._has-left-slot_1oj7p_29{left:calc(var(--space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1oj7p_3 ._label_1oj7p_16._active-label_1oj7p_32{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1oj7p_3 ._label_1oj7p_16._active-label_1oj7p_32._has-left-slot_1oj7p_29{left:calc(var(--space-m) + var(--icon-size) + var(--space-s));transform:scale(var(--label-scaled)) translate(calc((var(--space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1oj7p_3 ._input_1oj7p_3{position:relative;display:block;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1oj7p_3 ._input_1oj7p_3._has-left-slot_1oj7p_29{padding-left:0}._input-wrapper_1oj7p_3 ._input_1oj7p_3._has-right-slot_1oj7p_62{padding-right:0}._input-wrapper_1oj7p_3 ._input_1oj7p_3._focused_1oj7p_65{padding-top:0}._input-wrapper_1oj7p_3 ._input_1oj7p_3._has-label_1oj7p_68{padding-top:var(--input-padding-position)}._input-wrapper_1oj7p_3 ._input_1oj7p_3._disabled_1oj7p_71{color:var(--light-text)}._input-wrapper_1oj7p_3 ._input_1oj7p_3._disabled_1oj7p_71:hover,._input-wrapper_1oj7p_3 ._input_1oj7p_3._disabled_1oj7p_71:active,._input-wrapper_1oj7p_3 ._input_1oj7p_3._disabled_1oj7p_71:focus{color:var(--light-text)}._input-wrapper_1oj7p_3 ._left-slot_1oj7p_77,._input-wrapper_1oj7p_3 ._right-slot_1oj7p_78{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_1oj7p_3 ._left-slot_1oj7p_77._focused_1oj7p_65._has-label_1oj7p_68,._input-wrapper_1oj7p_3 ._right-slot_1oj7p_78._focused_1oj7p_65._has-label_1oj7p_68{padding-top:var(--input-padding-position)}._input-wrapper_1oj7p_3 ._left-slot_1oj7p_77{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1oj7p_3 ._right-slot_1oj7p_78{margin-left:var(--clear-button-mg)}._input-wrapper_1oj7p_3 ._addon-icon_1oj7p_100{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1oj7p_3 ._clear_1oj7p_104{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1oj7p_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1oj7p_3:hover ._label_1oj7p_16,._input-wrapper_1oj7p_3:focus-within ._label_1oj7p_16{color:var(--label-color)}._input-wrapper_1oj7p_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1oj7p_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1oj7p_3._focused_1oj7p_65{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1oj7p_3._focused_1oj7p_65:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1oj7p_3._disabled_1oj7p_71{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_1oj7p_3._disabled_1oj7p_71:hover,._input-wrapper_1oj7p_3._disabled_1oj7p_71:active,._input-wrapper_1oj7p_3._disabled_1oj7p_71:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_1oj7p_3._disabled_1oj7p_71::-moz-placeholder{color:var(--light-text)}._input-wrapper_1oj7p_3._disabled_1oj7p_71::placeholder{color:var(--light-text)}._input-wrapper_1oj7p_3._disabled_1oj7p_71:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1oj7p_3._disabled_1oj7p_71:hover::placeholder{color:var(--light-text)}._s_1oj7p_152{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs);--clear-button-mg: var(--space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1oj7p_167{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs);--clear-button-mg: var(--space-2xs);--icon-size: 16px;--left-addon-position: var(--space-3xs)}._l_1oj7p_16{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s);--clear-button-mg: var(--space-xs);--icon-size: 24px;--left-addon-position: var(--space-s)}._default-gray_1oj7p_197{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1oj7p_209{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1oj7p_209:hover{--label-color: var(--dark-text)}._success_1oj7p_224{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1oj7p_224::-moz-placeholder{color:var(--input-color)}._success_1oj7p_224::placeholder{color:var(--input-color)}._success_1oj7p_224:hover::-moz-placeholder{color:var(--input-color)}._success_1oj7p_224:hover::placeholder{color:var(--input-color)}._alarm_1oj7p_242{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1oj7p_242::-moz-placeholder{color:var(--input-color)}._alarm_1oj7p_242::placeholder{color:var(--input-color)}._alarm_1oj7p_242:hover::-moz-placeholder{color:var(--input-color)}._alarm_1oj7p_242:hover::placeholder{color:var(--input-color)}._error_1oj7p_260{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1oj7p_260::-moz-placeholder{color:var(--input-color)}._error_1oj7p_260::placeholder{color:var(--input-color)}._error_1oj7p_260:hover::-moz-placeholder{color:var(--input-color)}._error_1oj7p_260:hover::placeholder{color:var(--input-color)}

package/dist/assets/Link.css

@@ -0,0 +1 @@
+._link_q5qzz_2{--link-color: var(--dark-text);display:inline-flex;align-items:center;color:var(--link-color);font-size:var(--link-font-size);font-family:var(--font-inter);line-height:var(--link-line-height);-moz-column-gap:var(--link-gap);column-gap:var(--link-gap);cursor:pointer;transition:all .15s ease}._link_q5qzz_2:hover{--link-color: var(--sapphire-hover)}._link_q5qzz_2:active{--link-color: var(--sapphire-active)}._link_q5qzz_2._sample_q5qzz_20:hover{-webkit-text-decoration:underline var(--link-color);text-decoration:underline var(--link-color);text-underline-offset:4px}._link_q5qzz_2._anchor_q5qzz_24{-webkit-text-decoration:underline dashed var(--link-color);text-decoration:underline dashed var(--link-color);text-underline-offset:4px}._link_q5qzz_2._disabled_q5qzz_28,._link_q5qzz_2._disabled_q5qzz_28:hover,._link_q5qzz_2._disabled_q5qzz_28:active{--link-color: var(--disabled);-webkit-text-decoration:none;text-decoration:none;cursor:not-allowed}._link_q5qzz_2 ._icon_q5qzz_38{color:currentcolor;fill:currentcolor}._link_q5qzz_2 ._icon_q5qzz_38 path{color:currentcolor;fill:currentcolor}._xs_q5qzz_47{--link-font-size: var(--size-text-s);--link-line-height: var(--size-text-s);--link-gap: var(--space-2xs)}._s_q5qzz_20{--link-font-size: var(--size-text-m);--link-line-height: var(--size-text-s);--link-gap: var(--space-2xs)}._m_q5qzz_59{--link-font-size: var(--size-text-l);--link-line-height: var(--size-text-s);--link-gap: var(--space-2xs)}._l_q5qzz_2{--link-font-size: var(--size-text-l2);--link-line-height: var(--size-text-s);--link-gap: var(--space-xs)}

package/dist/assets/Steps.css

@@ -1 +1 @@
-._container_j31xr_2{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_j31xr_2 ._step_j31xr_6{pointer-events:none}._container_j31xr_2 ._step_j31xr_6._editable_j31xr_9{pointer-events:all}._container_j31xr_2 ._step_j31xr_6._PRIMARY_j31xr_12._GRAY_j31xr_12{color:var(--black-60)}._container_j31xr_2 ._step_j31xr_6._PRIMARY_j31xr_12._CITRINE_j31xr_15{color:var(--citrine-100)}._container_j31xr_2 ._step_j31xr_6._PRIMARY_j31xr_12._SAPPHIRE_j31xr_18{color:var(--sapphire-normal)}._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._WHITE_j31xr_21{color:var(--white)}._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._LIGHT_SAPPHIRE_j31xr_24{color:var(--sapphire-10)}._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._LIGHT_GRAY_j31xr_27,._container_j31xr_2 ._step_j31xr_6._SECONDARY_j31xr_21._disabled_j31xr_27{color:var(--disabled)}
+._container_1qg9i_2{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_1qg9i_2 ._step_1qg9i_6{pointer-events:none}._container_1qg9i_2 ._step_1qg9i_6._editable_1qg9i_9{pointer-events:all}

package/dist/assets/Vote.css

@@ -1 +1 @@
-._container_4roqw_2{display:flex;flex-direction:column;gap:var(--space-m);align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_4roqw_2 ._title_4roqw_9{color:var(--black-100);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l);font-family:var(--font-inter);line-height:var(--line-height-text-s1)}._container_4roqw_2 ._score_4roqw_16{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--white);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-2xl);font-family:Montserrat,sans-serif;letter-spacing:-.03em;border-radius:50%}._container_4roqw_2 ._score_4roqw_16._zero_4roqw_29._LIGHT_GRAY_4roqw_29{background-color:var(--disabled)}._container_4roqw_2 ._score_4roqw_16._zero_4roqw_29._WHITE_4roqw_32{color:var(--disabled);background-color:var(--white)}._container_4roqw_2 ._score_4roqw_16._zero_4roqw_29._LIGHT_SAPPHIRE_4roqw_36{background-color:var(--sapphire-10)}._container_4roqw_2._GRAY_4roqw_39 ._score_4roqw_16{background-color:var(--black-60)}._container_4roqw_2._CITRINE_4roqw_42 ._score_4roqw_16{background-color:var(--citrine-100)}._container_4roqw_2._SAPPHIRE_4roqw_45 ._score_4roqw_16{background-color:var(--sapphire-normal)}
+._container_1akd9_2{display:flex;flex-direction:column;gap:var(--space-m);align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_1akd9_2 ._title_1akd9_9{color:var(--black-100);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l);font-family:var(--font-inter),sans-serif;line-height:var(--line-height-text-s1)}._container_1akd9_2 ._score_1akd9_16{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--white);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-2xl);font-family:var(--font-montserrat),sans-serif;letter-spacing:-.03em;border-radius:50%}

package/dist/components/Accordion/Accordion.js

@@ -6,7 +6,7 @@ import { EAccordionButtonType, EAccordionSize, EAccordionButtonStyle, EAccordion
 import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
 import { Icon } from "../../icons/Icon.js";
-import { Link } from "../AnchorLink/AnchorLink.js";
+import { Link } from "../AnchorLink/Link.js";
 import { M as M$1, W, y, T, o, a as u$1, H as H$1, I, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
 import { w } from "../../use-active-press-B6yeSopF.js";
 import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
@@ -220,7 +220,7 @@ const Accordion = forwardRef(
         Ce,
         {
           as: isLink ? Fragment : EAccordionButtonType.BUTTON,
-          className: isLink ? "" : cls.header,
+          className: classNames({ [cls.header]: !isLink }),
           children: renderButton(open2)
         }
       ),

package/dist/components/AnchorLink/Link.d.ts

@@ -0,0 +1,3 @@
+import { ComponentCustomProps } from '../../types/propsWithAs';
+
+export declare const Link: ComponentCustomProps;

package/dist/components/AnchorLink/Link.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef } from "react";
+import { ELinkSize, ELinkVariant } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/Link.css';const link = "_link_q5qzz_2";
+const sample = "_sample_q5qzz_20";
+const anchor = "_anchor_q5qzz_24";
+const disabled = "_disabled_q5qzz_28";
+const icon = "_icon_q5qzz_38";
+const xs = "_xs_q5qzz_47";
+const s = "_s_q5qzz_20";
+const m = "_m_q5qzz_59";
+const l = "_l_q5qzz_2";
+const cls = {
+  link,
+  sample,
+  anchor,
+  disabled,
+  icon,
+  xs,
+  s,
+  m,
+  l
+};
+const Link = forwardRef(
+  (props, ref) => {
+    const {
+      as: Component = "button",
+      disabled: disabled2,
+      leftIcon,
+      children,
+      rightIcon,
+      className,
+      size = ELinkSize.L,
+      variant = ELinkVariant.ANCHOR,
+      ...otherProps
+    } = props;
+    const classes = classNames(cls.link, className, cls[variant], cls[size], {
+      [cls.disabled]: disabled2
+    });
+    return /* @__PURE__ */ jsxs(Component, { ref, className: classes, ...otherProps, children: [
+      leftIcon && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          ...leftIcon,
+          className: classNames(cls.icon, leftIcon.className)
+        }
+      ),
+      children,
+      rightIcon && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          ...rightIcon,
+          className: classNames(cls.icon, rightIcon.className)
+        }
+      )
+    ] });
+  }
+);
+export {
+  Link
+};

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

@@ -1,2 +1,2 @@
-export { Link } from './AnchorLink';
+export { Link } from './Link';
 export { ELinkSize, ELinkVariant } from './constants';

package/dist/components/AnchorLink/index.js

@@ -1,4 +1,4 @@
-import { Link } from "./AnchorLink.js";
+import { Link } from "./Link.js";
 import { ELinkSize, ELinkVariant } from "./constants.js";
 export {
   ELinkSize,

package/dist/components/Button/Button.js

@@ -3,48 +3,48 @@ 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_12tq3_2";
-const clear = "_clear_12tq3_43";
-const xs = "_xs_12tq3_55";
-const s = "_s_12tq3_63";
-const m = "_m_12tq3_71";
-const l = "_l_12tq3_79";
-const xl = "_xl_12tq3_87";
-const xxl = "_xxl_12tq3_96";
-const black = "_black_12tq3_178";
-const gray = "_gray_12tq3_187";
-const white = "_white_12tq3_196";
-const full = "_full_12tq3_250";
-const disabled = "_disabled_12tq3_256";
+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";
 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",
+  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",
   xs,
+  "m-s": "_m-s_18bdh_216",
   s,
   m,
   l,
   xl,
   xxl,
-  "m-s": "_m-s_12tq3_105",
-  "default-button": "_default-button_12tq3_113",
-  "primary-sapphire": "_primary-sapphire_12tq3_116",
-  "primary-citrine": "_primary-citrine_12tq3_125",
-  "secondary-asphalt": "_secondary-asphalt_12tq3_134",
-  "secondary-gray": "_secondary-gray_12tq3_143",
-  "secondary-white": "_secondary-white_12tq3_152",
-  "secondary-red": "_secondary-red_12tq3_161",
-  "round-button": "_round-button_12tq3_171",
-  black,
-  gray,
-  white,
-  "outline-button": "_outline-button_12tq3_206",
-  "outline-asphalt": "_outline-asphalt_12tq3_214",
-  "outline-gray": "_outline-gray_12tq3_222",
-  "outline-white": "_outline-white_12tq3_231",
-  "outline-red": "_outline-red_12tq3_240",
   full,
   disabled,
-  "icon-button": "_icon-button_12tq3_272"
+  "icon-button": "_icon-button_18bdh_288"
 };
 const Button = forwardRef(
   (props, ref) => {

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-BFFPzelg.js";
+import { I as Input } from "../../Input-C8BYj-Cv.js";
 const DatePicker = memo(
   forwardRef(
     ({ size, value, onChangeValue, name, before, ...props }, ref) => {

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-BFFPzelg.js";
+import { I } from "../../Input-C8BYj-Cv.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-BFFPzelg.js";
+import { I } from "../../Input-C8BYj-Cv.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-BFFPzelg.js";
+import { I as Input } from "../../Input-C8BYj-Cv.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-BFFPzelg.js";
+import { I as Input } from "../../Input-C8BYj-Cv.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-BFFPzelg.js";
+import { I as Input } from "../../Input-C8BYj-Cv.js";
 import '../../assets/OtpInput.css';const otp = "_otp_196ev_3";
 const input = "_input_196ev_14";
 const separator = "_separator_196ev_28";

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-BFFPzelg.js";
+import { I as Input } from "../../Input-C8BYj-Cv.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";

package/dist/components/Steps/Steps.d.ts

@@ -1,5 +1,5 @@
-import { EStepsPrimaryColor, EStepsSecondaryColor } from './constants';
 import { TCommonStepsProps } from './types';
+import { TStepsZone } from './types.ts';
 
 export type TProps = TCommonStepsProps & {
     /**
@@ -31,13 +31,13 @@ export type TProps = TCommonStepsProps & {
      */
     disabled?: boolean;
     /**
-     * Цвет пройденных шагов
+     * Цвет оставшихся шагов
      */
-    primaryColor?: EStepsPrimaryColor;
+    zones?: TStepsZone[];
     /**
-     * Цвет оставшихся шагов
+     * Цвет шага, если он не выбран
      */
-    secondaryColor?: EStepsSecondaryColor;
+    unselectedColor?: string;
 };
 export declare const Steps: import('react').ForwardRefExoticComponent<TCommonStepsProps & {
     /**
@@ -69,11 +69,11 @@ export declare const Steps: import('react').ForwardRefExoticComponent<TCommonSte
      */
     disabled?: boolean;
     /**
-     * Цвет пройденных шагов
+     * Цвет оставшихся шагов
      */
-    primaryColor?: EStepsPrimaryColor;
+    zones?: TStepsZone[];
     /**
-     * Цвет оставшихся шагов
+     * Цвет шага, если он не выбран
      */
-    secondaryColor?: EStepsSecondaryColor;
+    unselectedColor?: string;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Steps/Steps.js

@@ -1,33 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useId, useState, useRef, useEffect } from "react";
-import { ZERO_STEP, EStepsSize, EStepsPrimaryColor, ID_SEPARATOR, EStepsColorType, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
+import { ZERO_STEP, EStepsSize, ID_SEPARATOR, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Steps.css';const container = "_container_j31xr_2";
-const step = "_step_j31xr_6";
-const editable = "_editable_j31xr_9";
-const PRIMARY = "_PRIMARY_j31xr_12";
-const GRAY = "_GRAY_j31xr_12";
-const CITRINE = "_CITRINE_j31xr_15";
-const SAPPHIRE = "_SAPPHIRE_j31xr_18";
-const SECONDARY = "_SECONDARY_j31xr_21";
-const WHITE = "_WHITE_j31xr_21";
-const LIGHT_SAPPHIRE = "_LIGHT_SAPPHIRE_j31xr_24";
-const LIGHT_GRAY = "_LIGHT_GRAY_j31xr_27";
-const disabled = "_disabled_j31xr_27";
+import '../../assets/Steps.css';const container = "_container_1qg9i_2";
+const step = "_step_1qg9i_6";
+const editable = "_editable_1qg9i_9";
 const cls = {
   container,
   step,
-  editable,
-  PRIMARY,
-  GRAY,
-  CITRINE,
-  SAPPHIRE,
-  SECONDARY,
-  WHITE,
-  LIGHT_SAPPHIRE,
-  LIGHT_GRAY,
-  disabled
+  editable
 };
 const Steps = forwardRef(
   (props, ref) => {
@@ -39,9 +21,9 @@ const Steps = forwardRef(
       editable: editable2 = false,
       size = EStepsSize.M,
       onClick,
-      disabled: disabled2 = false,
-      primaryColor = EStepsPrimaryColor.CITRINE,
-      secondaryColor = EStepsPrimaryColor.GRAY
+      disabled = false,
+      zones = [{ color: "#ff0000", to: quantity }],
+      unselectedColor = "#ffffff"
     } = props;
     const idPrefix = useId();
     const [step2, setStep] = useState(current);
@@ -69,23 +51,24 @@ const Steps = forwardRef(
       setHoveredStep(null);
     };
     const buttons = Array.from({ length: quantity }, (_, idx) => {
-      const isPrimary = idx + DIFF_BETWEEN_STEP_AND_INDEX <= (hoveredStep !== null ? hoveredStep + DIFF_BETWEEN_STEP_AND_INDEX : step2);
-      const isSecondary = idx + DIFF_BETWEEN_STEP_AND_INDEX > (hoveredStep !== null ? hoveredStep + DIFF_BETWEEN_STEP_AND_INDEX : step2);
+      var _a, _b;
+      let currentZone = 0;
+      while (currentZone < zones.length && zones[currentZone].to <= idx) {
+        currentZone++;
+      }
+      const color = hoveredStep !== null && idx <= hoveredStep ? (_a = zones[currentZone]) == null ? void 0 : _a.color : step2 > idx && hoveredStep === null ? (_b = zones[currentZone]) == null ? void 0 : _b.color : unselectedColor;
       return /* @__PURE__ */ jsx(
         "button",
         {
           id: `${idPrefix}${ID_SEPARATOR}${idx}`,
           className: classNames(cls.step, cls[size], stepClassName, {
-            [cls.editable]: editable2 && !disabled2,
-            [cls.disabled]: disabled2 || !editable2 && idx + 1 > step2,
-            [cls[EStepsColorType.PRIMARY]]: isPrimary,
-            [cls[EStepsColorType.SECONDARY]]: isSecondary,
-            [cls[primaryColor]]: isPrimary,
-            [cls[secondaryColor]]: isSecondary
+            [cls.editable]: editable2 && !disabled,
+            [cls.disabled]: disabled || !editable2 && idx + 1 > step2
           }),
           onClick: () => handleClick(idx),
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
+          style: { color },
           children: /* @__PURE__ */ jsx(Icon, { iconName: "Step", ...StepSize[size] })
         },
         idx
@@ -94,6 +77,7 @@ const Steps = forwardRef(
     return /* @__PURE__ */ jsx("div", { className: classNames(cls.container, rootClassName), ref, children: buttons });
   }
 );
+Steps.displayName = "Steps";
 export {
   Steps
 };

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

@@ -25,17 +25,10 @@ export declare const StepSize: {
         height: number;
     };
 };
-export declare enum EStepsColorType {
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY"
-}
-export declare enum EStepsPrimaryColor {
-    GRAY = "GRAY",
-    CITRINE = "CITRINE",
-    SAPPHIRE = "SAPPHIRE"
-}
-export declare enum EStepsSecondaryColor {
-    LIGHT_GRAY = "LIGHT_GRAY",
-    LIGHT_SAPPHIRE = "LIGHT_SAPPHIRE",
-    WHITE = "WHITE"
+export declare enum EStepColor {
+    ASPHALT = "#333333",
+    CITRINE = "#ff7900",
+    SAPPHIRE = "#2355d7",
+    GREEN = "#1b770c",
+    DISABLED = "#b2b2b2"
 }

package/dist/components/Steps/constants.js

@@ -26,28 +26,17 @@ const StepSize = {
     height: 28
   }
 };
-var EStepsColorType = /* @__PURE__ */ ((EStepsColorType2) => {
-  EStepsColorType2["PRIMARY"] = "PRIMARY";
-  EStepsColorType2["SECONDARY"] = "SECONDARY";
-  return EStepsColorType2;
-})(EStepsColorType || {});
-var EStepsPrimaryColor = /* @__PURE__ */ ((EStepsPrimaryColor2) => {
-  EStepsPrimaryColor2["GRAY"] = "GRAY";
-  EStepsPrimaryColor2["CITRINE"] = "CITRINE";
-  EStepsPrimaryColor2["SAPPHIRE"] = "SAPPHIRE";
-  return EStepsPrimaryColor2;
-})(EStepsPrimaryColor || {});
-var EStepsSecondaryColor = /* @__PURE__ */ ((EStepsSecondaryColor2) => {
-  EStepsSecondaryColor2["LIGHT_GRAY"] = "LIGHT_GRAY";
-  EStepsSecondaryColor2["LIGHT_SAPPHIRE"] = "LIGHT_SAPPHIRE";
-  EStepsSecondaryColor2["WHITE"] = "WHITE";
-  return EStepsSecondaryColor2;
-})(EStepsSecondaryColor || {});
+var EStepColor = /* @__PURE__ */ ((EStepColor2) => {
+  EStepColor2["ASPHALT"] = "#333333";
+  EStepColor2["CITRINE"] = "#ff7900";
+  EStepColor2["SAPPHIRE"] = "#2355d7";
+  EStepColor2["GREEN"] = "#1b770c";
+  EStepColor2["DISABLED"] = "#b2b2b2";
+  return EStepColor2;
+})(EStepColor || {});
 export {
   DIFF_BETWEEN_STEP_AND_INDEX,
-  EStepsColorType,
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
+  EStepColor,
   EStepsSize,
   ID_SEPARATOR,
   StepSize,

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

@@ -1,3 +1,3 @@
 export { Steps } from './Steps';
-export { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from './constants';
-export type { TCommonStepsProps } from './types';
+export { EStepColor, EStepsSize } from './constants';
+export type { TCommonStepsProps, TStepsZone } from './types';

package/dist/components/Steps/index.js

@@ -1,8 +1,7 @@
 import { Steps } from "./Steps.js";
-import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./constants.js";
+import { EStepColor, EStepsSize } from "./constants.js";
 export {
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
+  EStepColor,
   EStepsSize,
   Steps
 };

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

@@ -1,6 +1,10 @@
-import { EStepsSize } from './constants';
+import { EStepColor, EStepsSize } from './constants';
 
 export type TSize = `${EStepsSize}` | EStepsSize;
 export type TCommonStepsProps = {
     size?: TSize;
 };
+export type TStepsZone = {
+    color: EStepColor | string;
+    to: number;
+};

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-BFFPzelg.js";
+import { c as cls } from "../../Input-C8BYj-Cv.js";
 import { EInputVariant } from "../Input/constants.js";
 import '../../assets/TextArea.css';const textarea = "_textarea_46c4k_2";
 const s = "_s_46c4k_6";
@@ -63,6 +63,7 @@ const TextArea = memo(
         onFocus,
         onBlur,
         label,
+        onChange,
         withClearButton,
         disabled,
         rightAddon,
@@ -101,14 +102,16 @@ const TextArea = memo(
           inputRef.current.focus();
           setWithValue(false);
           handleResize();
+          onChange == null ? void 0 : onChange({
+            target: { value: "" }
+          });
         }
       };
       const handleChange = (event) => {
-        var _a;
         const targetValue = event.target.value;
         setWithValue(!!targetValue);
         handleResize();
-        (_a = otherProps == null ? void 0 : otherProps.onChange) == null ? void 0 : _a.call(otherProps, event);
+        onChange == null ? void 0 : onChange(event);
       };
       const currentLeftAddon = renderAddon(leftAddon);
       const currentRightAddon = renderAddon(rightAddon);
@@ -145,7 +148,10 @@ const TextArea = memo(
             cls[variant],
             textareaCls[size],
             cls[size],
-            { [cls.focused]: isFocused || withValue },
+            {
+              [cls.disabled]: disabled || readonly,
+              [cls.focused]: isFocused || withValue
+            },
             wrapperClassName
           ),
           children: [
@@ -193,6 +199,7 @@ const TextArea = memo(
                 iconName: "Close16px",
                 size: "m-s",
                 clear: true,
+                disabled: disabled || readonly,
                 variant: "secondary-gray",
                 onClick: handleClear
               }

package/dist/components/Vote/Vote.d.ts

@@ -1,5 +1,5 @@
 import { TCommonVoteProps } from './types';
-import { EStepsPrimaryColor, EStepsSecondaryColor } from '../Steps/constants';
+import { TStepsZone } from '../Steps/types.ts';
 
 export type TProps = TCommonVoteProps & {
     /**
@@ -47,17 +47,20 @@ export type TProps = TCommonVoteProps & {
      */
     disabled?: boolean;
     /**
-     * Цвет пройденных шагов
+     * Зоны для рахделения шагов по цветам
      */
-    primaryColor?: EStepsPrimaryColor;
+    zones?: TStepsZone[];
     /**
-     * Цвет оставшихся шагов
+     * Цвет круга шага с баллом, если оценка не установлена и шага, если он не выбран
      */
-    secondaryColor?: EStepsSecondaryColor;
+    unselectedColor?: string;
     /**
-     * Флаг, говорящий нужно ли менять цвет выбранных шагов, если оценка меньше 50%
+     * Цвет текста в круге с баллом
      */
-    needChangeFirstHalfColor?: boolean;
+    scoreTextColor?: {
+        unselected: string;
+        selected: string;
+    };
 };
 export declare const Vote: import('react').ForwardRefExoticComponent<TCommonVoteProps & {
     /**
@@ -105,15 +108,18 @@ export declare const Vote: import('react').ForwardRefExoticComponent<TCommonVote
      */
     disabled?: boolean;
     /**
-     * Цвет пройденных шагов
+     * Зоны для рахделения шагов по цветам
      */
-    primaryColor?: EStepsPrimaryColor;
+    zones?: TStepsZone[];
     /**
-     * Цвет оставшихся шагов
+     * Цвет круга шага с баллом, если оценка не установлена и шага, если он не выбран
      */
-    secondaryColor?: EStepsSecondaryColor;
+    unselectedColor?: string;
     /**
-     * Флаг, говорящий нужно ли менять цвет выбранных шагов, если оценка меньше 50%
+     * Цвет текста в круге с баллом
      */
-    needChangeFirstHalfColor?: boolean;
+    scoreTextColor?: {
+        unselected: string;
+        selected: string;
+    };
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Vote/Vote.js

@@ -1,32 +1,19 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useState, useEffect } from "react";
-import { DEFAULT_TITLE, EVoteSize, SCORE_TO_QUANTITY_THRESHOLD, ZERO_VALUE } from "./constants.js";
-import { ZERO_STEP, EStepsPrimaryColor, EStepsSecondaryColor } from "../Steps/constants.js";
+import { DEFAULT_TITLE, EVoteSize, ZERO_VALUE } from "./constants.js";
 import { Steps } from "../Steps/Steps.js";
-import '../../assets/Vote.css';const container = "_container_4roqw_2";
-const title = "_title_4roqw_9";
-const score = "_score_4roqw_16";
-const zero = "_zero_4roqw_29";
-const LIGHT_GRAY = "_LIGHT_GRAY_4roqw_29";
-const WHITE = "_WHITE_4roqw_32";
-const LIGHT_SAPPHIRE = "_LIGHT_SAPPHIRE_4roqw_36";
-const GRAY = "_GRAY_4roqw_39";
-const CITRINE = "_CITRINE_4roqw_42";
-const SAPPHIRE = "_SAPPHIRE_4roqw_45";
+import { ZERO_STEP } from "../Steps/constants.js";
+import '../../assets/Vote.css';const container = "_container_1akd9_2";
+const title = "_title_1akd9_9";
+const score = "_score_1akd9_16";
 const cls = {
   container,
   title,
-  score,
-  zero,
-  LIGHT_GRAY,
-  WHITE,
-  LIGHT_SAPPHIRE,
-  GRAY,
-  CITRINE,
-  SAPPHIRE
+  score
 };
 const Vote = forwardRef((props, ref) => {
+  var _a;
   const {
     rootClassName,
     titleClassName,
@@ -40,12 +27,14 @@ const Vote = forwardRef((props, ref) => {
     size = EVoteSize.M,
     onClick,
     disabled = false,
-    primaryColor = EStepsPrimaryColor.CITRINE,
-    secondaryColor = EStepsSecondaryColor.WHITE,
-    needChangeFirstHalfColor = false
+    zones = [{ color: "#ff0000", to: quantity }],
+    unselectedColor = "#ffffff",
+    scoreTextColor = {
+      unselected: "#000000",
+      selected: "#ffffff"
+    }
   } = props;
   const [score2, setScore] = useState(current);
-  const [color, setColor] = useState(primaryColor);
   const isZeroStep = score2 === ZERO_STEP;
   useEffect(() => {
     setScore(current);
@@ -54,46 +43,36 @@ const Vote = forwardRef((props, ref) => {
     setScore(step);
     onClick && onClick(step);
   };
-  useEffect(() => {
-    if (!needChangeFirstHalfColor) return;
-    setColor(
-      score2 / quantity <= SCORE_TO_QUANTITY_THRESHOLD ? EStepsPrimaryColor.GRAY : primaryColor
-    );
-  }, [score2, primaryColor, needChangeFirstHalfColor, quantity]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(cls.container, rootClassName, cls[color]),
-      ref,
-      children: [
-        !withoutTitle && /* @__PURE__ */ jsx("p", { className: classNames(cls.title, titleClassName), children: title2 }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(cls.score, scoreClassName, cls[secondaryColor], {
-              [cls.zero]: isZeroStep
-            }),
-            children: isZeroStep ? ZERO_VALUE : score2
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Steps,
-          {
-            rootClassName: stepsRootClassName,
-            stepClassName: stepsStepClassName,
-            quantity,
-            size,
-            current: score2,
-            editable: true,
-            disabled,
-            onClick: handleStepsClick,
-            primaryColor: color,
-            secondaryColor
-          }
-        )
-      ]
-    }
-  );
+  const backgroundColor = isZeroStep ? unselectedColor : ((_a = zones == null ? void 0 : zones.find((zone) => score2 <= zone.to)) == null ? void 0 : _a.color) || unselectedColor;
+  return /* @__PURE__ */ jsxs("div", { className: classNames(cls.container, rootClassName), ref, children: [
+    !withoutTitle && /* @__PURE__ */ jsx("p", { className: classNames(cls.title, titleClassName), children: title2 }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(cls.score, scoreClassName),
+        style: {
+          backgroundColor,
+          color: isZeroStep ? scoreTextColor.unselected : scoreTextColor.selected
+        },
+        children: isZeroStep ? ZERO_VALUE : score2
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Steps,
+      {
+        rootClassName: stepsRootClassName,
+        stepClassName: stepsStepClassName,
+        quantity,
+        size,
+        current: score2,
+        editable: true,
+        disabled,
+        onClick: handleStepsClick,
+        zones,
+        unselectedColor
+      }
+    )
+  ] });
 });
 export {
   Vote

package/dist/components/index.d.ts

@@ -19,7 +19,7 @@ export { Loader } from './Loader';
 export { Slider } from './Slider';
 export { Drawer } from './Drawer';
 export { EDrawerPosition } from './Drawer';
-export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
+export { Steps, EStepsSize, EStepColor, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
 export { SelectSearch, ESelectSearchSize } from './SelectSearch';
 export type { TSelectSearchProps, TSelectOption } from './SelectSearch';

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-BFFPzelg.js";
+import { I } from "../Input-C8BYj-Cv.js";
 import { EInputSize, EInputVariant } from "./Input/constants.js";
 import { TextArea } from "./TextArea/TextArea.js";
 import { InputPassword } from "./InputPassword/InputPassword.js";
@@ -17,7 +17,7 @@ import { Slider } from "./Slider/Slider.js";
 import { Drawer } from "./Drawer/Drawer.js";
 import { EDrawerPosition } from "./Drawer/constants.js";
 import { Steps } from "./Steps/Steps.js";
-import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./Steps/constants.js";
+import { EStepColor, EStepsSize } from "./Steps/constants.js";
 import { Vote } from "./Vote/Vote.js";
 import { EVoteSize } from "./Vote/constants.js";
 import { SelectSearch } from "./SelectSearch/SelectSearch.js";
@@ -37,7 +37,7 @@ import { useToast } from "./Toasts/hooks.js";
 import { EToastPosition, EToastVariant } from "./Toasts/constants.js";
 import { UploaderPhotos } from "./UploaderPhotos/UploaderPhotos.js";
 import { Uploader } from "./Uploader/Uploader.js";
-import { Link } from "./AnchorLink/AnchorLink.js";
+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";
@@ -61,8 +61,7 @@ export {
   EMergedButtonVariantRound,
   ENotificationBadgeSize,
   ESelectSearchSize,
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
+  EStepColor,
   EStepsSize,
   ETabTrailSize,
   ETagSize,

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './components';
 export * from './hooks';
 export * from './icons';
 export * from './utils';
+export * from './types';

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-BFFPzelg.js";
+import { I } from "./Input-C8BYj-Cv.js";
 import { EInputSize, EInputVariant } from "./components/Input/constants.js";
 import { TextArea } from "./components/TextArea/TextArea.js";
 import { InputPassword } from "./components/InputPassword/InputPassword.js";
@@ -17,7 +17,7 @@ import { Slider } from "./components/Slider/Slider.js";
 import { Drawer } from "./components/Drawer/Drawer.js";
 import { EDrawerPosition } from "./components/Drawer/constants.js";
 import { Steps } from "./components/Steps/Steps.js";
-import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./components/Steps/constants.js";
+import { EStepColor, EStepsSize } from "./components/Steps/constants.js";
 import { Vote } from "./components/Vote/Vote.js";
 import { EVoteSize } from "./components/Vote/constants.js";
 import { SelectSearch } from "./components/SelectSearch/SelectSearch.js";
@@ -37,7 +37,7 @@ import { useToast } from "./components/Toasts/hooks.js";
 import { EToastPosition, EToastVariant } from "./components/Toasts/constants.js";
 import { UploaderPhotos } from "./components/UploaderPhotos/UploaderPhotos.js";
 import { Uploader } from "./components/Uploader/Uploader.js";
-import { Link } from "./components/AnchorLink/AnchorLink.js";
+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";
@@ -72,8 +72,7 @@ import './assets/index.css';export {
   EMinMediaQuery,
   ENotificationBadgeSize,
   ESelectSearchSize,
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
+  EStepColor,
   EStepsSize,
   ETabTrailSize,
   ETagSize,

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export type { Props, PolymorphicRef, ComponentCustomProps } from './propsWithAs';

package/dist/types/index.js

@@ -0,0 +1 @@
+

package/dist/types/propsWithAs.d.ts

@@ -0,0 +1,16 @@
+import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+
+export type PropsOf<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, ComponentPropsWithoutRef<C>>;
+type AsProp<C extends ElementType> = {
+    as?: C;
+};
+export type ExtendableProps<ExtendedProps = NonNullable<unknown>, OverrideProps = NonNullable<unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export type InheritableElementProps<C extends ElementType, Props = NonNullable<unknown>> = ExtendableProps<PropsOf<C>, Props>;
+export type PolymorphicComponentProps<C extends ElementType, Props = NonNullable<unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropsWithRef<C extends ElementType, Props = NonNullable<unknown>> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export type Props<C extends ElementType, P> = PolymorphicComponentPropsWithRef<C, P>;
+export type ComponentCustomProps = <C extends ElementType = 'span', P = NonNullable<unknown>>(props: Props<C, P>) => ReactElement | ReactNode;
+export {};

package/dist/types/propsWithAs.js

@@ -0,0 +1 @@
+

package/package.json

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

package/dist/assets/AnchorLink.css

@@ -1 +0,0 @@
-._link_miwq0_2{--link-color: var(--dark-text);display:inline-flex;align-items:center;color:var(--link-color);font-size:var(--link-font-size);font-family:var(--font-inter);line-height:var(--link-line-height);-moz-column-gap:var(--link-gap);column-gap:var(--link-gap);transition:all .15s ease}._link_miwq0_2:hover{--link-color: var(--sapphire-hover)}._link_miwq0_2:active{--link-color: var(--sapphire-active)}._link_miwq0_2._sample_miwq0_19:hover{-webkit-text-decoration:underline var(--link-color);text-decoration:underline var(--link-color);text-underline-offset:4px}._link_miwq0_2._anchor_miwq0_23{-webkit-text-decoration:underline dashed var(--link-color);text-decoration:underline dashed var(--link-color);text-underline-offset:4px}._link_miwq0_2._disabled_miwq0_27{--link-color: var(--disabled);-webkit-text-decoration:none;text-decoration:none}._link_miwq0_2._disabled_miwq0_27:hover,._link_miwq0_2._disabled_miwq0_27:active{-webkit-text-decoration:none;text-decoration:none;--link-color: var(--disabled)}._link_miwq0_2 ._icon_miwq0_35{color:currentcolor;fill:currentcolor}._link_miwq0_2 ._icon_miwq0_35 path{color:currentcolor;fill:currentcolor}._xs_miwq0_44{--link-font-size: var(--size-text-s);--link-line-height: var(--size-text-s);--link-gap: var(--space-2xs)}._s_miwq0_19{--link-font-size: var(--size-text-m);--link-line-height: var(--size-text-s);--link-gap: var(--space-2xs)}._m_miwq0_56{--link-font-size: var(--size-text-l);--link-line-height: var(--size-text-s);--link-gap: var(--space-2xs)}._l_miwq0_2{--link-font-size: var(--size-text-l2);--link-line-height: var(--size-text-s);--link-gap: var(--space-xs)}

package/dist/components/AnchorLink/AnchorLink.d.ts

@@ -1,13 +0,0 @@
-import { ComponentProps } from 'react';
-import { ELinkSize, ELinkVariant } from './constants';
-import { TIconProps } from '../../icons';
-
-type TProps = ComponentProps<'button'> & {
-    variant?: ELinkVariant | `${ELinkVariant}`;
-    size?: ELinkSize | `${ELinkSize}`;
-    leftIcon?: TIconProps;
-    rightIcon?: TIconProps;
-    disabled?: boolean;
-};
-export declare const Link: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/AnchorLink/AnchorLink.js

@@ -1,69 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef } from "react";
-import { ELinkSize, ELinkVariant } from "./constants.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/AnchorLink.css';const link = "_link_miwq0_2";
-const sample = "_sample_miwq0_19";
-const anchor = "_anchor_miwq0_23";
-const disabled = "_disabled_miwq0_27";
-const icon = "_icon_miwq0_35";
-const xs = "_xs_miwq0_44";
-const s = "_s_miwq0_19";
-const m = "_m_miwq0_56";
-const l = "_l_miwq0_2";
-const cls = {
-  link,
-  sample,
-  anchor,
-  disabled,
-  icon,
-  xs,
-  s,
-  m,
-  l
-};
-const Link = forwardRef(
-  ({
-    leftIcon,
-    className,
-    size = ELinkSize.L,
-    variant = ELinkVariant.ANCHOR,
-    rightIcon,
-    disabled: disabled2,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        type: "button",
-        disabled: disabled2,
-        className: classNames(cls.link, className, cls[variant], cls[size], {
-          [cls.disabled]: disabled2
-        }),
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsx(
-            Icon,
-            {
-              ...leftIcon,
-              className: classNames(cls.icon, leftIcon.className)
-            }
-          ),
-          props.children,
-          rightIcon && /* @__PURE__ */ jsx(
-            Icon,
-            {
-              ...rightIcon,
-              className: classNames(cls.icon, rightIcon.className)
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  Link
-};