mimir-ui-kit 1.34.2 → 1.34.3

package/dist/components/DatePicker/DatePicker.js

@@ -3,12 +3,16 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, forwardRef, useState, useEffect } from "react";
 import { DatePickerModal } from "./DatePickerModal.js";
 import { MonthPickerModal } from "./MonthPickerModal.js";
-import { c as cls } from "../../styles.module-Ugsf0AOb.js";
+import { c as cls } from "../../styles.module-B9L4B63y.js";
+import { formatDatePart } from "./utils.js";
 import { YearPickerModal } from "./YearPickerModal.js";
 import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating } from "../../utils/index.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-import { EInputVariant } from "../Input/constants.js";
+import { I as Input } from "../../Input-DspsU5F4.js";
+import { EInputStatus } from "../Input/constants.js";
+const MAX_DAY = 31;
+const MAX_MONTH = 12;
+const DATE_LENGTH = 10;
 const DatePicker = memo(
   forwardRef(
     ({
@@ -24,6 +28,7 @@ const DatePicker = memo(
       validateImmediately,
       variant,
       disabled = false,
+      editable = false,
       ...props
     }, ref) => {
       const [isActive, setActive] = useState(false);
@@ -32,6 +37,7 @@ const DatePicker = memo(
         value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
       );
       const [isError, setError] = useState(error);
+      const [inputValue, setInputValue] = useState("");
       useEffect(() => {
         setError(error);
       }, [error]);
@@ -40,6 +46,13 @@ const DatePicker = memo(
           value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
         );
       }, [value]);
+      useEffect(() => {
+        if (date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime())) {
+          setInputValue(formating.Date(date, "dd/mm/yyyy"));
+        } else {
+          setInputValue("");
+        }
+      }, [date]);
       const milliseconds = value && new Date(value).getTime;
       useEffect(() => {
         if (validateImmediately) {
@@ -88,6 +101,28 @@ const DatePicker = memo(
         onChangeValue == null ? void 0 : onChangeValue({ value: sendDate, name });
         onBlur == null ? void 0 : onBlur(sendDate);
       };
+      const handleInputChange = (e) => {
+        if (editable) {
+          const newValue = e.target.value.replace(/[^\d]/g, "");
+          const [day, month, year] = [
+            formatDatePart(newValue.substring(0, 2), MAX_DAY),
+            formatDatePart(newValue.substring(2, 4), MAX_MONTH),
+            newValue.substring(4, 8)
+          ];
+          const formattedValue = [day, month, year].filter(Boolean).join("/");
+          setInputValue(formattedValue);
+          if (formattedValue.length === DATE_LENGTH) {
+            const fullYear = parseInt(year);
+            const newDate = /* @__PURE__ */ new Date(
+              `${fullYear}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`
+            );
+            if (!isNaN(newDate.getTime())) {
+              setDate(newDate);
+              onChangeValue == null ? void 0 : onChangeValue({ value: newDate, name });
+            }
+          }
+        }
+      };
       const wrapperClassNames = classNames(cls.wrapper, isActive && cls.active);
       const InputClassNames = classNames(cls.input, cls.inputBorderControl);
       return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, "data-disabled": disabled, children: [
@@ -95,7 +130,9 @@ const DatePicker = memo(
           "div",
           {
             "data-error": isError,
-            className: cls["date-wrapper"],
+            className: classNames(cls["date-wrapper"], {
+              [cls.editable]: editable
+            }),
             onClick: onOpen,
             children: /* @__PURE__ */ jsx(
               Input,
@@ -105,12 +142,15 @@ const DatePicker = memo(
                 wrapperClassName: cls["input-wrapper"],
                 size,
                 type: "text",
-                variant: isError ? EInputVariant.Error : variant,
-                value: date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime()) ? formating.Date(date, "dd/mm/yyyy") : "",
+                variant,
+                status: isError ? EInputStatus.Error : void 0,
+                value: inputValue,
+                onChange: handleInputChange,
                 rightAddon: {
                   addonType: "icon",
                   addonContent: isActive ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
                 },
+                "data-error": isError,
                 ...props
               }
             )

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { week } from "./constants.js";
-import { c as cls } from "../../styles.module-Ugsf0AOb.js";
+import { c as cls } from "../../styles.module-B9L4B63y.js";
 import { Icon } from "../../icons/Icon.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
@@ -37,10 +37,10 @@ function DatePickerModal({
     const windowWidth = window.innerWidth;
     if (field.current !== null) {
       const inputWidth = ((_b = (_a2 = field == null ? void 0 : field.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
-      const inputHeight = (_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight;
+      const inputHeight = ((_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight) || 0;
       const inputPosition = field.current.getBoundingClientRect();
       const calendarSize = field.current.offsetHeight;
-      if (windowHeight < inputPosition.y + calendarSize) {
+      if (windowHeight < inputPosition.y + calendarSize + inputHeight) {
         field.current.style.top = -calendarSize + "px";
       } else {
         field.current.style.top = inputHeight + "px";
@@ -120,67 +120,83 @@ function DatePickerModal({
     );
     onExit();
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowLeft16px",
-          onClick: prev,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: cls["d"], onClick: () => onType == null ? void 0 : onType("months"), children: [
-        (_a = formating.Month(month.m)) == null ? void 0 : _a.name,
-        "’",
-        month.y.toString().slice(-2),
-        /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowRight16px",
-          onClick: next,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
-      week.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
-          children: i
-        },
-        `v${s}`
-      )),
-      prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
-      days.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: isBefore(
-            (/* @__PURE__ */ new Date(
-              `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
-            )).getTime()
-          ) ? cls["m"] : cls["a"],
-          children: i !== 0 ? /* @__PURE__ */ jsx(
-            "b",
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [cls["calendar-block"]].join(" "),
+      ref: field,
+      "data-testid": "calendar-modal",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
+          /* @__PURE__ */ jsx(
+            Button,
             {
-              className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
-              onClick: () => send(i),
-              children: i
+              isIconButton: true,
+              iconName: "DropdownArrowLeft16px",
+              onClick: prev,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cls["d"],
+              onClick: () => onType == null ? void 0 : onType("months"),
+              "data-testid": "month-year-button",
+              children: [
+                (_a = formating.Month(month.m)) == null ? void 0 : _a.name,
+                "’",
+                month.y.toString().slice(-2),
+                /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              isIconButton: true,
+              iconName: "DropdownArrowRight16px",
+              onClick: next,
+              variant: "secondary-gray",
+              size: "l"
             }
-          ) : /* @__PURE__ */ jsx("p", {})
-        },
-        s
-      )),
-      nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
-    ] })
-  ] }) });
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
+          week.map((i, s) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
+              children: i
+            },
+            `v${s}`
+          )),
+          prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
+          days.map((i, s) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: isBefore(
+                (/* @__PURE__ */ new Date(
+                  `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
+                )).getTime()
+              ) ? cls["m"] : cls["a"],
+              children: i !== 0 ? /* @__PURE__ */ jsx(
+                "b",
+                {
+                  className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
+                  onClick: () => send(i),
+                  children: i
+                }
+              ) : /* @__PURE__ */ jsx("p", {})
+            },
+            s
+          )),
+          nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
+        ] })
+      ]
+    }
+  ) });
 }
 export {
   DatePickerModal

package/dist/components/DatePicker/MonthPickerModal.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { months } from "./constants.js";
-import { c as cls } from "../../styles.module-Ugsf0AOb.js";
+import { c as cls } from "../../styles.module-B9L4B63y.js";
 import { Icon } from "../../icons/Icon.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
@@ -84,10 +84,18 @@ function MonthPickerModal({
           size: "l"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { onClick: () => onType == null ? void 0 : onType("years"), className: cls["d"], children: [
-        year.toString(),
-        /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
-      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onClick: () => onType == null ? void 0 : onType("years"),
+          className: cls["d"],
+          "data-testid": "year-button",
+          children: [
+            year.toString(),
+            /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -99,7 +107,7 @@ function MonthPickerModal({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: months.map((i, s) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "month-picker", children: months.map((i, s) => /* @__PURE__ */ jsx(
       "div",
       {
         className: isBefore(

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { c as cls } from "../../styles.module-Ugsf0AOb.js";
+import { c as cls } from "../../styles.module-B9L4B63y.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
 function YearPickerModal({
@@ -96,7 +96,7 @@ function YearPickerModal({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: years.map((i, s) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "year-picker", children: years.map((i, s) => /* @__PURE__ */ jsx(
       "div",
       {
         className: isBefore(

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const formatDatePart: (value: string, max: number) => string;
+export declare const getFullYear: (year: string) => number;

package/dist/components/DatePicker/utils.js

@@ -0,0 +1,16 @@
+const YEAR_OFFSET = 20;
+const CENTURY = 100;
+const formatDatePart = (value, max) => {
+  const num = parseInt(value);
+  return num > max ? max.toString() : value;
+};
+const getFullYear = (year) => {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentCentury = Math.floor(currentYear / CENTURY) * CENTURY;
+  const fullYear = parseInt(year) + currentCentury;
+  return fullYear > currentYear + YEAR_OFFSET ? fullYear - CENTURY : fullYear;
+};
+export {
+  formatDatePart,
+  getFullYear
+};

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

@@ -5,7 +5,7 @@ type TProps = {
     /**
      * Обязательный заголовок.
      */
-    title: string;
+    title: string | ReactNode;
     /**
      * Флаг отвечачающий за показ/скрытие.
      */

package/dist/components/Drawer/Drawer.js

@@ -10,40 +10,40 @@ import { Button } from "../Button/Button.js";
 import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
 import { Loader } from "../Loader/Loader.js";
 import { Portal } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const drawer = "_drawer_91s5k_3";
-const content = "_content_91s5k_27";
-const header = "_header_91s5k_45";
-const title = "_title_91s5k_59";
-const space = "_space_91s5k_73";
-const inner = "_inner_91s5k_84";
-const button = "_button_91s5k_87";
-const footer = "_footer_91s5k_92";
-const left = "_left_91s5k_105";
-const right = "_right_91s5k_109";
-const full = "_full_91s5k_113";
-const bottom = "_bottom_91s5k_123";
-const opened = "_opened_91s5k_140";
-const overlay = "_overlay_91s5k_196";
-const unmount = "_unmount_91s5k_212";
+import '../../assets/Drawer.css';const drawer = "_drawer_1xs4d_3";
+const content = "_content_1xs4d_27";
+const header = "_header_1xs4d_45";
+const title = "_title_1xs4d_59";
+const space = "_space_1xs4d_73";
+const inner = "_inner_1xs4d_84";
+const button = "_button_1xs4d_87";
+const footer = "_footer_1xs4d_92";
+const left = "_left_1xs4d_105";
+const right = "_right_1xs4d_109";
+const full = "_full_1xs4d_113";
+const bottom = "_bottom_1xs4d_123";
+const opened = "_opened_1xs4d_140";
+const overlay = "_overlay_1xs4d_196";
+const unmount = "_unmount_1xs4d_212";
 const cls = {
   drawer,
   content,
-  "is-loading": "_is-loading_91s5k_41",
+  "is-loading": "_is-loading_1xs4d_41",
   header,
-  "sticky-header": "_sticky-header_91s5k_53",
+  "sticky-header": "_sticky-header_1xs4d_53",
   title,
   space,
   inner,
   button,
   footer,
-  "footer-button": "_footer-button_91s5k_101",
+  "footer-button": "_footer-button_1xs4d_101",
   left,
   right,
   full,
   bottom,
-  "full-bottom-height": "_full-bottom-height_91s5k_134",
+  "full-bottom-height": "_full-bottom-height_1xs4d_134",
   opened,
-  "is-closing": "_is-closing_91s5k_159",
+  "is-closing": "_is-closing_1xs4d_159",
   overlay,
   unmount
 };

package/dist/components/GosZnak/GosZnak.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TGosZnakProps } from './types';
+
+export declare const GosZnak: React.FC<TGosZnakProps>;

package/dist/components/GosZnak/GosZnak.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { EGosZnakSize, EGosZnakType } from "./constants.js";
+import '../../assets/GosZnak.css';const number = "_number_dr109_13";
+const region = "_region_dr109_32";
+const country = "_country_dr109_46";
+const l = "_l_dr109_53";
+const s = "_s_dr109_62";
+const normal = "_normal_dr109_71";
+const traffic = "_traffic_dr109_78";
+const military = "_military_dr109_85";
+const police = "_police_dr109_92";
+const diplomatic = "_diplomatic_dr109_99";
+const cls = {
+  "gos-znak": "_gos-znak_dr109_2",
+  number,
+  "number-container": "_number-container_dr109_22",
+  region,
+  "region-container": "_region-container_dr109_38",
+  country,
+  l,
+  s,
+  normal,
+  traffic,
+  military,
+  police,
+  diplomatic
+};
+const GosZnak = ({
+  number: number2,
+  region: region2,
+  country: country2,
+  size = EGosZnakSize.L,
+  type = EGosZnakType.Normal,
+  className,
+  numberClassName,
+  regionClassName,
+  countryClassName,
+  numberContainerClassName,
+  regionContainerClassName
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(cls["gos-znak"], cls[size], cls[type], className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classNames(
+              cls["number-container"],
+              numberContainerClassName
+            ),
+            children: /* @__PURE__ */ jsx("span", { className: classNames(cls.number, numberClassName), children: number2 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classNames(
+              cls["region-container"],
+              regionContainerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: classNames(cls.region, regionClassName), children: region2 }),
+              /* @__PURE__ */ jsx("span", { className: classNames(cls.country, countryClassName), children: country2 })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  GosZnak
+};

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

@@ -0,0 +1,11 @@
+export declare enum EGosZnakSize {
+    S = "s",
+    L = "l"
+}
+export declare enum EGosZnakType {
+    Normal = "normal",
+    Traffic = "traffic",
+    Military = "military",
+    Police = "police",
+    Diplomatic = "diplomatic"
+}

package/dist/components/GosZnak/constants.js

@@ -0,0 +1,17 @@
+var EGosZnakSize = /* @__PURE__ */ ((EGosZnakSize2) => {
+  EGosZnakSize2["S"] = "s";
+  EGosZnakSize2["L"] = "l";
+  return EGosZnakSize2;
+})(EGosZnakSize || {});
+var EGosZnakType = /* @__PURE__ */ ((EGosZnakType2) => {
+  EGosZnakType2["Normal"] = "normal";
+  EGosZnakType2["Traffic"] = "traffic";
+  EGosZnakType2["Military"] = "military";
+  EGosZnakType2["Police"] = "police";
+  EGosZnakType2["Diplomatic"] = "diplomatic";
+  return EGosZnakType2;
+})(EGosZnakType || {});
+export {
+  EGosZnakSize,
+  EGosZnakType
+};

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

@@ -0,0 +1,3 @@
+export { GosZnak } from './GosZnak';
+export { EGosZnakSize, EGosZnakType } from './constants';
+export type { TGosZnakProps } from './types';

package/dist/components/GosZnak/index.js

@@ -0,0 +1,7 @@
+import { GosZnak } from "./GosZnak.js";
+import { EGosZnakSize, EGosZnakType } from "./constants.js";
+export {
+  EGosZnakSize,
+  EGosZnakType,
+  GosZnak
+};

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

@@ -0,0 +1,26 @@
+import { EGosZnakSize, EGosZnakType } from './constants';
+
+export type TGosZnakProps = {
+    /** Номер государственного знака */
+    number: string;
+    /** Код региона */
+    region: string;
+    /** Код страны */
+    country: string;
+    /** Размер госзнака. Если не указан, по умолчанию используется большой размер */
+    size?: EGosZnakSize | `${EGosZnakSize}`;
+    /** Тип госзнака. Если не указан, по умолчанию используется обычный тип */
+    type?: EGosZnakType | `${EGosZnakType}`;
+    /** Дополнительный CSS класс для стилизации */
+    className?: string;
+    /** Дополнительный CSS класс для стилизации номера */
+    numberClassName?: string;
+    /** Дополнительный CSS класс для стилизации региона */
+    regionClassName?: string;
+    /** Дополнительный CSS класс для стилизации страны */
+    countryClassName?: string;
+    /** Дополнительный CSS класс для стилизации контейнера номера */
+    numberContainerClassName?: string;
+    /** Дополнительный CSS класс для стилизации контейнера региона */
+    regionContainerClassName?: string;
+};

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TInputProps, TAddon, TIconAddon, TSize, TVariant } from './types';
+import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
 
 export type TAdditionalProps = {
     /**
@@ -10,6 +10,10 @@ export type TAdditionalProps = {
      * `Варианты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
      */
     variant?: TVariant;
+    /**
+     * `Статус ввода. Может быть 'alert', 'success', 'error'.`
+     */
+    status?: TStatus;
     /**
      * Дополнительный класс.
      */

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-ChCIy5oY.js";
+import { I } from "../../Input-DspsU5F4.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

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

@@ -1,10 +1,12 @@
 export declare enum EInputVariant {
-    Alarm = "alarm",
-    Success = "success",
-    Error = "error",
     DefaultGray = "default-gray",
     DefaultWhite = "default-white"
 }
+export declare enum EInputStatus {
+    Alarm = "alarm",
+    Success = "success",
+    Error = "error"
+}
 export declare enum EInputSize {
     S = "s",
     M = "m",

package/dist/components/Input/constants.js

@@ -1,11 +1,14 @@
 var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
-  EInputVariant2["Alarm"] = "alarm";
-  EInputVariant2["Success"] = "success";
-  EInputVariant2["Error"] = "error";
   EInputVariant2["DefaultGray"] = "default-gray";
   EInputVariant2["DefaultWhite"] = "default-white";
   return EInputVariant2;
 })(EInputVariant || {});
+var EInputStatus = /* @__PURE__ */ ((EInputStatus2) => {
+  EInputStatus2["Alarm"] = "alarm";
+  EInputStatus2["Success"] = "success";
+  EInputStatus2["Error"] = "error";
+  return EInputStatus2;
+})(EInputStatus || {});
 var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
   EInputSize2["S"] = "s";
   EInputSize2["M"] = "m";
@@ -14,5 +17,6 @@ var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
 })(EInputSize || {});
 export {
   EInputSize,
+  EInputStatus,
   EInputVariant
 };

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

@@ -1,3 +1,3 @@
 export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
-export type { TSize, TVariant } from './types';
-export { EInputSize, EInputVariant } from './constants';
+export type { TSize, TVariant, TStatus } from './types';
+export { EInputSize, EInputVariant, EInputStatus } from './constants';