rc-lib-ui 1.4.3 → 1.4.5

package/dist/control-cards.js

@@ -1,10 +1,10 @@
-import * as R from "react";
-import y, { createContext as $n, useContext as hn, useCallback as S, useState as de, useEffect as V, useRef as $, forwardRef as _, createElement as le, cloneElement as zn, useMemo as mn, Component as Wn, useLayoutEffect as jn, memo as gn, isValidElement as Vn } from "react";
+import * as N from "react";
+import b, { createContext as $n, useContext as hn, useCallback as S, useState as de, useEffect as V, useRef as $, forwardRef as _, createElement as le, cloneElement as zn, useMemo as mn, Component as Wn, useLayoutEffect as jn, memo as gn, isValidElement as Vn } from "react";
 import { u as vn } from "./browser-DJTk47DY.js";
-import { c as Hn } from "./react-CLnE01WS.js";
+import { c as Fn } from "./react-CLnE01WS.js";
 import { keyframes as fe } from "@mui/material/styles";
-import { jsx as c, jsxs as w, Fragment as H } from "react/jsx-runtime";
-import { Box as M, styled as P, Card as xn, Typography as j, Button as yn, LinearProgress as Fn, Alert as ce, IconButton as me, keyframes as re, DialogTitle as Se, Divider as we, DialogContent as F, alpha as qn, DialogActions as je, Portal as Bn, Dialog as Xn } from "@mui/material";
+import { jsx as c, jsxs as w, Fragment as F } from "react/jsx-runtime";
+import { Box as M, styled as P, Card as xn, Typography as j, Button as yn, LinearProgress as Hn, Alert as ce, IconButton as me, keyframes as re, DialogTitle as Se, Divider as we, DialogContent as H, alpha as qn, DialogActions as je, Portal as Bn, Dialog as Xn } from "@mui/material";
 import Ve from "classnames";
 import { createPortal as Un } from "react-dom";
 import { Save as Yn, Close as ge, Delete as Gn, InfoOutlined as Kn, VerifiedUser as Zn, CheckCircle as bn, TaskAlt as Qn } from "@mui/icons-material";
@@ -14,7 +14,7 @@ import './control-cards.css';const En = $n(void 0), et = () => {
   if (!e)
     throw new Error("useInteractiveMessage must be used within an InteractiveMessageProvider");
   return e;
-}, kn = {}, nt = JSON.parse(JSON.stringify(kn)), Z = Hn(() => kn), Xe = {
+}, kn = {}, nt = JSON.parse(JSON.stringify(kn)), Z = Fn(() => kn), Xe = {
   resetState: () => Z.setState(nt),
   setItems: ({ sectionDel: e, items: n, delPackID: r }) => Z.setState((o) => {
     Array.isArray(o[e]) || (o[e] = []);
@@ -74,36 +74,36 @@ function ot(e) {
     r((p) => p.filter((m) => m !== d));
   }, []), s = S(() => {
     r([]), t(!1);
-  }, []), l = S(() => {
+  }, []), u = S(() => {
     const d = e.map((p) => p.id);
     r(d);
   }, [e]), f = S((d) => n.includes(d), [n]);
-  return { selectedIds: n, selectionMode: o, handleSelect: i, handleDeselect: a, clearSelection: s, selectAll: l, checkSelected: f };
+  return { selectedIds: n, selectionMode: o, handleSelect: i, handleDeselect: a, clearSelection: s, selectAll: u, checkSelected: f };
 }
 const Ur = ({ list: e, keyAction: n, setMessage: r, onExpire: o, durationDelete: t = 5e3, timeoutSuccess: i = 2e3 }) => {
-  const { showDeleteModal: a, showAlert: s, showAlertDeleteCountdown: l } = et(), f = ot(e), d = it({ sectionDel: n });
+  const { showDeleteModal: a, showAlert: s, showAlertDeleteCountdown: u } = et(), f = ot(e), d = it({ sectionDel: n });
   return {
     onDelete: S(() => {
       a({
         message: "Вы действительно хотите удалить ?",
         title: "",
         onConfirm: () => {
-          const m = f.selectedIds.map((v) => {
-            const { id: g, name: h } = e.find((b) => b.id === v);
-            return { id: g, name: h };
+          const m = f.selectedIds.map((g) => {
+            const { id: v, name: h } = e.find((y) => y.id === g);
+            return { id: v, name: h };
           });
           f.clearSelection();
           const x = vn();
           d.setItems({ delPackID: x, items: m });
-          const u = () => {
+          const l = () => {
             d.removeItems({ delPackID: x });
           };
-          l({
+          u({
             duration: t,
             message: r(m),
             onExpire: () => {
-              o(m), u(), s({
-                severity: "success",
+              o(m), l(), s({
+                variant: "success",
                 message: "Успешное удаление",
                 timeout: i,
                 anchorOrigin: {
@@ -113,7 +113,7 @@ const Ur = ({ list: e, keyAction: n, setMessage: r, onExpire: o, durationDelete:
               });
             },
             onUndo: () => {
-              u();
+              l();
             }
           });
         },
@@ -121,7 +121,7 @@ const Ur = ({ list: e, keyAction: n, setMessage: r, onExpire: o, durationDelete:
           console.dir("No");
         }
       });
-    }, [d, t, e, o, f, r, s, l, a, i]),
+    }, [d, t, e, o, f, r, s, u, a, i]),
     checkIsReadyDelete: d.checkIsReadyDelete,
     ...f
   };
@@ -253,14 +253,14 @@ const Ur = ({ list: e, keyAction: n, setMessage: r, onExpire: o, durationDelete:
   scrollThreshold: t = 8
   //чувствительность отрабатывания
 }) => {
-  const i = $(), a = $(!1), s = $(!1), l = $({ x: 0, y: 0 }), f = S((x) => {
+  const i = $(), a = $(!1), s = $(!1), u = $({ x: 0, y: 0 }), f = S((x) => {
     x && o && x.cancelable && x.preventDefault();
   }, []), d = S(
     (x) => {
-      f(x), a.current = !1, s.current = !1, "touches" in x ? l.current = {
+      f(x), a.current = !1, s.current = !1, "touches" in x ? u.current = {
         x: x.touches[0].clientX,
         y: x.touches[0].clientY
-      } : l.current = {
+      } : u.current = {
         x: x.clientX,
         y: x.clientY
       }, i.current = setTimeout(() => {
@@ -271,10 +271,10 @@ const Ur = ({ list: e, keyAction: n, setMessage: r, onExpire: o, durationDelete:
   ), p = S(
     (x) => {
       if (s.current || !i.current) return;
-      let u, v;
-      "touches" in x ? (u = x.touches[0].clientX, v = x.touches[0].clientY) : (u = x.clientX, v = x.clientY);
-      const g = Math.abs(u - l.current.x), h = Math.abs(v - l.current.y);
-      (g > t || h > t) && (s.current = !0, clearTimeout(i.current));
+      let l, g;
+      "touches" in x ? (l = x.touches[0].clientX, g = x.touches[0].clientY) : (l = x.clientX, g = x.clientY);
+      const v = Math.abs(l - u.current.x), h = Math.abs(g - u.current.y);
+      (v > t || h > t) && (s.current = !0, clearTimeout(i.current));
     },
     [t]
   ), m = S(
@@ -324,7 +324,7 @@ const Ur = ({ list: e, keyAction: n, setMessage: r, onExpire: o, durationDelete:
       children: o
     }
   );
-}, Gr = y.memo(ft);
+}, Gr = b.memo(ft);
 function Cn(e) {
   var n, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
@@ -346,7 +346,7 @@ let pt = { data: "" }, ht = (e) => {
   let r = "", o = "", t = "";
   for (let i in e) {
     let a = e[i];
-    i[0] == "@" ? i[1] == "i" ? r = i + " " + a + ";" : o += i[1] == "f" ? B(a, i) : i + "{" + B(a, i[1] == "k" ? "" : n) + "}" : typeof a == "object" ? o += B(a, n ? n.replace(/([^,])+/g, (s) => i.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, s) : s ? s + " " + l : l)) : i) : a != null && (i = /^--/.test(i) ? i : i.replace(/[A-Z]/g, "-$&").toLowerCase(), t += B.p ? B.p(i, a) : i + ":" + a + ";");
+    i[0] == "@" ? i[1] == "i" ? r = i + " " + a + ";" : o += i[1] == "f" ? B(a, i) : i + "{" + B(a, i[1] == "k" ? "" : n) + "}" : typeof a == "object" ? o += B(a, n ? n.replace(/([^,])+/g, (s) => i.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (u) => /&/.test(u) ? u.replace(/&/g, s) : s ? s + " " + u : u)) : i) : a != null && (i = /^--/.test(i) ? i : i.replace(/[A-Z]/g, "-$&").toLowerCase(), t += B.p ? B.p(i, a) : i + ":" + a + ";");
   }
   return r + (n && t ? n + "{" + t + "}" : t) + o;
 }, z = {}, Sn = (e) => {
@@ -357,37 +357,37 @@ let pt = { data: "" }, ht = (e) => {
   }
   return e;
 }, vt = (e, n, r, o, t) => {
-  let i = Sn(e), a = z[i] || (z[i] = ((l) => {
+  let i = Sn(e), a = z[i] || (z[i] = ((u) => {
     let f = 0, d = 11;
-    for (; f < l.length; ) d = 101 * d + l.charCodeAt(f++) >>> 0;
+    for (; f < u.length; ) d = 101 * d + u.charCodeAt(f++) >>> 0;
     return "go" + d;
   })(i));
   if (!z[a]) {
-    let l = i !== e ? e : ((f) => {
+    let u = i !== e ? e : ((f) => {
       let d, p, m = [{}];
       for (; d = mt.exec(f.replace(gt, "")); ) d[4] ? m.shift() : d[3] ? (p = d[3].replace(Ue, " ").trim(), m.unshift(m[0][p] = m[0][p] || {})) : m[0][d[1]] = d[2].replace(Ue, " ").trim();
       return m[0];
     })(e);
-    z[a] = B(t ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
+    z[a] = B(t ? { ["@keyframes " + a]: u } : u, r ? "" : "." + a);
   }
   let s = r && z.g ? z.g : null;
-  return r && (z.g = z[a]), ((l, f, d, p) => {
-    p ? f.data = f.data.replace(p, l) : f.data.indexOf(l) === -1 && (f.data = d ? l + f.data : f.data + l);
+  return r && (z.g = z[a]), ((u, f, d, p) => {
+    p ? f.data = f.data.replace(p, u) : f.data.indexOf(u) === -1 && (f.data = d ? u + f.data : f.data + u);
   })(z[a], n, o, s), a;
 }, xt = (e, n, r) => e.reduce((o, t, i) => {
   let a = n[i];
   if (a && a.call) {
-    let s = a(r), l = s && s.props && s.props.className || /^go/.test(s) && s;
-    a = l ? "." + l : s && typeof s == "object" ? s.props ? "" : B(s, "") : s === !1 ? "" : s;
+    let s = a(r), u = s && s.props && s.props.className || /^go/.test(s) && s;
+    a = u ? "." + u : s && typeof s == "object" ? s.props ? "" : B(s, "") : s === !1 ? "" : s;
   }
   return o + t + (a ?? "");
 }, "");
-function He(e) {
+function Fe(e) {
   let n = this || {}, r = e.call ? e(n.p) : e;
   return vt(r.unshift ? r.raw ? xt(r, [].slice.call(arguments, 1), n.p) : r.reduce((o, t) => Object.assign(o, t && t.call ? t(n.p) : t), {}) : r, ht(n.target), n.g, n.o, n.k);
 }
-He.bind({ g: 1 });
-He.bind({ k: 1 });
+Fe.bind({ g: 1 });
+Fe.bind({ k: 1 });
 function yt(e, n) {
   for (var r = 0; r < n.length; r++) {
     var o = n[r];
@@ -424,7 +424,7 @@ function Ye(e) {
 }
 var Ge = function() {
   return "";
-}, Dn = /* @__PURE__ */ y.createContext({
+}, Dn = /* @__PURE__ */ b.createContext({
   enqueueSnackbar: Ge,
   closeSnackbar: Ge
 }), q = {
@@ -432,7 +432,7 @@ var Ge = function() {
   upSm: "@media (min-width:600px)"
 }, Ke = function(n) {
   return n.charAt(0).toUpperCase() + n.slice(1);
-}, Fe = function(n) {
+}, He = function(n) {
   return "" + Ke(n.vertical) + Ke(n.horizontal);
 }, ve = function(n) {
   return !!n || n === 0;
@@ -475,7 +475,7 @@ var Ge = function() {
       status: xe
     });
   }, r.performEnter = function(t) {
-    var i = this, a = this.props.enter, s = t, l = this.getTimeouts();
+    var i = this, a = this.props.enter, s = t, u = this.getTimeouts();
     if (!t && !a) {
       this.safeSetState({
         status: oe
@@ -487,7 +487,7 @@ var Ge = function() {
     this.props.onEnter && this.props.onEnter(this.node, s), this.safeSetState({
       status: G
     }, function() {
-      i.props.onEntering && i.props.onEntering(i.node, s), i.onTransitionEnd(l.enter, function() {
+      i.props.onEntering && i.props.onEntering(i.node, s), i.onTransitionEnd(u.enter, function() {
         i.safeSetState({
           status: oe
         }, function() {
@@ -550,7 +550,7 @@ var Ge = function() {
       return i;
     }
   }]), n;
-}(y.Component);
+}(b.Component);
 function K() {
 }
 ie.defaultProps = {
@@ -602,9 +602,9 @@ var ze = {
 };
 function J(e, n) {
   e === void 0 && (e = ["all"]);
-  var r = n || {}, o = r.duration, t = o === void 0 ? 300 : o, i = r.easing, a = i === void 0 ? ze.easeInOut : i, s = r.delay, l = s === void 0 ? 0 : s, f = Array.isArray(e) ? e : [e];
+  var r = n || {}, o = r.duration, t = o === void 0 ? 300 : o, i = r.easing, a = i === void 0 ? ze.easeInOut : i, s = r.delay, u = s === void 0 ? 0 : s, f = Array.isArray(e) ? e : [e];
   return f.map(function(d) {
-    var p = typeof t == "string" ? t : Je(t), m = typeof l == "string" ? l : Je(l);
+    var p = typeof t == "string" ? t : Je(t), m = typeof u == "string" ? u : Je(u);
     return d + " " + p + " " + a + " " + m;
   }).join(",");
 }
@@ -621,10 +621,10 @@ function Et(e, n) {
   function o() {
     for (var t = this, i = arguments.length, a = new Array(i), s = 0; s < i; s++)
       a[s] = arguments[s];
-    var l = function() {
+    var u = function() {
       e.apply(t, a);
     };
-    clearTimeout(r), r = setTimeout(l, n);
+    clearTimeout(r), r = setTimeout(u, n);
   }
   return o.clear = function() {
     clearTimeout(r);
@@ -640,8 +640,8 @@ function kt(e, n) {
   }
   var a = 0, s = 0;
   if (t && t !== "none" && typeof t == "string") {
-    var l = t.split("(")[1].split(")")[0].split(",");
-    a = parseInt(l[4], 10), s = parseInt(l[5], 10);
+    var u = t.split("(")[1].split(")")[0].split(",");
+    a = parseInt(u[4], 10), s = parseInt(u[5], 10);
   }
   switch (e) {
     case "left":
@@ -661,36 +661,36 @@ function ye(e, n) {
   }
 }
 var Pn = /* @__PURE__ */ _(function(e, n) {
-  var r = e.children, o = e.direction, t = o === void 0 ? "down" : o, i = e.in, a = e.style, s = e.timeout, l = s === void 0 ? 0 : s, f = e.onEnter, d = e.onEntered, p = e.onExit, m = e.onExited, x = pe(e, ["children", "direction", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited"]), u = $(null), v = $e(r.ref, u), g = $e(v, n), h = function(C, N) {
-    ye(t, C), In(C), f && f(C, N);
-  }, b = function(C) {
-    var N = (a == null ? void 0 : a.transitionTimingFunction) || ze.easeOut, L = Ce({
-      timeout: l,
+  var r = e.children, o = e.direction, t = o === void 0 ? "down" : o, i = e.in, a = e.style, s = e.timeout, u = s === void 0 ? 0 : s, f = e.onEnter, d = e.onEntered, p = e.onExit, m = e.onExited, x = pe(e, ["children", "direction", "in", "style", "timeout", "onEnter", "onEntered", "onExit", "onExited"]), l = $(null), g = $e(r.ref, l), v = $e(g, n), h = function(C, A) {
+    ye(t, C), In(C), f && f(C, A);
+  }, y = function(C) {
+    var A = (a == null ? void 0 : a.transitionTimingFunction) || ze.easeOut, L = Ce({
+      timeout: u,
       mode: "enter",
       style: k({}, a, {
-        transitionTimingFunction: N
+        transitionTimingFunction: A
       })
     });
     C.style.webkitTransition = J("-webkit-transform", L), C.style.transition = J("transform", L), C.style.webkitTransform = "none", C.style.transform = "none";
   }, E = function(C) {
-    var N = (a == null ? void 0 : a.transitionTimingFunction) || ze.sharp, L = Ce({
-      timeout: l,
+    var A = (a == null ? void 0 : a.transitionTimingFunction) || ze.sharp, L = Ce({
+      timeout: u,
       mode: "exit",
       style: k({}, a, {
-        transitionTimingFunction: N
+        transitionTimingFunction: A
       })
     });
     C.style.webkitTransition = J("-webkit-transform", L), C.style.transition = J("transform", L), ye(t, C), p && p(C);
   }, I = function(C) {
     C.style.webkitTransition = "", C.style.transition = "", m && m(C);
   }, D = S(function() {
-    u.current && ye(t, u.current);
+    l.current && ye(t, l.current);
   }, [t]);
   return V(function() {
     if (!(i || t === "down" || t === "right")) {
       var O = Et(function() {
-        u.current && ye(t, u.current);
-      }), C = Tn(u.current);
+        l.current && ye(t, l.current);
+      }), C = Tn(l.current);
       return C.addEventListener("resize", O), function() {
         O.clear(), C.removeEventListener("resize", O);
       };
@@ -699,17 +699,17 @@ var Pn = /* @__PURE__ */ _(function(e, n) {
     i || D();
   }, [i, D]), le(ie, Object.assign({
     appear: !0,
-    nodeRef: u,
+    nodeRef: l,
     onEnter: h,
     onEntered: d,
-    onEntering: b,
+    onEntering: y,
     onExit: E,
     onExited: I,
     in: i,
-    timeout: l
+    timeout: u
   }, x), function(O, C) {
     return zn(r, k({
-      ref: g,
+      ref: v,
       style: k({
         visibility: O === "exited" && !i ? "hidden" : void 0
       }, a, {}, r.props.style)
@@ -718,7 +718,7 @@ var Pn = /* @__PURE__ */ _(function(e, n) {
 });
 Pn.displayName = "Slide";
 var Me = function(n) {
-  return y.createElement("svg", Object.assign({
+  return b.createElement("svg", Object.assign({
     viewBox: "0 0 24 24",
     focusable: "false",
     style: {
@@ -733,31 +733,31 @@ var Me = function(n) {
     }
   }, n));
 }, Ct = function() {
-  return y.createElement(Me, null, y.createElement("path", {
+  return b.createElement(Me, null, b.createElement("path", {
     d: `M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41
         10.59L10 14.17L17.59 6.58L19 8L10 17Z`
   }));
 }, St = function() {
-  return y.createElement(Me, null, y.createElement("path", {
+  return b.createElement(Me, null, b.createElement("path", {
     d: "M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"
   }));
 }, wt = function() {
-  return y.createElement(Me, null, y.createElement("path", {
+  return b.createElement(Me, null, b.createElement("path", {
     d: `M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,
         6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,
         13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z`
   }));
 }, Mt = function() {
-  return y.createElement(Me, null, y.createElement("path", {
+  return b.createElement(Me, null, b.createElement("path", {
     d: `M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,
         0 22,12A10,10 0 0,0 12,2Z`
   }));
 }, Dt = {
   default: void 0,
-  success: /* @__PURE__ */ y.createElement(Ct, null),
-  warning: /* @__PURE__ */ y.createElement(St, null),
-  error: /* @__PURE__ */ y.createElement(wt, null),
-  info: /* @__PURE__ */ y.createElement(Mt, null)
+  success: /* @__PURE__ */ b.createElement(Ct, null),
+  warning: /* @__PURE__ */ b.createElement(St, null),
+  error: /* @__PURE__ */ b.createElement(wt, null),
+  info: /* @__PURE__ */ b.createElement(Mt, null)
 }, X = {
   maxSnack: 3,
   persist: !1,
@@ -795,7 +795,7 @@ var Me = function(n) {
 function he(e) {
   return Object.entries(e).reduce(function(n, r) {
     var o, t = r[0], i = r[1];
-    return k({}, n, (o = {}, o[t] = He(i), o));
+    return k({}, n, (o = {}, o[t] = Fe(i), o));
   }, {});
 }
 var ee = {
@@ -813,28 +813,28 @@ var ee = {
   entered: {
     height: "auto"
   }
-}), Oe = "0px", Re = 175, On = /* @__PURE__ */ _(function(e, n) {
-  var r = e.children, o = e.in, t = e.onExited, i = $(null), a = $(null), s = $e(n, a), l = function() {
+}), Oe = "0px", Ne = 175, On = /* @__PURE__ */ _(function(e, n) {
+  var r = e.children, o = e.in, t = e.onExited, i = $(null), a = $(null), s = $e(n, a), u = function() {
     return i.current ? i.current.clientHeight : 0;
-  }, f = function(v) {
-    v.style.height = Oe;
-  }, d = function(v) {
-    var g = l(), h = Ce({
-      timeout: Re,
+  }, f = function(g) {
+    g.style.height = Oe;
+  }, d = function(g) {
+    var v = u(), h = Ce({
+      timeout: Ne,
       mode: "enter"
-    }), b = h.duration, E = h.easing;
-    v.style.transitionDuration = typeof b == "string" ? b : b + "ms", v.style.height = g + "px", v.style.transitionTimingFunction = E || "";
-  }, p = function(v) {
-    v.style.height = "auto";
-  }, m = function(v) {
-    v.style.height = l() + "px";
-  }, x = function(v) {
-    In(v);
-    var g = Ce({
-      timeout: Re,
+    }), y = h.duration, E = h.easing;
+    g.style.transitionDuration = typeof y == "string" ? y : y + "ms", g.style.height = v + "px", g.style.transitionTimingFunction = E || "";
+  }, p = function(g) {
+    g.style.height = "auto";
+  }, m = function(g) {
+    g.style.height = u() + "px";
+  }, x = function(g) {
+    In(g);
+    var v = Ce({
+      timeout: Ne,
       mode: "exit"
-    }), h = g.duration, b = g.easing;
-    v.style.transitionDuration = typeof h == "string" ? h : h + "ms", v.style.height = Oe, v.style.transitionTimingFunction = b || "";
+    }), h = v.duration, y = v.easing;
+    g.style.transitionDuration = typeof h == "string" ? h : h + "ms", g.style.height = Oe, g.style.transitionTimingFunction = y || "";
   };
   return le(ie, {
     in: o,
@@ -846,22 +846,22 @@ var ee = {
     onExited: t,
     onExiting: x,
     nodeRef: a,
-    timeout: Re
-  }, function(u, v) {
+    timeout: Ne
+  }, function(l, g) {
     return le("div", Object.assign({
       ref: s,
-      className: U(en.root, u === "entered" && en.entered),
+      className: U(en.root, l === "entered" && en.entered),
       style: k({
         pointerEvents: "all",
         overflow: "hidden",
         minHeight: Oe,
         transition: J("height")
-      }, u === "entered" && {
+      }, l === "entered" && {
         overflow: "visible"
-      }, {}, u === "exited" && !o && {
+      }, {}, l === "exited" && !o && {
         visibility: "hidden"
       })
-    }, v), le("div", {
+    }, g), le("div", {
       ref: i,
       className: ee.CollapseWrapper,
       // Hack to get children with a negative margin to not falsify the height computation.
@@ -880,9 +880,9 @@ var nn = {
   top: "down"
 }, Ot = function(n) {
   return n.horizontal !== "center" ? nn[n.horizontal] : nn[n.vertical];
+}, Nt = function(n) {
+  return "anchorOrigin" + He(n);
 }, Rt = function(n) {
-  return "anchorOrigin" + Fe(n);
-}, At = function(n) {
   n === void 0 && (n = {});
   var r = {
     containerRoot: !0,
@@ -899,17 +899,17 @@ var nn = {
     var i;
     return k({}, o, (i = {}, i[t] = n[t], i));
   }, {});
-}, Nt = function() {
+}, At = function() {
 };
 function ue(e, n) {
   return e.reduce(function(r, o) {
     return o == null ? r : function() {
       for (var i = arguments.length, a = new Array(i), s = 0; s < i; s++)
         a[s] = arguments[s];
-      var l = [].concat(a);
-      n && l.indexOf(n) === -1 && l.push(n), r.apply(this, l), o.apply(this, l);
+      var u = [].concat(a);
+      n && u.indexOf(n) === -1 && u.push(n), r.apply(this, u), o.apply(this, u);
     };
-  }, Nt);
+  }, At);
 }
 var Lt = typeof window < "u" ? jn : V;
 function tn(e) {
@@ -923,54 +923,54 @@ function tn(e) {
     );
   }, []);
 }
-var Rn = /* @__PURE__ */ _(function(e, n) {
-  var r = e.children, o = e.className, t = e.autoHideDuration, i = e.disableWindowBlurListener, a = i === void 0 ? !1 : i, s = e.onClose, l = e.id, f = e.open, d = e.SnackbarProps, p = d === void 0 ? {} : d, m = $(), x = tn(function() {
+var Nn = /* @__PURE__ */ _(function(e, n) {
+  var r = e.children, o = e.className, t = e.autoHideDuration, i = e.disableWindowBlurListener, a = i === void 0 ? !1 : i, s = e.onClose, u = e.id, f = e.open, d = e.SnackbarProps, p = d === void 0 ? {} : d, m = $(), x = tn(function() {
     s && s.apply(void 0, arguments);
-  }), u = tn(function(E) {
+  }), l = tn(function(E) {
     !s || E == null || (m.current && clearTimeout(m.current), m.current = setTimeout(function() {
-      x(null, "timeout", l);
+      x(null, "timeout", u);
     }, E));
   });
   V(function() {
-    return f && u(t), function() {
+    return f && l(t), function() {
       m.current && clearTimeout(m.current);
     };
-  }, [f, t, u]);
-  var v = function() {
+  }, [f, t, l]);
+  var g = function() {
     m.current && clearTimeout(m.current);
-  }, g = S(function() {
-    t != null && u(t * 0.5);
-  }, [t, u]), h = function(I) {
-    p.onMouseEnter && p.onMouseEnter(I), v();
-  }, b = function(I) {
-    p.onMouseLeave && p.onMouseLeave(I), g();
+  }, v = S(function() {
+    t != null && l(t * 0.5);
+  }, [t, l]), h = function(I) {
+    p.onMouseEnter && p.onMouseEnter(I), g();
+  }, y = function(I) {
+    p.onMouseLeave && p.onMouseLeave(I), v();
   };
   return V(function() {
     if (!a && f)
-      return window.addEventListener("focus", g), window.addEventListener("blur", v), function() {
-        window.removeEventListener("focus", g), window.removeEventListener("blur", v);
+      return window.addEventListener("focus", v), window.addEventListener("blur", g), function() {
+        window.removeEventListener("focus", v), window.removeEventListener("blur", g);
       };
-  }, [a, g, f]), le("div", Object.assign({
+  }, [a, v, f]), le("div", Object.assign({
     ref: n
   }, p, {
     className: U(ee.Snackbar, o),
     onMouseEnter: h,
-    onMouseLeave: b
+    onMouseLeave: y
   }), r);
 });
-Rn.displayName = "Snackbar";
-var Ae, _t = /* @__PURE__ */ he({
-  root: (Ae = {
+Nn.displayName = "Snackbar";
+var Re, _t = /* @__PURE__ */ he({
+  root: (Re = {
     display: "flex",
     flexWrap: "wrap",
     flexGrow: 1
-  }, Ae[q.upSm] = {
+  }, Re[q.upSm] = {
     flexGrow: "initial",
     minWidth: "288px"
-  }, Ae)
+  }, Re)
 }), qe = /* @__PURE__ */ _(function(e, n) {
   var r = e.className, o = pe(e, ["className"]);
-  return y.createElement("div", Object.assign({
+  return b.createElement("div", Object.assign({
     ref: n,
     className: U(_t.root, r)
   }, o));
@@ -1018,23 +1018,23 @@ var ae = /* @__PURE__ */ he({
     paddingLeft: "16px",
     marginRight: "-8px"
   }
-}), rn = "notistack-snackbar", An = /* @__PURE__ */ _(function(e, n) {
-  var r = e.id, o = e.message, t = e.action, i = e.iconVariant, a = e.variant, s = e.hideIconVariant, l = e.style, f = e.className, d = i[a], p = t;
-  return typeof p == "function" && (p = p(r)), y.createElement(qe, {
+}), rn = "notistack-snackbar", Rn = /* @__PURE__ */ _(function(e, n) {
+  var r = e.id, o = e.message, t = e.action, i = e.iconVariant, a = e.variant, s = e.hideIconVariant, u = e.style, f = e.className, d = i[a], p = t;
+  return typeof p == "function" && (p = p(r)), b.createElement(qe, {
     ref: n,
     role: "alert",
     "aria-describedby": rn,
-    style: l,
+    style: u,
     className: U(ee.MuiContent, ee.MuiContentVariant(a), ae.root, ae[a], f, !s && d && ae.lessPadding)
-  }, y.createElement("div", {
+  }, b.createElement("div", {
     id: rn,
     className: ae.message
-  }, s ? null : d, o), p && y.createElement("div", {
+  }, s ? null : d, o), p && b.createElement("div", {
     className: ae.action
   }, p));
 });
-An.displayName = "MaterialDesignContent";
-var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
+Rn.displayName = "MaterialDesignContent";
+var $t = /* @__PURE__ */ gn(Rn), zt = /* @__PURE__ */ he({
   wrappedRoot: {
     width: "100%",
     position: "relative",
@@ -1048,7 +1048,7 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
 }), Wt = function(n) {
   var r = $(), o = de(!0), t = o[0], i = o[1], a = ue([n.snack.onClose, n.onClose]), s = function() {
     n.snack.requestClose && a(null, "instructed", n.snack.id);
-  }, l = S(function() {
+  }, u = S(function() {
     r.current = setTimeout(function() {
       i(function(L) {
         return !L;
@@ -1061,38 +1061,38 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
     };
   }, []);
   var f = n.snack, d = n.classes, p = n.Component, m = p === void 0 ? $t : p, x = mn(function() {
-    return At(d);
-  }, [d]), u = f.open, v = f.SnackbarProps, g = f.TransitionComponent, h = f.TransitionProps, b = f.transitionDuration, E = f.disableWindowBlurListener, I = f.content, D = pe(f, ["open", "SnackbarProps", "TransitionComponent", "TransitionProps", "transitionDuration", "disableWindowBlurListener", "content", "entered", "requestClose", "onEnter", "onEntered", "onExit", "onExited"]), O = k({
+    return Rt(d);
+  }, [d]), l = f.open, g = f.SnackbarProps, v = f.TransitionComponent, h = f.TransitionProps, y = f.transitionDuration, E = f.disableWindowBlurListener, I = f.content, D = pe(f, ["open", "SnackbarProps", "TransitionComponent", "TransitionProps", "transitionDuration", "disableWindowBlurListener", "content", "entered", "requestClose", "onEnter", "onEntered", "onExit", "onExited"]), O = k({
     direction: Ot(D.anchorOrigin),
-    timeout: b
+    timeout: y
   }, h), C = I;
   typeof C == "function" && (C = C(D.id, D.message));
-  var N = ["onEnter", "onEntered", "onExit", "onExited"].reduce(function(L, Te) {
+  var A = ["onEnter", "onEntered", "onExit", "onExited"].reduce(function(L, Te) {
     var Pe;
     return k({}, L, (Pe = {}, Pe[Te] = ue([n.snack[Te], n[Te]], D.id), Pe));
   }, {});
-  return y.createElement(On, {
+  return b.createElement(On, {
     in: t,
-    onExited: N.onExited
-  }, y.createElement(Rn, {
-    open: u,
+    onExited: A.onExited
+  }, b.createElement(Nn, {
+    open: l,
     id: D.id,
     disableWindowBlurListener: E,
     autoHideDuration: D.autoHideDuration,
-    className: U(zt.wrappedRoot, x.root, x[Rt(D.anchorOrigin)]),
-    SnackbarProps: v,
+    className: U(zt.wrappedRoot, x.root, x[Nt(D.anchorOrigin)]),
+    SnackbarProps: g,
     onClose: a
-  }, y.createElement(g, Object.assign({}, O, {
+  }, b.createElement(v, Object.assign({}, O, {
     appear: !0,
-    in: u,
-    onExit: N.onExit,
-    onExited: l,
-    onEnter: N.onEnter,
+    in: l,
+    onExit: A.onExit,
+    onExited: u,
+    onEnter: A.onEnter,
     // order matters. first callbacks.onEntered to set entered: true,
     // then handleEntered to check if there's a request for closing
-    onEntered: ue([N.onEntered, s], D.id)
-  }), C || y.createElement(m, Object.assign({}, D)))));
-}, se, Ne, be, Ee, Le, W = {
+    onEntered: ue([A.onEntered, s], D.id)
+  }), C || b.createElement(m, Object.assign({}, D)))));
+}, se, Ae, be, Ee, Le, W = {
   view: {
     default: 20,
     dense: 4
@@ -1124,9 +1124,9 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
     width: "100%",
     maxWidth: "calc(100% - " + _e * 2 + "px)"
   }, se),
-  rootDense: (Ne = {}, Ne[on] = {
+  rootDense: (Ae = {}, Ae[on] = {
     padding: W.snackbar.dense + "px 0px"
-  }, Ne),
+  }, Ae),
   top: {
     top: W.view.default - W.snackbar.default + "px",
     flexDirection: "column"
@@ -1163,17 +1163,17 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
     ke.root,
     // root should come after others to override maxWidth
     o.containerRoot,
-    o["containerAnchorOrigin" + Fe(t)],
+    o["containerAnchorOrigin" + He(t)],
     i && ke.rootDense
   );
-  return y.createElement("div", {
+  return b.createElement("div", {
     className: s
   }, a);
-}, Vt = /* @__PURE__ */ gn(jt), Ht = process.env.NODE_ENV !== "production", Ft = {
+}, Vt = /* @__PURE__ */ gn(jt), Ft = process.env.NODE_ENV !== "production", Ht = {
   NO_PERSIST_ALL: "Reached maxSnack while all enqueued snackbars have 'persist' flag. Notistack will dismiss the oldest snackbar anyway to allow other ones in the queue to be presented."
 }, qt = function(e) {
-  if (Ht) {
-    var n = Ft[e];
+  if (Ft) {
+    var n = Ht[e];
     typeof console < "u" && console.error("WARNING - notistack: " + n);
     try {
       throw new Error(n);
@@ -1190,39 +1190,39 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
     return t = e.call(this, o) || this, t.enqueueSnackbar = function(i, a) {
       if (a === void 0 && (a = {}), i == null)
         throw new Error("enqueueSnackbar called with invalid argument");
-      var s = an(i) ? i : a, l = an(i) ? i.message : i, f = s.key, d = s.preventDuplicate, p = pe(s, ["key", "preventDuplicate"]), m = ve(f), x = m ? f : (/* @__PURE__ */ new Date()).getTime() + Math.random(), u = Pt(p, t.props), v = k({
+      var s = an(i) ? i : a, u = an(i) ? i.message : i, f = s.key, d = s.preventDuplicate, p = pe(s, ["key", "preventDuplicate"]), m = ve(f), x = m ? f : (/* @__PURE__ */ new Date()).getTime() + Math.random(), l = Pt(p, t.props), g = k({
         id: x
       }, p, {
-        message: l,
+        message: u,
         open: !0,
         entered: !1,
         requestClose: !1,
-        persist: u("persist"),
-        action: u("action"),
-        content: u("content"),
-        variant: u("variant"),
-        anchorOrigin: u("anchorOrigin"),
-        disableWindowBlurListener: u("disableWindowBlurListener"),
-        autoHideDuration: u("autoHideDuration"),
-        hideIconVariant: u("hideIconVariant"),
-        TransitionComponent: u("TransitionComponent"),
-        transitionDuration: u("transitionDuration"),
-        TransitionProps: u("TransitionProps", !0),
-        iconVariant: u("iconVariant", !0),
-        style: u("style", !0),
-        SnackbarProps: u("SnackbarProps", !0),
+        persist: l("persist"),
+        action: l("action"),
+        content: l("content"),
+        variant: l("variant"),
+        anchorOrigin: l("anchorOrigin"),
+        disableWindowBlurListener: l("disableWindowBlurListener"),
+        autoHideDuration: l("autoHideDuration"),
+        hideIconVariant: l("hideIconVariant"),
+        TransitionComponent: l("TransitionComponent"),
+        transitionDuration: l("transitionDuration"),
+        TransitionProps: l("TransitionProps", !0),
+        iconVariant: l("iconVariant", !0),
+        style: l("style", !0),
+        SnackbarProps: l("SnackbarProps", !0),
         className: U(t.props.className, p.className)
       });
-      return v.persist && (v.autoHideDuration = void 0), t.setState(function(g) {
+      return g.persist && (g.autoHideDuration = void 0), t.setState(function(v) {
         if (d === void 0 && t.props.preventDuplicate || d) {
           var h = function(D) {
-            return m ? D.id === x : D.message === l;
-          }, b = g.queue.findIndex(h) > -1, E = g.snacks.findIndex(h) > -1;
-          if (b || E)
-            return g;
+            return m ? D.id === x : D.message === u;
+          }, y = v.queue.findIndex(h) > -1, E = v.snacks.findIndex(h) > -1;
+          if (y || E)
+            return v;
         }
-        return t.handleDisplaySnack(k({}, g, {
-          queue: [].concat(g.queue, [v])
+        return t.handleDisplaySnack(k({}, v, {
+          queue: [].concat(v.queue, [g])
         }));
       }), x;
     }, t.handleDisplaySnack = function(i) {
@@ -1239,10 +1239,10 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
         return !d.open || d.requestClose;
       }))
         return i;
-      var a = !1, s = !1, l = i.snacks.reduce(function(d, p) {
+      var a = !1, s = !1, u = i.snacks.reduce(function(d, p) {
         return d + (p.open && p.persist ? 1 : 0);
       }, 0);
-      l === t.maxSnack && (process.env.NODE_ENV !== "production" && qt("NO_PERSIST_ALL"), s = !0);
+      u === t.maxSnack && (process.env.NODE_ENV !== "production" && qt("NO_PERSIST_ALL"), s = !0);
       var f = i.snacks.map(function(d) {
         return !a && (!d.persist || s) ? (a = !0, d.entered ? (d.onClose && d.onClose(null, "maxsnack", d.id), t.props.onClose && t.props.onClose(null, "maxsnack", d.id), k({}, d, {
           open: !1
@@ -1256,8 +1256,8 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
     }, t.handleEnteredSnack = function(i, a, s) {
       if (!ve(s))
         throw new Error("handleEnteredSnack Cannot be called with undefined key");
-      t.setState(function(l) {
-        var f = l.snacks;
+      t.setState(function(u) {
+        var f = u.snacks;
         return {
           snacks: f.map(function(d) {
             return d.id === s ? k({}, d, {
@@ -1268,12 +1268,12 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
       });
     }, t.handleCloseSnack = function(i, a, s) {
       t.props.onClose && t.props.onClose(i, a, s);
-      var l = s === void 0;
+      var u = s === void 0;
       t.setState(function(f) {
         var d = f.snacks, p = f.queue;
         return {
           snacks: d.map(function(m) {
-            return !l && m.id !== s ? k({}, m) : m.entered ? k({}, m, {
+            return !u && m.id !== s ? k({}, m) : m.entered ? k({}, m, {
               open: !1
             }) : k({}, m, {
               requestClose: !0
@@ -1293,12 +1293,12 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
       if (!ve(a))
         throw new Error("handleExitedSnack Cannot be called with undefined key");
       t.setState(function(s) {
-        var l = t.processQueue(k({}, s, {
+        var u = t.processQueue(k({}, s, {
           snacks: s.snacks.filter(function(f) {
             return f.id !== a;
           })
         }));
-        return l.queue.length === 0 ? l : t.handleDismissOldest(l);
+        return u.queue.length === 0 ? u : t.handleDismissOldest(u);
       });
     }, t.enqueueSnackbar, t.closeSnackbar, t.state = {
       snacks: [],
@@ -1311,18 +1311,18 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
   }
   var r = n.prototype;
   return r.render = function() {
-    var t = this, i = this.state.contextValue, a = this.props, s = a.domRoot, l = a.children, f = a.dense, d = f === void 0 ? !1 : f, p = a.Components, m = p === void 0 ? {} : p, x = a.classes, u = this.state.snacks.reduce(function(g, h) {
-      var b, E = Fe(h.anchorOrigin), I = g[E] || [];
-      return k({}, g, (b = {}, b[E] = [].concat(I, [h]), b));
-    }, {}), v = Object.keys(u).map(function(g) {
-      var h = u[g], b = h[0];
-      return y.createElement(Vt, {
-        key: g,
+    var t = this, i = this.state.contextValue, a = this.props, s = a.domRoot, u = a.children, f = a.dense, d = f === void 0 ? !1 : f, p = a.Components, m = p === void 0 ? {} : p, x = a.classes, l = this.state.snacks.reduce(function(v, h) {
+      var y, E = He(h.anchorOrigin), I = v[E] || [];
+      return k({}, v, (y = {}, y[E] = [].concat(I, [h]), y));
+    }, {}), g = Object.keys(l).map(function(v) {
+      var h = l[v], y = h[0];
+      return b.createElement(Vt, {
+        key: v,
         dense: d,
-        anchorOrigin: b.anchorOrigin,
+        anchorOrigin: y.anchorOrigin,
         classes: x
       }, h.map(function(E) {
-        return y.createElement(Wt, {
+        return b.createElement(Wt, {
           key: E.id,
           snack: E,
           classes: x,
@@ -1335,9 +1335,9 @@ var $t = /* @__PURE__ */ gn(An), zt = /* @__PURE__ */ he({
         });
       }));
     });
-    return y.createElement(Dn.Provider, {
+    return b.createElement(Dn.Provider, {
       value: i
-    }, l, s ? Un(v, s) : v);
+    }, u, s ? Un(g, s) : g);
   }, wn(n, [{
     key: "maxSnack",
     get: function() {
@@ -1405,7 +1405,7 @@ const Xt = P(M, {
         ] })
       ] }),
       /* @__PURE__ */ c(M, { children: /* @__PURE__ */ c(
-        Fn,
+        Hn,
         {
           variant: "determinate",
           value: r,
@@ -1424,97 +1424,105 @@ const Xt = P(M, {
       ) })
     ]
   }
-), Yt = y.memo(Ut), Gt = {
-  success: _(({ id: e, message: n, ...r }, o) => {
-    const { closeSnackbar: t } = Q();
+), Yt = b.memo(Ut), Gt = {
+  success: _(({ id: e, message: n, style: r, className: o, ...t }, i) => {
+    const { closeSnackbar: a } = Q();
     return /* @__PURE__ */ c(
       ce,
       {
         elevation: 2,
-        ref: o,
+        ref: i,
         severity: "success",
-        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => t(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
+        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => a(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
         sx: {
           width: "100%",
           alignItems: "center",
           backgroundColor: "success.light"
         },
+        style: r,
+        className: o,
         children: /* @__PURE__ */ c(M, { display: "flex", alignItems: "center", gap: 1, children: n })
       }
     );
   }),
-  error: _(({ id: e, message: n, ...r }, o) => {
-    const { closeSnackbar: t } = Q();
+  error: _(({ id: e, message: n, style: r, className: o, ...t }, i) => {
+    const { closeSnackbar: a } = Q();
     return /* @__PURE__ */ c(
       ce,
       {
         elevation: 2,
-        ref: o,
+        ref: i,
         severity: "error",
-        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => t(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
+        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => a(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
         sx: { width: "100%", alignItems: "center", color: "common.white", backgroundColor: "error.light" },
+        style: r,
+        className: o,
         children: /* @__PURE__ */ c(M, { display: "flex", alignItems: "center", gap: 1, children: n })
       }
     );
   }),
-  warning: _(({ id: e, message: n, ...r }, o) => {
-    const { closeSnackbar: t } = Q();
+  warning: _(({ id: e, message: n, style: r, className: o, ...t }, i) => {
+    const { closeSnackbar: a } = Q();
     return /* @__PURE__ */ c(
       ce,
       {
         elevation: 2,
-        ref: o,
+        ref: i,
         severity: "warning",
-        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => t(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
+        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => a(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
         sx: { width: "100%", alignItems: "center", backgroundColor: "warning.light" },
+        style: r,
+        className: o,
         children: /* @__PURE__ */ c(M, { display: "flex", alignItems: "center", gap: 1, children: n })
       }
     );
   }),
-  info: _(({ id: e, message: n, ...r }, o) => {
-    const { closeSnackbar: t } = Q();
+  info: _(({ id: e, message: n, style: r, className: o, ...t }, i) => {
+    const { closeSnackbar: a } = Q();
     return /* @__PURE__ */ c(
       ce,
       {
         elevation: 2,
-        ref: o,
+        ref: i,
         severity: "info",
-        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => t(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
+        action: /* @__PURE__ */ c(me, { size: "small", onClick: () => a(e), children: /* @__PURE__ */ c(ge, { fontSize: "small" }) }),
         sx: { width: "100%", alignItems: "center", backgroundColor: "info.light" },
+        style: r,
+        className: o,
         children: /* @__PURE__ */ c(M, { display: "flex", alignItems: "center", gap: 1, children: n })
       }
     );
   }),
   deleteCountdown: _((e, n) => {
-    const { message: r, duration: o = 1e4, onUndo: t, onExpire: i, id: a, anchorOrigin: s } = e, [l, f] = de(o / 1e3), { closeSnackbar: d } = Q(), p = S(() => {
-      i && i(), d(a);
-    }, [i, d, a]);
+    const { message: r, duration: o = 1e4, onUndo: t, onExpire: i, id: a, anchorOrigin: s, className: u } = e, [f, d] = de(o / 1e3), { closeSnackbar: p } = Q(), m = S(() => {
+      i && i(), p(a);
+    }, [i, p, a]);
     V(() => {
-      if (l <= 0) {
-        p();
+      if (f <= 0) {
+        m();
         return;
       }
       const v = setInterval(() => {
-        f((g) => {
-          const h = g - 1;
-          return h <= 0 && clearInterval(v), h;
+        d((h) => {
+          const y = h - 1;
+          return y <= 0 && clearInterval(v), y;
         });
       }, 1e3);
       return () => clearInterval(v);
-    }, [p, l]);
-    const m = () => {
-      t && t(), d(a);
-    }, x = l / Math.ceil(o / 1e3) * 100, u = {
+    }, [m, f]);
+    const x = () => {
+      t && t(), p(a);
+    }, l = f / Math.ceil(o / 1e3) * 100, g = {
       ...(s == null ? void 0 : s.horizontal) === "center" && { justifyContent: "center" },
       ...e.style || {}
     };
-    return /* @__PURE__ */ c(qe, { ref: n, role: "alert", style: u, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ c(qe, { ref: n, role: "alert", style: g, className: u, children: /* @__PURE__ */ c(
       Yt,
       {
-        time: l,
-        progress: x,
+        time: f,
+        progress: l,
         text: r,
-        onUndo: m
+        onUndo: x
       }
     ) });
   })
@@ -1654,17 +1662,17 @@ const Ie = P("div")({
   justifyContent: "flex-end",
   gap: "16px",
   padding: "0 20px 20px 20px"
-}), A = P(
+}), R = P(
   ({ className: e, ...n }) => /* @__PURE__ */ c(yn, { variant: "contained", color: "primary", className: Ve("bg-gradient", e), ...n })
 )(({ theme: e }) => ({
   textTransform: "none",
   padding: "10px 16px"
-})), tr = ({ modal: e, hideMessage: n }) => /* @__PURE__ */ w(H, { children: [
+})), tr = ({ modal: e, hideMessage: n }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ c(De, { color: e.severity || "", children: e.title || "" }),
   /* @__PURE__ */ c(we, {}),
-  /* @__PURE__ */ c(F, { sx: { paddingX: 1 }, children: e.message }),
+  /* @__PURE__ */ c(H, { sx: { paddingX: 1 }, children: e.message }),
   /* @__PURE__ */ c(Ie, { sx: { justifyContent: "space-around" }, children: e.actions.map(({ text: r, onClick: o, ...t }) => /* @__PURE__ */ c(
-    A,
+    R,
     {
       children: r,
       onClick: (i) => {
@@ -1673,20 +1681,20 @@ const Ie = P("div")({
       ...t
     }
   )) })
-] }), sn = y.memo(tr), rr = ({ modal: e, hideMessage: n }) => {
+] }), sn = b.memo(tr), rr = ({ modal: e, hideMessage: n }) => {
   switch (e.visual) {
     case "variant1":
       return /* @__PURE__ */ c(sn, { modal: e, hideMessage: n });
     default:
       return /* @__PURE__ */ c(sn, { modal: e, hideMessage: n });
   }
-}, ir = y.memo(rr), or = ({ modal: e }) => (e.view == "fullModal", /* @__PURE__ */ w(H, { children: [
+}, ir = b.memo(rr), or = ({ modal: e }) => (e.view == "fullModal", /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ c(Se, { children: /* @__PURE__ */ c(M, { display: "flex", alignItems: "center", justifyContent: "space-between", children: e.title }) }),
-  /* @__PURE__ */ c(F, { children: /* @__PURE__ */ c(j, { children: e.message }) }),
+  /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(j, { children: e.message }) }),
   /* @__PURE__ */ w(Ie, { children: [
-    /* @__PURE__ */ c(A, { onClick: e.onCancel, variant: "outlined", children: "Отмена" }),
+    /* @__PURE__ */ c(R, { onClick: e.onCancel, variant: "outlined", children: "Отмена" }),
     /* @__PURE__ */ c(
-      A,
+      R,
       {
         onClick: e.onConfirm,
         variant: "contained",
@@ -1696,22 +1704,22 @@ const Ie = P("div")({
       }
     )
   ] })
-] })), cn = y.memo(or), ar = ({ modal: e }) => {
+] })), cn = b.memo(or), ar = ({ modal: e }) => {
   switch (e.visual) {
     case "variant1":
       return /* @__PURE__ */ c(cn, { modal: e });
     default:
       return /* @__PURE__ */ c(cn, { modal: e });
   }
-}, sr = y.memo(ar), cr = ({ modal: e }) => /* @__PURE__ */ w(H, { children: [
+}, sr = b.memo(ar), cr = ({ modal: e }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ w(De, { color: e.severity || "info", children: [
     /* @__PURE__ */ c(Kn, { color: e.severity, sx: { marginRight: 1 } }),
     e.title || `Информация ${e.severity}`
   ] }),
   /* @__PURE__ */ c(we, { sx: (n) => ({ borderColor: qn(n.palette[e.severity || "info"].main, 0.6) }) }),
-  /* @__PURE__ */ c(F, { sx: { paddingX: 1 }, children: e.message }),
+  /* @__PURE__ */ c(H, { sx: { paddingX: 1 }, children: e.message }),
   /* @__PURE__ */ c(Ie, { sx: { justifyContent: "end", pt: 1 }, children: /* @__PURE__ */ c(
-    A,
+    R,
     {
       sx: { width: "45%" },
       color: e.severity || "info",
@@ -1719,22 +1727,22 @@ const Ie = P("div")({
       children: e.confirmText || "Закрыть"
     }
   ) })
-] }), ln = y.memo(cr), lr = ({ modal: e }) => {
+] }), ln = b.memo(cr), lr = ({ modal: e }) => {
   switch (e.visual) {
     case "variant1":
       return /* @__PURE__ */ c(ln, { modal: e });
     default:
       return /* @__PURE__ */ c(ln, { modal: e });
   }
-}, ur = y.memo(lr), dr = ({ modal: e }) => /* @__PURE__ */ w(H, { children: [
+}, ur = b.memo(lr), dr = ({ modal: e }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ c(Se, { sx: { p: 2.5, fontWeight: 600 }, children: /* @__PURE__ */ w(M, { display: "flex", alignItems: "center", gap: 1, children: [
     /* @__PURE__ */ c(Zn, { color: "success" }),
     /* @__PURE__ */ c("span", { children: e.title })
   ] }) }),
   /* @__PURE__ */ c(we, {}),
-  /* @__PURE__ */ c(F, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: typeof e.message == "string" ? /* @__PURE__ */ c(j, { variant: "h6", gutterBottom: !0, children: e.message }) : e.message }),
+  /* @__PURE__ */ c(H, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: typeof e.message == "string" ? /* @__PURE__ */ c(j, { variant: "h6", gutterBottom: !0, children: e.message }) : e.message }),
   /* @__PURE__ */ c(je, { sx: { p: 2 }, children: /* @__PURE__ */ c(
-    A,
+    R,
     {
       sx: { minWidth: "45%" },
       onClick: e.onCancel,
@@ -1745,11 +1753,11 @@ const Ie = P("div")({
       children: e.buttonText || "OK"
     }
   ) })
-] }), fr = y.memo(dr), pr = ({ modal: e }) => /* @__PURE__ */ w(H, { children: [
+] }), fr = b.memo(dr), pr = ({ modal: e }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ c(Se, { children: e.title }),
-  /* @__PURE__ */ c(F, { children: /* @__PURE__ */ c(j, { children: e.message }) }),
+  /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(j, { children: e.message }) }),
   /* @__PURE__ */ c(je, { children: /* @__PURE__ */ c(
-    A,
+    R,
     {
       onClick: e.onCancel,
       variant: "contained",
@@ -1757,19 +1765,19 @@ const Ie = P("div")({
       children: e.buttonText || "OK"
     }
   ) })
-] }), hr = y.memo(pr), mr = ({ modal: e }) => /* @__PURE__ */ w(H, { children: [
+] }), hr = b.memo(pr), mr = ({ modal: e }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ c(De, { color: e.severity || "", children: e.title || "Успех" }),
   /* @__PURE__ */ c(we, {}),
-  /* @__PURE__ */ c(F, { sx: { paddingX: 1 }, children: typeof e.message == "string" ? /* @__PURE__ */ c(j, { variant: "h6", gutterBottom: !0, children: e.message }) : e.message }),
+  /* @__PURE__ */ c(H, { sx: { paddingX: 1 }, children: typeof e.message == "string" ? /* @__PURE__ */ c(j, { variant: "h6", gutterBottom: !0, children: e.message }) : e.message }),
   /* @__PURE__ */ c(je, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: /* @__PURE__ */ c(
-    A,
+    R,
     {
       color: e.severity || "success",
       onClick: e.onCancel,
       children: e.buttonText || "OK"
     }
   ) })
-] }), gr = y.memo(mr), vr = ({ modal: e }) => /* @__PURE__ */ w(M, { sx: { textAlign: "center", p: 3 }, children: [
+] }), gr = b.memo(mr), vr = ({ modal: e }) => /* @__PURE__ */ w(M, { sx: { textAlign: "center", p: 3 }, children: [
   /* @__PURE__ */ c(
     bn,
     {
@@ -1783,7 +1791,7 @@ const Ie = P("div")({
   /* @__PURE__ */ c(j, { variant: "h5", gutterBottom: !0, children: e.title }),
   /* @__PURE__ */ c(j, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: e.message }),
   /* @__PURE__ */ c(
-    A,
+    R,
     {
       fullWidth: !0,
       onClick: e.onCancel,
@@ -1793,19 +1801,19 @@ const Ie = P("div")({
       children: "Ок"
     }
   )
-] }), xr = y.memo(vr), yr = P(M)(({ theme: e }) => ({
+] }), xr = b.memo(vr), yr = P(M)(({ theme: e }) => ({
   background: `linear-gradient(135deg, ${e.palette.success.light} 0%, ${e.palette.success.main} 100%)`,
   color: "white",
   padding: e.spacing(3),
   textAlign: "center"
-})), br = ({ modal: e }) => /* @__PURE__ */ w(H, { children: [
+})), br = ({ modal: e }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ w(yr, { children: [
     /* @__PURE__ */ c(Qn, { sx: { fontSize: 64, mb: 2 } }),
     /* @__PURE__ */ c(j, { variant: "h4", gutterBottom: !0, children: e.title }),
     /* @__PURE__ */ c(j, { variant: "body1", children: e.message })
   ] }),
-  /* @__PURE__ */ c(F, { sx: { textAlign: "center", py: 3 }, children: /* @__PURE__ */ c(
-    A,
+  /* @__PURE__ */ c(H, { sx: { textAlign: "center", py: 3 }, children: /* @__PURE__ */ c(
+    R,
     {
       onClick: e.onCancel,
       variant: "contained",
@@ -1815,7 +1823,7 @@ const Ie = P("div")({
       children: e.buttonText || "OK"
     }
   ) })
-] }), Er = y.memo(br), kr = (e) => {
+] }), Er = b.memo(br), kr = (e) => {
   switch (e.modal.visual) {
     case "variant2":
       return /* @__PURE__ */ c(hr, { ...e });
@@ -1828,21 +1836,21 @@ const Ie = P("div")({
     default:
       return /* @__PURE__ */ c(fr, { ...e });
   }
-}, Cr = y.memo(kr), Sr = ({ modal: e }) => /* @__PURE__ */ w(H, { children: [
+}, Cr = b.memo(kr), Sr = ({ modal: e }) => /* @__PURE__ */ w(F, { children: [
   /* @__PURE__ */ c(De, { children: "Обновление" }),
-  /* @__PURE__ */ c(F, { children: /* @__PURE__ */ c(M, { py: 2, children: e.message }) }),
+  /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(M, { py: 2, children: e.message }) }),
   /* @__PURE__ */ w(Ie, { children: [
-    e.onCancel && /* @__PURE__ */ c(A, { onClick: e.onCancel, children: "Отмена" }),
-    e.onConfirm && /* @__PURE__ */ c(A, { color: "primary", onClick: e.onConfirm, children: "Обновить" })
+    e.onCancel && /* @__PURE__ */ c(R, { onClick: e.onCancel, children: "Отмена" }),
+    e.onConfirm && /* @__PURE__ */ c(R, { color: "primary", onClick: e.onConfirm, children: "Обновить" })
   ] })
-] }), un = y.memo(Sr), wr = ({ modal: e }) => {
+] }), un = b.memo(Sr), wr = ({ modal: e }) => {
   switch (e.visual) {
     case "variant1":
       return /* @__PURE__ */ c(un, { modal: e });
     default:
       return /* @__PURE__ */ c(un, { modal: e });
   }
-}, Mr = y.memo(wr), Dr = "_notistack-SnackbarContainer_11i0e_1", Ir = {
+}, Mr = b.memo(wr), Dr = "_notistack-SnackbarContainer_11i0e_1", Ir = {
   "notistack-SnackbarContainer": "_notistack-SnackbarContainer_11i0e_1",
   notistackSnackbarContainer: Dr
 };
@@ -1850,7 +1858,7 @@ function dn(e, n) {
   typeof e == "function" ? e(n) : e && (e.current = n);
 }
 function ne(e, n) {
-  return y.useMemo(() => e == null && n == null ? null : (r) => {
+  return b.useMemo(() => e == null && n == null ? null : (r) => {
     dn(e, r), dn(n, r);
   }, [e, n]);
 }
@@ -1873,8 +1881,8 @@ const Be = (e) => {
 function T(e = ["all"], n) {
   const { duration: r = 300, easing: o = Tr.easeInOut, delay: t = 0 } = n || {};
   return (Array.isArray(e) ? e : [e]).map((a) => {
-    const s = typeof r == "string" ? r : fn(r), l = typeof t == "string" ? t : fn(t);
-    return `${a} ${s} ${o} ${l}`;
+    const s = typeof r == "string" ? r : fn(r), u = typeof t == "string" ? t : fn(t);
+    return `${a} ${s} ${o} ${u}`;
   }).join(",");
 }
 const Pr = {
@@ -1884,7 +1892,7 @@ const Pr = {
   entered: {
     opacity: 1
   }
-}, Nn = R.forwardRef((e, n) => {
+}, An = N.forwardRef((e, n) => {
   const {
     children: r,
     in: o,
@@ -1892,40 +1900,40 @@ const Pr = {
     style: i,
     onEnter: a,
     onEntered: s,
-    onExit: l,
+    onExit: u,
     onExited: f,
     direction: d,
     // Take this out since this is a Slide-only prop
     ...p
-  } = e, m = R.useRef(null), x = ne(r.ref, n), u = ne(m, x);
+  } = e, m = N.useRef(null), x = ne(r.ref, n), l = ne(m, x);
   return /* @__PURE__ */ c(
     ie,
     {
       appear: !0,
       in: o,
       nodeRef: m,
-      onEnter: (h, b) => {
+      onEnter: (h, y) => {
         Be(h);
         const E = te({
           style: i,
           timeout: t,
           mode: "enter"
         });
-        h.style.webkitTransition = T("opacity", E), h.style.transition = T("opacity", E), a && a(h, b);
+        h.style.webkitTransition = T("opacity", E), h.style.transition = T("opacity", E), a && a(h, y);
       },
       onEntered: s,
       onExit: (h) => {
-        const b = te({
+        const y = te({
           style: i,
           timeout: t,
           mode: "exit"
         });
-        h.style.webkitTransition = T("opacity", b), h.style.transition = T("opacity", b), l && l(h);
+        h.style.webkitTransition = T("opacity", y), h.style.transition = T("opacity", y), u && u(h);
       },
       onExited: f,
       timeout: t,
       ...p,
-      children: (h, b) => R.cloneElement(r, {
+      children: (h, y) => N.cloneElement(r, {
         style: {
           opacity: 0,
           visibility: h === "exited" && !o ? "hidden" : void 0,
@@ -1933,18 +1941,18 @@ const Pr = {
           ...i,
           ...r.props.style
         },
-        ref: u,
-        ...b
+        ref: l,
+        ...y
       })
     }
   );
 });
-Nn.displayName = "Fade";
-const Or = R.memo(Nn);
+An.displayName = "Fade";
+const Or = N.memo(An);
 function We(e) {
   return `scale(${e}, ${e ** 2})`;
 }
-const Rr = {
+const Nr = {
   entering: {
     opacity: 1,
     transform: We(1)
@@ -1953,7 +1961,7 @@ const Rr = {
     opacity: 1,
     transform: "none"
   }
-}, Ln = R.forwardRef((e, n) => {
+}, Ln = N.forwardRef((e, n) => {
   const {
     children: r,
     in: o,
@@ -1961,57 +1969,57 @@ const Rr = {
     timeout: i = 300,
     onEnter: a,
     onEntered: s,
-    onExit: l,
+    onExit: u,
     onExited: f,
     ...d
-  } = e, p = R.useRef(null), m = ne(r.ref, p), x = ne(m, n);
+  } = e, p = N.useRef(null), m = ne(r.ref, p), x = ne(m, n);
   return /* @__PURE__ */ c(
     ie,
     {
       appear: !0,
       in: o,
       nodeRef: p,
-      onEnter: (g, h) => {
-        Be(g);
-        const { duration: b, delay: E, easing: I } = te({
+      onEnter: (v, h) => {
+        Be(v);
+        const { duration: y, delay: E, easing: I } = te({
           style: t,
           timeout: i,
           mode: "enter"
         });
-        g.style.transition = [
-          T("opacity", { duration: b, delay: E }),
+        v.style.transition = [
+          T("opacity", { duration: y, delay: E }),
           T("transform", {
             delay: E,
             easing: I,
-            duration: b * 0.666
+            duration: y * 0.666
           })
-        ].join(","), a && a(g, h);
+        ].join(","), a && a(v, h);
       },
       onEntered: s,
-      onExit: (g) => {
-        const { duration: h, delay: b, easing: E } = te({
+      onExit: (v) => {
+        const { duration: h, delay: y, easing: E } = te({
           style: t,
           timeout: i,
           mode: "exit"
         });
-        g.style.transition = [
-          T("opacity", { duration: h, delay: b }),
+        v.style.transition = [
+          T("opacity", { duration: h, delay: y }),
           T("transform", {
             easing: E,
             duration: h * 0.666,
-            delay: b || h * 0.333
+            delay: y || h * 0.333
           })
-        ].join(","), g.style.opacity = "0", g.style.transform = We(0.75), l && l(g);
+        ].join(","), v.style.opacity = "0", v.style.transform = We(0.75), u && u(v);
       },
       onExited: f,
       timeout: i,
       ...d,
-      children: (g, h) => R.cloneElement(r, {
+      children: (v, h) => N.cloneElement(r, {
         style: {
           opacity: 0,
           transform: We(0.75),
-          visibility: g === "exited" && !o ? "hidden" : void 0,
-          ...Rr[g],
+          visibility: v === "exited" && !o ? "hidden" : void 0,
+          ...Nr[v],
           ...t,
           ...r.props.style
         },
@@ -2021,15 +2029,15 @@ const Rr = {
     }
   );
 });
-Ln.displayName = "GrowAnimation";
-const Ar = {
+Ln.displayName = "Grow";
+const Rr = {
   entering: {
     transform: "none"
   },
   entered: {
     transform: "none"
   }
-}, _n = R.forwardRef((e, n) => {
+}, _n = N.forwardRef((e, n) => {
   const {
     children: r,
     in: o,
@@ -2037,19 +2045,19 @@ const Ar = {
     timeout: i = 0,
     onEnter: a,
     onEntered: s,
-    onExit: l,
+    onExit: u,
     onExited: f,
     direction: d,
     // Take this out since this is a Slide-only prop
     ...p
-  } = e, m = R.useRef(null), x = ne(r.ref, n), u = ne(m, x);
+  } = e, m = N.useRef(null), x = ne(r.ref, n), l = ne(m, x);
   return /* @__PURE__ */ c(
     ie,
     {
       appear: !0,
       in: o,
       nodeRef: m,
-      onEnter: (h, b) => {
+      onEnter: (h, y) => {
         Be(h);
         const E = te({
           style: t,
@@ -2059,69 +2067,70 @@ const Ar = {
         h.style.webkitTransition = T(
           "transform",
           E
-        ), h.style.transition = T("transform", E), a && a(h, b);
+        ), h.style.transition = T("transform", E), a && a(h, y);
       },
       onEntered: s,
       onExit: (h) => {
-        const b = te({
+        const y = te({
           style: t,
           timeout: i,
           mode: "exit"
         });
         h.style.webkitTransition = T(
           "transform",
-          b
-        ), h.style.transition = T("transform", b), l && l(h);
+          y
+        ), h.style.transition = T("transform", y), u && u(h);
       },
       onExited: f,
       timeout: i,
       ...p,
-      children: (h, b) => R.cloneElement(r, {
+      children: (h, y) => N.cloneElement(r, {
+        className: "zoom",
         style: {
           transform: "scale(0)",
           visibility: h === "exited" && !o ? "hidden" : void 0,
-          ...Ar[h],
+          ...Rr[h],
           ...t,
           ...r.props.style
         },
-        ref: u,
-        ...b
+        ref: l,
+        ...y
       })
     }
   );
 });
 _n.displayName = "Zoom";
-const Nr = R.memo(_n), pn = {
+const Ar = N.memo(_n), pn = {
   Fade: Or,
   Grow: Ln,
-  Zoom: Nr,
+  Zoom: Ar,
   Slide: void 0
 }, Lr = ({ children: e }) => {
-  const [n, r] = de([]), { enqueueSnackbar: o, closeSnackbar: t } = Q(), a = _r((u) => {
-    const v = vn();
-    ["modal", "fullModal"].includes(u.view) && r((g) => [...g, { ...u, id: v, isExiting: !1 }]);
-  }), s = S((u, v) => {
-    v === "alert" && t(u), v === "modal" && r((g) => g.map((h) => h.id === u ? { ...h, isExiting: !0 } : h));
-  }, []), l = (u) => {
-    s(u, "modal");
-  }, f = (u) => {
-    r((v) => v.filter((g) => g.id !== u));
+  const [n, r] = de([]), { enqueueSnackbar: o, closeSnackbar: t } = Q(), a = _r((l) => {
+    const g = vn();
+    ["modal", "fullModal"].includes(l.view) && r((v) => [...v, { ...l, id: g, isExiting: !1 }]);
+  }), s = S((l, g) => {
+    g === "alert" && t(l), g === "modal" && r((v) => v.map((h) => h.id === l ? { ...h, isExiting: !0 } : h));
+  }, []), u = (l) => {
+    s(l, "modal");
+  }, f = (l) => {
+    r((g) => g.filter((v) => v.id !== l));
   }, d = S(() => {
-    r((u) => u.map((v) => ({ ...v, isExiting: !0 })));
-  }, []), p = S(({ variant: u, message: v, ...g }) => {
-    o(v, {
-      TransitionComponent: pn[g.animation || "Slide"],
-      variant: g.severity,
-      ...g.timeout && { autoHideDuration: g.timeout },
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "left"
-      },
-      ...g
+    r((l) => l.map((g) => ({ ...g, isExiting: !0 })));
+  }, []), p = S(({ variant: l, message: g, ...v }) => {
+    o(g, {
+      TransitionComponent: pn[v.animation || "Slide"],
+      variant: l || "info"
+      // ...(config.timeout && { autoHideDuration: config.timeout }),
+      // anchorOrigin: {
+      //   vertical: 'bottom',
+      //   horizontal: 'left'
+      // },
+      // ...config
     });
   }, []), m = S(
-    ({ message: u, ...v }) => {
-      o(u, {
+    ({ message: l, ...g }) => {
+      o(l, {
         TransitionComponent: pn.Grow,
         variant: "deleteCountdown",
         // preventDuplicate: true,//Вырубает дублиирование сообщений
@@ -2132,7 +2141,7 @@ const Nr = R.memo(_n), pn = {
           vertical: "bottom",
           horizontal: "center"
         },
-        ...v
+        ...g
       });
     },
     [o]
@@ -2145,30 +2154,30 @@ const Nr = R.memo(_n), pn = {
   };
   return /* @__PURE__ */ w(En.Provider, { value: x, children: [
     e,
-    n.filter((u) => ["modal", "fullModal"].includes(u.view)).map((u, v) => /* @__PURE__ */ c(Bn, { children: /* @__PURE__ */ w(
+    n.filter((l) => ["modal", "fullModal"].includes(l.view)).map((l, g) => /* @__PURE__ */ c(Bn, { children: /* @__PURE__ */ w(
       Xn,
       {
-        open: !u.isExiting,
-        ...u.view == "fullModal" && { fullWidth: !0, fullScreen: !0 },
-        onClick: (g) => {
-          l(u.id);
+        open: !l.isExiting,
+        ...l.view == "fullModal" && { fullWidth: !0, fullScreen: !0 },
+        onClick: (v) => {
+          u(l.id);
         },
         maxWidth: "sm",
         fullWidth: !0,
         TransitionProps: {
-          onExited: (g) => {
-            u.isExiting && f(u.id);
+          onExited: (v) => {
+            l.isExiting && f(l.id);
           }
         },
         children: [
-          u.mode == "success" && /* @__PURE__ */ c(Cr, { modal: u }),
-          u.mode == "delete" && /* @__PURE__ */ c(sr, { modal: u }),
-          u.mode == "update" && /* @__PURE__ */ c(Mr, { modal: u }),
-          u.mode == "info" && /* @__PURE__ */ c(ur, { modal: u }),
-          u.mode == "default" && /* @__PURE__ */ c(ir, { modal: u, hideMessage: l })
+          l.mode == "success" && /* @__PURE__ */ c(Cr, { modal: l }),
+          l.mode == "delete" && /* @__PURE__ */ c(sr, { modal: l }),
+          l.mode == "update" && /* @__PURE__ */ c(Mr, { modal: l }),
+          l.mode == "info" && /* @__PURE__ */ c(ur, { modal: l }),
+          l.mode == "default" && /* @__PURE__ */ c(ir, { modal: l, hideMessage: u })
         ]
       }
-    ) }, u.id))
+    ) }, l.id))
   ] });
 }, Kr = (e) => /* @__PURE__ */ c(
   Bt,
@@ -2183,7 +2192,6 @@ const Nr = R.memo(_n), pn = {
 ), _r = (e) => {
   const n = S(({ view: i, ...a }) => {
     e({
-      variant: "outlined",
       view: i || "modal",
       dismissible: a.mode !== "success",
       ...a