mimir-ui-kit 1.19.2 → 1.19.3

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

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

package/dist/assets/TextArea.css

@@ -1 +1 @@
-._textarea_46c4k_2{min-height:var(--textarea-height);resize:none}._textarea_46c4k_2._s_46c4k_6{--top-space: var(--space-3xs);--textarea-height: 76px;--textarea-padding: var(--space-xs) var(--space-s)}._textarea_46c4k_2._m_46c4k_11{--top-space: var(--space-2xs);--textarea-height: 88px;--textarea-padding: var(--space-xs) var(--space-s)}._textarea_46c4k_2._l_46c4k_16{--top-space: var(--space-2xs);--textarea-height: 120px;--textarea-padding: var(--space-2m)}._textarea_46c4k_2._has-label_46c4k_21{padding-top:calc(var(--input-font-size) + var(--top-space))!important}
+._textarea-wrapper_1hbfy_2 ._textarea_1hbfy_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_1hbfy_2 ._textarea_1hbfy_2._has-label_1hbfy_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_1hbfy_2 ._label_1hbfy_11{position:absolute;top:calc(var(--input-space) / 2 - var(--input-space) / 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}._textarea-wrapper_1hbfy_2 ._label_1hbfy_11._has-left-slot_1hbfy_24{left:calc(var(--space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_1hbfy_2 ._label_1hbfy_11._active-label_1hbfy_27{transform:scale(var(--label-scaled)) translateY(calc(var(--textarea-transform-label) * -1))}._textarea-wrapper_1hbfy_2 ._label_1hbfy_11._active-label_1hbfy_27._has-left-slot_1hbfy_24{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(--textarea-transform-label) * -1))}._s_1hbfy_35{--textarea-space: var(--space-2s);--textarea-top-space: var(--space-l);--textarea-transform-label: var(--space-xss);--textarea-height: 76px;--textarea-padding: var(--space-xs) var(--space-s)}._m_1hbfy_43{--textarea-space: var(--space-2s);--textarea-top-space: var(--space-l);--textarea-transform-label: var(--space-s);--textarea-height: 88px;--textarea-padding: var(--space-xs) var(--space-s)}._l_1hbfy_11{--textarea-space: var(--space-2m);--textarea-top-space: 25px;--textarea-transform-label: var(--space-m);--textarea-height: 120px;--textarea-padding: var(--space-2m)}

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-DdKAiGfJ.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.d.ts

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

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { I } from "../../Input-DdKAiGfJ.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-DdKAiGfJ.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-DdKAiGfJ.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-DdKAiGfJ.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-DdKAiGfJ.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/RadioGroup/RadioGroup.d.ts

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

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { K, w, a, z as z$1, U, l, T, j as j$1, u as u$1, I, G, p } from "../../label-C_5Syaoj.js";
+import { K, w, a, z as z$1, U, l, T, j as j$1, u as u$1, I, G, p } from "../../label-BTEGh6O_.js";
 import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
 import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
 import { u } from "../../use-by-comparator-BUO78DGe.js";
@@ -120,14 +120,10 @@ const cls = {
   checked
 };
 const RadioGroup = forwardRef(
-  ({ options, value, onChange, label: label2, classNameRadioWrapper, ...props }, ref) => {
-    const radioClasses = classNames(
-      cls["radio-wrapper"],
-      classNameRadioWrapper,
-      {
-        [cls.disabled]: props.disabled
-      }
-    );
+  ({ options, value, onChange, label: label2, ...props }, ref) => {
+    const radioClasses = classNames(cls["radio-wrapper"], {
+      [cls.disabled]: props.disabled
+    });
     return /* @__PURE__ */ jsxs(
       Tt,
       {
@@ -167,7 +163,7 @@ const RadioGroup = forwardRef(
                 label22
               ] })
             },
-            typeof value2 === "string" ? value2 : String(value2)
+            label22
           )) })
         ]
       }

package/dist/components/SelectSearch/SelectSearch.js

@@ -4,14 +4,14 @@ 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-DdKAiGfJ.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";
 import { flushSync, createPortal } from "react-dom";
 import { w } from "../../use-active-press-B6yeSopF.js";
 import { u as u$4 } from "../../use-by-comparator-BUO78DGe.js";
-import { K, a as a$5, l as l$3, T as T$1, z, j as j$1, u as u$6, I as I$1, G } from "../../label-C_5Syaoj.js";
+import { K, a as a$5, l as l$3, T as T$1, z, j as j$1, u as u$6, I as I$1, G } from "../../label-BTEGh6O_.js";
 import { A, h as h$1, f as f$6, _ } from "../../focus-management-1rQPII7Z.js";
 import { T as T$2 } from "../../use-resolve-button-type-B6LE6gU3.js";
 import { c as c$2, i as i$2, u as u$7, V, A as A$1 } from "../../open-closed-CbXq00et.js";
@@ -3798,8 +3798,7 @@ const SelectSearch = forwardRef(
       onSearch,
       variant = EInputVariant.DefaultGray,
       menuPlacement = "bottom",
-      disabled: disabled2 = false,
-      searchProps
+      disabled: disabled2 = false
     } = props;
     const [inputValue, setInputValue] = useState("");
     const mapSizeToInputSize = (size22) => {
@@ -3864,8 +3863,7 @@ const SelectSearch = forwardRef(
                     onChange: handleInputChange,
                     value: inputValue,
                     disabled: disabled2,
-                    variant,
-                    ...searchProps
+                    variant
                   }
                 ),
                 showArrow && /* @__PURE__ */ jsx(Ho, { className: cls.button, disabled: disabled2, children: /* @__PURE__ */ jsx(

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

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

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

@@ -3,6 +3,7 @@ export declare const DIFF_BETWEEN_STEP_AND_INDEX = 1;
 export declare const ID_SEPARATOR = "-//-";
 export declare enum EStepsSize {
     XS = "XS",
+    XS1 = "XS1",
     S = "S",
     M = "M",
     L = "L"
@@ -12,6 +13,10 @@ export declare const StepSize: {
         width: number;
         height: number;
     };
+    XS1: {
+        width: number;
+        height: number;
+    };
     S: {
         width: number;
         height: number;

package/dist/components/Steps/constants.js

@@ -3,6 +3,7 @@ const DIFF_BETWEEN_STEP_AND_INDEX = 1;
 const ID_SEPARATOR = "-//-";
 var EStepsSize = /* @__PURE__ */ ((EStepsSize2) => {
   EStepsSize2["XS"] = "XS";
+  EStepsSize2["XS1"] = "XS1";
   EStepsSize2["S"] = "S";
   EStepsSize2["M"] = "M";
   EStepsSize2["L"] = "L";
@@ -13,6 +14,10 @@ const StepSize = {
     width: 19,
     height: 8
   },
+  XS1: {
+    width: 32,
+    height: 12
+  },
   S: {
     width: 36,
     height: 12

package/dist/components/Switch/Switch.js

@@ -1,28 +1,34 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
+import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H as H$1, c as o$1 } from "../../keyboard-B256ZoM-.js";
 import React__default, { useId, useState, useMemo, useCallback, forwardRef, useEffect } from "react";
-import { Icon } from "../../icons/Icon.js";
-import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H, c as o$1 } from "../../keyboard-B256ZoM-.js";
 import { w } from "../../use-active-press-B6yeSopF.js";
-import { u, a, l, T, I, G, j, p as p$1 } from "../../label-C_5Syaoj.js";
+import { u, a, l, T, I, G, j, p as p$1, z, U, b as l$1, f, W as W$1, K } from "../../label-BTEGh6O_.js";
 import { r } from "../../bugs-CSBdWk0R.js";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { Icon } from "../../icons/Icon.js";
 import '../../assets/Switch.css';let se = "span";
 function ie(T$1, h) {
-  let C = useId(), k = u(), x = a(), { id: g = k || `headlessui-checkbox-${C}`, disabled: e = x || false, autoFocus: s = false, checked: E, defaultChecked: v, onChange: P, name: d, value: D$1, form: R, indeterminate: n = false, ...A } = T$1, r$1 = l(v), [a$1, t] = T(E, P, r$1 != null ? r$1 : false), F = I(), K = G(), _ = p(), [p$2, c] = useState(false), u$1 = o(() => {
+  let C = useId(), k = u(), x = a(), { id: g = k || `headlessui-checkbox-${C}`, disabled: e = x || false, autoFocus: s = false, checked: E, defaultChecked: v, onChange: P, name: d, value: D$1, form: R, indeterminate: n = false, ...A2 } = T$1, r$1 = l(v), [a$1, t] = T(E, P, r$1 != null ? r$1 : false), F = I(), K2 = G(), _ = p(), [p$2, c] = useState(false), u$1 = o(() => {
     c(true), t == null || t(!a$1), _.nextFrame(() => {
       c(false);
     });
-  }), H$1 = o((o2) => {
+  }), H2 = o((o2) => {
     if (r(o2.currentTarget)) return o2.preventDefault();
     o2.preventDefault(), u$1();
   }), B = o((o2) => {
     o2.key === o$1.Space ? (o2.preventDefault(), u$1()) : o2.key === o$1.Enter && p$1(o2.currentTarget);
-  }), L = o((o2) => o2.preventDefault()), { isFocusVisible: m, focusProps: I$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: s }), { isHovered: f, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: e }), { pressed: b, pressProps: U } = w({ disabled: e }), O = D({ ref: h, id: g, role: "checkbox", "aria-checked": n ? "mixed" : a$1 ? "true" : "false", "aria-labelledby": F, "aria-describedby": K, "aria-disabled": e ? true : void 0, indeterminate: n ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : B, onKeyPress: e ? void 0 : L, onClick: e ? void 0 : H$1 }, I$1, M, U), X = useMemo(() => ({ checked: a$1, disabled: e, hover: f, focus: m, active: b, indeterminate: n, changing: p$2, autofocus: s }), [a$1, n, e, f, m, b, p$2, s]), G$1 = useCallback(() => {
+  }), L2 = o((o2) => o2.preventDefault()), { isFocusVisible: m, focusProps: I$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: s }), { isHovered: f2, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: e }), { pressed: b, pressProps: U2 } = w({ disabled: e }), O = D({ ref: h, id: g, role: "checkbox", "aria-checked": n ? "mixed" : a$1 ? "true" : "false", "aria-labelledby": F, "aria-describedby": K2, "aria-disabled": e ? true : void 0, indeterminate: n ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : B, onKeyPress: e ? void 0 : L2, onClick: e ? void 0 : H2 }, I$1, M, U2), X = useMemo(() => ({ checked: a$1, disabled: e, hover: f2, focus: m, active: b, indeterminate: n, changing: p$2, autofocus: s }), [a$1, n, e, f2, m, b, p$2, s]), G$1 = useCallback(() => {
     if (r$1 !== void 0) return t == null ? void 0 : t(r$1);
   }, [t, r$1]);
-  return React__default.createElement(React__default.Fragment, null, d != null && React__default.createElement(j, { disabled: e, data: { [d]: D$1 || "on" }, overrides: { type: "checkbox", checked: a$1 }, form: R, onReset: G$1 }), H({ ourProps: O, theirProps: A, slot: X, defaultTag: se, name: "Checkbox" }));
+  return React__default.createElement(React__default.Fragment, null, d != null && React__default.createElement(j, { disabled: e, data: { [d]: D$1 || "on" }, overrides: { type: "checkbox", checked: a$1 }, form: R, onReset: G$1 }), H$1({ ourProps: O, theirProps: A2, slot: X, defaultTag: se, name: "Checkbox" }));
 }
 let Re = W(ie);
+let A = "div";
+function L(d, l2) {
+  let t = `headlessui-control-${useId()}`, [s, p2] = z(), [n, a$1] = U(), m = a(), { disabled: e = m || false, ...o2 } = d, i = useMemo(() => ({ disabled: e }), [e]);
+  return React__default.createElement(l$1, { value: e }, React__default.createElement(p2, { value: s }, React__default.createElement(a$1, { value: n }, React__default.createElement(f, { id: t }, H$1({ ourProps: { ref: l2, disabled: e || void 0, "aria-disabled": e || void 0 }, theirProps: { ...o2, children: React__default.createElement(W$1, null, typeof o2.children == "function" ? o2.children(i) : o2.children) }, slot: i, defaultTag: A, name: "Field" })))));
+}
+let H = W(L);
 const container = "_container_18cvn_2";
 const label = "_label_18cvn_27";
 const enabled = "_enabled_18cvn_31";
@@ -34,7 +40,7 @@ const cls = {
 };
 const Switch = forwardRef(
   (props, ref) => {
-    const { checked, onChange, children, ...restProps } = props;
+    const { checked, onChange, children, id, ...restProps } = props;
     const [enabled2, setEnabled] = useState(checked);
     const handleChange = (value) => {
       setEnabled(value);
@@ -43,10 +49,11 @@ const Switch = forwardRef(
     useEffect(() => {
       setEnabled(!!checked);
     }, [checked]);
-    return /* @__PURE__ */ jsxs("div", { className: cls.container, children: [
+    return /* @__PURE__ */ jsxs(H, { className: cls.container, children: [
       /* @__PURE__ */ jsx(
         Re,
         {
+          id,
           ref,
           checked: enabled2,
           onChange: handleChange,
@@ -57,7 +64,7 @@ const Switch = forwardRef(
           children: /* @__PURE__ */ jsx(Icon, { iconName: "Done16px" })
         }
       ),
-      children && /* @__PURE__ */ jsx("div", { className: cls.label, children })
+      children && /* @__PURE__ */ jsx(K, { htmlFor: id, className: cls.label, children })
     ] });
   }
 );

package/dist/components/TextArea/TextArea.js

@@ -5,18 +5,23 @@ 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-DdKAiGfJ.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";
-const m = "_m_46c4k_11";
-const l = "_l_46c4k_16";
+import '../../assets/TextArea.css';const textarea = "_textarea_1hbfy_2";
+const label = "_label_1hbfy_11";
+const s = "_s_1hbfy_35";
+const m = "_m_1hbfy_43";
+const l = "_l_1hbfy_11";
 const textareaCls = {
+  "textarea-wrapper": "_textarea-wrapper_1hbfy_2",
   textarea,
+  "has-label": "_has-label_1hbfy_8",
+  label,
+  "has-left-slot": "_has-left-slot_1hbfy_24",
+  "active-label": "_active-label_1hbfy_27",
   s,
   m,
-  l,
-  "has-label": "_has-label_46c4k_21"
+  l
 };
 const renderAddon = (addon) => {
   var _a, _b;
@@ -62,7 +67,7 @@ const TextArea = memo(
         id,
         onFocus,
         onBlur,
-        label,
+        label: label2,
         onChange,
         withClearButton,
         disabled,
@@ -73,14 +78,14 @@ const TextArea = memo(
       } = props;
       const [isFocused, setIsFocused] = useState(autofocus);
       const [withValue, setWithValue] = useState(!!value);
-      const inputRef = useRef(null);
-      const mergedInputRef = useMergeRefs(inputRef, ref);
+      const textareaRef = useRef(null);
+      const mergedTextareaRef = useMergeRefs(textareaRef, ref);
       useEffect(() => {
         if (autofocus) {
           setIsFocused(true);
         }
       }, [autofocus]);
-      const handleResize = useAutoResizeTextArea(inputRef.current);
+      const handleResize = useAutoResizeTextArea(textareaRef.current);
       const handleBlur = (event) => {
         const currentValue = event.currentTarget.value;
         onBlur == null ? void 0 : onBlur(event);
@@ -97,9 +102,9 @@ const TextArea = memo(
         onFocus == null ? void 0 : onFocus(event);
       };
       const handleClear = () => {
-        if (inputRef == null ? void 0 : inputRef.current) {
-          inputRef.current.value = "";
-          inputRef.current.focus();
+        if (textareaRef == null ? void 0 : textareaRef.current) {
+          textareaRef.current.value = "";
+          textareaRef.current.focus();
           setWithValue(false);
           handleResize();
           onChange == null ? void 0 : onChange({
@@ -121,14 +126,15 @@ const TextArea = memo(
         [cls.disabled]: disabled || readonly,
         [cls["has-left-slot"]]: !!currentLeftAddon,
         [cls["has-right-slot"]]: !!currentRightAddon,
-        [textareaCls["has-label"]]: !!label
+        [textareaCls["has-label"]]: !!label2
       };
       const labelClassNames = classNames(
         cls.label,
+        textareaCls.label,
         {
-          [cls["active-label"]]: isFocused || value,
+          [textareaCls["active-label"]]: isFocused || value,
           [cls.disabled]: disabled || readonly,
-          [cls["has-left-slot"]]: !!currentLeftAddon
+          [textareaCls["has-left-slot"]]: !!currentLeftAddon
         },
         className,
         cls[size]
@@ -145,6 +151,7 @@ const TextArea = memo(
         {
           className: classNames(
             cls["input-wrapper"],
+            textareaCls["textarea-wrapper"],
             cls[variant],
             textareaCls[size],
             cls[size],
@@ -155,13 +162,13 @@ const TextArea = memo(
             wrapperClassName
           ),
           children: [
-            label && /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelClassNames, children: label }),
+            label2 && /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelClassNames, children: label2 }),
             currentLeftAddon && /* @__PURE__ */ jsx(
               "span",
               {
                 className: classNames(cls["left-slot"], {
                   [cls.focused]: isFocused,
-                  [cls["has-label"]]: !!label
+                  [cls["has-label"]]: !!label2
                 }),
                 children: currentLeftAddon
               }
@@ -169,7 +176,7 @@ const TextArea = memo(
             /* @__PURE__ */ jsx(
               "textarea",
               {
-                ref: mergedInputRef,
+                ref: mergedTextareaRef,
                 id,
                 className: inputClassNames,
                 onFocus: handleFocus,
@@ -185,7 +192,7 @@ const TextArea = memo(
               {
                 className: classNames(cls["right-slot"], {
                   [cls.focused]: isFocused,
-                  [cls["has-label"]]: !!label
+                  [cls["has-label"]]: !!label2
                 }),
                 children: currentRightAddon
               }

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-DdKAiGfJ.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";

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-DdKAiGfJ.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";

package/dist/{label-C_5Syaoj.js → label-BTEGh6O_.js}

@@ -1,11 +1,14 @@
 import React__default, { createContext, useContext, useState, useRef, useEffect, useMemo, useId } from "react";
-import { o as o$1, p as p$1, m, W, y, n, H } from "./keyboard-B256ZoM-.js";
+import { o as o$1, p as p$1, m, W as W$1, y, n, H } from "./keyboard-B256ZoM-.js";
 import { createPortal } from "react-dom";
 import { T as T$1, s } from "./hidden-BuVoeHNy.js";
 let e$2 = createContext(void 0);
 function a$1() {
   return useContext(e$2);
 }
+function l$1({ value: t, children: o2 }) {
+  return React__default.createElement(e$2.Provider, { value: t }, o2);
+}
 function T(l2, r, c2) {
   let [i, s2] = useState(c2), e2 = l2 !== void 0, t = useRef(e2), u2 = useRef(false), d = useRef(false);
   return e2 && !t.current && !u2.current ? (u2.current = true, t.current = e2, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !e2 && t.current && !d.current && (d.current = true, t.current = e2, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [e2 ? l2 : i, o$1((n2) => (e2 || s2(n2), r == null ? void 0 : r(n2)))];
@@ -15,14 +18,14 @@ function l(e2) {
   return t;
 }
 function e$1(i = {}, s2 = null, t = []) {
-  for (let [r, n2] of Object.entries(i)) o(t, f$2(s2, r), n2);
+  for (let [r, n2] of Object.entries(i)) o(t, f$3(s2, r), n2);
   return t;
 }
-function f$2(i, s2) {
+function f$3(i, s2) {
   return i ? i + "[" + s2 + "]" : s2;
 }
 function o(i, s2, t) {
-  if (Array.isArray(t)) for (let [r, n2] of t.entries()) o(i, f$2(s2, r.toString()), n2);
+  if (Array.isArray(t)) for (let [r, n2] of t.entries()) o(i, f$3(s2, r.toString()), n2);
   else t instanceof Date ? i.push([s2, t.toISOString()]) : typeof t == "boolean" ? i.push([s2, t ? "1" : "0"]) : typeof t == "string" ? i.push([s2, t]) : typeof t == "number" ? i.push([s2, `${t}`]) : t == null ? i.push([s2, ""]) : e$1(t, s2, i);
 }
 function p(i) {
@@ -36,9 +39,13 @@ function p(i) {
     (r = s2.requestSubmit) == null || r.call(s2);
   }
 }
-let f$1 = createContext(null);
+let f$2 = createContext(null);
+function W(t) {
+  let [e2, r] = useState(null);
+  return React__default.createElement(f$2.Provider, { value: { target: e2 } }, t.children, React__default.createElement(T$1, { features: s.Hidden, ref: r }));
+}
 function c$1({ children: t }) {
-  let e2 = useContext(f$1);
+  let e2 = useContext(f$2);
   if (!e2) return React__default.createElement(React__default.Fragment, null, t);
   let { target: r } = e2;
   return r ? createPortal(React__default.createElement(React__default.Fragment, null, t), r) : null;
@@ -65,6 +72,9 @@ let e = createContext(void 0);
 function u() {
   return useContext(e);
 }
+function f$1({ id: t, children: r }) {
+  return React__default.createElement(e.Provider, { value: t }, r);
+}
 let a = createContext(null);
 a.displayName = "DescriptionContext";
 function f() {
@@ -96,7 +106,7 @@ function C(r, e2) {
   let o2 = t || false, p2 = useMemo(() => ({ ...n$1.slot, disabled: o2 }), [n$1.slot, o2]), D = { ref: s2, ...n$1.props, id: i };
   return H({ ourProps: D, theirProps: l2, slot: p2, defaultTag: S, name: n$1.name || "Description" });
 }
-let _ = W(C), w = Object.assign(_, {});
+let _ = W$1(C), w = Object.assign(_, {});
 let c = createContext(null);
 c.displayName = "LabelContext";
 function P() {
@@ -142,14 +152,17 @@ function G(r, l2) {
   }), d = g || false, C2 = useMemo(() => ({ ...e2.slot, disabled: d }), [e2.slot, d]), f2 = { ref: p2, ...e2.props, id: t, htmlFor: s2, onClick: u$1 };
   return m2 && ("onClick" in f2 && (delete f2.htmlFor, delete f2.onClick), "onClick" in i && delete i.onClick), H({ ourProps: f2, theirProps: i, slot: C2, defaultTag: s2 ? N : "div", name: e2.name || "Label" });
 }
-let U = W(G), K = Object.assign(U, {});
+let U = W$1(G), K = Object.assign(U, {});
 export {
   G$1 as G,
   I,
   K,
   T,
   U$1 as U,
+  W,
   a$1 as a,
+  l$1 as b,
+  f$1 as f,
   j,
   l,
   p,

package/package.json

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