mimir-ui-kit 1.33.2 → 1.34.0

package/dist/components/InputPassword/InputPassword.js

@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, forwardRef, useState } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-CCNRdc6Q.js";
-import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
-const wrapper = "_wrapper_34v9n_6";
-const button = "_button_34v9n_17";
-const icon = "_icon_34v9n_33";
-const show = "_show_34v9n_38";
+import { I as Input } from "../../Input-DspsU5F4.js";
+import '../../assets/InputPassword.css';const input = "_input_7b9x2_2";
+const wrapper = "_wrapper_7b9x2_6";
+const button = "_button_7b9x2_17";
+const icon = "_icon_7b9x2_33";
+const show = "_show_7b9x2_38";
 const cls = {
   input,
   wrapper,
-  "input-wrapper": "_input-wrapper_34v9n_13",
-  "button-wrapper": "_button-wrapper_34v9n_17",
+  "input-wrapper": "_input-wrapper_7b9x2_13",
+  "button-wrapper": "_button-wrapper_7b9x2_17",
   button,
   icon,
   show

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-CCNRdc6Q.js";
+import { I as Input } from "../../Input-DspsU5F4.js";
 const InputPhoneNumber = memo(
   forwardRef(
     ({ value = "", onChange, ...props }, ref) => {

package/dist/components/InputRangeSlider/InputRangeSlider.js

@@ -2,28 +2,28 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useState, useEffect } from "react";
 import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
-import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1ppt2_8";
-const input = "_input_1ppt2_18";
-const rail = "_rail_1ppt2_115";
-const off = "_off_1ppt2_124";
-const right = "_right_1ppt2_124";
-const left = "_left_1ppt2_145";
-const control = "_control_1ppt2_36";
-const disabled = "_disabled_1ppt2_170";
+import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1kfjr_8";
+const input = "_input_1kfjr_18";
+const rail = "_rail_1kfjr_115";
+const off = "_off_1kfjr_124";
+const right = "_right_1kfjr_124";
+const left = "_left_1kfjr_145";
+const control = "_control_1kfjr_36";
+const disabled = "_disabled_1kfjr_170";
 const cls = {
-  "main-wrapper": "_main-wrapper_1ppt2_2",
+  "main-wrapper": "_main-wrapper_1kfjr_2",
   wrapper,
-  "input-wrapper": "_input-wrapper_1ppt2_18",
-  "info-wrapper": "_info-wrapper_1ppt2_26",
-  "control-wrapper": "_control-wrapper_1ppt2_36",
+  "input-wrapper": "_input-wrapper_1kfjr_18",
+  "info-wrapper": "_info-wrapper_1kfjr_26",
+  "control-wrapper": "_control-wrapper_1kfjr_36",
   input,
-  "equal-value": "_equal-value_1ppt2_108",
-  "is-double-range": "_is-double-range_1ppt2_111",
+  "equal-value": "_equal-value_1kfjr_108",
+  "is-double-range": "_is-double-range_1kfjr_111",
   rail,
   off,
   right,
-  "double-range": "_double-range_1ppt2_124",
-  "inner-rail": "_inner-rail_1ppt2_134",
+  "double-range": "_double-range_1kfjr_124",
+  "inner-rail": "_inner-rail_1kfjr_134",
   left,
   control,
   disabled

package/dist/components/ListFiles/ListFiles.js

@@ -3,13 +3,13 @@ import { useState, useEffect } from "react";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
 import '../../assets/ListFiles.css';const cls = {
-  "file-info": "_file-info_exvu6_2",
-  "file-info-size": "_file-info-size_exvu6_8",
-  "file-info-name-wrapper": "_file-info-name-wrapper_exvu6_16",
-  "file-info-name": "_file-info-name_exvu6_16",
-  "file-upload-container": "_file-upload-container_exvu6_34",
-  "file-upload-container-item": "_file-upload-container-item_exvu6_42",
-  "delete-button": "_delete-button_exvu6_51"
+  "file-info": "_file-info_12h1y_2",
+  "file-info-size": "_file-info-size_12h1y_8",
+  "file-info-name-wrapper": "_file-info-name-wrapper_12h1y_16",
+  "file-info-name": "_file-info-name_12h1y_16",
+  "file-upload-container": "_file-upload-container_12h1y_34",
+  "file-upload-container-item": "_file-upload-container-item_12h1y_42",
+  "delete-button": "_delete-button_12h1y_51"
 };
 function ListFiles({ value, onChange }) {
   const [list, setList] = useState(value);

package/dist/components/ListPhotos/ListPhotos.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Button } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const cls = {
-  "list-photos": "_list-photos_1m1u4_2",
-  "list-photos-item": "_list-photos-item_1m1u4_10",
-  "list-photos-image": "_list-photos-image_1m1u4_19",
-  "delete-button": "_delete-button_1m1u4_24"
+  "list-photos": "_list-photos_if5ro_2",
+  "list-photos-item": "_list-photos-item_if5ro_10",
+  "list-photos-image": "_list-photos-image_if5ro_19",
+  "delete-button": "_delete-button_if5ro_24"
 };
 function ListPhotos({ value, onChange }) {
   const [list, setList] = useState(value);

package/dist/components/MergedButton/MergedButton.js

@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo } from "react";
 import { EMergedButtonVariantRound } from "./constants.js";
 import { Button } from "../Button/Button.js";
-import '../../assets/MergedButton.css';const buttons = "_buttons_1s9fa_2";
-const gray = "_gray_1s9fa_28";
-const white = "_white_1s9fa_36";
-const transparent = "_transparent_1s9fa_44";
+import '../../assets/MergedButton.css';const buttons = "_buttons_12v4l_2";
+const gray = "_gray_12v4l_28";
+const white = "_white_12v4l_36";
+const transparent = "_transparent_12v4l_44";
 const cls = {
   buttons,
-  "merged-button": "_merged-button_1s9fa_6",
+  "merged-button": "_merged-button_12v4l_6",
   gray,
   white,
   transparent,
-  "is-icon": "_is-icon_1s9fa_53"
+  "is-icon": "_is-icon_12v4l_53"
 };
 const MergedButton = memo(({ buttons: buttons2 }) => {
   return /* @__PURE__ */ jsx("div", { className: cls.buttons, children: buttons2.map(

package/dist/components/NotificationBadge/NotificationBadge.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { ENotificationBadgeSize } from "./constants.js";
-import '../../assets/NotificationBadge.css';const m = "_m_2ldj3_18";
-const s = "_s_2ldj3_24";
+import '../../assets/NotificationBadge.css';const m = "_m_ugqfj_18";
+const s = "_s_ugqfj_24";
 const cls = {
-  "notification-badge": "_notification-badge_2ldj3_2",
-  "notification-badge-absolute": "_notification-badge-absolute_2ldj3_14",
+  "notification-badge": "_notification-badge_ugqfj_2",
+  "notification-badge-absolute": "_notification-badge-absolute_ugqfj_14",
   m,
   s
 };

package/dist/components/OtpInput/OtpInput.js

@@ -3,13 +3,13 @@ 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-CCNRdc6Q.js";
-import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
-const input = "_input_19unm_14";
-const separator = "_separator_19unm_28";
+import { I as Input } from "../../Input-DspsU5F4.js";
+import '../../assets/OtpInput.css';const otp = "_otp_1shq3_3";
+const input = "_input_1shq3_14";
+const separator = "_separator_1shq3_28";
 const cls = {
   otp,
-  "input-wrapper": "_input-wrapper_19unm_14",
+  "input-wrapper": "_input-wrapper_1shq3_14",
   input,
   separator
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export type TBackProps = {
     currentPageNumber: number;
     onClick: (nextPage: number) => void;
@@ -39,4 +37,4 @@ export type TProps = {
      */
     currentPageNumber?: number;
 };
-export declare const Pagination: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Pagination/Pagination.js

@@ -4,23 +4,19 @@ import { forwardRef, useState, useEffect } from "react";
 import { FIRST_PAGE_NUMBER, DEFAULT_PER_PAGE } from "./constants.js";
 import { useWindowSize } from "../../hooks/useWindowSize/index.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Pagination.css';const container = "_container_1s8aj_2";
-const link = "_link_1s8aj_11";
-const item = "_item_1s8aj_46";
-const isActive = "_isActive_1s8aj_52";
-const disabled = "_disabled_1s8aj_58";
+import '../../assets/Pagination.css';const container = "_container_18kj0_2";
+const item = "_item_18kj0_11";
+const link = "_link_18kj0_18";
+const isActive = "_isActive_18kj0_53";
+const disabled = "_disabled_18kj0_56";
 const cls = {
   container,
-  link,
   item,
+  link,
   isActive,
   disabled
 };
-const Back = ({
-  currentPageNumber,
-  onClick,
-  setCurrentPage
-}) => {
+const Back = ({ currentPageNumber, onClick, setCurrentPage }) => {
   const handleClick = (event) => {
     event.preventDefault();
     if (currentPageNumber === FIRST_PAGE_NUMBER) return;

package/dist/components/RadioGroup/RadioGroup.js

@@ -103,16 +103,16 @@ function we(o$12, t) {
   return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
 }
 let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
-const group = "_group_17dic_3";
-const radio = "_radio_17dic_18";
-const disabled = "_disabled_17dic_40";
-const label = "_label_17dic_51";
-const frame = "_frame_17dic_64";
-const checked = "_checked_17dic_73";
+const group = "_group_yses6_3";
+const radio = "_radio_yses6_18";
+const disabled = "_disabled_yses6_40";
+const label = "_label_yses6_51";
+const frame = "_frame_yses6_64";
+const checked = "_checked_yses6_73";
 const cls = {
   group,
-  "content-wrapper": "_content-wrapper_17dic_8",
-  "radio-wrapper": "_radio-wrapper_17dic_18",
+  "content-wrapper": "_content-wrapper_yses6_8",
+  "radio-wrapper": "_radio-wrapper_yses6_18",
   radio,
   disabled,
   label,

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-CCNRdc6Q.js";
+import { I as Input } from "../../Input-DspsU5F4.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";
@@ -3752,36 +3752,36 @@ function No(o2, r2) {
   return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
 }
 let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
-const disabled = "_disabled_q1u7o_5";
-const container = "_container_q1u7o_9";
-const full = "_full_q1u7o_22";
-const button = "_button_q1u7o_34";
-const options = "_options_q1u7o_52";
-const top = "_top_q1u7o_63";
-const bottom = "_bottom_q1u7o_68";
-const m = "_m_q1u7o_95";
-const l = "_l_q1u7o_106";
-const option = "_option_q1u7o_52";
+const disabled = "_disabled_a63ul_5";
+const container = "_container_a63ul_9";
+const full = "_full_a63ul_22";
+const button = "_button_a63ul_34";
+const options = "_options_a63ul_52";
+const top = "_top_a63ul_63";
+const bottom = "_bottom_a63ul_68";
+const m = "_m_a63ul_95";
+const l = "_l_a63ul_108";
+const option = "_option_a63ul_52";
 const cls = {
-  "select-search": "_select-search_q1u7o_2",
+  "select-search": "_select-search_a63ul_2",
   disabled,
   container,
-  "container-open": "_container-open_q1u7o_18",
+  "container-open": "_container-open_a63ul_18",
   full,
-  "selected-icon": "_selected-icon_q1u7o_26",
-  "selector-icon-open": "_selector-icon-open_q1u7o_30",
+  "selected-icon": "_selected-icon_a63ul_26",
+  "selector-icon-open": "_selector-icon-open_a63ul_30",
   button,
-  "selector-icon": "_selector-icon_q1u7o_30",
+  "selector-icon": "_selector-icon_a63ul_30",
   options,
   top,
   bottom,
-  "no-options": "_no-options_q1u7o_89",
+  "no-options": "_no-options_a63ul_89",
   m,
   l,
-  "custom-input-class": "_custom-input-class_q1u7o_117",
+  "custom-input-class": "_custom-input-class_a63ul_121",
   option,
-  "option-active": "_option-active_q1u7o_133",
-  "option-inner": "_option-inner_q1u7o_136"
+  "option-active": "_option-active_a63ul_137",
+  "option-inner": "_option-inner_a63ul_140"
 };
 const SelectSearch = forwardRef(
   (props, ref) => {

package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js

@@ -6,7 +6,7 @@ const SkeletonBrick = ({
   className,
   width = "100%",
   height,
-  borderRadius = "var(--control-radius)",
+  borderRadius = "var(--mimir-control-radius)",
   style,
   variant = ESkeletonVariant.WHITE,
   ...otherProps

package/dist/components/Skeleton/SkeletonText/SkeletonText.js

@@ -3,9 +3,9 @@ import { c as classNames } from "../../../index-CweZ_OcN.js";
 import { memo } from "react";
 import { ESkeletonVariant } from "../constants.js";
 import { SkeletonBrick } from "../SkeletonBrick/SkeletonBrick.js";
-import '../../../assets/SkeletonText.css';const row = "_row_gjcuz_9";
+import '../../../assets/SkeletonText.css';const row = "_row_1ks6f_9";
 const cls = {
-  "skeleton-text": "_skeleton-text_gjcuz_2",
+  "skeleton-text": "_skeleton-text_1ks6f_2",
   row
 };
 const getRowWidth = (index, total) => {

package/dist/components/Slider/Slider.js

@@ -300,14 +300,14 @@ import '../../assets/Slider.css';function Autoplay(_ref) {
     resume
   });
 }
-const swiper = "_swiper_n7qq2_3";
-const slide = "_slide_n7qq2_9";
-const link = "_link_n7qq2_16";
-const image = "_image_n7qq2_22";
-const navigation = "_navigation_n7qq2_29";
-const pagination = "_pagination_n7qq2_39";
-const slides = "_slides_n7qq2_54";
-const separator = "_separator_n7qq2_60";
+const swiper = "_swiper_rfcv9_3";
+const slide = "_slide_rfcv9_9";
+const link = "_link_rfcv9_16";
+const image = "_image_rfcv9_22";
+const navigation = "_navigation_rfcv9_29";
+const pagination = "_pagination_rfcv9_39";
+const slides = "_slides_rfcv9_54";
+const separator = "_separator_rfcv9_60";
 const cls = {
   swiper,
   slide,

package/dist/components/Switcher/Switcher.js

@@ -36,19 +36,19 @@ function De(n, o$2) {
   return React__default.createElement(React__default.Fragment, null, a$1 != null && React__default.createElement(j, { disabled: t, data: { [a$1]: u$1 || "on" }, overrides: { type: "checkbox", checked: s }, form: F, onReset: j$1 }), H({ ourProps: X, theirProps: k, slot: V, defaultTag: Ee, name: "Switch" }));
 }
 let ge = W(De), ve = Pe, xe = K, Ce = w, qe = Object.assign(ge, { Group: ve, Label: xe, Description: Ce });
-const left = "_left_199uu_14";
-const right = "_right_199uu_17";
-const label = "_label_199uu_21";
-const switcher = "_switcher_199uu_2";
+const left = "_left_gu0m2_14";
+const right = "_right_gu0m2_17";
+const label = "_label_gu0m2_21";
+const switcher = "_switcher_gu0m2_2";
 const cls = {
-  "switcher-wrapper": "_switcher-wrapper_199uu_2",
+  "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
   left,
   right,
   label,
   switcher,
-  "switcher-checked": "_switcher-checked_199uu_45",
-  "switcher-thumb": "_switcher-thumb_199uu_55",
-  "switcher-checked-thumb": "_switcher-checked-thumb_199uu_65"
+  "switcher-checked": "_switcher-checked_gu0m2_45",
+  "switcher-thumb": "_switcher-thumb_gu0m2_55",
+  "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
 };
 const Switcher = forwardRef(
   ({

package/dist/components/TabTrail/TabTrail.js

@@ -199,18 +199,18 @@ function He(e, r) {
   return !s2 && ((g = n$1.unmount) == null || g) && !((R = n$1.static) != null && R) ? React__default.createElement(T, { "aria-hidden": "true", ...m2 }) : H({ ourProps: m2, theirProps: n$1, slot: b2, defaultTag: Ge, features: Ue, visible: s2, name: "Tabs.Panel" });
 }
 let we = W(ve), Oe = W(Se), Ne = W(Ie), ke = W(Me), Be = W(He), st = Object.assign(we, { Group: Oe, List: Ne, Panels: ke, Panel: Be });
-const container = "_container_102fh_2";
-const group = "_group_102fh_6";
-const tab = "_tab_102fh_16";
-const list = "_list_102fh_51";
-const tabs = "_tabs_102fh_62";
-const buttons = "_buttons_102fh_68";
-const m = "_m_102fh_75";
-const s = "_s_102fh_83";
+const container = "_container_rlke5_2";
+const group = "_group_rlke5_6";
+const tab = "_tab_rlke5_16";
+const list = "_list_rlke5_51";
+const tabs = "_tabs_rlke5_62";
+const buttons = "_buttons_rlke5_68";
+const m = "_m_rlke5_75";
+const s = "_s_rlke5_83";
 const cls = {
   container,
   group,
-  "group-inner": "_group-inner_102fh_9",
+  "group-inner": "_group-inner_rlke5_9",
   tab,
   list,
   tabs,

package/dist/components/Tag/Tag.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_ok6fq_2";
-const disabled = "_disabled_ok6fq_25";
-const inner = "_inner_ok6fq_30";
-const M = "_M_ok6fq_38";
-const S = "_S_ok6fq_42";
-const XS = "_XS_ok6fq_50";
+import '../../assets/Tag.css';const container = "_container_pnj33_2";
+const disabled = "_disabled_pnj33_25";
+const inner = "_inner_pnj33_30";
+const M = "_M_pnj33_38";
+const S = "_S_pnj33_42";
+const XS = "_XS_pnj33_50";
 const cls = {
   container,
   disabled,

package/dist/components/TextArea/TextArea.js

@@ -5,21 +5,21 @@ 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-CCNRdc6Q.js";
+import { c as cls } from "../../Input-DspsU5F4.js";
 import { EInputVariant } from "../Input/constants.js";
-import '../../assets/TextArea.css';const textarea = "_textarea_1axu4_2";
-const label = "_label_1axu4_22";
-const s = "_s_1axu4_54";
-const m = "_m_1axu4_62";
-const l = "_l_1axu4_22";
+import '../../assets/TextArea.css';const textarea = "_textarea_1n8kz_2";
+const label = "_label_1n8kz_22";
+const s = "_s_1n8kz_54";
+const m = "_m_1n8kz_62";
+const l = "_l_1n8kz_22";
 const textareaCls = {
-  "textarea-wrapper": "_textarea-wrapper_1axu4_2",
+  "textarea-wrapper": "_textarea-wrapper_1n8kz_2",
   textarea,
-  "has-label": "_has-label_1axu4_8",
-  "required-mark": "_required-mark_1axu4_11",
+  "has-label": "_has-label_1n8kz_8",
+  "required-mark": "_required-mark_1n8kz_11",
   label,
-  "has-left-slot": "_has-left-slot_1axu4_37",
-  "active-label": "_active-label_1axu4_40",
+  "has-left-slot": "_has-left-slot_1n8kz_37",
+  "active-label": "_active-label_1n8kz_40",
   s,
   m,
   l
@@ -65,6 +65,7 @@ const TextArea = memo(
         variant = EInputVariant.DefaultGray,
         autofocus,
         readonly,
+        status,
         id,
         onFocus,
         onBlur,
@@ -145,7 +146,7 @@ const TextArea = memo(
         cls.input,
         mods,
         className,
-        [cls[variant], textareaCls[size], cls[size]]
+        [cls[variant], textareaCls[size], cls[size], cls[status ?? ""]]
       );
       return /* @__PURE__ */ jsxs(
         "div",
@@ -154,6 +155,7 @@ const TextArea = memo(
             cls["input-wrapper"],
             textareaCls["textarea-wrapper"],
             cls[variant],
+            cls[status ?? ""],
             textareaCls[size],
             cls[size],
             {

package/dist/components/Timer/Timer.js

@@ -2,7 +2,7 @@ import { jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo } from "react";
 import { useTimer } from "../../hooks/useTimer/index.js";
-import '../../assets/Timer.css';const timer = "_timer_llwad_3";
+import '../../assets/Timer.css';const timer = "_timer_un9th_3";
 const cls = {
   timer
 };

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { P } from "../../ProgressBar-CwLwhaeM.js";
+import { P } from "../../ProgressBar-DWKyrXzd.js";
 export {
   P as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useRef } from "react";
 import { ANIMATION_VARIABLES_MAP, EToastPosition, EToastVariant, DEFAULT_TOAST_DURATION } from "./constants.js";
-import { c as cls, P as ProgressBar } from "../../ProgressBar-CwLwhaeM.js";
+import { c as cls, P as ProgressBar } from "../../ProgressBar-DWKyrXzd.js";
 import { useTimer } from "../../hooks/useTimer/index.js";
 import { Button } from "../Button/Button.js";
 const Toast = memo(

package/dist/components/Toasts/ToastList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useRef, useCallback, useEffect } from "react";
 import { EToastPosition } from "./constants.js";
-import { c as cls } from "../../ProgressBar-CwLwhaeM.js";
+import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
 import { Toast } from "./Toast.js";
 const ToastList = memo(
   ({ toasts, position = EToastPosition.TOP_RIGHT, onToastRemove }) => {

package/dist/components/Toasts/ToastsProvider.js

@@ -3,7 +3,7 @@ import { useReducer, useCallback, useMemo } from "react";
 import { EToastVariant } from "./constants.js";
 import { ToastContext } from "./hooks.js";
 import { reducer, initialState, actionCreators } from "./store.js";
-import { c as cls } from "../../ProgressBar-CwLwhaeM.js";
+import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
 import { ToastList } from "./ToastList.js";
 const ToastProvider = ({ children }) => {
   const [toasts, dispatch] = useReducer(reducer, initialState);

package/dist/components/TwinSwitcher/TwinSwitcher.js

@@ -2,15 +2,15 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { Switcher } from "../Switcher/Switcher.js";
-import '../../assets/TwinSwitcher.css';const icon = "_icon_3802f_28";
+import '../../assets/TwinSwitcher.css';const icon = "_icon_1r3h0_30";
 const cls = {
-  "twin-switcher": "_twin-switcher_3802f_2",
-  "twin-switcher-checked": "_twin-switcher-checked_3802f_16",
-  "twin-switcher-thumb": "_twin-switcher-thumb_3802f_25",
-  "twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_3802f_25",
+  "twin-switcher": "_twin-switcher_1r3h0_2",
+  "twin-switcher-checked": "_twin-switcher-checked_1r3h0_18",
+  "twin-switcher-thumb": "_twin-switcher-thumb_1r3h0_27",
+  "twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_1r3h0_27",
   icon,
-  "left-icon": "_left-icon_3802f_41",
-  "right-icon": "_right-icon_3802f_44"
+  "left-icon": "_left-icon_1r3h0_43",
+  "right-icon": "_right-icon_1r3h0_46"
 };
 const TwinSwitcher = forwardRef(
   ({

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -6,7 +6,7 @@ import { ListFiles } from "../ListFiles/ListFiles.js";
 import { ListPhotos } from "../ListPhotos/ListPhotos.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 };
 const isImageFile = (file) => {
   if ("file" in file && file.file instanceof File) {

package/dist/components/Uploader/Uploader.js

@@ -3,9 +3,9 @@ import { forwardRef, useRef, useId } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
 import '../../assets/Uploader.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_n3hxs_2",
-  "upload-text": "_upload-text_n3hxs_25",
-  "upload-file-input": "_upload-file-input_n3hxs_35"
+  "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
+  "upload-text": "_upload-text_bplvw_25",
+  "upload-file-input": "_upload-file-input_bplvw_35"
 };
 const MIME = {
   jpeg: "image/jpeg",

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -4,7 +4,7 @@ import { forwardRef, useState, useEffect } from "react";
 import { ListFiles } from "../ListFiles/ListFiles.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 };
 const UploaderFiles = forwardRef(
   (props, ref) => {

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -4,7 +4,7 @@ import { forwardRef, useState, useEffect } from "react";
 import { ListPhotos } from "../ListPhotos/ListPhotos.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 };
 const UploaderPhotos = forwardRef(
   (props, ref) => {