mimir-ui-kit 1.36.16 → 1.37.1

package/dist/assets/MessageShortReply.css

@@ -0,0 +1 @@
+._short-reply_1tpxx_2{--short-reply-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:32px;padding:0 var(--mimir-space-xs);overflow:hidden;color:var(--short-reply-color);font-size:var(--mimir-size-text-s);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-s1);white-space:nowrap;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--mimir-space-2xs);column-gap:var(--mimir-space-2xs);background-color:var(--short-reply-bg-color);border-color:var(--short-reply-border-color);border-style:solid;border-width:1px;border-radius:var(--mimir-control-input-radius);cursor:pointer;cursor:var(--short-reply-cursor);transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._short-reply_1tpxx_2:hover{color:var(--short-reply-color-hover);background:var(--short-reply-bg-color-hover);border-color:var(--short-reply-border-color-hover)}._short-reply_1tpxx_2:active{color:var(--short-reply-color-active);background:var(--short-reply-bg-color-active);border-color:var(--short-reply-border-color-active)}._short-reply_1tpxx_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._short-reply_1tpxx_2 svg{color:currentcolor;fill:currentcolor}._short-reply_1tpxx_2 svg path{color:currentcolor;fill:currentcolor}._short-reply_1tpxx_2._sapphire_1tpxx_50{--short-reply-bg-color: transparent;--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-bg-color-active: var(--sapphire-active);--short-reply-bg-color-hover: var(--sapphire-normal);--short-reply-color: var(--sapphire-normal);--short-reply-border-color: var(--sapphire-normal)}._short-reply_1tpxx_2._sapphire-filled_1tpxx_59{--short-reply-bg-color: var(--sapphire-normal);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-bg-color-active: var(--sapphire-active);--short-reply-bg-color-hover: var(--sapphire-hover);--short-reply-color: var(--light-text)}._short-reply_1tpxx_2._citrine_1tpxx_67{--short-reply-bg-color: transparent;--short-reply-bg-color-active: var(--citrine-active);--short-reply-bg-color-hover: var(--citrine-hover);--short-reply-color: var(--citrine-normal);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-border-color: var(--citrine-normal)}._short-reply_1tpxx_2._asphalt_1tpxx_76{--short-reply-bg-color: transparent;--short-reply-bg-color-active: var(--asphalt-active);--short-reply-bg-color-hover: var(--asphalt-hover);--short-reply-color: var(--asphalt-normal);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-border-color: var(--asphalt-normal)}._short-reply_1tpxx_2._gray_1tpxx_85{--short-reply-bg-color: var(--gray-normal);--short-reply-bg-color-hover: var(--gray-hover);--short-reply-bg-color-active: var(--gray-active);--short-reply-color: var(--dark-text);--short-reply-color-hover: var(--dark-text);--short-reply-color-active: var(--light-text);border:none}._short-reply_1tpxx_2._white_1tpxx_94{--short-reply-bg-color: var(--white-normal);--short-reply-bg-color-hover: var(--white-hover);--short-reply-bg-color-active: var(--white-active);--short-reply-color: var(--dark-text);--short-reply-color-hover: var(--dark-text);--short-reply-color-active: var(--light-text);border:none}._short-reply_1tpxx_2._green_1tpxx_103{--short-reply-bg-color: transparent;--short-reply-bg-color-hover: var(--green-hover);--short-reply-bg-color-active: var(--green-active);--short-reply-color: var(--green);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-border-color: var(--green)}._short-reply_1tpxx_2._disabled_1tpxx_112{--short-reply-cursor: not-allowed;color:var(--disabled);background-color:transparent;border-color:var(--disabled)}._short-reply_1tpxx_2._disabled_1tpxx_112:hover,._short-reply_1tpxx_2._disabled_1tpxx_112:active,._short-reply_1tpxx_2._disabled_1tpxx_112:focus{color:var(--disabled);background-color:transparent;border-color:var(--disabled);box-shadow:none}

package/dist/components/MessageShortReply/MessageShortReply.d.ts

@@ -0,0 +1,30 @@
+import { ComponentProps } from 'react';
+import { EMessageShortReplyVariant } from './constants';
+import { TIcon } from '../../icons';
+
+export type TProps = ComponentProps<'button'> & {
+    /**
+     * Класс, применяемый к корневому элементу MessageShortReply.
+     */
+    className?: string;
+    /**
+     * Флаг, указывающий, отключена ли MessageShortReply.
+     */
+    disabled?: boolean;
+    /**
+     * "Вариант отображения MessageShortReply. Допустимые значения: 'sapphire', sapphire-filled', 'citrine', 'asphalt', 'gray', 'white', 'green'."
+     */
+    variant?: `${EMessageShortReplyVariant}` | EMessageShortReplyVariant;
+    /**
+     * Имя иконки слева.
+     */
+    leftIconName?: TIcon;
+    /**
+     * Имя иконки справа.
+     */
+    rightIconName?: TIcon;
+};
+/**
+ * Компонент MessageShortReply, который можно настраивать с различными темами и размерами.
+ */
+export declare const MessageShortReply: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/MessageShortReply/MessageShortReply.js

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { c as y } from "../../index-DIxK0V-G.js";
+import { forwardRef as f } from "react";
+import { EMessageShortReplyVariant as g } from "./constants.js";
+import { Icon as o } from "../../icons/Icon.js";
+import '../../assets/MessageShortReply.css';const N = "_sapphire_1tpxx_50", b = "_citrine_1tpxx_67", u = "_asphalt_1tpxx_76", w = "_gray_1tpxx_85", R = "_white_1tpxx_94", S = "_green_1tpxx_103", I = "_disabled_1tpxx_112", e = {
+  "short-reply": "_short-reply_1tpxx_2",
+  sapphire: N,
+  "sapphire-filled": "_sapphire-filled_1tpxx_59",
+  citrine: b,
+  asphalt: u,
+  gray: w,
+  white: R,
+  green: S,
+  disabled: I
+}, M = f(
+  (p, i) => {
+    const {
+      variant: n = g.Sapphire,
+      children: c,
+      className: l,
+      leftIconName: s,
+      rightIconName: r,
+      type: _ = "button",
+      disabled: t,
+      ...h
+    } = p, x = {
+      [e.disabled]: t,
+      [e[n]]: !t
+    }, m = y(l, e["short-reply"], x);
+    return /* @__PURE__ */ d(
+      "button",
+      {
+        type: _,
+        disabled: t,
+        ref: i,
+        className: m,
+        ...h,
+        children: [
+          s && /* @__PURE__ */ a(o, { iconName: s }),
+          c,
+          r && /* @__PURE__ */ a(o, { iconName: r })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "MessageShortReply";
+export {
+  M as MessageShortReply
+};

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

@@ -0,0 +1,9 @@
+export declare enum EMessageShortReplyVariant {
+    Sapphire = "sapphire",
+    SapphireFilled = "sapphire-filled",
+    Citrine = "citrine",
+    Asphalt = "asphalt",
+    Gray = "gray",
+    White = "white",
+    Green = "green"
+}

package/dist/components/MessageShortReply/constants.js

@@ -0,0 +1,4 @@
+var p = /* @__PURE__ */ ((i) => (i.Sapphire = "sapphire", i.SapphireFilled = "sapphire-filled", i.Citrine = "citrine", i.Asphalt = "asphalt", i.Gray = "gray", i.White = "white", i.Green = "green", i))(p || {});
+export {
+  p as EMessageShortReplyVariant
+};

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

@@ -0,0 +1,2 @@
+export { MessageShortReply, type TProps as TMessageShortReplyProps } from './MessageShortReply';
+export { EMessageShortReplyVariant } from './constants';

package/dist/components/MessageShortReply/index.js

@@ -0,0 +1,6 @@
+import { MessageShortReply as o } from "./MessageShortReply.js";
+import { EMessageShortReplyVariant as a } from "./constants.js";
+export {
+  a as EMessageShortReplyVariant,
+  o as MessageShortReply
+};

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,38 +1,38 @@
-import { jsxs as y, jsx as p, Fragment as j } from "react/jsx-runtime";
-import { c as B } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useState as T, useEffect as V, useMemo as _ } from "react";
-import { imageTypes as h } from "./constants.js";
+import { jsxs as h, jsx as p, Fragment as V } from "react/jsx-runtime";
+import { c as j } from "../../index-DIxK0V-G.js";
+import { forwardRef as B, useState as D, useEffect as T, useMemo as _ } from "react";
+import { imageTypes as y } from "./constants.js";
 import "../Button/Button.js";
-import { EButtonVariantDefault as E } from "../Button/constants.js";
-import { ListFiles as M } from "../ListFiles/ListFiles.js";
-import { ListPhotos as O } from "../ListPhotos/ListPhotos.js";
-import { Uploader as P } from "../Uploader/Uploader.js";
+import { EButtonVariantDefault as C } from "../Button/constants.js";
+import { ListFiles as E } from "../ListFiles/ListFiles.js";
+import { ListPhotos as M } from "../ListPhotos/ListPhotos.js";
+import { Uploader as O } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const g = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, f = (i) => "file" in i && i.file instanceof File ? h.includes(i.file.type) : "type" in i && typeof i.type == "string" ? h.includes(i.type) : !1, W = D(
+}, f = (i) => "file" in i && i.file instanceof File ? y.includes(i.file.type) : "type" in i && typeof i.type == "string" ? y.includes(i.type) : !1, W = B(
   (i, v) => {
     const {
       type: s,
       filesType: x,
       arrayName: F,
       maxSize: U,
-      onChange: o,
-      value: a,
-      maxFiles: m,
+      onChange: a,
+      value: r,
+      maxFiles: u,
       titleUploader: b,
       buttonText: w = "Выберите файлы",
-      showOnlyUploadButton: u = !1,
-      uploadButtonVariant: z = E.SecondaryAsphalt,
+      showOnlyUploadButton: d = !1,
+      uploadButtonVariant: z = C.SecondaryAsphalt,
       buttonSize: I = "m",
       buttonClassName: L
-    } = i, [l, n] = T(
-      a || []
-    ), d = l.length >= m;
-    V(() => {
-      a && n(a);
-    }, [a]);
+    } = i, [l, n] = D(
+      r || []
+    ), m = l.length >= u;
+    T(() => {
+      r && n(r);
+    }, [r]);
     const N = (t) => {
-      const r = t.value.map((e) => f(e.file) ? {
+      const o = t.value.map((e) => f(e.file) ? {
         id: e.id,
         url: URL.createObjectURL(e.file),
         type: e.file.type,
@@ -45,49 +45,50 @@ import '../../assets/UploaderPhotos.css';const g = {
         name: e.file.name,
         type: e.file.type
       });
-      n((e) => [...e, ...r]), o == null || o({ type: "add", data: t.value });
+      n((e) => [...e, ...o]), a == null || a({ type: "add", data: t.value });
     }, c = (t) => {
-      n((r) => r.filter((e) => e.id !== t)), o == null || o({ type: "delete", data: t });
+      n((o) => o.filter((e) => e.id !== t)), a == null || a({ type: "delete", data: t });
     }, { photos: R, files: S } = _(() => {
-      const t = () => l.filter((e) => !f(e)), r = () => l.filter(f);
-      return s === "all" ? { files: t(), photos: r() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: r() } : { files: [], photos: [] };
+      const t = () => l.filter((e) => !f(e)), o = () => l.filter(f);
+      return s === "all" ? { files: t(), photos: o() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
     }, [l, s]);
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ h(
       "div",
       {
-        className: B(
+        "data-testid": "universal-uploader",
+        className: j(
           g["upload-file-wrapper"],
-          d && g.disabled
+          m && g.disabled
         ),
         children: [
           /* @__PURE__ */ p(
-            P,
+            O,
             {
               filesType: x,
               arrayName: F,
               maxSize: U,
               onChangeValue: N,
               ref: v,
-              maxFiles: m,
-              isDisabled: d,
+              maxFiles: u,
+              isDisabled: m,
               titleUploader: b,
-              showOnlyUploadButton: u,
+              showOnlyUploadButton: d,
               buttonText: w,
               uploadButtonVariant: z,
               buttonSize: I,
               buttonClassName: L
             }
           ),
-          !u && /* @__PURE__ */ y(j, { children: [
+          !d && /* @__PURE__ */ h(V, { children: [
             (s === "files" || s === "all") && /* @__PURE__ */ p(
-              M,
+              E,
               {
                 value: S,
                 onChange: (t) => c(t.deleteId)
               }
             ),
             (s === "photos" || s === "all") && /* @__PURE__ */ p(
-              O,
+              M,
               {
                 value: R,
                 onChange: (t) => c(t.deleteId)

package/dist/components/index.d.ts

@@ -65,3 +65,5 @@ export { ListFiles, EFileItemVariant } from './ListFiles';
 export type { TListFiles, TFilesDetail, TFileValue } from './ListFiles';
 export { ListPhotos } from './ListPhotos';
 export type { TListPhotos, TPhotosDetail, TPhotoValue, TPhotoItem } from './ListPhotos';
+export { MessageShortReply } from './MessageShortReply';
+export { EMessageShortReplyVariant, type TMessageShortReplyProps } from './MessageShortReply';

package/dist/components/index.js

@@ -1,18 +1,18 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as x, EButtonVariantRound as f } from "./Button/constants.js";
 import { I as S } from "../Input-BYrIS5GU.js";
-import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
+import { EInputSize as s, EInputStatus as l, EInputVariant as u } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as I } from "./TextArea/constants.js";
-import { InputPassword as k } from "./InputPassword/InputPassword.js";
-import { InputPhoneNumber as V } from "./InputPhoneNumber/InputPhoneNumber.js";
+import { InputPassword as h } from "./InputPassword/InputPassword.js";
+import { InputPhoneNumber as k } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as P } from "./InputPhoneNumber/utils.js";
-import { OtpInput as L } from "./OtpInput/OtpInput.js";
-import { RadioGroup as w } from "./RadioGroup/RadioGroup.js";
-import { DatePicker as M } from "./DatePicker/DatePicker.js";
+import { OtpInput as M } from "./OtpInput/OtpInput.js";
+import { RadioGroup as L } from "./RadioGroup/RadioGroup.js";
+import { DatePicker as w } from "./DatePicker/DatePicker.js";
 import { MergedButton as b } from "./MergedButton/MergedButton.js";
-import { EMergedButtonVariantRound as D } from "./MergedButton/constants.js";
-import { AppImage as G } from "./Image/Image.js";
+import { EMergedButtonVariantRound as v } from "./MergedButton/constants.js";
+import { AppImage as F } from "./Image/Image.js";
 import { Loader as N } from "./Loader/Loader.js";
 import { Slider as O } from "./Slider/index.js";
 import { Drawer as q } from "./Drawer/Drawer.js";
@@ -29,15 +29,15 @@ import { ETagSize as So, ETagType as Eo } from "./Tag/constants.js";
 import { Timer as lo } from "./Timer/Timer.js";
 import { Accordion as co } from "./Accordion/Accordion.js";
 import { EAccordionSize as Io } from "./Accordion/constants.js";
-import { AccordionItem as ko } from "./Accordion/AccordionItem/AccordionItem.js";
-import { TabTrail as Vo } from "./TabTrail/TabTrail.js";
+import { AccordionItem as ho } from "./Accordion/AccordionItem/AccordionItem.js";
+import { TabTrail as ko } from "./TabTrail/TabTrail.js";
 import { ETabTrailSize as Bo } from "./TabTrail/constants.js";
 import { Pagination as Ao } from "./Pagination/Pagination.js";
-import { ToastProvider as Uo } from "./Toasts/ToastsProvider.js";
-import { useToast as Co } from "./Toasts/hooks.js";
-import { EToastPosition as Ro, EToastVariant as bo } from "./Toasts/constants.js";
-import { UploaderPhotos as Do } from "./UploaderPhotos/UploaderPhotos.js";
-import { UploaderFiles as Go } from "./UploaderFiles/UploaderFiles.js";
+import { ToastProvider as Ro } from "./Toasts/ToastsProvider.js";
+import { useToast as Uo } from "./Toasts/hooks.js";
+import { EToastPosition as Co, EToastVariant as bo } from "./Toasts/constants.js";
+import { UploaderPhotos as vo } from "./UploaderPhotos/UploaderPhotos.js";
+import { UploaderFiles as Fo } from "./UploaderFiles/UploaderFiles.js";
 import { Uploader as No } from "./Uploader/Uploader.js";
 import { Link as Oo } from "./AnchorLink/Link.js";
 import { ELinkSize as qo, ELinkVariant as Ho } from "./AnchorLink/constants.js";
@@ -50,32 +50,34 @@ import { EUploaderType as pr } from "./UniversalUploader/constants.js";
 import { InputRangeSlider as ir } from "./InputRangeSlider/InputRangeSlider.js";
 import { EInputRangeSliderBorderState as xr, EInputRangeSliderPositions as fr } from "./InputRangeSlider/constants.js";
 import { GosZnak as Sr } from "./GosZnak/GosZnak.js";
-import { EGosZnakSize as ur, EGosZnakType as lr } from "./GosZnak/constants.js";
+import { EGosZnakSize as sr, EGosZnakType as lr } from "./GosZnak/constants.js";
 import { Switcher as dr } from "./Switcher/Switcher.js";
 import { ELabelPositions as Tr } from "./Switcher/constants.js";
 import { TwinSwitcher as gr } from "./TwinSwitcher/TwinSwitcher.js";
-import { SkeletonBrick as zr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
-import { SkeletonText as hr } from "./Skeleton/SkeletonText/SkeletonText.js";
+import { SkeletonBrick as Vr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
+import { SkeletonText as zr } from "./Skeleton/SkeletonText/SkeletonText.js";
 import { SkeletonCircle as Pr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
-import { ESkeletonVariant as Lr } from "./Skeleton/constants.js";
-import { Avatar as wr } from "./Avatar/Avatar.js";
-import { EAvatarSize as Mr } from "./Avatar/constants.js";
+import { ESkeletonVariant as Mr } from "./Skeleton/constants.js";
+import { Avatar as Lr } from "./Avatar/Avatar.js";
+import { EAvatarSize as wr } from "./Avatar/constants.js";
 import { MultiSelectSearch as br } from "./MultiSelectSearch/MultiSelectSearch.js";
-import { EMultiSelectSearchSize as Dr } from "./MultiSelectSearch/constants.js";
-import { ListFiles as Gr } from "./ListFiles/ListFiles.js";
+import { EMultiSelectSearchSize as vr } from "./MultiSelectSearch/constants.js";
+import { ListFiles as Fr } from "./ListFiles/ListFiles.js";
 import { EFileItemVariant as Nr } from "./ListFiles/constants.js";
 import { ListPhotos as Or } from "./ListPhotos/ListPhotos.js";
+import { MessageShortReply as qr } from "./MessageShortReply/MessageShortReply.js";
+import { EMessageShortReplyVariant as Jr } from "./MessageShortReply/constants.js";
 export {
   co as Accordion,
-  ko as AccordionItem,
-  wr as Avatar,
+  ho as AccordionItem,
+  Lr as Avatar,
   e as Button,
   mo as CheckboxMimir,
   Yo as Chip,
-  M as DatePicker,
+  w as DatePicker,
   q as Drawer,
   Io as EAccordionSize,
-  Mr as EAvatarSize,
+  wr as EAvatarSize,
   p as EButtonForm,
   a as EButtonSize,
   i as EButtonVariantBorderless,
@@ -86,66 +88,68 @@ export {
   or as EChipVariant,
   J as EDrawerPosition,
   Nr as EFileItemVariant,
-  ur as EGosZnakSize,
+  sr as EGosZnakSize,
   lr as EGosZnakType,
   xr as EInputRangeSliderBorderState,
   fr as EInputRangeSliderPositions,
-  u as EInputSize,
+  s as EInputSize,
   l as EInputStatus,
-  s as EInputVariant,
+  u as EInputVariant,
   Tr as ELabelPositions,
   qo as ELinkSize,
   Ho as ELinkVariant,
-  D as EMergedButtonVariantRound,
-  Dr as EMultiSelectSearchSize,
+  v as EMergedButtonVariantRound,
+  Jr as EMessageShortReplyVariant,
+  vr as EMultiSelectSearchSize,
   Wo as ENotificationBadgeSize,
   ao as ESelectSearchSize,
-  Lr as ESkeletonVariant,
+  Mr as ESkeletonVariant,
   X as EStepColor,
   Y as EStepsSize,
   Bo as ETabTrailSize,
   So as ETagSize,
   Eo as ETagType,
   I as ETextAreaInputSize,
-  Ro as EToastPosition,
+  Co as EToastPosition,
   bo as EToastVariant,
   pr as EUploaderType,
   ro as EVoteSize,
   Sr as GosZnak,
-  G as Image,
+  F as Image,
   S as Input,
-  k as InputPassword,
-  V as InputPhoneNumber,
+  h as InputPassword,
+  k as InputPhoneNumber,
   ir as InputRangeSlider,
   Oo as Link,
-  Gr as ListFiles,
+  Fr as ListFiles,
   Or as ListPhotos,
   N as Loader,
   b as MergedButton,
+  qr as MessageShortReply,
   br as MultiSelectSearch,
   Ko as NotificationBadge,
-  L as OtpInput,
+  M as OtpInput,
   Ao as Pagination,
-  w as RadioGroup,
+  L as RadioGroup,
   to as SelectSearch,
-  zr as SkeletonBrick,
+  Vr as SkeletonBrick,
   Pr as SkeletonCircle,
-  hr as SkeletonText,
+  zr as SkeletonText,
   O as Slider,
   Q as Steps,
   dr as Switcher,
-  Vo as TabTrail,
+  ko as TabTrail,
   fo as Tag,
   c as TextArea,
   lo as Timer,
-  Uo as ToastProvider,
+  Ro as ToastProvider,
   gr as TwinSwitcher,
   er as UniversalUploader,
   No as Uploader,
-  Go as UploaderFiles,
-  Do as UploaderPhotos,
+  Fo as UploaderFiles,
+  vo as UploaderPhotos,
   $ as Vote,
   B as getMaskedInputPhoneValue,
   P as getUnmaskedInputValue,
-  Co as useToast
+  Uo as useToast
 };

package/dist/index.js

@@ -1,15 +1,15 @@
 import { Button as e } from "./components/Button/Button.js";
-import { EButtonForm as p, EButtonSize as m, EButtonVariantBorderless as a, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as u } from "./Input-BYrIS5GU.js";
-import { EInputSize as E, EInputStatus as S, EInputVariant as l } from "./components/Input/constants.js";
+import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
+import { I as s } from "./Input-BYrIS5GU.js";
+import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as I } from "./components/TextArea/constants.js";
-import { InputPassword as k } from "./components/InputPassword/InputPassword.js";
-import { InputPhoneNumber as B } from "./components/InputPhoneNumber/InputPhoneNumber.js";
-import { getMaskedInputPhoneValue as h, getUnmaskedInputValue as P } from "./components/InputPhoneNumber/utils.js";
+import { InputPassword as h } from "./components/InputPassword/InputPassword.js";
+import { InputPhoneNumber as z } from "./components/InputPhoneNumber/InputPhoneNumber.js";
+import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as M } from "./components/InputPhoneNumber/utils.js";
 import { OtpInput as y } from "./components/OtpInput/OtpInput.js";
-import { RadioGroup as C } from "./components/RadioGroup/RadioGroup.js";
-import { DatePicker as R } from "./components/DatePicker/DatePicker.js";
+import { RadioGroup as A } from "./components/RadioGroup/RadioGroup.js";
+import { DatePicker as L } from "./components/DatePicker/DatePicker.js";
 import { MergedButton as U } from "./components/MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound as w } from "./components/MergedButton/constants.js";
 import { AppImage as F } from "./components/Image/Image.js";
@@ -22,19 +22,19 @@ import { EStepColor as X, EStepsSize as Y } from "./components/Steps/constants.j
 import { Vote as $ } from "./components/Vote/Vote.js";
 import { EVoteSize as ro } from "./components/Vote/constants.js";
 import { SelectSearch as to } from "./components/SelectSearch/SelectSearch.js";
-import { ESelectSearchSize as mo } from "./components/SelectSearch/constants.js";
+import { ESelectSearchSize as ao } from "./components/SelectSearch/constants.js";
 import { CheckboxMimir as io } from "./components/CheckboxMimir/CheckboxMimir.js";
 import { Tag as xo } from "./components/Tag/Tag.js";
-import { ETagSize as uo, ETagType as so } from "./components/Tag/constants.js";
-import { Timer as So } from "./components/Timer/Timer.js";
+import { ETagSize as so, ETagType as uo } from "./components/Tag/constants.js";
+import { Timer as Eo } from "./components/Timer/Timer.js";
 import { Accordion as co } from "./components/Accordion/Accordion.js";
 import { EAccordionSize as Io } from "./components/Accordion/constants.js";
-import { AccordionItem as ko } from "./components/Accordion/AccordionItem/AccordionItem.js";
-import { TabTrail as Bo } from "./components/TabTrail/TabTrail.js";
-import { ETabTrailSize as ho } from "./components/TabTrail/constants.js";
-import { Pagination as Mo } from "./components/Pagination/Pagination.js";
-import { ToastProvider as Ao } from "./components/Toasts/ToastsProvider.js";
-import { useToast as Lo } from "./components/Toasts/hooks.js";
+import { AccordionItem as ho } from "./components/Accordion/AccordionItem/AccordionItem.js";
+import { TabTrail as zo } from "./components/TabTrail/TabTrail.js";
+import { ETabTrailSize as Bo } from "./components/TabTrail/constants.js";
+import { Pagination as Po } from "./components/Pagination/Pagination.js";
+import { ToastProvider as Ro } from "./components/Toasts/ToastsProvider.js";
+import { useToast as Co } from "./components/Toasts/hooks.js";
 import { EToastPosition as bo, EToastVariant as Uo } from "./components/Toasts/constants.js";
 import { UploaderPhotos as wo } from "./components/UploaderPhotos/UploaderPhotos.js";
 import { UploaderFiles as Fo } from "./components/UploaderFiles/UploaderFiles.js";
@@ -47,49 +47,51 @@ import { Chip as Yo } from "./components/Chip/Chip.js";
 import { EChipSize as $o, EChipVariant as or } from "./components/Chip/constants.js";
 import { UniversalUploader as er } from "./components/UniversalUploader/UniversalUploader.js";
 import { EUploaderType as pr } from "./components/UniversalUploader/constants.js";
-import { InputRangeSlider as ar } from "./components/InputRangeSlider/InputRangeSlider.js";
+import { InputRangeSlider as mr } from "./components/InputRangeSlider/InputRangeSlider.js";
 import { EInputRangeSliderBorderState as fr, EInputRangeSliderPositions as xr } from "./components/InputRangeSlider/constants.js";
-import { GosZnak as ur } from "./components/GosZnak/GosZnak.js";
-import { EGosZnakSize as Er, EGosZnakType as Sr } from "./components/GosZnak/constants.js";
+import { GosZnak as sr } from "./components/GosZnak/GosZnak.js";
+import { EGosZnakSize as Sr, EGosZnakType as Er } from "./components/GosZnak/constants.js";
 import { Switcher as dr } from "./components/Switcher/Switcher.js";
 import { ELabelPositions as Tr } from "./components/Switcher/constants.js";
 import { TwinSwitcher as gr } from "./components/TwinSwitcher/TwinSwitcher.js";
-import { SkeletonBrick as zr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
+import { SkeletonBrick as kr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
 import { SkeletonText as Vr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
-import { SkeletonCircle as Pr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
+import { SkeletonCircle as Mr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
 import { ESkeletonVariant as yr } from "./components/Skeleton/constants.js";
-import { Avatar as Cr } from "./components/Avatar/Avatar.js";
-import { EAvatarSize as Rr } from "./components/Avatar/constants.js";
+import { Avatar as Ar } from "./components/Avatar/Avatar.js";
+import { EAvatarSize as Lr } from "./components/Avatar/constants.js";
 import { MultiSelectSearch as Ur } from "./components/MultiSelectSearch/MultiSelectSearch.js";
 import { EMultiSelectSearchSize as wr } from "./components/MultiSelectSearch/constants.js";
 import { ListFiles as Fr } from "./components/ListFiles/ListFiles.js";
 import { EFileItemVariant as Nr } from "./components/ListFiles/constants.js";
 import { ListPhotos as Qr } from "./components/ListPhotos/ListPhotos.js";
-import { useMediaQuery as jr } from "./hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as Hr, EMinMediaQuery as Jr } from "./hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as Wr } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useInterval as Yr } from "./hooks/useInterval/useInterval.js";
-import { useTimer as $r } from "./hooks/useTimer/index.js";
-import { useCopyToClipboard as re } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
-import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { useResizeObserver as me } from "./hooks/useResizeObserver/useResizeObserver.js";
-import { Icon as ie } from "./icons/Icon.js";
-import { formating as xe } from "./utils/index.js";
-import { parseDate as ue } from "./utils/formating/Date.js";
+import { MessageShortReply as jr } from "./components/MessageShortReply/MessageShortReply.js";
+import { EMessageShortReplyVariant as Hr } from "./components/MessageShortReply/constants.js";
+import { useMediaQuery as Kr } from "./hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as Xr, EMinMediaQuery as Yr } from "./hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as $r } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useInterval as re } from "./hooks/useInterval/useInterval.js";
+import { useTimer as te } from "./hooks/useTimer/index.js";
+import { useCopyToClipboard as ae } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
+import { useMergeRefs as ie } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { useResizeObserver as xe } from "./hooks/useResizeObserver/useResizeObserver.js";
+import { Icon as se } from "./icons/Icon.js";
+import { formating as Se } from "./utils/index.js";
+import { parseDate as le } from "./utils/formating/Date.js";
 import './assets/index.css';export {
   co as Accordion,
-  ko as AccordionItem,
-  Cr as Avatar,
+  ho as AccordionItem,
+  Ar as Avatar,
   e as Button,
   io as CheckboxMimir,
   Yo as Chip,
-  R as DatePicker,
+  L as DatePicker,
   j as Drawer,
   Io as EAccordionSize,
-  Rr as EAvatarSize,
+  Lr as EAvatarSize,
   p as EButtonForm,
-  m as EButtonSize,
-  a as EButtonVariantBorderless,
+  a as EButtonSize,
+  m as EButtonVariantBorderless,
   i as EButtonVariantDefault,
   f as EButtonVariantOutline,
   x as EButtonVariantRound,
@@ -97,78 +99,80 @@ import './assets/index.css';export {
   or as EChipVariant,
   H as EDrawerPosition,
   Nr as EFileItemVariant,
-  Er as EGosZnakSize,
-  Sr as EGosZnakType,
+  Sr as EGosZnakSize,
+  Er as EGosZnakType,
   fr as EInputRangeSliderBorderState,
   xr as EInputRangeSliderPositions,
-  E as EInputSize,
-  S as EInputStatus,
+  S as EInputSize,
+  E as EInputStatus,
   l as EInputVariant,
   Tr as ELabelPositions,
   jo as ELinkSize,
   qo as ELinkVariant,
-  Hr as EMediaQuery,
+  Xr as EMediaQuery,
   w as EMergedButtonVariantRound,
-  Jr as EMinMediaQuery,
+  Hr as EMessageShortReplyVariant,
+  Yr as EMinMediaQuery,
   wr as EMultiSelectSearchSize,
   Wo as ENotificationBadgeSize,
-  mo as ESelectSearchSize,
+  ao as ESelectSearchSize,
   yr as ESkeletonVariant,
   X as EStepColor,
   Y as EStepsSize,
-  ho as ETabTrailSize,
-  uo as ETagSize,
-  so as ETagType,
+  Bo as ETabTrailSize,
+  so as ETagSize,
+  uo as ETagType,
   I as ETextAreaInputSize,
   bo as EToastPosition,
   Uo as EToastVariant,
   pr as EUploaderType,
   ro as EVoteSize,
-  ur as GosZnak,
-  ie as Icon,
+  sr as GosZnak,
+  se as Icon,
   F as Image,
-  u as Input,
-  k as InputPassword,
-  B as InputPhoneNumber,
-  ar as InputRangeSlider,
+  s as Input,
+  h as InputPassword,
+  z as InputPhoneNumber,
+  mr as InputRangeSlider,
   Qo as Link,
   Fr as ListFiles,
   Qr as ListPhotos,
   N as Loader,
   U as MergedButton,
+  jr as MessageShortReply,
   Ur as MultiSelectSearch,
   Jo as NotificationBadge,
   y as OtpInput,
-  Mo as Pagination,
-  C as RadioGroup,
+  Po as Pagination,
+  A as RadioGroup,
   to as SelectSearch,
-  zr as SkeletonBrick,
-  Pr as SkeletonCircle,
+  kr as SkeletonBrick,
+  Mr as SkeletonCircle,
   Vr as SkeletonText,
   Q as Slider,
   K as Steps,
   dr as Switcher,
-  Bo as TabTrail,
+  zo as TabTrail,
   xo as Tag,
   c as TextArea,
-  So as Timer,
-  Ao as ToastProvider,
+  Eo as Timer,
+  Ro as ToastProvider,
   gr as TwinSwitcher,
   er as UniversalUploader,
   No as Uploader,
   Fo as UploaderFiles,
   wo as UploaderPhotos,
   $ as Vote,
-  xe as formating,
-  h as getMaskedInputPhoneValue,
-  P as getUnmaskedInputValue,
-  ue as parseDate,
-  re as useCopyToClipboard,
-  Yr as useInterval,
-  Wr as useLockBodyScroll,
-  jr as useMediaQuery,
-  te as useMergeRefs,
-  me as useResizeObserver,
-  $r as useTimer,
-  Lo as useToast
+  Se as formating,
+  B as getMaskedInputPhoneValue,
+  M as getUnmaskedInputValue,
+  le as parseDate,
+  ae as useCopyToClipboard,
+  re as useInterval,
+  $r as useLockBodyScroll,
+  Kr as useMediaQuery,
+  ie as useMergeRefs,
+  xe as useResizeObserver,
+  te as useTimer,
+  Co as useToast
 };

package/package.json

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