mimir-ui-kit 1.43.25 → 1.43.27

package/dist/ProgressBar-F970LqqJ.js

@@ -0,0 +1,68 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as u } from "./index-DIxK0V-G.js";
+import { memo as q, useRef as r, useEffect as f } from "react";
+import { DEFAULT_TOAST_DURATION as g, EToastVariant as b } from "./components/Toasts/constants.js";
+import './assets/ProgressBar.css';const d = "_title_14r7q_37", A = "_timer_14r7q_41", T = "_seconds_14r7q_51", h = "_message_14r7q_61", w = "_progress_14r7q_69", D = "_slot_14r7q_95", F = "_success_14r7q_104", R = "_alarm_14r7q_109", E = "_error_14r7q_114", N = "_purple_14r7q_119", o = {
+  "toast-list": "_toast-list_14r7q_2",
+  "toast-wrapper": "_toast-wrapper_14r7q_24",
+  title: d,
+  timer: A,
+  "timer-title": "_timer-title_14r7q_49",
+  seconds: T,
+  message: h,
+  progress: w,
+  "progress-bar": "_progress-bar_14r7q_78",
+  "close-button": "_close-button_14r7q_89",
+  slot: D,
+  default: "_default_14r7q_99",
+  success: F,
+  alarm: R,
+  error: E,
+  purple: N,
+  "top-right": "_top-right_14r7q_124",
+  "top-center": "_top-center_14r7q_130",
+  "top-left": "_top-left_14r7q_136",
+  "bottom-left": "_bottom-left_14r7q_141",
+  "bottom-center": "_bottom-center_14r7q_146",
+  "bottom-right": "_bottom-right_14r7q_152",
+  "toast-in": "_toast-in_14r7q_184",
+  "toast-out": "_toast-out_14r7q_188"
+}, O = q(
+  ({
+    duration: _ = g,
+    variant: l = b.DEFAULT,
+    isPaused: n = !1
+  }) => {
+    const t = r(), e = r(null), c = r(Date.now()), s = r(0);
+    return f(() => {
+      if (n)
+        t.current && cancelAnimationFrame(t.current);
+      else {
+        c.current = Date.now() - s.current;
+        const a = () => {
+          const p = Date.now();
+          s.current = p - c.current;
+          const i = Math.min(
+            s.current / _ * 100,
+            100
+          );
+          e.current && (e.current.style.width = `${i}%`), i < 100 && (t.current = requestAnimationFrame(a));
+        };
+        t.current = requestAnimationFrame(a);
+      }
+      return () => {
+        t.current && cancelAnimationFrame(t.current);
+      };
+    }, [_, n]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
+      "div",
+      {
+        ref: e,
+        className: u(o["progress-bar"], o[l])
+      }
+    ) });
+  }
+);
+export {
+  O as P,
+  o as c
+};

package/dist/assets/Drawer.css

@@ -1 +1 @@
-._drawer_1cohb_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_1cohb_2::-webkit-scrollbar{width:3px}._drawer_1cohb_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_1cohb_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_1cohb_2 ._content_1cohb_26{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;transition:all .3s ease}@media (max-width: 600px){._drawer_1cohb_2 ._content_1cohb_26{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_1cohb_2 ._header_1cohb_41{display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_1cohb_2 ._header_1cohb_41:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_1cohb_2 ._header_1cohb_41._sticky-header_1cohb_49{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_1cohb_2 ._header_1cohb_41 ._title_1cohb_55{flex:1;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-space-2xxl);letter-spacing:.7px}@media (max-width: 600px){._drawer_1cohb_2 ._header_1cohb_41 ._title_1cohb_55{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_1cohb_2 ._header_1cohb_41 ._space_1cohb_69{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_1cohb_2 ._header_1cohb_41{min-height:55px}._drawer_1cohb_2 ._header_1cohb_41:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_1cohb_2 ._inner_1cohb_80{flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_1cohb_2 ._inner_1cohb_80._is-loading_1cohb_85{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 600px){._drawer_1cohb_2 ._inner_1cohb_80{padding-right:0}}._drawer_1cohb_2 ._button_1cohb_96{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_1cohb_2 ._footer_1cohb_101{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_1cohb_2 ._footer_1cohb_101{padding:var(--mimir-space-m)}}._drawer_1cohb_2 ._footer_1cohb_101._has-scroll_1cohb_110{box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_1cohb_2 ._footer-button_1cohb_113{display:block;margin-left:auto}._drawer_1cohb_2._left_1cohb_117{top:0;left:-100%}._drawer_1cohb_2._right_1cohb_121{top:0;right:-100%}._drawer_1cohb_2._full_1cohb_125{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_1cohb_2._bottom_1cohb_135{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);transform:translate(-50%)}._drawer_1cohb_2._bottom_1cohb_135._full-bottom-height_1cohb_146{height:calc(100% - var(--mimir-space-xs))}._drawer_1cohb_2._bottom_1cohb_135._is-loading_1cohb_85{height:50vh}._drawer_1cohb_2._opened_1cohb_152{transition:all .3s ease;pointer-events:auto}._drawer_1cohb_2._opened_1cohb_152._left_1cohb_117{left:0%;transition:left .3s ease}._drawer_1cohb_2._opened_1cohb_152._right_1cohb_121{right:0%;transition:right .3s ease}._drawer_1cohb_2._opened_1cohb_152._bottom_1cohb_135{bottom:0%}._drawer_1cohb_2._opened_1cohb_152._full_1cohb_125{transform:scale(1);opacity:1}._drawer_1cohb_2._is-closing_1cohb_171._left_1cohb_117{left:-100%}._drawer_1cohb_2._is-closing_1cohb_171._right_1cohb_121{right:-100%}._drawer_1cohb_2._is-closing_1cohb_171._bottom_1cohb_135{bottom:-100%}._drawer_1cohb_2._is-closing_1cohb_171._full_1cohb_125{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_1cohb_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_1cohb_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_1cohb_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_1cohb_2{--drawer-width: 100%}._drawer_1cohb_2._bottom_1cohb_135{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_1cohb_208{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_1cohb_208._opened_1cohb_152{opacity:1;transition:all .3s ease}._overlay_1cohb_208._opened_1cohb_152._unmount_1cohb_224{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_1cohb_208._is-closing_1cohb_171{opacity:0;transition:all .3s ease}._overlay_1cohb_208._unmount_1cohb_224{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
+._drawerContainer_yzb8n_2{position:fixed;z-index:1000000}._drawer_yzb8n_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_yzb8n_2::-webkit-scrollbar{width:3px}._drawer_yzb8n_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_yzb8n_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_yzb8n_2 ._content_yzb8n_31{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;transition:all .3s ease}@media (max-width: 600px){._drawer_yzb8n_2 ._content_yzb8n_31{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_yzb8n_2 ._header_yzb8n_46{display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_yzb8n_2 ._header_yzb8n_46:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_yzb8n_2 ._header_yzb8n_46._sticky-header_yzb8n_54{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_yzb8n_2 ._header_yzb8n_46 ._title_yzb8n_60{flex:1;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-space-2xxl);letter-spacing:.7px}@media (max-width: 600px){._drawer_yzb8n_2 ._header_yzb8n_46 ._title_yzb8n_60{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_yzb8n_2 ._header_yzb8n_46 ._space_yzb8n_74{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_yzb8n_2 ._header_yzb8n_46{min-height:55px}._drawer_yzb8n_2 ._header_yzb8n_46:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_yzb8n_2 ._inner_yzb8n_85{flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_yzb8n_2 ._inner_yzb8n_85._is-loading_yzb8n_90{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 600px){._drawer_yzb8n_2 ._inner_yzb8n_85{padding-right:0}}._drawer_yzb8n_2 ._button_yzb8n_101{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_yzb8n_2 ._footer_yzb8n_106{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_yzb8n_2 ._footer_yzb8n_106{padding:var(--mimir-space-m)}}._drawer_yzb8n_2 ._footer_yzb8n_106._has-scroll_yzb8n_115{box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_yzb8n_2 ._footer-button_yzb8n_118{display:block;margin-left:auto}._drawer_yzb8n_2._left_yzb8n_122{top:0;left:-100%}._drawer_yzb8n_2._right_yzb8n_126{top:0;right:-100%}._drawer_yzb8n_2._full_yzb8n_130{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_yzb8n_2._bottom_yzb8n_140{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);transform:translate(-50%)}._drawer_yzb8n_2._bottom_yzb8n_140._full-bottom-height_yzb8n_151{height:calc(100% - var(--mimir-space-xs))}._drawer_yzb8n_2._bottom_yzb8n_140._is-loading_yzb8n_90{height:50vh}._drawer_yzb8n_2._opened_yzb8n_157{transition:all .3s ease;pointer-events:auto}._drawer_yzb8n_2._opened_yzb8n_157._left_yzb8n_122{left:0%;transition:left .3s ease}._drawer_yzb8n_2._opened_yzb8n_157._right_yzb8n_126{right:0%;transition:right .3s ease}._drawer_yzb8n_2._opened_yzb8n_157._bottom_yzb8n_140{bottom:0%}._drawer_yzb8n_2._opened_yzb8n_157._full_yzb8n_130{transform:scale(1);opacity:1}._drawer_yzb8n_2._is-closing_yzb8n_176._left_yzb8n_122{left:-100%}._drawer_yzb8n_2._is-closing_yzb8n_176._right_yzb8n_126{right:-100%}._drawer_yzb8n_2._is-closing_yzb8n_176._bottom_yzb8n_140{bottom:-100%}._drawer_yzb8n_2._is-closing_yzb8n_176._full_yzb8n_130{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_yzb8n_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_yzb8n_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_yzb8n_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_yzb8n_2{--drawer-width: 100%}._drawer_yzb8n_2._bottom_yzb8n_140{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_yzb8n_213{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_yzb8n_213._opened_yzb8n_157{opacity:1;transition:all .3s ease}._overlay_yzb8n_213._opened_yzb8n_157._unmount_yzb8n_229{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_yzb8n_213._is-closing_yzb8n_176{opacity:0;transition:all .3s ease}._overlay_yzb8n_213._unmount_yzb8n_229{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/assets/ProgressBar.css

@@ -1 +1 @@
-._toast-list_1xi9y_2{position:fixed;z-index:15000;width:100vw;max-width:515px;max-height:100vh;padding:var(--mimir-space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1xi9y_2::-webkit-scrollbar{display:none}._toast-list_1xi9y_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1xi9y_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1xi9y_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1xi9y_24{position:relative;display:flex;flex-direction:column;padding:var(--mimir-space-m);background-color:var(--toast-bg-color);border-radius:var(--mimir-control-radius);transition:all .3s ease}._toast-wrapper_1xi9y_24:not(:last-child){margin-bottom:var(--mimir-space-s)}._title_1xi9y_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._timer_1xi9y_41{display:flex;justify-content:space-between}._timer_1xi9y_41:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._timer-title_1xi9y_49,._title_1xi9y_37,._seconds_1xi9y_51{color:var(--black-60);font-size:var(--mimir-size-text-m);line-height:var(--mimir-line-height-text-xxs)}._seconds_1xi9y_51{color:var(--black-100)}._message_1xi9y_61{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._message_1xi9y_61:not(:last-child){margin-bottom:var(--mimir-space-xs)}._progress_1xi9y_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--mimir-control-radius-xs)}._progress-bar_1xi9y_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--mimir-control-radius-xs)}._close-button_1xi9y_89{position:absolute;top:var(--mimir-space-s);right:var(--mimir-space-s)}._slot_1xi9y_95{margin-top:var(--mimir-space-xl)}._default_1xi9y_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1xi9y_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1xi9y_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1xi9y_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._purple_1xi9y_119{--toast-bg-color: var(--purple-bg-active);--progress-bg-color: var(--purple-normal)}._top-right_1xi9y_124{top:0;right:0;transition:all .3s ease}._top-center_1xi9y_130{top:0;right:50%;transform:translate(50%)}._top-left_1xi9y_136{top:0;left:0}._bottom-left_1xi9y_141{bottom:0;left:0}._bottom-center_1xi9y_146{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1xi9y_152{right:0;bottom:0}@keyframes _toast-in_1xi9y_184{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1xi9y_188{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1xi9y_184{animation:_toast-in_1xi9y_184 .3s both}._toast-out_1xi9y_188{animation:_toast-out_1xi9y_188 .8s both}
+._toast-list_14r7q_2{position:fixed;z-index:var(--mimir-zindex-toasts-list);width:100vw;max-width:515px;max-height:100vh;padding:var(--mimir-space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_14r7q_2::-webkit-scrollbar{display:none}._toast-list_14r7q_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_14r7q_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_14r7q_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_14r7q_24{position:relative;display:flex;flex-direction:column;padding:var(--mimir-space-m);background-color:var(--toast-bg-color);border-radius:var(--mimir-control-radius);transition:all .3s ease}._toast-wrapper_14r7q_24:not(:last-child){margin-bottom:var(--mimir-space-s)}._title_14r7q_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._timer_14r7q_41{display:flex;justify-content:space-between}._timer_14r7q_41:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._timer-title_14r7q_49,._title_14r7q_37,._seconds_14r7q_51{color:var(--black-60);font-size:var(--mimir-size-text-m);line-height:var(--mimir-line-height-text-xxs)}._seconds_14r7q_51{color:var(--black-100)}._message_14r7q_61{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._message_14r7q_61:not(:last-child){margin-bottom:var(--mimir-space-xs)}._progress_14r7q_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--mimir-control-radius-xs)}._progress-bar_14r7q_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--mimir-control-radius-xs)}._close-button_14r7q_89{position:absolute;top:var(--mimir-space-s);right:var(--mimir-space-s)}._slot_14r7q_95{margin-top:var(--mimir-space-xl)}._default_14r7q_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_14r7q_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_14r7q_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_14r7q_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._purple_14r7q_119{--toast-bg-color: var(--purple-bg-active);--progress-bg-color: var(--purple-normal)}._top-right_14r7q_124{top:0;right:0;transition:all .3s ease}._top-center_14r7q_130{top:0;right:50%;transform:translate(50%)}._top-left_14r7q_136{top:0;left:0}._bottom-left_14r7q_141{bottom:0;left:0}._bottom-center_14r7q_146{right:50%;bottom:0;transform:translate(50%)}._bottom-right_14r7q_152{right:0;bottom:0}@keyframes _toast-in_14r7q_184{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_14r7q_188{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_14r7q_184{animation:_toast-in_14r7q_184 .3s both}._toast-out_14r7q_188{animation:_toast-out_14r7q_188 .8s both}

package/dist/assets/index.css

@@ -1 +1 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--purple-normal: #8a2be2;--purple-bg-active: #fae1fa;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--purple-normal: #8a2be2;--purple-bg-active: #fae1fa;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--mimir-zindex-toasts-list: 2147483647;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

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

@@ -70,6 +70,10 @@ type TProps = {
      * Дополнительный класс для footer.
      */
     classNameFooter?: string;
+    /**
+     * Дополнительный класс для drawerContainer.
+     */
+    classNameDrawerContainer?: string;
     /**
      * Флаг, определяющий, закрывать ли Drawer при клике вне его области
      */

package/dist/components/Drawer/Drawer.js

@@ -1,41 +1,42 @@
-import { jsxs as l, Fragment as te, jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { forwardRef as ne, useState as p, useRef as L, useEffect as M, useCallback as g } from "react";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../index-DIxK0V-G.js";
+import { forwardRef as ne, useState as b, useRef as L, useEffect as M, useCallback as p } from "react";
 import { EDrawerPosition as R } from "./constants.js";
 import { useContainer as re } from "./hooks.js";
 import { ScrollWrapper as se } from "./ScrollWrapper/index.js";
 import { useMediaQuery as ie } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as ce } from "../../hooks/useMediaQuery/constants.js";
+import { EMediaQuery as ae } from "../../hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll as le } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as ae } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { useResizeObserver as ce } from "../../hooks/useResizeObserver/useResizeObserver.js";
 import { Button as H } from "../Button/Button.js";
-import { EButtonVariantDefault as de, EButtonSize as a } from "../Button/constants.js";
+import { EButtonVariantDefault as de, EButtonSize as c } from "../Button/constants.js";
 import { Loader as ue } from "../Loader/Loader.js";
 import { Portal as me } from "../Portal/Portal.js";
-import { EScrollBarVariant as fe, EScrollBarSize as he } from "../ScrollBar/constants.js";
-import '../../assets/Drawer.css';const _e = "_drawer_1cohb_2", be = "_content_1cohb_26", pe = "_header_1cohb_41", ge = "_title_1cohb_55", ye = "_space_1cohb_69", ve = "_inner_1cohb_80", Ce = "_button_1cohb_96", we = "_footer_1cohb_101", Ne = "_left_1cohb_117", ke = "_right_1cohb_121", Se = "_full_1cohb_125", Be = "_bottom_1cohb_135", Ee = "_opened_1cohb_152", ze = "_overlay_1cohb_208", Ie = "_unmount_1cohb_224", e = {
-  drawer: _e,
+import { EScrollBarVariant as fe, EScrollBarSize as _e } from "../ScrollBar/constants.js";
+import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_drawer_yzb8n_2", be = "_content_yzb8n_31", pe = "_header_yzb8n_46", ze = "_title_yzb8n_60", Ce = "_space_yzb8n_74", ge = "_inner_yzb8n_85", we = "_button_yzb8n_101", ve = "_footer_yzb8n_106", Ne = "_left_yzb8n_122", ke = "_right_yzb8n_126", Se = "_full_yzb8n_130", Be = "_bottom_yzb8n_140", Ee = "_opened_yzb8n_157", Ie = "_overlay_yzb8n_213", Oe = "_unmount_yzb8n_229", e = {
+  drawerContainer: ye,
+  drawer: he,
   content: be,
   header: pe,
-  "sticky-header": "_sticky-header_1cohb_49",
-  title: ge,
-  space: ye,
-  inner: ve,
-  "is-loading": "_is-loading_1cohb_85",
-  button: Ce,
-  footer: we,
-  "has-scroll": "_has-scroll_1cohb_110",
-  "footer-button": "_footer-button_1cohb_113",
+  "sticky-header": "_sticky-header_yzb8n_54",
+  title: ze,
+  space: Ce,
+  inner: ge,
+  "is-loading": "_is-loading_yzb8n_90",
+  button: we,
+  footer: ve,
+  "has-scroll": "_has-scroll_yzb8n_115",
+  "footer-button": "_footer-button_yzb8n_118",
   left: Ne,
   right: ke,
   full: Se,
   bottom: Be,
-  "full-bottom-height": "_full-bottom-height_1cohb_146",
+  "full-bottom-height": "_full-bottom-height_yzb8n_151",
   opened: Ee,
-  "is-closing": "_is-closing_1cohb_171",
-  overlay: ze,
-  unmount: Ie
-}, Oe = 300, Le = (d) => d ? {
+  "is-closing": "_is-closing_yzb8n_176",
+  overlay: Ie,
+  unmount: Oe
+}, Le = 300, Me = (d) => d ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -44,7 +45,7 @@ import '../../assets/Drawer.css';const _e = "_drawer_1cohb_2", be = "_content_1c
     position: "absolute",
     zIndex: 90
   }
-} : {}, Ye = ne(
+} : {}, qe = ne(
   (d, T) => {
     const {
       as: x = "div",
@@ -52,35 +53,36 @@ import '../../assets/Drawer.css';const _e = "_drawer_1cohb_2", be = "_content_1c
       onClose: u,
       title: D,
       className: A,
-      unmount: y = !0,
+      unmount: z = !0,
       isLoading: s = !1,
       stickyHeader: P,
       fullBottomHeight: X = !1,
       position: m = R.RIGHT,
       paddingRight: j = 8,
       footer: f,
-      children: F,
-      classNameTitle: G,
-      classNameHeader: Q,
-      classNameInner: V,
-      classNameContent: W,
-      classNameFooter: K,
-      closeOnClickOutside: v = !0,
-      showCloseButton: C = !0,
-      getContainer: h,
-      ...Y
-    } = d, [w, N] = p(!1), [q, k] = p(!1), S = L(), _ = ie(ce.XS1), { ref: J } = ae({
+      children: G,
+      classNameTitle: Q,
+      classNameHeader: V,
+      classNameInner: W,
+      classNameDrawerContainer: F,
+      classNameContent: K,
+      classNameFooter: Y,
+      closeOnClickOutside: C = !0,
+      showCloseButton: g = !0,
+      getContainer: _,
+      ...q
+    } = d, [w, v] = b(!1), [J, N] = b(!1), k = L(), y = ie(ae.XS1), { ref: U } = ce({
       enabled: m === R.BOTTOM
-    }), B = re(h), i = L(null), [U, Z] = p(!1);
+    }), S = re(_), i = L(null), [Z, $] = b(!1);
     M(() => {
-      const c = () => {
+      const a = () => {
         if (i.current) {
-          const { scrollHeight: ee, clientHeight: oe } = i.current;
-          Z(ee > oe);
+          const { scrollHeight: oe, clientHeight: te } = i.current;
+          $(oe > te);
         }
       };
-      c();
-      const O = new ResizeObserver(c);
+      a();
+      const O = new ResizeObserver(a);
       return i.current && O.observe(i.current), () => {
         O.disconnect();
       };
@@ -88,135 +90,141 @@ import '../../assets/Drawer.css';const _e = "_drawer_1cohb_2", be = "_content_1c
       on: r && !w,
       paddingRight: j
     });
-    const t = g(() => {
-      u && (N(!0), S.current = setTimeout(() => {
-        u(), N(!1);
-      }, Oe));
-    }, [u]), $ = g(() => {
-      v && t();
-    }, [v, t]), b = g(
-      (c) => {
-        c.key === "Escape" && t();
+    const n = p(() => {
+      u && (v(!0), k.current = setTimeout(() => {
+        u(), v(!1);
+      }, Le));
+    }, [u]), ee = p(() => {
+      C && n();
+    }, [C, n]), h = p(
+      (a) => {
+        a.key === "Escape" && n();
       },
-      [t]
+      [n]
     );
-    M(() => (r && (k(!0), window.addEventListener("keydown", b)), () => {
-      k(!1), clearTimeout(S.current), window.removeEventListener("keydown", b);
-    }), [r, b]);
-    const E = {
-      [e.opened]: q,
+    M(() => (r && (N(!0), window.addEventListener("keydown", h)), () => {
+      N(!1), clearTimeout(k.current), window.removeEventListener("keydown", h);
+    }), [r, h]);
+    const B = {
+      [e.opened]: J,
       [e["is-closing"]]: w,
       [e["full-bottom-height"]]: X,
       [e["is-loading"]]: s
     };
-    if (!r && y)
+    if (!r && z)
       return null;
-    const z = Le(h !== void 0 && h !== !1), I = /* @__PURE__ */ l(te, { children: [
-      /* @__PURE__ */ l(
-        x,
-        {
-          ref: T,
-          "aria-hidden": !r,
-          role: "dialog",
-          style: z.drawer,
-          className: n(e.drawer, e[m], E, A),
-          ...Y,
-          children: [
-            /* @__PURE__ */ l(
-              "section",
-              {
-                ref: J,
-                className: n(
-                  e.content,
-                  W,
-                  e[m],
+    const E = Me(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ l(
+      "div",
+      {
+        className: t(e.drawerContainer, F),
+        children: [
+          /* @__PURE__ */ l(
+            x,
+            {
+              ref: T,
+              "aria-hidden": !r,
+              role: "dialog",
+              style: E.drawer,
+              className: t(e.drawer, e[m], B, A),
+              ...q,
+              children: [
+                /* @__PURE__ */ l(
+                  "section",
                   {
-                    [e["is-loading"]]: !!s
-                  }
-                ),
-                children: [
-                  /* @__PURE__ */ l(
-                    "header",
-                    {
-                      className: n(e.header, Q, {
-                        [e["sticky-header"]]: P
-                      }),
-                      children: [
-                        /* @__PURE__ */ o("h2", { className: n(e.title, G), children: D }),
-                        /* @__PURE__ */ o("div", { className: e.space, children: C && /* @__PURE__ */ o(
-                          H,
-                          {
-                            variant: de.SecondaryWhite,
-                            isIconButton: !0,
-                            size: _ ? a.S : a.M,
-                            iconName: "Close16px",
-                            onClick: t,
-                            className: e.button
-                          }
-                        ) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ o(
-                    se,
-                    {
-                      ref: i,
-                      className: n(
-                        e.inner,
+                    ref: U,
+                    className: t(
+                      e.content,
+                      K,
+                      e[m],
+                      {
+                        [e["is-loading"]]: !!s
+                      }
+                    ),
+                    children: [
+                      /* @__PURE__ */ l(
+                        "header",
                         {
-                          [e["is-loading"]]: !!s
-                        },
-                        V
+                          className: t(e.header, V, {
+                            [e["sticky-header"]]: P
+                          }),
+                          children: [
+                            /* @__PURE__ */ o("h2", { className: t(e.title, Q), children: D }),
+                            /* @__PURE__ */ o("div", { className: e.space, children: g && /* @__PURE__ */ o(
+                              H,
+                              {
+                                variant: de.SecondaryWhite,
+                                isIconButton: !0,
+                                size: y ? c.S : c.M,
+                                iconName: "Close16px",
+                                onClick: n,
+                                className: e.button
+                              }
+                            ) })
+                          ]
+                        }
                       ),
-                      variant: fe.LIGHT,
-                      size: he.M,
-                      children: s ? /* @__PURE__ */ o(ue, {}) : F
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ o(
-              "footer",
-              {
-                className: n(e.footer, K, {
-                  [e["has-scroll"]]: U
-                }),
-                children: typeof f == "function" ? f({ handleClose: t }) : f || C && /* @__PURE__ */ o(
-                  H,
+                      /* @__PURE__ */ o(
+                        se,
+                        {
+                          ref: i,
+                          className: t(
+                            e.inner,
+                            {
+                              [e["is-loading"]]: !!s
+                            },
+                            W
+                          ),
+                          variant: fe.LIGHT,
+                          size: _e.M,
+                          children: s ? /* @__PURE__ */ o(ue, {}) : G
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "footer",
                   {
-                    size: _ ? a.L : a.XXL,
-                    full: _,
-                    onClick: t,
-                    className: e["footer-button"],
-                    children: "Закрыть"
+                    className: t(e.footer, Y, {
+                      [e["has-scroll"]]: Z
+                    }),
+                    children: typeof f == "function" ? f({ handleClose: n }) : f || g && /* @__PURE__ */ o(
+                      H,
+                      {
+                        size: y ? c.L : c.XXL,
+                        full: y,
+                        onClick: n,
+                        className: e["footer-button"],
+                        children: "Закрыть"
+                      }
+                    )
                   }
                 )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: n(
-            e.overlay,
-            {
-              [e.unmount]: !y
-            },
-            E
+              ]
+            }
           ),
-          style: z.overlay,
-          "data-testid": "drawer-overlay",
-          onClick: $
-        }
-      )
-    ] });
-    return B === !1 ? I : /* @__PURE__ */ o(me, { element: B, children: I });
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: t(
+                e.overlay,
+                {
+                  [e.unmount]: !z
+                },
+                B
+              ),
+              style: E.overlay,
+              "data-testid": "drawer-overlay",
+              onClick: ee
+            }
+          )
+        ]
+      }
+    );
+    return S === !1 ? I : /* @__PURE__ */ o(me, { element: S, children: I });
   }
 );
 export {
-  Oe as ANIMATION_DELAY,
-  Ye as Drawer
+  Le as ANIMATION_DELAY,
+  qe as Drawer
 };

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { P as s } from "../../ProgressBar-DA7-pT_u.js";
+import { P as s } from "../../ProgressBar-F970LqqJ.js";
 export {
   s as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ 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-DA7-pT_u.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(

package/dist/components/Toasts/ToastList.js

@@ -1,41 +1,42 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
 import { memo as e, useRef as f, useCallback as T, useEffect as u } from "react";
-import { EToastPosition as i } from "./constants.js";
-import { c as l } from "../../ProgressBar-DA7-pT_u.js";
+import { EToastPosition as c } from "./constants.js";
+import { c as l } from "../../ProgressBar-F970LqqJ.js";
 import { Toast as d } from "./Toast.js";
-const O = e(
-  ({ toasts: r, position: s = i.TOP_RIGHT, onToastRemove: n }) => {
-    const t = f(null), c = T(
+import { Portal as p } from "../Portal/Portal.js";
+const x = e(
+  ({ toasts: s, position: r = c.TOP_RIGHT, onToastRemove: n }) => {
+    const t = f(null), m = T(
       (o) => {
         [
-          i.TOP_LEFT,
-          i.TOP_RIGHT
-        ].includes(s) ? o == null || o.scrollTo(0, o.scrollHeight) : o == null || o.scrollTo(0, 0);
+          c.TOP_LEFT,
+          c.TOP_RIGHT
+        ].includes(r) ? o == null || o.scrollTo(0, o.scrollHeight) : o == null || o.scrollTo(0, 0);
       },
-      [s]
+      [r]
     );
     return u(() => {
-      t.current && c(t.current);
-    }, [c, r]), r.length ? /* @__PURE__ */ m(
+      t.current && m(t.current);
+    }, [m, s]), s.length ? /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(
       "div",
       {
         ref: t,
-        className: a(l["toast-list"], l[s]),
+        className: a(l["toast-list"], l[r]),
         "data-testid": "toast-list",
-        children: r.map((o) => /* @__PURE__ */ m(
+        children: s.map((o) => /* @__PURE__ */ i(
           d,
           {
-            position: s,
+            position: r,
             onToastRemove: n,
             ...o
           },
           o.id
         ))
       }
-    ) : null;
+    ) }) : null;
   }
 );
 export {
-  O as ToastList
+  x as ToastList
 };

package/dist/components/Toasts/ToastsProvider.js

@@ -3,7 +3,7 @@ import { useReducer as u, useCallback as m, useMemo as E } from "react";
 import { EToastVariant as o } from "./constants.js";
 import { ToastContext as l } from "./hooks.js";
 import { reducer as L, initialState as A, actionCreators as c } from "./store.js";
-import { c as C } from "../../ProgressBar-DA7-pT_u.js";
+import { c as C } from "../../ProgressBar-F970LqqJ.js";
 import { ToastList as S } from "./ToastList.js";
 const F = ({ children: d }) => {
   const [i, r] = u(L, A), a = m((t) => {

package/package.json

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

package/dist/ProgressBar-DA7-pT_u.js

@@ -1,68 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as u } from "./index-DIxK0V-G.js";
-import { memo as x, useRef as e, useEffect as y } from "react";
-import { DEFAULT_TOAST_DURATION as f, EToastVariant as g } from "./components/Toasts/constants.js";
-import './assets/ProgressBar.css';const b = "_title_1xi9y_37", d = "_timer_1xi9y_41", A = "_seconds_1xi9y_51", T = "_message_1xi9y_61", h = "_progress_1xi9y_69", w = "_slot_1xi9y_95", D = "_success_1xi9y_104", F = "_alarm_1xi9y_109", R = "_error_1xi9y_114", E = "_purple_1xi9y_119", o = {
-  "toast-list": "_toast-list_1xi9y_2",
-  "toast-wrapper": "_toast-wrapper_1xi9y_24",
-  title: b,
-  timer: d,
-  "timer-title": "_timer-title_1xi9y_49",
-  seconds: A,
-  message: T,
-  progress: h,
-  "progress-bar": "_progress-bar_1xi9y_78",
-  "close-button": "_close-button_1xi9y_89",
-  slot: w,
-  default: "_default_1xi9y_99",
-  success: D,
-  alarm: F,
-  error: R,
-  purple: E,
-  "top-right": "_top-right_1xi9y_124",
-  "top-center": "_top-center_1xi9y_130",
-  "top-left": "_top-left_1xi9y_136",
-  "bottom-left": "_bottom-left_1xi9y_141",
-  "bottom-center": "_bottom-center_1xi9y_146",
-  "bottom-right": "_bottom-right_1xi9y_152",
-  "toast-in": "_toast-in_1xi9y_184",
-  "toast-out": "_toast-out_1xi9y_188"
-}, L = x(
-  ({
-    duration: _ = f,
-    variant: l = g.DEFAULT,
-    isPaused: i = !1
-  }) => {
-    const t = e(), r = e(null), n = e(Date.now()), s = e(0);
-    return y(() => {
-      if (i)
-        t.current && cancelAnimationFrame(t.current);
-      else {
-        n.current = Date.now() - s.current;
-        const c = () => {
-          const p = Date.now();
-          s.current = p - n.current;
-          const a = Math.min(
-            s.current / _ * 100,
-            100
-          );
-          r.current && (r.current.style.width = `${a}%`), a < 100 && (t.current = requestAnimationFrame(c));
-        };
-        t.current = requestAnimationFrame(c);
-      }
-      return () => {
-        t.current && cancelAnimationFrame(t.current);
-      };
-    }, [_, i]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
-      "div",
-      {
-        ref: r,
-        className: u(o["progress-bar"], o[l])
-      }
-    ) });
-  }
-);
-export {
-  L as P,
-  o as c
-};