mimir-ui-kit 1.34.4-t → 1.34.5

package/dist/{Input-BQldEv37.js → Input-DGr0q5AJ.js}

@@ -3,67 +3,67 @@ import { c as u } from "./index-DIxK0V-G.js";
 import { memo as Q, forwardRef as U, useState as R, useRef as X, useEffect as Y } from "react";
 import { EInputVariant as Z } from "./components/Input/constants.js";
 import { useMergeRefs as $ } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as ss } from "./icons/Icon.js";
-import { Button as es } from "./components/Button/Button.js";
-import './assets/Input.css';const ts = "_label_1rkts_27", as = "_input_1rkts_3", rs = "_focused_1rkts_82", ls = "_disabled_1rkts_88", ns = "_clear_1rkts_121", os = "_s_1rkts_169", cs = "_m_1rkts_184", is = "_l_1rkts_27", us = "_success_1rkts_241", ds = "_alarm_1rkts_261", _s = "_error_1rkts_281", s = {
+import { Icon as ee } from "./icons/Icon.js";
+import { Button as se } from "./components/Button/Button.js";
+import './assets/Input.css';const te = "_label_1rkts_27", ae = "_input_1rkts_3", re = "_focused_1rkts_82", le = "_disabled_1rkts_88", ne = "_clear_1rkts_121", oe = "_s_1rkts_169", ce = "_m_1rkts_184", ie = "_l_1rkts_27", ue = "_success_1rkts_241", de = "_alarm_1rkts_261", _e = "_error_1rkts_281", e = {
   "input-wrapper": "_input-wrapper_1rkts_3",
   "required-mark": "_required-mark_1rkts_17",
-  label: ts,
+  label: te,
   "has-left-slot": "_has-left-slot_1rkts_42",
   "active-label": "_active-label_1rkts_45",
-  input: as,
+  input: ae,
   "has-right-slot": "_has-right-slot_1rkts_79",
-  focused: rs,
+  focused: re,
   "has-label": "_has-label_1rkts_85",
-  disabled: ls,
+  disabled: le,
   "left-slot": "_left-slot_1rkts_94",
   "right-slot": "_right-slot_1rkts_95",
   "addon-icon": "_addon-icon_1rkts_117",
-  clear: ns,
-  s: os,
-  m: cs,
-  l: is,
+  clear: ne,
+  s: oe,
+  m: ce,
+  l: ie,
   "default-gray": "_default-gray_1rkts_214",
   "default-white": "_default-white_1rkts_226",
-  success: us,
-  alarm: ds,
-  error: _s
-}, z = (e) => {
+  success: ue,
+  alarm: de,
+  error: _e
+}, z = (s) => {
   var m, n;
-  if (!e)
+  if (!s)
     return null;
-  switch (e.addonType) {
+  switch (s.addonType) {
     case "icon": {
-      const f = (m = e.addonContent) == null ? void 0 : m.includes("16px"), b = (n = e.addonContent) == null ? void 0 : n.includes("24px");
+      const f = (m = s.addonContent) == null ? void 0 : m.includes("16px"), k = (n = s.addonContent) == null ? void 0 : n.includes("24px");
       return /* @__PURE__ */ l(
-        ss,
+        ee,
         {
           style: {
             "--icon-size": u({
               "16px": f,
-              "24px": b
+              "24px": k
             })
           },
-          className: s["addon-icon"],
-          iconName: e.addonContent
+          className: e["addon-icon"],
+          iconName: s.addonContent
         }
       );
     }
     case "text":
-      return e.addonContent;
+      return s.addonContent;
     default:
       return null;
   }
-}, ms = Q(
+}, me = Q(
   U(
-    (e, m) => {
+    (s, m) => {
       const {
         value: n,
         className: f,
-        wrapperClassName: b,
-        variant: q = Z.DefaultGray,
+        wrapperClassName: k,
+        variant: A = Z.DefaultGray,
         type: L = "text",
-        autofocus: k,
+        autofocus: b,
         readonly: r,
         id: V,
         onFocus: g,
@@ -80,10 +80,10 @@ import './assets/Input.css';const ts = "_label_1rkts_27", as = "_input_1rkts_3",
         required: y,
         maxLength: v,
         ...T
-      } = e, [_, w] = R(k), [p, C] = R(!!n), i = X(null), G = $(i, m);
+      } = s, [_, w] = R(b), [p, C] = R(!!n), i = X(null), G = $(i, m);
       Y(() => {
-        k && w(!0);
-      }, [k]);
+        b && w(!0);
+      }, [b]);
       const M = (t) => {
         const a = t.currentTarget.value;
         N == null || N(t), w(!1), C(!!a);
@@ -97,46 +97,52 @@ import './assets/Input.css';const ts = "_label_1rkts_27", as = "_input_1rkts_3",
         let a = t.target.value;
         O && (a = a.replace(/\D/g, "")), v !== void 0 && (a = a.slice(0, v)), t.target.value = a, c == null || c(t), C(!!a);
       }, h = z(E), I = z(D), H = {
-        [s.readonly]: o || r,
-        [s.focused]: _,
-        [s.disabled]: o || r,
-        [s["has-label"]]: !!d,
-        [s["has-left-slot"]]: !!h,
-        [s["has-right-slot"]]: !!I
-      }, A = _ || p || !!n, J = u(s.label, f, s[x], {
-        [s["active-label"]]: A,
-        [s.disabled]: o || r,
-        [s["has-left-slot"]]: !!h
-      }), K = u(s.input, H, f, [
-        s[q],
-        s[B ?? ""],
-        s[x]
+        [e.readonly]: o || r,
+        [e.focused]: _,
+        [e.disabled]: o || r,
+        [e["has-label"]]: !!d,
+        [e["has-left-slot"]]: !!h,
+        [e["has-right-slot"]]: !!I
+      }, q = _ || p || !!n, J = u(e.label, f, e[x], {
+        [e["active-label"]]: q,
+        [e.disabled]: o || r,
+        [e["has-left-slot"]]: !!h
+      }), K = u(e.input, H, f, [
+        e[A],
+        e[B ?? ""],
+        e[x]
       ]);
       return /* @__PURE__ */ F(
         "div",
         {
           className: u(
-            s["input-wrapper"],
-            s[q],
-            s[B ?? ""],
-            s[x],
+            e["input-wrapper"],
+            e[A],
+            e[B ?? ""],
+            e[x],
             {
-              [s.disabled]: o || r,
-              [s.focused]: _
+              [e.disabled]: o || r,
+              [e.focused]: _
             },
-            b
+            k
           ),
           children: [
             d && /* @__PURE__ */ F("label", { htmlFor: V, className: J, children: [
               d,
-              y && (p || _) && /* @__PURE__ */ l("span", { className: s["required-mark"] })
+              y && (p || _) && /* @__PURE__ */ l(
+                "span",
+                {
+                  className: e["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
             ] }),
             h && /* @__PURE__ */ l(
               "span",
               {
-                className: u(s["left-slot"], {
-                  [s.focused]: A,
-                  [s["has-label"]]: !!d
+                className: u(e["left-slot"], {
+                  [e.focused]: q,
+                  [e["has-label"]]: !!d
                 }),
                 children: h
               }
@@ -162,19 +168,25 @@ import './assets/Input.css';const ts = "_label_1rkts_27", as = "_input_1rkts_3",
             I && /* @__PURE__ */ l(
               "span",
               {
-                className: u(s["right-slot"], {
-                  [s.focused]: A,
-                  [s["has-label"]]: !!d
+                className: u(e["right-slot"], {
+                  [e.focused]: q,
+                  [e["has-label"]]: !!d
                 }),
                 children: I
               }
             ),
-            y && !p && !_ && /* @__PURE__ */ l("span", { className: s["required-mark"] }),
+            y && !p && !_ && /* @__PURE__ */ l(
+              "span",
+              {
+                className: e["required-mark"],
+                "data-testid": "required-mark"
+              }
+            ),
             j && p && /* @__PURE__ */ l(
-              es,
+              se,
               {
                 tabIndex: -1,
-                className: s.clear,
+                className: e.clear,
                 isIconButton: !0,
                 iconName: "Close16px",
                 size: "m-s",
@@ -191,8 +203,8 @@ import './assets/Input.css';const ts = "_label_1rkts_27", as = "_input_1rkts_3",
     }
   )
 );
-ms.displayName = "Input";
+me.displayName = "Input";
 export {
-  ms as I,
-  s as c
+  me as I,
+  e as c
 };

package/dist/components/DatePicker/DatePicker.js

@@ -8,7 +8,7 @@ import { formatDatePart as h } from "./utils.js";
 import { YearPickerModal as B } from "./YearPickerModal.js";
 import { useClickOutside as C } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating as E } from "../../utils/index.js";
-import { I as V } from "../../Input-BQldEv37.js";
+import { I as V } from "../../Input-DGr0q5AJ.js";
 import { EInputStatus as tt } from "../Input/constants.js";
 const st = 31, et = 12, it = 10, at = Q(
   W(

package/dist/components/Drawer/Drawer.d.ts

@@ -1,17 +1,18 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { EDrawerPosition } from './constants';
 
+export declare const ANIMATION_DELAY = 300;
 type TProps = {
     /**
      * Обязательный заголовок.
      */
     title: string | ReactNode;
     /**
-     * Флаг отвечачающий за показ/скрытие.
+     * Флаг отвечающий за показ/скрытие.
      */
     isOpen?: boolean;
     /**
-     * Флаг отвечачающий за то, должен ли компонент полность размонтироваться .
+     * Флаг отвечающий за то, должен ли компонент полностью размонтироваться.
      */
     unmount?: boolean;
     /**

package/dist/components/Drawer/Drawer.js

@@ -1,16 +1,16 @@
 import { jsxs as m, jsx as t, Fragment as A } from "react/jsx-runtime";
 import { c as s } from "../../index-DIxK0V-G.js";
 import { useState as u, useRef as X, useCallback as g, useEffect as j } from "react";
-import { EDrawerPosition as N } from "./constants.js";
+import { EDrawerPosition as v } from "./constants.js";
 import { useMediaQuery as P } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as Q } from "../../hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll as F } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { useResizeObserver as G } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as k } from "../Button/Button.js";
-import { EButtonVariantDefault as H, EButtonSize as r } from "../Button/constants.js";
+import { Button as w } from "../Button/Button.js";
+import { EButtonVariantDefault as H, EButtonSize as n } from "../Button/constants.js";
 import { Loader as K } from "../Loader/Loader.js";
 import { Portal as O } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4d_27", Y = "_header_1xs4d_45", q = "_title_1xs4d_59", J = "_space_1xs4d_73", U = "_inner_1xs4d_84", Z = "_button_1xs4d_87", $ = "_footer_1xs4d_92", ee = "_left_1xs4d_105", te = "_right_1xs4d_109", oe = "_full_1xs4d_113", se = "_bottom_1xs4d_123", ne = "_opened_1xs4d_140", re = "_overlay_1xs4d_196", le = "_unmount_1xs4d_212", e = {
+import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4d_27", Y = "_header_1xs4d_45", q = "_title_1xs4d_59", J = "_space_1xs4d_73", U = "_inner_1xs4d_84", Z = "_button_1xs4d_87", $ = "_footer_1xs4d_92", ee = "_left_1xs4d_105", te = "_right_1xs4d_109", oe = "_full_1xs4d_113", se = "_bottom_1xs4d_123", re = "_opened_1xs4d_140", ne = "_overlay_1xs4d_196", le = "_unmount_1xs4d_212", e = {
   drawer: V,
   content: W,
   "is-loading": "_is-loading_1xs4d_41",
@@ -27,28 +27,28 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
   full: oe,
   bottom: se,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ne,
+  opened: re,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay: re,
+  overlay: ne,
   unmount: le
-}, ie = 300, ge = ({
-  isOpen: n,
+}, ae = 300, ge = ({
+  isOpen: r,
   onClose: l,
-  title: v,
-  className: w,
+  title: N,
+  className: k,
   unmount: f = !0,
-  isLoading: i = !1,
+  isLoading: a = !1,
   stickyHeader: B,
   fullBottomHeight: E = !1,
-  position: c = N.RIGHT,
+  position: i = v.RIGHT,
   paddingRight: M = 8,
-  footer: a,
-  children: S,
-  classNameInner: I,
+  footer: c,
+  children: I,
+  classNameInner: S,
   classNameFooter: C
 }) => {
   const [L, h] = u(!1), [T, x] = u(!1), [D, p] = u(!1), y = X(), d = P(Q.XS1), { ref: z } = G({
-    enabled: c === N.BOTTOM
+    enabled: i === v.BOTTOM
   });
   F({
     on: D,
@@ -57,37 +57,37 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
   const o = g(() => {
     l && (h(!0), p(!1), y.current = setTimeout(() => {
       l(), h(!1);
-    }, ie));
+    }, ae));
   }, [l]), _ = g(
     (R) => {
       R.key === "Escape" && o();
     },
     [o]
   );
-  j(() => (n && (p(!0), x(!0), window.addEventListener("keydown", _)), () => {
+  j(() => (r && (p(!0), x(!0), window.addEventListener("keydown", _)), () => {
     x(!1), clearTimeout(y.current), window.removeEventListener("keydown", _);
-  }), [n, _]);
+  }), [r, _]);
   const b = {
     [e.opened]: T,
     [e["is-closing"]]: L,
     [e["full-bottom-height"]]: E,
-    [e["is-loading"]]: i
+    [e["is-loading"]]: a
   };
-  return !n && f ? null : /* @__PURE__ */ m(O, { children: [
+  return !r && f ? null : /* @__PURE__ */ m(O, { children: [
     /* @__PURE__ */ t(
       "div",
       {
-        "aria-hidden": !n,
+        "aria-hidden": !r,
         role: "dialog",
-        className: s(e.drawer, e[c], b, w),
+        className: s(e.drawer, e[i], b, k),
         children: /* @__PURE__ */ t(
           "section",
           {
             ref: z,
-            className: s(e.content, e[c], {
-              [e["is-loading"]]: !!i
+            className: s(e.content, e[i], {
+              [e["is-loading"]]: !!a
             }),
-            children: i ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ m(A, { children: [
+            children: a ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ m(A, { children: [
               /* @__PURE__ */ m(
                 "header",
                 {
@@ -95,13 +95,13 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
                     [e["sticky-header"]]: B
                   }),
                   children: [
-                    /* @__PURE__ */ t("h2", { className: e.title, children: v }),
+                    /* @__PURE__ */ t("h2", { className: e.title, children: N }),
                     /* @__PURE__ */ t("div", { className: e.space, children: /* @__PURE__ */ t(
-                      k,
+                      w,
                       {
                         variant: H.SecondaryWhite,
                         isIconButton: !0,
-                        size: d ? r.S : r.M,
+                        size: d ? n.S : n.M,
                         iconName: "Close16px",
                         onClick: o,
                         className: e.button
@@ -110,11 +110,11 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
                   ]
                 }
               ),
-              /* @__PURE__ */ t("div", { className: s(e.inner, I), children: S }),
-              /* @__PURE__ */ t("footer", { className: s(e.footer, C), children: typeof a == "function" ? a({ handleClose: o }) : a || /* @__PURE__ */ t(
-                k,
+              /* @__PURE__ */ t("div", { className: s(e.inner, S), children: I }),
+              /* @__PURE__ */ t("footer", { className: s(e.footer, C), children: typeof c == "function" ? c({ handleClose: o }) : c || /* @__PURE__ */ t(
+                w,
                 {
-                  size: d ? r.M : r.XXL,
+                  size: d ? n.M : n.XXL,
                   full: d,
                   onClick: o,
                   className: e["footer-button"],
@@ -136,11 +136,13 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
           },
           b
         ),
+        "data-testId": "drawer-overlay",
         onClick: o
       }
     )
   ] });
 };
 export {
+  ae as ANIMATION_DELAY,
   ge as Drawer
 };

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-BQldEv37.js";
+import { I as f } from "../../Input-DGr0q5AJ.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 as n } from "../../Input-BQldEv37.js";
+import { I as n } from "../../Input-DGr0q5AJ.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c as i } from "../../index-DIxK0V-G.js";
 import { memo as m, forwardRef as w, useState as u } from "react";
 import { Icon as _ } from "../../icons/Icon.js";
 import { Button as l } from "../Button/Button.js";
-import { I as b } from "../../Input-BQldEv37.js";
+import { I as b } from "../../Input-DGr0q5AJ.js";
 import '../../assets/InputPassword.css';const d = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: d,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-BQldEv37.js";
+import { I as b } from "../../Input-DGr0q5AJ.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/Loader/Loader.js

@@ -1,12 +1,12 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import '../../assets/Loader.css';const s = "_loader_eco13_2", o = "_circle_eco13_11", r = "_animate_eco13_1", c = {
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import '../../assets/Loader.css';const s = "_loader_eco13_2", o = "_circle_eco13_11", r = "_animate_eco13_1", e = {
   loader: s,
   circle: o,
   animate: r
-}, n = () => /* @__PURE__ */ a("div", { className: c.loader, children: [
-  /* @__PURE__ */ e("span", { className: c.circle }),
-  /* @__PURE__ */ e("span", { className: c.circle })
+}, t = () => /* @__PURE__ */ a("div", { className: e.loader, "data-testid": "loader", children: [
+  /* @__PURE__ */ c("span", { className: e.circle }),
+  /* @__PURE__ */ c("span", { className: e.circle })
 ] });
 export {
-  n as Loader
+  t as Loader
 };

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
 import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-BQldEv37.js";
+import { I as A } from "../../Input-DGr0q5AJ.js";
 import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1shq3_14",

package/dist/components/RadioGroup/RadioGroup.js

@@ -146,6 +146,7 @@ const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40",
               value: t,
               disabled: d.disabled,
               className: n,
+              "data-testid": `radio-option-${t}`,
               children: ({ checked: u, disabled: y }) => /* @__PURE__ */ ee(_e, { children: [
                 /* @__PURE__ */ L(
                   V,

package/dist/components/SelectSearch/SelectSearch.js

@@ -4,7 +4,7 @@ import * as y from "react";
 import j, { useReducer as on, useMemo as q, useSyncExternalStore as Vn, useId as Ue, useEffect as ne, useCallback as He, useRef as Y, useLayoutEffect as rn, createContext as ve, useContext as ae, useState as ue, Fragment as rt, createRef as Wn, forwardRef as Bn } from "react";
 import { ESelectSearchSize as Le } from "./constants.js";
 import { Icon as Dt } from "../../icons/Icon.js";
-import { I as jn } from "../../Input-BQldEv37.js";
+import { I as jn } from "../../Input-DGr0q5AJ.js";
 import { EInputVariant as Un, EInputSize as ft } from "../Input/constants.js";
 import { n as U, u as Et, d as Me, s as Ae, o as A, p as sn, t as Yn, e as ke, W as be, y as Oe, T as Kn, H as xe, M as $t, a as Te, $ as ln, b as an, D as Rt, c as X } from "../../keyboard-B0lm_zyn.js";
 import * as Ve from "react-dom";

package/dist/components/TextArea/TextArea.js

@@ -1,11 +1,11 @@
 import { jsxs as V, jsx as n } from "react/jsx-runtime";
-import { c as i } from "../../index-DIxK0V-G.js";
+import { c as d } from "../../index-DIxK0V-G.js";
 import { memo as K, forwardRef as Q, useState as B, useRef as U, useEffect as X } from "react";
 import { useAutoResizeTextArea as Y } from "./hooks.js";
 import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as $ } from "../../icons/Icon.js";
 import { Button as ee } from "../Button/Button.js";
-import { c as e } from "../../Input-BQldEv37.js";
+import { c as e } from "../../Input-DGr0q5AJ.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_1n8kz_22", re = "_s_1n8kz_54", le = "_m_1n8kz_62", ne = "_l_1n8kz_22", a = {
   "textarea-wrapper": "_textarea-wrapper_1n8kz_2",
@@ -19,17 +19,17 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
   m: le,
   l: ne
 }, F = (t) => {
-  var f, o;
+  var p, o;
   if (!t)
     return null;
   switch (t.addonType) {
     case "icon": {
-      const _ = (f = t.addonContent) == null ? void 0 : f.includes("16px"), b = (o = t.addonContent) == null ? void 0 : o.includes("24px");
+      const _ = (p = t.addonContent) == null ? void 0 : p.includes("16px"), b = (o = t.addonContent) == null ? void 0 : o.includes("24px");
       return /* @__PURE__ */ n(
         $,
         {
           style: {
-            "--icon-size": i({
+            "--icon-size": d({
               "16px": _,
               "24px": b
             })
@@ -46,95 +46,102 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
   }
 }, oe = K(
   Q(
-    (t, f) => {
+    (t, p) => {
       const {
         value: o,
         className: _,
         wrapperClassName: b,
-        variant: R = ae.DefaultGray,
-        autofocus: N,
+        variant: q = ae.DefaultGray,
+        autofocus: k,
         readonly: s,
-        status: T,
-        id: q,
-        onFocus: k,
+        status: I,
+        id: R,
+        onFocus: N,
         onBlur: z,
-        label: u,
+        label: i,
         onChange: c,
         withClearButton: j,
-        disabled: d,
+        disabled: u,
         rightAddon: E,
         leftAddon: L,
         size: m = "m",
-        required: C,
+        required: g,
         ...D
-      } = t, [p, g] = B(N), [h, v] = B(!!o), r = U(null), G = Z(r, f);
+      } = t, [f, C] = B(k), [h, v] = B(!!o), r = U(null), G = Z(r, p);
       X(() => {
-        N && g(!0);
-      }, [N]);
-      const I = Y(r.current), M = (l) => {
+        k && C(!0);
+      }, [k]);
+      const T = Y(r.current), M = (l) => {
         const y = l.currentTarget.value;
-        z == null || z(l), g(!1), v(!!y);
+        z == null || z(l), C(!1), v(!!y);
       }, O = (l) => {
-        s || (g(!0), k == null || k(l));
+        s || (C(!0), N == null || N(l));
       }, P = () => {
-        r != null && r.current && (r.current.value = "", r.current.focus(), v(!1), I(), c == null || c({
+        r != null && r.current && (r.current.value = "", r.current.focus(), v(!1), T(), c == null || c({
           target: { value: "" }
         }));
       }, S = (l) => {
         const y = l.target.value;
-        v(!!y), I(), c == null || c(l);
+        v(!!y), T(), c == null || c(l);
       }, x = F(L), A = F(E), W = {
-        [e.readonly]: d || s,
-        [e.focused]: p,
-        [e.disabled]: d || s,
+        [e.readonly]: u || s,
+        [e.focused]: f,
+        [e.disabled]: u || s,
         [e["has-left-slot"]]: !!x,
         [e["has-right-slot"]]: !!A,
-        [a["has-label"]]: !!u
-      }, w = p || h || !!o, H = i(
+        [a["has-label"]]: !!i
+      }, w = f || h || !!o, H = d(
         e.label,
         a.label,
         {
           [a["active-label"]]: w,
-          [e.disabled]: d || s,
+          [e.disabled]: u || s,
           [a["has-left-slot"]]: !!x
         },
         _,
         e[m]
-      ), J = i(
+      ), J = d(
         a.textarea,
         e.input,
         W,
         _,
-        [e[R], a[m], e[m], e[T ?? ""]]
+        [e[q], a[m], e[m], e[I ?? ""]]
       );
       return /* @__PURE__ */ V(
         "div",
         {
-          className: i(
+          className: d(
             e["input-wrapper"],
             a["textarea-wrapper"],
-            e[R],
-            e[T ?? ""],
+            e[q],
+            e[I ?? ""],
             a[m],
             e[m],
             {
-              [e.disabled]: d || s,
-              [e.focused]: p
+              [e.disabled]: u || s,
+              [e.focused]: f
             },
             b
           ),
           children: [
-            u && /* @__PURE__ */ V("label", { htmlFor: q, className: H, children: [
-              u,
-              C && (h || p) && /* @__PURE__ */ n("span", { className: a["required-mark"] })
+            i && /* @__PURE__ */ V("label", { htmlFor: R, className: H, children: [
+              i,
+              g && (h || f) && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: a["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
             ] }),
             x && /* @__PURE__ */ n(
               "span",
               {
-                className: i(e["left-slot"], {
+                className: d(e["left-slot"], {
                   [e.focused]: w,
-                  [e["has-label"]]: !!u
+                  [e["has-label"]]: !!i
                 }),
+                "data-testId": "left-addon",
                 children: x
               }
             ),
@@ -142,28 +149,35 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
               "textarea",
               {
                 ref: G,
-                id: q,
+                id: R,
                 className: J,
                 onFocus: O,
                 onBlur: M,
                 readOnly: s,
                 value: o,
                 onChange: S,
-                required: C,
+                required: g,
                 ...D
               }
             ),
             A && /* @__PURE__ */ n(
               "span",
               {
-                className: i(e["right-slot"], {
+                className: d(e["right-slot"], {
                   [e.focused]: w,
-                  [e["has-label"]]: !!u
+                  [e["has-label"]]: !!i
                 }),
+                "data-testId": "right-addon",
                 children: A
               }
             ),
-            C && !h && !p && /* @__PURE__ */ n("span", { className: a["required-mark"] }),
+            g && !h && !f && /* @__PURE__ */ n(
+              "span",
+              {
+                className: a["required-mark"],
+                "data-testid": "required-mark"
+              }
+            ),
             j && h && /* @__PURE__ */ n(
               ee,
               {
@@ -173,7 +187,7 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
                 iconName: "Close16px",
                 size: "m-s",
                 clear: !0,
-                disabled: d || s,
+                disabled: u || s,
                 variant: "secondary-gray",
                 onClick: P
               }

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as n } from "./Button/constants.js";
-import { I as E } from "../Input-BQldEv37.js";
+import { I as E } from "../Input-DGr0q5AJ.js";
 import { EInputSize as u, EInputStatus as s, EInputVariant as d } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { InputPassword as I } from "./InputPassword/InputPassword.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as u } from "./Input-BQldEv37.js";
+import { I as u } from "./Input-DGr0q5AJ.js";
 import { EInputSize as E, EInputStatus as S, EInputVariant as d } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { InputPassword as I } from "./components/InputPassword/InputPassword.js";

package/package.json

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