mimir-ui-kit 1.58.2 → 1.59.1

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

@@ -79,6 +79,10 @@ export type TProps = {
      * Флаг для растяжки компонента на всю ширину экрана
      */
     full?: boolean;
+    /**
+     * позиция компонента относительно инпута
+     */
+    position?: 'center' | 'bottom' | 'top';
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -166,4 +170,8 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Флаг для растяжки компонента на всю ширину экрана
      */
     full?: boolean;
+    /**
+     * позиция компонента относительно инпута
+     */
+    position?: "center" | "bottom" | "top";
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -1,19 +1,19 @@
 import { jsxs as z, jsx as k } from "react/jsx-runtime";
 import { c as H } from "../../index-DIxK0V-G.js";
-import { memo as kt, forwardRef as Nt, useState as b, useEffect as v } from "react";
-import { months as P, EDatePickerBorderRadius as C, MAX_DAY as ut, MAX_MONTH as ht, DATE_LENGTH as Mt } from "./constants.js";
-import { DatePickerModal as gt } from "./DatePickerModal.js";
-import { MonthPickerModal as Tt } from "./MonthPickerModal.js";
+import { memo as Nt, forwardRef as ut, useState as b, useEffect as v } from "react";
+import { months as P, EDatePickerBorderRadius as C, MAX_DAY as ht, MAX_MONTH as Mt, DATE_LENGTH as gt } from "./constants.js";
+import { DatePickerModal as Tt } from "./DatePickerModal.js";
+import { MonthPickerModal as $t } from "./MonthPickerModal.js";
 import { c as y } from "../../styles.module-DeBRSK_x.js";
 import { formatDatePart as R } from "./utils.js";
-import { YearPickerModal as $t } from "./YearPickerModal.js";
-import { useClickOutside as bt } from "../../hooks/useClickOutside/useClickOutside.js";
+import { YearPickerModal as bt } from "./YearPickerModal.js";
+import { useClickOutside as At } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as B } from "../../icons/Icon.js";
 import { formating as d } from "../../utils/index.js";
-import { I as At } from "../../Input-DPnH8pKc.js";
-import { EInputStatus as Pt, EInputSize as V } from "../Input/constants.js";
-const St = kt(
-  Nt(
+import { I as Pt } from "../../Input-DPnH8pKc.js";
+import { EInputStatus as St, EInputSize as V } from "../Input/constants.js";
+const Yt = Nt(
+  ut(
     ({
       size: j,
       value: u,
@@ -37,12 +37,13 @@ const St = kt(
       validRange: c,
       borderRadius: X = C.All,
       full: st,
+      position: at,
       ...S
-    }, at) => {
+    }, rt) => {
       const [Y, D] = b(!1), [E, p] = b(l), [f, g] = b(
         () => u && !isNaN(new Date(u).getTime()) ? new Date(u) : void 0
-      ), [I, F] = b(O), [rt, x] = b(""), [ct, $] = b();
-      S.status = !!I && Pt.Error || S.status, v(() => {
+      ), [I, F] = b(O), [ct, x] = b(""), [ot, $] = b();
+      S.status = !!I && St.Error || S.status, v(() => {
         F(O);
       }, [O]), v(() => {
         g(
@@ -77,14 +78,14 @@ const St = kt(
       const K = u && new Date(u).getTime;
       v(() => {
         L && (K ? (F(!1), T == null || T({ name: N, active: !1 })) : (F(!0), T == null || T({ name: N, active: !0 })));
-      }, [L, N, K]), bt({
+      }, [L, N, K]), At({
         isActive: Y,
         setActive: (t) => {
           D(t), p(l), t || $(void 0);
         },
         className: y["calendar-block"]
       });
-      const ot = () => {
+      const it = () => {
         !_ && (W || !A) && D(!0);
       }, Q = (t) => {
         const s = t.getTime();
@@ -112,7 +113,7 @@ const St = kt(
           if (m.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), t < m || t > n) return !1;
         }
         return !0;
-      }, it = (t) => {
+      }, ft = (t) => {
         if (!isNaN(t.getTime())) {
           g(t), $(void 0);
           let e = "";
@@ -165,7 +166,7 @@ const St = kt(
           value: s,
           name: N
         }), i == null || i(s);
-      }, ft = (t) => {
+      }, mt = (t) => {
         const s = f || /* @__PURE__ */ new Date(), e = s.getDate(), o = s.getMonth() + 1, r = new Date(t, o - 1, e);
         if (r.getFullYear() === t && r.getMonth() === o - 1 && r.getDate() === e && Q(r)) {
           g(r), $(void 0);
@@ -198,7 +199,7 @@ const St = kt(
         } else
           $(new Date(t, o - 1, 1));
         l === "years" ? (D(!1), p(l)) : p("months");
-      }, mt = (t, s) => {
+      }, nt = (t, s) => {
         const o = (f || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s, 0).getDate(), m = Math.min(o, r), n = new Date(t, s - 1, m);
         if (n.getFullYear() === t && n.getMonth() === s - 1 && n.getDate() === m && Q(n)) {
           g(n), $(void 0);
@@ -231,15 +232,15 @@ const St = kt(
         } else
           $(new Date(t, s - 1, 1));
         l === "months" ? (D(!1), p(l)) : p("days");
-      }, nt = (t) => {
+      }, lt = (t) => {
         if (A || t.target.value === "") {
           const s = t.target.value.replace(/[^\d]/g, "");
           if (s.length === 0)
             x(""), g(void 0), D(!1), a == null || a({ value: "", name: N }), i == null || i("");
           else {
             const [e, o, r] = [
-              R(s.substring(0, 2), ut),
-              R(s.substring(2, 4), ht),
+              R(s.substring(0, 2), ht),
+              R(s.substring(2, 4), Mt),
               s.substring(4, 8)
             ], m = [e, o, r].filter(Boolean).join("/");
             if (x(m), et) {
@@ -249,7 +250,7 @@ const St = kt(
                 name: N
               });
             }
-            if (m.length === Mt) {
+            if (m.length === gt) {
               const n = parseInt(r), w = /* @__PURE__ */ new Date(
                 `${n}-${o.padStart(2, "0")}-${e.padStart(2, "0")}`
               );
@@ -260,18 +261,18 @@ const St = kt(
             }
           }
         }
-      }, lt = H(
+      }, yt = H(
         y.wrapper,
         Y && !A && y.active
-      ), yt = H(y.input, y.inputBorderControl);
+      ), Dt = H(y.input, y.inputBorderControl);
       let Z;
       if (c) {
         let t, s;
         typeof c[0] == "string" ? t = new Date(c[0]) : t = c[0], typeof c[1] == "string" ? s = new Date(c[1]) : s = c[1], Z = [t, s];
       }
       const G = {
-        onChangeValue: it,
-        date: ct || f || /* @__PURE__ */ new Date(),
+        onChangeValue: ft,
+        date: ot || f || /* @__PURE__ */ new Date(),
         selectedDate: f,
         before: typeof M == "string" ? new Date(M) : M,
         onChangeType: p,
@@ -280,24 +281,25 @@ const St = kt(
         disablePast: J,
         disabledDate: U,
         validRange: Z,
-        dateFormat: h
-      }, Dt = {
+        dateFormat: h,
+        position: at
+      }, pt = {
         ...G,
-        onChangeMonth: mt,
+        onChangeMonth: nt,
         dateFormat: h
-      }, pt = {
+      }, dt = {
         ...G,
-        onChangeYear: ft
-      }, dt = (() => {
+        onChangeYear: mt
+      }, wt = (() => {
         switch (E) {
           case "months":
-            return () => /* @__PURE__ */ k(Tt, { ...Dt });
-          case "years":
             return () => /* @__PURE__ */ k($t, { ...pt });
+          case "years":
+            return () => /* @__PURE__ */ k(bt, { ...dt });
           default:
-            return () => /* @__PURE__ */ k(gt, { ...G });
+            return () => /* @__PURE__ */ k(Tt, { ...G });
         }
-      })(), wt = ({ isActive: t }) => /* @__PURE__ */ k("button", { onClick: (e) => {
+      })(), kt = ({ isActive: t }) => /* @__PURE__ */ k("button", { onClick: (e) => {
         e.stopPropagation(), _ || D(!t);
       }, className: y["icon-button"], children: t ? /* @__PURE__ */ k(
         B,
@@ -317,7 +319,7 @@ const St = kt(
             [y.full]: st
           }),
           children: [
-            /* @__PURE__ */ z("div", { className: lt, "data-disabled": _, children: [
+            /* @__PURE__ */ z("div", { className: yt, "data-disabled": _, children: [
               /* @__PURE__ */ k(
                 "div",
                 {
@@ -327,21 +329,21 @@ const St = kt(
                     [y.editable]: A,
                     [y[`border-radius-${X}`]]: X !== C.All
                   }),
-                  onClick: ot,
+                  onClick: it,
                   children: /* @__PURE__ */ k(
-                    At,
+                    Pt,
                     {
-                      ref: at,
-                      className: yt,
+                      ref: rt,
+                      className: Dt,
                       wrapperClassName: y["input-wrapper"],
                       size: j,
                       type: "text",
                       variant: tt,
-                      value: rt,
-                      onChange: nt,
+                      value: ct,
+                      onChange: lt,
                       rightAddon: {
                         addonType: "react-node",
-                        addonContent: /* @__PURE__ */ k(wt, { isActive: Y })
+                        addonContent: /* @__PURE__ */ k(kt, { isActive: Y })
                       },
                       rightSlotClassName: y["right-slot"],
                       onFocus: () => {
@@ -353,7 +355,7 @@ const St = kt(
                   )
                 }
               ),
-              Y && /* @__PURE__ */ k(dt, {})
+              Y && /* @__PURE__ */ k(wt, {})
             ] }),
             I && typeof I == "string" && /* @__PURE__ */ k("div", { className: y.textError, children: I })
           ]
@@ -362,7 +364,7 @@ const St = kt(
     }
   )
 );
-St.displayName = "DatePicker";
+Yt.displayName = "DatePicker";
 export {
-  St as DatePicker
+  Yt as DatePicker
 };

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

@@ -10,6 +10,7 @@ type TProps = {
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
     dateFormat?: 'full' | 'month' | 'year';
+    position?: 'center' | 'bottom' | 'top';
 };
-export declare const DatePickerModal: ({ date, selectedDate, onChangeValue, setIsActive, before, onChangeType, disableFuture, disablePast, disabledDate, validRange, dateFormat }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerModal: ({ date, selectedDate, onChangeValue, setIsActive, before, onChangeType, disableFuture, disablePast, disabledDate, validRange, dateFormat, position }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,15 +1,15 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { c as A } from "../../index-DIxK0V-G.js";
-import { useState as U } from "react";
-import { week as V, COUNT_WORK_DAYS as W } from "./constants.js";
-import { useDatePickerPosition as E } from "./hooks.js";
+import { useState as V } from "react";
+import { week as W, COUNT_WORK_DAYS as E } from "./constants.js";
+import { useDatePickerPosition as K } from "./hooks.js";
 import { c as n } from "../../styles.module-DeBRSK_x.js";
 import { getUpdateDate as B } from "./utils.js";
-import { Icon as K } from "../../icons/Icon.js";
+import { Icon as R } from "../../icons/Icon.js";
 import { formating as m } from "../../utils/index.js";
 import { Button as H } from "../Button/Button.js";
 import { parseDate as I } from "../../utils/formating/Date.js";
-const mt = ({
+const ct = ({
   date: i,
   selectedDate: d,
   onChangeValue: O,
@@ -20,7 +20,8 @@ const mt = ({
   disablePast: _ = !1,
   disabledDate: p,
   validRange: N,
-  dateFormat: w
+  dateFormat: w,
+  position: j
 }) => {
   var k;
   i = isNaN(new Date(i).getTime()) ? /* @__PURE__ */ new Date() : i;
@@ -32,29 +33,29 @@ const mt = ({
     y: l.getFullYear(),
     d: l.getDate(),
     m: l.getMonth() + 1
-  }, [r, b] = U({ y: v.y, m: v.m }), j = E([r]), C = (t) => {
+  }, [r, b] = V({ y: v.y, m: v.m }), C = K([r], j), L = (t) => {
     let e = t.getDay();
     return e === 0 && (e = 7), e - 1;
   }, x = r.m - 1, c = new Date(r.y, x), h = [], M = (() => {
     const t = new Date(c);
     t.setDate(t.getDate() - 1);
     const e = t.getDate(), o = [];
-    for (let s = 0; s < C(c); s++)
+    for (let s = 0; s < L(c); s++)
       o.push(e - s);
     return o.reverse(), o;
   })();
   for (; c.getMonth() === x; )
     h.push(c.getDate()), c.setDate(c.getDate() + 1);
-  const L = (() => {
+  const Y = (() => {
     const e = 42 - (M.length + h.length), o = [];
     for (let s = 1; s <= e; s++)
       o.push(s);
     return o;
-  })(), Y = () => {
+  })(), z = () => {
     S(!1);
-  }, z = () => {
-    b(B(r.m + 1, r.y));
   }, F = () => {
+    b(B(r.m + 1, r.y));
+  }, G = () => {
     b(B(r.m - 1, r.y));
   }, $ = (t) => {
     const e = new Date(t);
@@ -74,7 +75,7 @@ const mt = ({
       if (o.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), P < o || P > s) return !0;
     }
     return !1;
-  }, G = (t) => {
+  }, U = (t) => {
     $(
       (/* @__PURE__ */ new Date(
         `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
@@ -83,13 +84,13 @@ const mt = ({
       /* @__PURE__ */ new Date(
         `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
       )
-    ), Y());
+    ), z());
   };
   return /* @__PURE__ */ u(
     "div",
     {
       className: n["calendar-block"],
-      ref: j,
+      ref: C,
       "data-testid": "calendar-modal",
       children: [
         /* @__PURE__ */ u("div", { className: n.h, children: [
@@ -98,7 +99,7 @@ const mt = ({
             {
               isIconButton: !0,
               iconName: "DropdownArrowLeft16px",
-              onClick: F,
+              onClick: G,
               variant: "secondary-gray",
               size: "l"
             }
@@ -114,7 +115,7 @@ const mt = ({
                 (k = m.Month(r.m)) == null ? void 0 : k.name,
                 "’",
                 r.y.toString().slice(-2),
-                w !== "month" && /* @__PURE__ */ a(K, { iconName: "DropdownArrowBottom16px" })
+                w !== "month" && /* @__PURE__ */ a(R, { iconName: "DropdownArrowBottom16px" })
               ]
             }
           ),
@@ -123,18 +124,18 @@ const mt = ({
             {
               isIconButton: !0,
               iconName: "DropdownArrowRight16px",
-              onClick: z,
+              onClick: F,
               variant: "secondary-gray",
               size: "l"
             }
           )
         ] }),
         /* @__PURE__ */ u("div", { className: n.b, children: [
-          V.map((t, e) => /* @__PURE__ */ a(
+          W.map((t, e) => /* @__PURE__ */ a(
             "div",
             {
               className: A(n.m, {
-                [n.orange]: e > W
+                [n.orange]: e > E
               }),
               children: t
             },
@@ -145,7 +146,7 @@ const mt = ({
             "button",
             {
               type: "button",
-              onClick: () => G(t),
+              onClick: () => U(t),
               className: A(
                 $(
                   (/* @__PURE__ */ new Date(
@@ -160,12 +161,12 @@ const mt = ({
             },
             e
           )),
-          L.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e))
+          Y.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e))
         ] })
       ]
     }
   );
 };
 export {
-  mt as DatePickerModal
+  ct as DatePickerModal
 };

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

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
 
-export declare const useDatePickerPosition: (deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;
+export declare const useDatePickerPosition: (deps?: DependencyList, position?: "center" | "bottom" | "top") => import('react').RefObject<HTMLDivElement>;

package/dist/components/DatePicker/hooks.js

@@ -1,20 +1,34 @@
-import { useRef as x, useEffect as w } from "react";
-import { BLOCK_WIDTH as o, MAX_MOBILE_WIDTH as g } from "./constants.js";
-const W = (a) => {
-  const t = x(null);
-  return w(() => {
-    var s, l, u, p, f, y;
-    const d = window.innerHeight, c = window.innerWidth;
-    if (t.current !== null) {
-      const h = ((l = (s = t == null ? void 0 : t.current) == null ? void 0 : s.parentElement) == null ? void 0 : l.offsetWidth) ?? 0, r = ((p = (u = t == null ? void 0 : t.current) == null ? void 0 : u.parentElement) == null ? void 0 : p.offsetHeight) ?? 0, n = (y = (f = t == null ? void 0 : t.current) == null ? void 0 : f.parentElement) == null ? void 0 : y.getBoundingClientRect(), i = t.current.offsetHeight;
-      if (c < n.x + o) {
-        const e = h - o;
-        n.x - Math.abs(e) < 0 ? t.current.style.left = (e < 0 ? e / 2 : e) + "px" : t.current.style.left = e + "px";
+import { useRef as h, useEffect as u } from "react";
+import { BLOCK_WIDTH as n, MAX_MOBILE_WIDTH as w } from "./constants.js";
+const H = (a, y) => {
+  const l = h(null);
+  return u(() => {
+    var c, f, r;
+    const x = window.innerHeight, p = window.innerWidth, t = l.current;
+    if (t && t !== null) {
+      const d = ((c = t == null ? void 0 : t.parentElement) == null ? void 0 : c.offsetWidth) ?? 0, s = ((f = t == null ? void 0 : t.parentElement) == null ? void 0 : f.offsetHeight) ?? 0, o = (r = t == null ? void 0 : t.parentElement) == null ? void 0 : r.getBoundingClientRect(), e = t.offsetHeight;
+      switch (y) {
+        case "center":
+          t.style.position = "fixed", t.style.top = `calc(50vh - ${e / 2}px)`, t.style.left = `calc(50vw - ${n / 2}px)`;
+          break;
+        case "bottom":
+          t.style.top = s + "px";
+          break;
+        case "top":
+          t.style.top = -e + "px";
+          break;
+        default:
+          if (p < o.x + n) {
+            const i = d - n;
+            o.x - Math.abs(i) < 0 ? t.style.left = (i < 0 ? i / 2 : i) + "px" : t.style.left = i + "px";
+          }
+          x < o.y + e + s ? o.y - e > 0 ? t.style.top = -e + "px" : p > w ? t.style.top = s + "px" : (t.style.position = "fixed", t.style.top = `calc(50vh - ${e / 2}px)`, t.style.left = `calc(50vw - ${n / 2}px)`) : t.style.top = s + "px";
+          break;
       }
-      d < n.y + i + r ? n.y - i > 0 ? t.current.style.top = -i + "px" : c > g ? t.current.style.top = r + "px" : (t.current.style.position = "fixed", t.current.style.top = `calc(50vh - ${i / 2}px)`, t.current.style.left = `calc(50vw - ${o / 2}px)`) : t.current.style.top = r + "px", t.current.style.opacity = "1";
+      t.style.opacity = "1";
     }
-  }, [a]), t;
+  }, [a]), l;
 };
 export {
-  W as useDatePickerPosition
+  H as useDatePickerPosition
 };

package/dist/components/Toasts/Toast.d.ts

@@ -46,13 +46,23 @@ export type TProps = {
      * Функция обратного вызова, вызываемая при удалении уведомления.
      */
     onToastRemove?: (toastId: string, ref: RefObject<HTMLDivElement>) => void;
+    /**
+     * Функция обратного вызова, вызываемая при удалении тоста по причине истечения таймера.
+     */
+    onExpire?: () => void;
+    /**
+     * Функция обратного вызова, вызываемая при клике на крестик.
+     */
+    onButtonRemoveClick?: () => void;
     /**
      * Слот уведомления.
      */
-    slot?: ReactNode;
+    slot?: ReactNode | ((props: {
+        handleToastRemove: VoidFunction;
+    }) => JSX.Element);
     /**
      * Флаг, указывающий на приостановку таймера при наведении курсора.
      */
     pauseOnHover?: boolean;
 };
-export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, onExpire, onButtonRemoveClick, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Toasts/Toast.js

@@ -1,87 +1,97 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import { memo as L, useRef as _, useState as B } from "react";
-import { ANIMATION_VARIABLES_MAP as D, EToastPosition as S, EToastVariant as w, DEFAULT_TOAST_DURATION as O } from "./constants.js";
-import { c as s, P as T } from "../../ProgressBar-F970LqqJ.js";
-import { useTimer as U } from "../../hooks/useTimer/index.js";
-import { Button as j } from "../Button/Button.js";
-const g = L(
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { c as S } from "../../index-DIxK0V-G.js";
+import { memo as w, useRef as y, useState as O } from "react";
+import { ANIMATION_VARIABLES_MAP as U, EToastPosition as j, EToastVariant as x, DEFAULT_TOAST_DURATION as F } from "./constants.js";
+import { c as s, P as V } from "../../ProgressBar-F970LqqJ.js";
+import { useTimer as b } from "../../hooks/useTimer/index.js";
+import { Button as G } from "../Button/Button.js";
+const Q = w(
   ({
-    id: c,
-    title: i = "",
-    message: m,
-    position: A = S.TOP_RIGHT,
-    variant: n = w.DEFAULT,
-    duration: t = O,
-    autoClose: o = !0,
-    needProgress: u = !0,
-    needTimer: p = !0,
-    needCloseButton: E = !0,
-    onToastRemove: e,
-    slot: f,
-    pauseOnHover: d = !1
+    id: i,
+    title: m = "",
+    message: u,
+    position: P = j.TOP_RIGHT,
+    variant: h = x.DEFAULT,
+    duration: c = F,
+    autoClose: p = !0,
+    needProgress: N = !0,
+    needTimer: A = !0,
+    needCloseButton: L = !0,
+    onToastRemove: r,
+    onExpire: f,
+    onButtonRemoveClick: d,
+    slot: e,
+    pauseOnHover: I = !1
   }) => {
-    const l = _(null), [N, h] = B(!1), { seconds: I } = U({
-      expiryTimestamp: Date.now() + t,
-      autoStart: o,
-      onExpire: o ? () => e == null ? void 0 : e(c, l) : void 0,
-      isPaused: N
-    }), x = () => {
-      d && h(!0);
-    }, M = () => {
-      d && h(!1);
+    const l = y(null), [n, M] = O(!1), { seconds: _ } = b({
+      expiryTimestamp: Date.now() + c,
+      autoStart: p,
+      onExpire: p ? () => {
+        r == null || r(i, l), f == null || f();
+      } : void 0,
+      isPaused: n
+    }), D = () => {
+      I && M(!0);
+    }, E = () => {
+      I && M(!1);
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ t(
       "div",
       {
         style: {
-          "--elm-translate": D[A]
+          "--elm-translate": U[P]
         },
-        className: P(
+        className: S(
           s["toast-in"],
           s["toast-wrapper"],
-          s[n]
+          s[h]
         ),
         ref: l,
         role: "alert",
-        onMouseEnter: x,
-        onMouseLeave: M,
+        onMouseEnter: D,
+        onMouseLeave: E,
         children: [
-          i && /* @__PURE__ */ r("h3", { className: s.title, children: i }),
-          m && /* @__PURE__ */ r("div", { className: s.message, children: m }),
-          (p || u) && /* @__PURE__ */ a("div", { children: [
-            !!t && p && /* @__PURE__ */ a("div", { className: s.timer, children: [
-              /* @__PURE__ */ r("h4", { className: s["timer-title"], children: "Осталось" }),
-              /* @__PURE__ */ a("p", { className: s.seconds, children: [
-                I,
+          m && /* @__PURE__ */ a("h3", { className: s.title, children: m }),
+          u && /* @__PURE__ */ a("div", { className: s.message, children: u }),
+          (A || N) && /* @__PURE__ */ t("div", { children: [
+            !!c && A && /* @__PURE__ */ t("div", { className: s.timer, children: [
+              /* @__PURE__ */ a("h4", { className: s["timer-title"], children: "Осталось" }),
+              /* @__PURE__ */ t("p", { className: s.seconds, children: [
+                _,
                 " сек"
               ] })
             ] }),
-            !!t && u && /* @__PURE__ */ r(
-              T,
+            !!c && N && /* @__PURE__ */ a(
+              V,
               {
-                variant: n,
-                duration: t,
-                isPaused: N
+                variant: h,
+                duration: c,
+                isPaused: n
               }
             )
           ] }),
-          E && /* @__PURE__ */ r(
-            j,
+          L && /* @__PURE__ */ a(
+            G,
             {
-              onClick: () => e == null ? void 0 : e(c, l),
+              onClick: () => {
+                r == null || r(i, l), d == null || d();
+              },
               clear: !0,
               isIconButton: !0,
               className: s["close-button"],
               iconName: "Close24px"
             }
           ),
-          f && /* @__PURE__ */ r("div", { className: s.slot, children: f })
+          e && /* @__PURE__ */ a("div", { className: s.slot, children: typeof e == "function" ? e({
+            handleToastRemove: () => {
+              r == null || r(i, l);
+            }
+          }) : e })
         ]
       }
     );
   }
 );
 export {
-  g as Toast
+  Q as Toast
 };

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

@@ -1,5 +1,5 @@
 import { EToastVariant } from './constants';
 import { TProps } from './Toast';
 
-export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant'>) => void>;
+export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant' | 'onToastRemove'>) => void>;
 export type ToastContextType = TToast;

package/package.json

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