mimir-ui-kit 1.14.7 → 1.15.1

package/dist/ProgressBar-BekX41HR.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "./index-CweZ_OcN.js";
+import { memo, useRef, useEffect } from "react";
+import { DEFAULT_TOAST_DURATION, EToastVariant } from "./components/Toasts/constants.js";
+import './assets/ProgressBar2.css';const title = "_title_1bc98_37";
+const timer = "_timer_1bc98_41";
+const seconds = "_seconds_1bc98_51";
+const message = "_message_1bc98_61";
+const progress = "_progress_1bc98_69";
+const slot = "_slot_1bc98_95";
+const success = "_success_1bc98_104";
+const alarm = "_alarm_1bc98_109";
+const error = "_error_1bc98_114";
+const cls = {
+  "toast-list": "_toast-list_1bc98_2",
+  "toast-wrapper": "_toast-wrapper_1bc98_24",
+  title,
+  timer,
+  "timer-title": "_timer-title_1bc98_49",
+  seconds,
+  message,
+  progress,
+  "progress-bar": "_progress-bar_1bc98_78",
+  "close-button": "_close-button_1bc98_89",
+  slot,
+  "default": "_default_1bc98_99",
+  success,
+  alarm,
+  error,
+  "top-right": "_top-right_1bc98_119",
+  "top-center": "_top-center_1bc98_125",
+  "top-left": "_top-left_1bc98_131",
+  "bottom-left": "_bottom-left_1bc98_136",
+  "bottom-center": "_bottom-center_1bc98_141",
+  "bottom-right": "_bottom-right_1bc98_147",
+  "toast-in": "_toast-in_1bc98_179",
+  "toast-out": "_toast-out_1bc98_183"
+};
+const ProgressBar = memo(
+  ({
+    duration = DEFAULT_TOAST_DURATION,
+    variant = EToastVariant.DEFAULT
+  }) => {
+    const requestRef = useRef();
+    const progressRef = useRef(null);
+    useEffect(() => {
+      const startTime = Date.now();
+      const animate = () => {
+        const elapsedTime = Date.now() - startTime;
+        const percentage = Math.min(elapsedTime / duration * 100, 100);
+        if (progressRef.current) {
+          progressRef.current.style.width = `${percentage}%`;
+        }
+        if (percentage < 100) {
+          requestRef.current = requestAnimationFrame(animate);
+        }
+      };
+      requestRef.current = requestAnimationFrame(animate);
+      return () => {
+        if (requestRef.current) {
+          cancelAnimationFrame(requestRef.current);
+        }
+      };
+    }, [duration]);
+    return /* @__PURE__ */ jsx("div", { className: cls.progress, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: progressRef,
+        className: classNames(cls["progress-bar"], cls[variant])
+      }
+    ) });
+  }
+);
+export {
+  ProgressBar as P,
+  cls as c
+};

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_dmyer_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_dmyer_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_dmyer_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_dmyer_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_dmyer_2._clear_dmyer_44:focus{box-shadow:none}._button_dmyer_2 svg{color:currentcolor;fill:currentcolor}._button_dmyer_2 svg path{color:currentcolor;fill:currentcolor}._xs_dmyer_56{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_dmyer_64{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_dmyer_72{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_dmyer_80{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_dmyer_88{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_dmyer_97{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._m-s_dmyer_106{--button-height: var(--button-height-ms);font-weight:var(--font-weight-text-regular);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._default-button_dmyer_114{border-radius:var(--control-radius)}._default-button_dmyer_114._primary-sapphire_dmyer_117{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_dmyer_114._primary-citrine_dmyer_126{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_dmyer_114._secondary-asphalt_dmyer_135{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_dmyer_114._secondary-gray_dmyer_144{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_dmyer_114._secondary-white_dmyer_153{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_dmyer_114._secondary-red_dmyer_162{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_dmyer_172{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_dmyer_172._black_dmyer_179{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_dmyer_172._gray_dmyer_188{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_dmyer_172._white_dmyer_197{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._outline-button_dmyer_207{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color);border-radius:var(--control-radius)}._outline-button_dmyer_207._outline-asphalt_dmyer_215{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_dmyer_207._outline-gray_dmyer_223{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_dmyer_207._outline-white_dmyer_232{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_dmyer_207._outline-red_dmyer_241{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._full_dmyer_251{display:flex;justify-content:center;width:100%}._disabled_dmyer_257{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_dmyer_257:hover,._disabled_dmyer_257:active,._disabled_dmyer_257:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_dmyer_257._outline-button_dmyer_207{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_dmyer_273{justify-content:center;min-width:var(--button-height);padding:0}
+._button_12tq3_2{--button-loader-color: var(--button-color);--button-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_12tq3_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_12tq3_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_12tq3_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_12tq3_2._clear_12tq3_43:focus{box-shadow:none}._button_12tq3_2 svg{color:currentcolor;fill:currentcolor}._button_12tq3_2 svg path{color:currentcolor;fill:currentcolor}._xs_12tq3_55{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_12tq3_63{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_12tq3_71{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_12tq3_79{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_12tq3_87{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_12tq3_96{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._m-s_12tq3_105{--button-height: var(--button-height-ms);font-weight:var(--font-weight-text-regular);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._default-button_12tq3_113{border-radius:var(--control-radius)}._default-button_12tq3_113._primary-sapphire_12tq3_116{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_12tq3_113._primary-citrine_12tq3_125{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_12tq3_113._secondary-asphalt_12tq3_134{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_12tq3_113._secondary-gray_12tq3_143{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_12tq3_113._secondary-white_12tq3_152{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_12tq3_113._secondary-red_12tq3_161{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_12tq3_171{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_12tq3_171._black_12tq3_178{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_12tq3_171._gray_12tq3_187{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_12tq3_171._white_12tq3_196{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._outline-button_12tq3_206{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color);border-radius:var(--control-radius)}._outline-button_12tq3_206._outline-asphalt_12tq3_214{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_12tq3_206._outline-gray_12tq3_222{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_12tq3_206._outline-white_12tq3_231{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_12tq3_206._outline-red_12tq3_240{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._full_12tq3_250{display:flex;justify-content:center;width:100%}._disabled_12tq3_256{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_12tq3_256:hover,._disabled_12tq3_256:active,._disabled_12tq3_256:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_12tq3_256._outline-button_12tq3_206{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_12tq3_272{justify-content:center;min-width:var(--button-height);padding:0}

package/dist/assets/ProgressBar2.css

@@ -0,0 +1 @@
+._toast-list_1bc98_2{position:fixed;z-index:50;width:100vw;max-width:515px;max-height:100vh;padding:var(--space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1bc98_2::-webkit-scrollbar{display:none}._toast-list_1bc98_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1bc98_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1bc98_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1bc98_24{position:relative;display:flex;flex-direction:column;padding:var(--space-m);background-color:var(--toast-bg-color);border-radius:var(--control-radius);transition:all .3s ease}._toast-wrapper_1bc98_24:not(:last-child){margin-bottom:var(--space-s)}._title_1bc98_37:not(:last-child){margin-bottom:var(--space-xs)}._timer_1bc98_41{display:flex;justify-content:space-between}._timer_1bc98_41:not(:last-child){margin-bottom:var(--space-2xs)}._timer-title_1bc98_49,._title_1bc98_37,._seconds_1bc98_51{color:var(--black-60);font-size:var(--size-text-m);line-height:var(--line-height-text-xxs)}._seconds_1bc98_51{color:var(--black-100)}._message_1bc98_61{font-size:var(--size-text-l);line-height:var(--line-height-text-s1)}._message_1bc98_61:not(:last-child){margin-bottom:var(--space-xs)}._progress_1bc98_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--control-radius-xs)}._progress-bar_1bc98_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--control-radius-xs)}._close-button_1bc98_89{position:absolute;top:var(--space-s);right:var(--space-s)}._slot_1bc98_95{margin-top:var(--space-xl)}._default_1bc98_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1bc98_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1bc98_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1bc98_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._top-right_1bc98_119{top:0;right:0;transition:all .3s ease}._top-center_1bc98_125{top:0;right:50%;transform:translate(50%)}._top-left_1bc98_131{top:0;left:0}._bottom-left_1bc98_136{bottom:0;left:0}._bottom-center_1bc98_141{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1bc98_147{right:0;bottom:0}@keyframes _toast-in_1bc98_179{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1bc98_183{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1bc98_179{animation:_toast-in_1bc98_179 .3s both}._toast-out_1bc98_183{animation:_toast-out_1bc98_183 .8s both}

package/dist/components/Button/Button.js

@@ -3,19 +3,19 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { EButtonVariantDefault, EButtonForm } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Button.css';const button = "_button_dmyer_2";
-const clear = "_clear_dmyer_44";
-const xs = "_xs_dmyer_56";
-const s = "_s_dmyer_64";
-const m = "_m_dmyer_72";
-const l = "_l_dmyer_80";
-const xl = "_xl_dmyer_88";
-const xxl = "_xxl_dmyer_97";
-const black = "_black_dmyer_179";
-const gray = "_gray_dmyer_188";
-const white = "_white_dmyer_197";
-const full = "_full_dmyer_251";
-const disabled = "_disabled_dmyer_257";
+import '../../assets/Button.css';const button = "_button_12tq3_2";
+const clear = "_clear_12tq3_43";
+const xs = "_xs_12tq3_55";
+const s = "_s_12tq3_63";
+const m = "_m_12tq3_71";
+const l = "_l_12tq3_79";
+const xl = "_xl_12tq3_87";
+const xxl = "_xxl_12tq3_96";
+const black = "_black_12tq3_178";
+const gray = "_gray_12tq3_187";
+const white = "_white_12tq3_196";
+const full = "_full_12tq3_250";
+const disabled = "_disabled_12tq3_256";
 const cls = {
   button,
   clear,
@@ -25,26 +25,26 @@ const cls = {
   l,
   xl,
   xxl,
-  "m-s": "_m-s_dmyer_106",
-  "default-button": "_default-button_dmyer_114",
-  "primary-sapphire": "_primary-sapphire_dmyer_117",
-  "primary-citrine": "_primary-citrine_dmyer_126",
-  "secondary-asphalt": "_secondary-asphalt_dmyer_135",
-  "secondary-gray": "_secondary-gray_dmyer_144",
-  "secondary-white": "_secondary-white_dmyer_153",
-  "secondary-red": "_secondary-red_dmyer_162",
-  "round-button": "_round-button_dmyer_172",
+  "m-s": "_m-s_12tq3_105",
+  "default-button": "_default-button_12tq3_113",
+  "primary-sapphire": "_primary-sapphire_12tq3_116",
+  "primary-citrine": "_primary-citrine_12tq3_125",
+  "secondary-asphalt": "_secondary-asphalt_12tq3_134",
+  "secondary-gray": "_secondary-gray_12tq3_143",
+  "secondary-white": "_secondary-white_12tq3_152",
+  "secondary-red": "_secondary-red_12tq3_161",
+  "round-button": "_round-button_12tq3_171",
   black,
   gray,
   white,
-  "outline-button": "_outline-button_dmyer_207",
-  "outline-asphalt": "_outline-asphalt_dmyer_215",
-  "outline-gray": "_outline-gray_dmyer_223",
-  "outline-white": "_outline-white_dmyer_232",
-  "outline-red": "_outline-red_dmyer_241",
+  "outline-button": "_outline-button_12tq3_206",
+  "outline-asphalt": "_outline-asphalt_12tq3_214",
+  "outline-gray": "_outline-gray_12tq3_222",
+  "outline-white": "_outline-white_12tq3_231",
+  "outline-red": "_outline-red_12tq3_240",
   full,
   disabled,
-  "icon-button": "_icon-button_dmyer_273"
+  "icon-button": "_icon-button_12tq3_272"
 };
 const Button = forwardRef(
   (props, ref) => {
@@ -73,8 +73,8 @@ const Button = forwardRef(
       [cls["icon-button"]]: isIconButton
     };
     const buttonClassNames = classNames(
-      cls.button,
       className,
+      cls.button,
       mods,
       clear2 ? [] : [cls[form ?? ""], cls[size]]
     );

package/dist/components/Timer/Timer.d.ts

@@ -20,5 +20,5 @@ type TProps = {
 /**
  *  Компонент Timer отображает таймер с отсчетом времени в минутах и секундах.
  */
-export declare const Timer: ({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Timer: import('react').MemoExoticComponent<({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Timer/Timer.js

@@ -1,29 +1,27 @@
 import { jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo } from "react";
 import { useTimer } from "../../hooks/useTimer/index.js";
 import '../../assets/Timer.css';const timer = "_timer_llwad_3";
 const cls = {
   timer
 };
-const Timer = ({
-  expiryTimestamp,
-  autoStart = false,
-  onTimerEnd,
-  className
-}) => {
-  const { minutes, seconds } = useTimer({
-    expiryTimestamp,
-    onExpire: onTimerEnd,
-    autoStart
-  });
-  const formattedMinutes = String(minutes).padStart(2, "0");
-  const formattedSeconds = String(seconds).padStart(2, "0");
-  return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
-    formattedMinutes,
-    ":",
-    formattedSeconds
-  ] });
-};
+const Timer = memo(
+  ({ expiryTimestamp, autoStart = false, onTimerEnd, className }) => {
+    const { minutes, seconds } = useTimer({
+      expiryTimestamp,
+      onExpire: onTimerEnd,
+      autoStart
+    });
+    const formattedMinutes = String(minutes).padStart(2, "0");
+    const formattedSeconds = String(seconds).padStart(2, "0");
+    return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
+      formattedMinutes,
+      ":",
+      formattedSeconds
+    ] });
+  }
+);
 export {
   Timer
 };

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

@@ -0,0 +1,5 @@
+import { TProps as TToastProps } from './Toast';
+
+type TProps = Pick<TToastProps, 'duration' | 'variant'>;
+export declare const ProgressBar: import('react').MemoExoticComponent<({ duration, variant }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/Toasts/ProgressBar.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../index-CweZ_OcN.js";
+import "react";
+import "./constants.js";
+import { P } from "../../ProgressBar-BekX41HR.js";
+export {
+  P as ProgressBar
+};

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

@@ -0,0 +1,54 @@
+import { ReactNode, RefObject } from 'react';
+import { EToastVariant, EToastPosition } from './constants';
+
+export type TProps = {
+    /**
+     * Идентификатор уведомления.
+     */
+    id: string;
+    /**
+     * Вариант уведомления.
+     */
+    variant?: EToastVariant | `${EToastVariant}`;
+    /**
+     * Сообщение уведомления.
+     */
+    message: ReactNode;
+    /**
+     * Заголовок уведомления.
+     */
+    title: string;
+    /**
+     * Длительность уведомления.
+     */
+    duration?: number;
+    /**
+     * Позиция уведомления.
+     */
+    position?: EToastPosition | `${EToastPosition}`;
+    /**
+     * Флаг, указывающий на автоматическое закрытие уведомления.
+     */
+    autoClose?: boolean;
+    /**
+     * Флаг, указывающий на необходимость таймера.
+     */
+    needTimer?: boolean;
+    /**
+     * Флаг, указывающий на необходимость индикатора прогресса.
+     */
+    needProgress?: boolean;
+    /**
+     * Флаг, указывающий на необходимость кнопки закрытия.
+     */
+    needCloseButton?: boolean;
+    /**
+     * Функция обратного вызова, вызываемая при удалении уведомления.
+     */
+    onToastRemove?: (toastId: string, ref: RefObject<HTMLDivElement>) => void;
+    /**
+     * Слот уведомления.
+     */
+    slot?: ReactNode;
+};
+export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Toasts/Toast.js

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useRef } from "react";
+import { ANIMATION_VARIABLES_MAP, EToastPosition, EToastVariant, DEFAULT_TOAST_DURATION } from "./constants.js";
+import { c as cls, P as ProgressBar } from "../../ProgressBar-BekX41HR.js";
+import { useTimer } from "../../hooks/useTimer/index.js";
+import { Button } from "../Button/Button.js";
+const Toast = memo(
+  ({
+    id,
+    title = "",
+    message,
+    position = EToastPosition.TOP_RIGHT,
+    variant = EToastVariant.DEFAULT,
+    duration = DEFAULT_TOAST_DURATION,
+    autoClose = true,
+    needProgress = true,
+    needTimer = true,
+    needCloseButton = true,
+    onToastRemove,
+    slot
+  }) => {
+    const wrapperRef = useRef(null);
+    const { seconds } = useTimer({
+      expiryTimestamp: Date.now() + duration,
+      autoStart: needTimer,
+      onExpire: autoClose ? () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef) : void 0
+    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ["--elm-translate"]: ANIMATION_VARIABLES_MAP[position]
+        },
+        className: classNames(
+          cls["toast-in"],
+          cls["toast-wrapper"],
+          cls[variant]
+        ),
+        ref: wrapperRef,
+        role: "alert",
+        children: [
+          title && /* @__PURE__ */ jsx("h3", { className: cls.title, children: title }),
+          message && /* @__PURE__ */ jsx("div", { className: cls.message, children: message }),
+          (needTimer || needProgress) && /* @__PURE__ */ jsxs("div", { children: [
+            !!duration && needTimer && /* @__PURE__ */ jsxs("div", { className: cls.timer, children: [
+              /* @__PURE__ */ jsx("h4", { className: cls["timer-title"], children: "Осталось" }),
+              /* @__PURE__ */ jsxs("p", { className: cls.seconds, children: [
+                seconds,
+                " сек"
+              ] })
+            ] }),
+            !!duration && needProgress && /* @__PURE__ */ jsx(ProgressBar, { variant, duration })
+          ] }),
+          needCloseButton && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef),
+              clear: true,
+              isIconButton: true,
+              className: cls["close-button"],
+              iconName: "Close24px"
+            }
+          ),
+          slot && /* @__PURE__ */ jsx("div", { className: cls.slot, children: slot })
+        ]
+      }
+    );
+  }
+);
+export {
+  Toast
+};

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

@@ -0,0 +1,10 @@
+import { EToastPosition } from './constants';
+import { TProps as TToastProps } from './Toast';
+
+type TProps = {
+    position?: EToastPosition | `${EToastPosition}`;
+    toasts: TToastProps[];
+    onToastRemove?: (toastId: string, ref: React.RefObject<HTMLDivElement>) => void;
+};
+export declare const ToastList: import('react').MemoExoticComponent<({ toasts, position, onToastRemove }: TProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/components/Toasts/ToastList.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useRef, useCallback, useEffect } from "react";
+import { EToastPosition } from "./constants.js";
+import { c as cls } from "../../ProgressBar-BekX41HR.js";
+import { Toast } from "./Toast.js";
+const ToastList = memo(
+  ({ toasts, position = EToastPosition.TOP_RIGHT, onToastRemove }) => {
+    const listRef = useRef(null);
+    const handleScrolling = useCallback(
+      (el) => {
+        const isTopPosition = [
+          EToastPosition.TOP_LEFT,
+          EToastPosition.TOP_RIGHT
+        ].includes(position);
+        if (isTopPosition) {
+          el == null ? void 0 : el.scrollTo(0, el.scrollHeight);
+        } else {
+          el == null ? void 0 : el.scrollTo(0, 0);
+        }
+      },
+      [position]
+    );
+    useEffect(() => {
+      listRef.current && handleScrolling(listRef.current);
+    }, [handleScrolling, toasts]);
+    if (!toasts.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: listRef,
+        className: classNames(cls["toast-list"], cls[position]),
+        children: toasts.map((toast) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            position,
+            onToastRemove,
+            ...toast
+          },
+          toast.id
+        ))
+      }
+    );
+  }
+);
+export {
+  ToastList
+};

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export declare const ToastProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toasts/ToastsProvider.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useReducer, useCallback, useMemo } from "react";
+import { EToastVariant } from "./constants.js";
+import { ToastContext } from "./hooks.js";
+import { reducer, initialState, actionCreators } from "./store.js";
+import { c as cls } from "../../ProgressBar-BekX41HR.js";
+import { ToastList } from "./ToastList.js";
+const ToastProvider = ({ children }) => {
+  const [toasts, dispatch] = useReducer(reducer, initialState);
+  const handleToastAdd = useCallback((toast2) => {
+    dispatch(actionCreators.setToasts(toast2));
+  }, []);
+  const toast = useMemo(
+    () => ({
+      [EToastVariant.DEFAULT]: (toast2) => handleToastAdd({ variant: EToastVariant.DEFAULT, ...toast2 }),
+      [EToastVariant.SUCCESS]: (toast2) => handleToastAdd({ variant: EToastVariant.SUCCESS, ...toast2 }),
+      [EToastVariant.ALARM]: (toast2) => handleToastAdd({ variant: EToastVariant.ALARM, ...toast2 }),
+      [EToastVariant.ERROR]: (toast2) => handleToastAdd({ variant: EToastVariant.ERROR, ...toast2 })
+    }),
+    [handleToastAdd]
+  );
+  const handleToastRemove = useCallback(
+    (toastId, ref) => {
+      var _a, _b;
+      (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.classList.add(cls["toast-out"]);
+      (_b = ref == null ? void 0 : ref.current) == null ? void 0 : _b.addEventListener("animationend", () => {
+        dispatch(actionCreators.removeToast(toastId));
+      });
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: toast, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      ToastList,
+      {
+        toasts: toasts.toasts,
+        onToastRemove: handleToastRemove,
+        position: toasts.position
+      }
+    )
+  ] });
+};
+export {
+  ToastProvider
+};

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

@@ -0,0 +1,23 @@
+export declare enum EToastVariant {
+    DEFAULT = "default",
+    ALARM = "alarm",
+    SUCCESS = "success",
+    ERROR = "error"
+}
+export declare enum EToastPosition {
+    TOP_LEFT = "top-left",
+    TOP_CENTER = "top-center",
+    TOP_RIGHT = "top-right",
+    BOTTOM_RIGHT = "bottom-right",
+    BOTTOM_CENTER = "bottom-center",
+    BOTTOM_LEFT = "bottom-left"
+}
+export declare const ANIMATION_VARIABLES_MAP: {
+    "top-right": string;
+    "top-center": string;
+    "top-left": string;
+    "bottom-left": string;
+    "bottom-center": string;
+    "bottom-right": string;
+};
+export declare const DEFAULT_TOAST_DURATION = 3000;

package/dist/components/Toasts/constants.js

@@ -0,0 +1,49 @@
+var EToastVariant = /* @__PURE__ */ ((EToastVariant2) => {
+  EToastVariant2["DEFAULT"] = "default";
+  EToastVariant2["ALARM"] = "alarm";
+  EToastVariant2["SUCCESS"] = "success";
+  EToastVariant2["ERROR"] = "error";
+  return EToastVariant2;
+})(EToastVariant || {});
+var EToastPosition = /* @__PURE__ */ ((EToastPosition2) => {
+  EToastPosition2["TOP_LEFT"] = "top-left";
+  EToastPosition2["TOP_CENTER"] = "top-center";
+  EToastPosition2["TOP_RIGHT"] = "top-right";
+  EToastPosition2["BOTTOM_RIGHT"] = "bottom-right";
+  EToastPosition2["BOTTOM_CENTER"] = "bottom-center";
+  EToastPosition2["BOTTOM_LEFT"] = "bottom-left";
+  return EToastPosition2;
+})(EToastPosition || {});
+const ANIMATION_VARIABLES_MAP = {
+  [
+    "top-right"
+    /* TOP_RIGHT */
+  ]: "translateX(1000px)",
+  [
+    "top-center"
+    /* TOP_CENTER */
+  ]: "translateY(-1300px)",
+  [
+    "top-left"
+    /* TOP_LEFT */
+  ]: "translateX(-1000px)",
+  [
+    "bottom-left"
+    /* BOTTOM_LEFT */
+  ]: "translateX(-1000px)",
+  [
+    "bottom-center"
+    /* BOTTOM_CENTER */
+  ]: "translateY(1300px)",
+  [
+    "bottom-right"
+    /* BOTTOM_RIGHT */
+  ]: "translateX(1000px)"
+};
+const DEFAULT_TOAST_DURATION = 3e3;
+export {
+  ANIMATION_VARIABLES_MAP,
+  DEFAULT_TOAST_DURATION,
+  EToastPosition,
+  EToastVariant
+};

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

@@ -0,0 +1,2 @@
+export declare const ToastContext: import('react').Context<import('./types').TToast>;
+export declare const useToast: () => import('./types').TToast;

package/dist/components/Toasts/hooks.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+const ToastContext = createContext({
+  alarm: () => {
+  },
+  default: () => {
+  },
+  error: () => {
+  },
+  success: () => {
+  }
+});
+const useToast = () => useContext(ToastContext);
+export {
+  ToastContext,
+  useToast
+};

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

@@ -0,0 +1,3 @@
+export { ToastProvider } from './ToastsProvider';
+export { useToast } from './hooks';
+export { EToastPosition, EToastVariant } from './constants';

package/dist/components/Toasts/index.js

@@ -0,0 +1,9 @@
+import { ToastProvider } from "./ToastsProvider.js";
+import { useToast } from "./hooks.js";
+import { EToastPosition, EToastVariant } from "./constants.js";
+export {
+  EToastPosition,
+  EToastVariant,
+  ToastProvider,
+  useToast
+};

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

@@ -0,0 +1,29 @@
+import { EToastPosition } from './constants';
+import { TProps } from './Toast';
+
+export type State = {
+    toasts: TProps[];
+    position: EToastPosition | `${EToastPosition}`;
+};
+export declare enum EToastsActions {
+    SET_TOASTS = "setToasts",
+    REMOVE_TOAST = "removeToast",
+    RESET = "reset"
+}
+export declare const actionCreators: {
+    setToasts: (payload: Omit<TProps, "id">) => {
+        readonly type: EToastsActions.SET_TOASTS;
+        readonly payload: Omit<TProps, "id">;
+    };
+    removeToast: (payload: string) => {
+        readonly type: EToastsActions.REMOVE_TOAST;
+        readonly payload: string;
+    };
+    reset: () => {
+        readonly type: EToastsActions.RESET;
+    };
+};
+type ActionTypes = ReturnType<typeof actionCreators.setToasts> | ReturnType<typeof actionCreators.removeToast> | ReturnType<typeof actionCreators.reset>;
+export declare const initialState: State;
+export declare const reducer: (state: State | undefined, action: ActionTypes) => State;
+export {};

package/dist/components/Toasts/store.js

@@ -0,0 +1,50 @@
+import { EToastPosition } from "./constants.js";
+var EToastsActions = /* @__PURE__ */ ((EToastsActions2) => {
+  EToastsActions2["SET_TOASTS"] = "setToasts";
+  EToastsActions2["REMOVE_TOAST"] = "removeToast";
+  EToastsActions2["RESET"] = "reset";
+  return EToastsActions2;
+})(EToastsActions || {});
+const actionCreators = {
+  setToasts: (payload) => ({ type: "setToasts", payload }),
+  removeToast: (payload) => ({ type: "removeToast", payload }),
+  reset: () => ({
+    type: "reset"
+    /* RESET */
+  })
+};
+const initialState = {
+  toasts: [],
+  position: EToastPosition.TOP_RIGHT
+};
+const reducer = (state = initialState, action) => {
+  switch (action.type) {
+    case "setToasts":
+      return {
+        ...state,
+        toasts: [
+          ...state.toasts,
+          { ...action.payload, id: `${Math.random() * 1e4}` }
+        ],
+        position: action.payload.position && action.payload.position !== state.position ? action.payload.position : state.position
+      };
+    case "removeToast": {
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.payload)
+      };
+    }
+    case "reset": {
+      return initialState;
+    }
+    default: {
+      return state;
+    }
+  }
+};
+export {
+  EToastsActions,
+  actionCreators,
+  initialState,
+  reducer
+};

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

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

package/dist/components/Toasts/types.js

@@ -0,0 +1 @@
+

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export type { TAccordionProps, TAccordionItemProps } from './Accordion';
 export { TabTrail, ETabTrailSize } from './TabTrail';
 export type { TTabTrailProps, TCategoryTab } from './TabTrail';
 export { Pagination } from './Pagination';
+export { ToastProvider, useToast, EToastPosition, EToastVariant } from './Toasts';
 export { UploaderPhotos } from './UploaderPhotos';
 export type { TUploaderPhotos, TOnChangePhotosUpdate } from './UploaderPhotos';
 export { Uploader } from './Uploader';

package/dist/components/index.js

@@ -32,6 +32,9 @@ import { AccordionItem } from "./Accordion/AccordionItem/AccordionItem.js";
 import { TabTrail } from "./TabTrail/TabTrail.js";
 import { ETabTrailSize } from "./TabTrail/constants.js";
 import { Pagination } from "./Pagination/Pagination.js";
+import { ToastProvider } from "./Toasts/ToastsProvider.js";
+import { useToast } from "./Toasts/hooks.js";
+import { EToastPosition, EToastVariant } from "./Toasts/constants.js";
 import { UploaderPhotos } from "./UploaderPhotos/UploaderPhotos.js";
 import { Uploader } from "./Uploader/Uploader.js";
 export {
@@ -57,6 +60,8 @@ export {
   ETabTrailSize,
   ETagSize,
   ETagType,
+  EToastPosition,
+  EToastVariant,
   EVoteSize,
   AppImage as Image,
   Input,
@@ -75,9 +80,11 @@ export {
   TabTrail,
   Tag,
   Timer,
+  ToastProvider,
   Uploader,
   UploaderPhotos,
   Vote,
   getMaskedInputPhoneValue,
-  getUnmaskedInputValue
+  getUnmaskedInputValue,
+  useToast
 };

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useMediaQuery, EMediaQuery, EMinMediaQuery } from './useMediaQuery';
 export { useLockBodyScroll } from './useLockBodyScroll';
 export { useInterval } from './useInterval';
 export { useTimer } from './useTimer';
+export { useCopyToClipboard } from './useCopyToClipboard';

package/dist/hooks/index.js

@@ -3,9 +3,11 @@ import { EMediaQuery, EMinMediaQuery } from "./useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./useLockBodyScroll/useLockBodyScroll.js";
 import { useInterval } from "./useInterval/useInterval.js";
 import { useTimer } from "./useTimer/index.js";
+import { useCopyToClipboard } from "./useCopyToClipboard/useCopyToClipboard.js";
 export {
   EMediaQuery,
   EMinMediaQuery,
+  useCopyToClipboard,
   useInterval,
   useLockBodyScroll,
   useMediaQuery,

package/dist/hooks/useCopyToClipboard/index.d.ts

@@ -0,0 +1 @@
+export { useCopyToClipboard } from './useCopyToClipboard';

package/dist/hooks/useCopyToClipboard/index.js

@@ -0,0 +1,4 @@
+import { useCopyToClipboard } from "./useCopyToClipboard.js";
+export {
+  useCopyToClipboard
+};

package/dist/hooks/useCopyToClipboard/useCopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+type CopiedValue = string | null;
+type CopyFn = (text: string) => Promise<boolean>;
+export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
+export {};

package/dist/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -0,0 +1,23 @@
+import { useState, useCallback } from "react";
+function useCopyToClipboard() {
+  const [copiedText, setCopiedText] = useState(null);
+  const copy = useCallback(async (text) => {
+    if (!(navigator == null ? void 0 : navigator.clipboard)) {
+      console.warn("Clipboard not supported");
+      return false;
+    }
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedText(text);
+      return true;
+    } catch (error) {
+      console.warn("Copy failed", error);
+      setCopiedText(null);
+      return false;
+    }
+  }, []);
+  return [copiedText, copy];
+}
+export {
+  useCopyToClipboard
+};

package/dist/hooks/useTimer/index.d.ts

@@ -6,8 +6,8 @@ export type TUseTimerProps = {
 };
 export declare function useTimer({ expiryTimestamp: expiry, onExpire, autoStart }: TUseTimerProps): {
     start: () => void;
-    pause: () => void;
-    resume: () => void;
+    pause: (cb?: VoidFunction) => void;
+    resume: (cb?: VoidFunction) => void;
     restart: (newExpiryTimestamp: number, newAutoStart?: boolean) => void;
     isRunning: boolean;
     totalSeconds: number;

package/dist/hooks/useTimer/index.js

@@ -27,8 +27,11 @@ function useTimer({
     setIsRunning(false);
     setDelay(null);
   }, [onExpire]);
-  const pause = useCallback(() => {
-    setIsRunning(false);
+  const pause = useCallback((cb) => {
+    setIsRunning(() => {
+      cb == null ? void 0 : cb();
+      return false;
+    });
   }, []);
   const restart = useCallback(
     (newExpiryTimestamp, newAutoStart = true) => {
@@ -40,11 +43,15 @@ function useTimer({
     },
     []
   );
-  const resume = useCallback(() => {
-    const time = /* @__PURE__ */ new Date();
-    time.setMilliseconds(time.getMilliseconds() + seconds * 1e3);
-    restart(time.getTime(), true);
-  }, [seconds, restart]);
+  const resume = useCallback(
+    (cb) => {
+      const time = /* @__PURE__ */ new Date();
+      time.setMilliseconds(time.getMilliseconds() + seconds * 1e3);
+      restart(time.getTime(), true);
+      cb == null ? void 0 : cb();
+    },
+    [seconds, restart]
+  );
   const start = useCallback(() => {
     if (didStart) {
       setSeconds(Time.getSecondsFromExpiry(expiryTimestamp ?? 0, false));

package/dist/index.js

@@ -32,6 +32,9 @@ import { AccordionItem } from "./components/Accordion/AccordionItem/AccordionIte
 import { TabTrail } from "./components/TabTrail/TabTrail.js";
 import { ETabTrailSize } from "./components/TabTrail/constants.js";
 import { Pagination } from "./components/Pagination/Pagination.js";
+import { ToastProvider } from "./components/Toasts/ToastsProvider.js";
+import { useToast } from "./components/Toasts/hooks.js";
+import { EToastPosition, EToastVariant } from "./components/Toasts/constants.js";
 import { UploaderPhotos } from "./components/UploaderPhotos/UploaderPhotos.js";
 import { Uploader } from "./components/Uploader/Uploader.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
@@ -39,6 +42,7 @@ import { EMediaQuery, EMinMediaQuery } from "./hooks/useMediaQuery/constants.js"
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { useInterval } from "./hooks/useInterval/useInterval.js";
 import { useTimer } from "./hooks/useTimer/index.js";
+import { useCopyToClipboard } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
 import { Icon } from "./icons/Icon.js";
 import { formating } from "./utils/index.js";
 import './assets/index.css';export {
@@ -66,6 +70,8 @@ import './assets/index.css';export {
   ETabTrailSize,
   ETagSize,
   ETagType,
+  EToastPosition,
+  EToastVariant,
   EVoteSize,
   Icon,
   AppImage as Image,
@@ -85,14 +91,17 @@ import './assets/index.css';export {
   TabTrail,
   Tag,
   Timer,
+  ToastProvider,
   Uploader,
   UploaderPhotos,
   Vote,
   formating,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
+  useCopyToClipboard,
   useInterval,
   useLockBodyScroll,
   useMediaQuery,
-  useTimer
+  useTimer,
+  useToast
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.14.7",
+  "version": "1.15.1",
   "type": "module",
   "exports": {
     ".": {
@@ -106,7 +106,9 @@
   "peerDependencies": {
     "@headlessui/react": "^2.1.2",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "swiper": "^11.1.5",
+    "react-window": "^1.8.10"
   },
   "husky": {
     "hooks": {
@@ -121,10 +123,5 @@
     "**/*.{css,scss}": [
       "stylelint --fix --formatter verbose"
     ]
-  },
-  "dependencies": {
-    "react-window": "^1.8.10",
-    "swiper": "^11.1.5",
-    "use-clipboard-copy": "^0.2.0"
   }
 }