mimir-ui-kit 1.39.4 → 1.41.0

package/dist/components/Tag/Tag.d.ts

@@ -13,7 +13,7 @@ export type TProps = {
     /**
      * Класс, применяемый к контентному элементу
      */
-    size?: ETagSize;
+    size?: `${ETagSize}` | ETagSize;
     /**
      * Класс, применяемый к корневому элемент
      */

package/dist/components/Tag/Tag.js

@@ -1,46 +1,47 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
-import { forwardRef as N } from "react";
-import { ETagSize as j, ETagType as n } from "./constants.js";
-import '../../assets/Tag.css';const S = "_container_pnj33_2", g = "_disabled_pnj33_25", C = "_inner_pnj33_30", u = "_M_pnj33_38", M = "_S_pnj33_42", h = "_XS_pnj33_50", o = {
-  container: S,
-  disabled: g,
-  inner: C,
-  M: u,
-  S: M,
-  XS: h
-}, U = N(
+import { forwardRef as z } from "react";
+import { ETagSize as f, ETagType as o } from "./constants.js";
+import '../../assets/Tag.css';const N = "_container_zmbqd_2", q = "_disabled_zmbqd_25", X = "_inner_zmbqd_30", g = "_M_zmbqd_38", C = "_S_zmbqd_42", u = "_XS_zmbqd_50", M = "_XSS_zmbqd_58", e = {
+  container: N,
+  disabled: q,
+  inner: X,
+  M: g,
+  S: C,
+  XS: u,
+  XSS: M
+}, O = z(
   (t, c) => {
     const {
       rootClassName: l,
-      innerClassName: i,
-      children: _,
-      size: d = j.M,
-      disabled: p = !1,
-      elementType: m = n.BUTTON,
-      backgroundColor: e = "",
-      color: T = "",
+      innerClassName: d,
+      children: i,
+      size: m = f.M,
+      disabled: _ = !1,
+      elementType: b = o.BUTTON,
+      backgroundColor: n = "",
+      color: S = "",
       outline: r = !1,
-      ...b
-    } = t, f = m === n.BUTTON ? n.BUTTON : n.DIV;
+      ...T
+    } = t, p = b === o.BUTTON ? o.BUTTON : o.DIV;
     return /* @__PURE__ */ s(
-      f,
+      p,
       {
-        className: a(o.container, o[d], l, {
-          [o.disabled]: p
+        className: a(e.container, e[m], l, {
+          [e.disabled]: _
         }),
         ref: c,
         style: {
-          backgroundColor: r ? "transparent" : e,
-          borderColor: e,
-          color: r ? e : T
+          backgroundColor: r ? "transparent" : n,
+          borderColor: n,
+          color: r ? n : S
         },
-        ...b,
-        children: /* @__PURE__ */ s("span", { className: a(o.inner, i), children: _ })
+        ...T,
+        children: /* @__PURE__ */ s("span", { className: a(e.inner, d), children: i })
       }
     );
   }
 );
 export {
-  U as Tag
+  O as Tag
 };

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

@@ -1,4 +1,5 @@
 export declare enum ETagSize {
+    XSS = "XSS",
     XS = "XS",
     S = "S",
     M = "M"

package/dist/components/Tag/constants.js

@@ -1,5 +1,5 @@
-var t = /* @__PURE__ */ ((r) => (r.XS = "XS", r.S = "S", r.M = "M", r))(t || {}), n = /* @__PURE__ */ ((r) => (r.DIV = "div", r.BUTTON = "button", r))(n || {});
+var t = /* @__PURE__ */ ((r) => (r.XSS = "XSS", r.XS = "XS", r.S = "S", r.M = "M", r))(t || {}), S = /* @__PURE__ */ ((r) => (r.DIV = "div", r.BUTTON = "button", r))(S || {});
 export {
   t as ETagSize,
-  n as ETagType
+  S as ETagType
 };

package/dist/components/index.d.ts

@@ -70,3 +70,5 @@ export { MessageShortReply } from './MessageShortReply';
 export { EMessageShortReplyVariant, type TMessageShortReplyProps } from './MessageShortReply';
 export { Table } from './Table';
 export { ESortDirection, ETableVariant, ETableDisplayMode, ETableScrollButtonVariant, ETableScrollIconName } from './Table';
+export { PromoSlider } from './PromoSlider';
+export { CardTrail } from './CardTrail';

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { OtpInput as L } from "./OtpInput/OtpInput.js";
 import { RadioGroup as A } from "./RadioGroup/RadioGroup.js";
 import { DatePicker as U } from "./DatePicker/DatePicker.js";
 import { MergedButton as y } from "./MergedButton/MergedButton.js";
-import { EMergedButtonVariantRound as C } from "./MergedButton/constants.js";
+import { EMergedButtonVariantRound as D } from "./MergedButton/constants.js";
 import { AppImage as v } from "./Image/Image.js";
 import { Loader as N } from "./Loader/Loader.js";
 import { ELoaderSize as O } from "./Loader/constants.js";
@@ -36,7 +36,7 @@ import { TabTrail as bo } from "./TabTrail/TabTrail.js";
 import { ETabTrailSize as Mo } from "./TabTrail/constants.js";
 import { Pagination as Ro } from "./Pagination/Pagination.js";
 import { ToastProvider as wo } from "./Toasts/ToastsProvider.js";
-import { useToast as Do } from "./Toasts/hooks.js";
+import { useToast as Co } from "./Toasts/hooks.js";
 import { EToastPosition as Fo, EToastVariant as vo } from "./Toasts/constants.js";
 import { UploaderPhotos as No } from "./UploaderPhotos/UploaderPhotos.js";
 import { UploaderFiles as Oo } from "./UploaderFiles/UploaderFiles.js";
@@ -61,7 +61,7 @@ import { SkeletonBrick as Lr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
 import { SkeletonText as Ar } from "./Skeleton/SkeletonText/SkeletonText.js";
 import { SkeletonCircle as Ur } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
 import { ESkeletonVariant as yr } from "./Skeleton/constants.js";
-import { Avatar as Cr } from "./Avatar/Avatar.js";
+import { Avatar as Dr } from "./Avatar/Avatar.js";
 import { EAvatarSize as vr } from "./Avatar/constants.js";
 import { MultiSelectSearch as Nr } from "./MultiSelectSearch/MultiSelectSearch.js";
 import { EMultiSelectSearchSize as Or } from "./MultiSelectSearch/constants.js";
@@ -72,13 +72,16 @@ import { MessageShortReply as Xr } from "./MessageShortReply/MessageShortReply.j
 import { EMessageShortReplyVariant as _r } from "./MessageShortReply/constants.js";
 import { Table as oe } from "./Table/Table.js";
 import { ESortDirection as ee, ETableDisplayMode as te, ETableScrollButtonVariant as pe, ETableScrollIconName as ae, ETableVariant as ie } from "./Table/constants.js";
-import { default as fe } from "./Slider/Slider.js";
-import { EProgressBarPosition as ne } from "./Slider/constants.js";
+import { PromoSlider as fe } from "./PromoSlider/PromoSlider.js";
+import { CardTrail as ne } from "./CardTrail/CardTrail.js";
+import { default as Ee } from "./Slider/Slider.js";
+import { EProgressBarPosition as se } from "./Slider/constants.js";
 export {
   go as Accordion,
   ko as AccordionItem,
-  Cr as Avatar,
+  Dr as Avatar,
   e as Button,
+  ne as CardTrail,
   lo as CheckboxMimir,
   tr as Chip,
   U as DatePicker,
@@ -107,11 +110,11 @@ export {
   Xo as ELinkSize,
   Yo as ELinkVariant,
   O as ELoaderSize,
-  C as EMergedButtonVariantRound,
+  D as EMergedButtonVariantRound,
   _r as EMessageShortReplyVariant,
   Or as EMultiSelectSearchSize,
   rr as ENotificationBadgeSize,
-  ne as EProgressBarPosition,
+  se as EProgressBarPosition,
   xo as ESelectSearchSize,
   yr as ESkeletonVariant,
   ee as ESortDirection,
@@ -146,12 +149,13 @@ export {
   $o as NotificationBadge,
   L as OtpInput,
   Ro as Pagination,
+  fe as PromoSlider,
   A as RadioGroup,
   mo as SelectSearch,
   Lr as SkeletonBrick,
   Ur as SkeletonCircle,
   Ar as SkeletonText,
-  fe as Slider,
+  Ee as Slider,
   q as SliderLazy,
   _ as Steps,
   zr as Switcher,
@@ -169,5 +173,5 @@ export {
   to as Vote,
   k as getMaskedInputPhoneValue,
   P as getUnmaskedInputValue,
-  Do as useToast
+  Co as useToast
 };

package/dist/hooks/index.d.ts

@@ -5,3 +5,5 @@ export { useTimer } from './useTimer';
 export { useCopyToClipboard } from './useCopyToClipboard';
 export { useMergeRefs } from './useMergeRefs';
 export { useResizeObserver } from './useResizeObserver';
+export { useCallbackRef } from './useCallbackRef';
+export { useThrottledCallback } from './useThrottledCallback';

package/dist/hooks/index.js

@@ -1,19 +1,23 @@
 import { useMediaQuery as o } from "./useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as s, EMinMediaQuery as u } from "./useMediaQuery/constants.js";
-import { useLockBodyScroll as m } from "./useLockBodyScroll/useLockBodyScroll.js";
+import { EMediaQuery as f, EMinMediaQuery as p } from "./useMediaQuery/constants.js";
+import { useLockBodyScroll as u } from "./useLockBodyScroll/useLockBodyScroll.js";
 import { useInterval as x } from "./useInterval/useInterval.js";
-import { useTimer as a } from "./useTimer/index.js";
-import { useCopyToClipboard as y } from "./useCopyToClipboard/useCopyToClipboard.js";
-import { useMergeRefs as l } from "./useMergeRefs/useMergeRefs.js";
-import { useResizeObserver as b } from "./useResizeObserver/useResizeObserver.js";
+import { useTimer as l } from "./useTimer/index.js";
+import { useCopyToClipboard as d } from "./useCopyToClipboard/useCopyToClipboard.js";
+import { useMergeRefs as M } from "./useMergeRefs/useMergeRefs.js";
+import { useResizeObserver as c } from "./useResizeObserver/useResizeObserver.js";
+import { useCallbackRef as k } from "./useCallbackRef/index.js";
+import { useThrottledCallback as R } from "./useThrottledCallback/index.js";
 export {
-  s as EMediaQuery,
-  u as EMinMediaQuery,
-  y as useCopyToClipboard,
+  f as EMediaQuery,
+  p as EMinMediaQuery,
+  k as useCallbackRef,
+  d as useCopyToClipboard,
   x as useInterval,
-  m as useLockBodyScroll,
+  u as useLockBodyScroll,
   o as useMediaQuery,
-  l as useMergeRefs,
-  b as useResizeObserver,
-  a as useTimer
+  M as useMergeRefs,
+  c as useResizeObserver,
+  R as useThrottledCallback,
+  l as useTimer
 };

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

@@ -0,0 +1 @@
+export declare function useCallbackRef<T extends (...args: unknown[]) => unknown>(callback: T | undefined): T;

package/dist/hooks/useCallbackRef/index.js

@@ -0,0 +1,13 @@
+import { useRef as n, useEffect as o, useMemo as f } from "react";
+function m(r) {
+  const e = n(r);
+  return o(() => {
+    e.current = r;
+  }), f(() => (...u) => {
+    var t;
+    return (t = e.current) == null ? void 0 : t.call(e, ...u);
+  }, []);
+}
+export {
+  m as useCallbackRef
+};

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

@@ -0,0 +1,2 @@
+export declare function useThrottledCallbackWithClearTimeout<T extends (...args: unknown[]) => unknown>(callback: T, wait: number): readonly [(...args: Parameters<T>) => void, () => void];
+export declare function useThrottledCallback<T extends (...args: unknown[]) => unknown>(callback: T, wait: number): (...args: Parameters<T>) => void;

package/dist/hooks/useThrottledCallback/index.js

@@ -0,0 +1,27 @@
+import { useRef as c, useCallback as i, useEffect as T } from "react";
+import { useCallbackRef as b } from "../useCallbackRef/index.js";
+function k(u, e) {
+  const f = b(u), r = c(null), m = c(null), l = c(!0), o = c(e), s = c(-1), d = () => window.clearTimeout(s.current), n = i(
+    (...t) => {
+      f(...t), r.current = t, m.current = t, l.current = !1;
+    },
+    [f]
+  ), a = i(() => {
+    r.current && r.current !== m.current ? (n(...r.current), s.current = window.setTimeout(a, o.current)) : l.current = !0;
+  }, [n]), C = i(
+    (...t) => {
+      l.current ? (n(...t), s.current = window.setTimeout(a, o.current)) : r.current = t;
+    },
+    [n, a]
+  );
+  return T(() => {
+    o.current = e;
+  }, [e]), [C, d];
+}
+function w(u, e) {
+  return k(u, e)[0];
+}
+export {
+  w as useThrottledCallback,
+  k as useThrottledCallbackWithClearTimeout
+};