mimir-ui-kit 1.41.6 → 1.42.1

package/dist/assets/ClearButton.css

@@ -0,0 +1 @@
+._clear_n3to9_2{display:flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--asphalt-normal);border-radius:var(--mimir-control-radius-xs)}._clear_n3to9_2 svg{color:currentcolor;fill:currentcolor}._clear_n3to9_2 svg path{color:currentcolor;fill:currentcolor}._clear_n3to9_2._gray_n3to9_18{background:var(--gray-normal)}._clear_n3to9_2:hover{color:var(--counter-text);box-shadow:none}._clear_n3to9_2:active{color:var(--asphalt-active);box-shadow:none}._clear_n3to9_2:disabled{color:var(--disabled)}._clear_n3to9_2._l_n3to9_32{width:var(--button-height-xs);height:var(--button-height-xs)}._clear_n3to9_2._m-s_n3to9_36{width:var(--button-height-ms);height:var(--button-height-ms)}

package/dist/assets/ListFiles.css

@@ -1 +1 @@
-._file-info_wnnpg_2{display:flex;flex-direction:column;gap:var(--mimir-space-xs);overflow:hidden}._file-info_wnnpg_2 ._file-info-size_wnnpg_8{color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-m);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xxs);text-align:left}._file-info_wnnpg_2 ._file-info-name-wrapper_wnnpg_16{display:table;width:100%;table-layout:fixed}._file-info_wnnpg_2 ._file-info-name-wrapper_wnnpg_16 ._file-info-name_wnnpg_16{display:table-cell;overflow:hidden;color:var(--black-100);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l2);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xl);white-space:nowrap;text-align:left;text-overflow:ellipsis}._file-upload-container_wnnpg_34{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%;margin-bottom:0;padding-left:0}._file-upload-container_wnnpg_34 ._file-upload-container-item_wnnpg_42{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--mimir-space-xs) var(--mimir-space-m);background:var(--file-upload-container-background);border-radius:var(--mimir-control-radius)}._file-upload-container_wnnpg_34 ._file-upload-container-item_wnnpg_42 ._delete-button_wnnpg_51{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs);background:var(--delete-button-background)}._white_wnnpg_58{--file-upload-container-background: var(--white);--delete-button-background: var(--black-5)}._gray_wnnpg_63{--file-upload-container-background: var(--black-5);--delete-button-background: var(--white)}
+._file-info_hpqrc_2{display:flex;flex-direction:column;gap:var(--mimir-space-xs);overflow:hidden}._file-info_hpqrc_2 ._file-info-size_hpqrc_8{display:flex;align-items:center;height:var(--mimir-space-2m);color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-m);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xxs);text-align:left}._file-info_hpqrc_2 ._file-info-name-wrapper_hpqrc_19{display:table;width:100%;table-layout:fixed}._file-info_hpqrc_2 ._file-info-name-wrapper_hpqrc_19 ._file-info-name_hpqrc_19{display:table-cell;overflow:hidden;color:var(--black-100);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l2);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xl);white-space:nowrap;text-align:left;text-overflow:ellipsis}._file-upload-container_hpqrc_37{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%;margin-bottom:0;padding-left:0}._file-upload-container_hpqrc_37 ._file-upload-container-item_hpqrc_45{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--mimir-space-xs) var(--mimir-space-m);background:var(--file-upload-container-background);border-radius:var(--mimir-control-radius)}._file-upload-container_hpqrc_37 ._file-upload-container-item_hpqrc_45 ._delete-button_hpqrc_54{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs);background:var(--delete-button-background)}._white_hpqrc_61{--file-upload-container-background: var(--white);--delete-button-background: var(--black-5)}._gray_hpqrc_66{--file-upload-container-background: var(--black-5);--delete-button-background: var(--white)}

package/dist/components/CardTrail/CardTrail.d.ts

@@ -25,6 +25,10 @@ export type TProps = {
      * Флаг, определяющий, нужно ли при клике на карточку скроллиться до нее.
      */
     scrollToCard?: boolean;
+    /**
+     * Значение, которое раздвигает отрицательными и положительным отступами.
+     */
+    padding?: number;
     /**
      * Флаг, определяющий, нужны ли кнопки для перелистывания.
      */

package/dist/components/CardTrail/CardTrail.js

@@ -1,118 +1,134 @@
-import { jsxs as N, jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as H, useRef as E, useState as u, useEffect as O, Children as $ } from "react";
-import { DEFAULT_SPACE_BETWEEN as j, DEFAULT_SCROLL_STEP as V, DEFAULT_DIVIDED as q, DEFAULT_CARD_INDEX as X } from "./constants.js";
-import { hasHorizontalScroll as h, isScrollAtEdge as S } from "./utils.js";
-import { useMergeRefs as G } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { useThrottledCallback as J } from "../../hooks/useThrottledCallback/index.js";
-import { MergedButton as K } from "../MergedButton/MergedButton.js";
-import '../../assets/CardTrail.css';const P = "_pointer_c21mz_49", c = {
+import { jsxs as S, jsx as u } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as q, useRef as f, useState as _, useEffect as P, Children as X } from "react";
+import { DEFAULT_SPACE_BETWEEN as Y, DEFAULT_SCROLL_STEP as G, DEFAULT_DIVIDED as J, DEFAULT_CARD_INDEX as K } from "./constants.js";
+import { hasHorizontalScroll as g, isScrollAtEdge as T } from "./utils.js";
+import { useMergeRefs as Q } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { useThrottledCallback as Z } from "../../hooks/useThrottledCallback/index.js";
+import { MergedButton as rr } from "../MergedButton/MergedButton.js";
+import '../../assets/CardTrail.css';const tr = "_pointer_c21mz_49", c = {
   "card-trail": "_card-trail_c21mz_3",
   "card-trail-header": "_card-trail-header_c21mz_7",
   "card-trail-header-title": "_card-trail-header-title_c21mz_15",
   "card-trail-header-merged-button": "_card-trail-header-merged-button_c21mz_29",
   "card-trail-list": "_card-trail-list_c21mz_32",
   "card-trail-list-item": "_card-trail-list-item_c21mz_45",
-  pointer: P
-}, lr = H((v, D) => {
+  pointer: tr
+};
+let v = {};
+const dr = q((D, L) => {
   const {
-    cardClassName: T,
-    cardTrailClassName: z,
-    cardTrailHeaderClassName: L,
-    cardTrailListClassName: A,
-    cardTrailMergedButtonClassName: W,
-    children: m,
-    title: f,
-    spaceBetween: d = j,
-    scrollStep: _ = V,
-    mergedButtonProps: l,
-    scrollToCard: C = !1,
-    needButtons: k = !0,
-    dividedCardWidth: p = q,
-    currentCardIndex: g = X
-  } = v, r = E(null), n = E(null), [o, I] = u({
+    cardClassName: z,
+    cardTrailClassName: W,
+    cardTrailHeaderClassName: A,
+    cardTrailListClassName: R,
+    cardTrailMergedButtonClassName: k,
+    children: p,
+    title: C,
+    spaceBetween: o = Y,
+    scrollStep: B = G,
+    dividedCardWidth: I = J,
+    currentCardIndex: h = K,
+    mergedButtonProps: i,
+    scrollToCard: b = !1,
+    needButtons: w = !0,
+    padding: l = 0
+  } = D, r = f(null), N = f(!0), s = f(null), [d, y] = _({
     leftButton: !0,
     rightButton: !1
-  }), [w, B] = u(0), [y, b] = u(
-    () => h(r == null ? void 0 : r.current)
-  ), x = G(r, D), M = J(() => {
-    const e = !S(r.current, "left"), t = !S(r.current, "right");
-    I({
-      leftButton: !e,
-      rightButton: !t
+  }), [M, x] = _(0), [U, E] = _(
+    () => g(r == null ? void 0 : r.current)
+  ), F = Q(r, L), H = Z(() => {
+    var a;
+    if (N.current) {
+      N.current = !1;
+      const m = r.current, V = ((a = m == null ? void 0 : m.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
+      x(
+        V / I + l + o
+      ), v = {
+        paddingLeft: l,
+        paddingRight: l,
+        marginLeft: -l,
+        marginRight: -l
+      };
+    }
+    const t = !T(r.current, "left"), e = !T(r.current, "right");
+    y({
+      leftButton: !t,
+      rightButton: !e
     });
-  }, 300), F = (e) => () => {
+  }, 300), O = (t) => () => {
     var a;
-    if (!C)
+    if (!b)
       return;
-    const t = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
-      `[data-active-card='${e}']`
+    const e = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
+      `[data-active-card='${t}']`
     );
-    t && (t == null || t.scrollIntoView({
+    e && (e == null || e.scrollIntoView({
       behavior: "smooth",
       block: "nearest",
       inline: "center"
     }));
-  }, R = () => {
+  }, $ = () => {
     var a;
-    if (!r.current || o.leftButton) return;
-    const e = r.current, t = ((a = e.children[g]) == null ? void 0 : a.clientWidth) ?? 0;
-    B(t / p), e.scrollBy({
-      left: -(t + d) * _,
+    if (!r.current || d.leftButton) return;
+    const t = r.current, e = ((a = t.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
+    t.scrollBy({
+      left: -(e + o) * B,
       behavior: "smooth"
     });
-  }, U = () => {
+  }, j = () => {
     var a;
-    if (!r.current || o.rightButton) return;
-    const e = r.current, t = ((a = e.children[g]) == null ? void 0 : a.clientWidth) ?? 0;
-    B(t / p), e.scrollBy({
-      left: (t + d) * _,
+    if (!r.current || d.rightButton) return;
+    const t = r.current, e = ((a = t.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
+    t.scrollBy({
+      left: (e + o) * B,
       behavior: "smooth"
     });
   };
-  return O(() => {
-    const e = r.current;
-    if (e)
-      return n.current = new ResizeObserver(() => {
-        b(h(r == null ? void 0 : r.current));
-      }), n.current.observe(e), b(h(r == null ? void 0 : r.current)), () => {
-        n.current && n.current.disconnect();
+  return P(() => {
+    const t = r.current;
+    if (t)
+      return s.current = new ResizeObserver(() => {
+        E(g(r == null ? void 0 : r.current));
+      }), s.current.observe(t), E(g(r == null ? void 0 : r.current)), () => {
+        s.current && s.current.disconnect();
       };
-  }, [m]), /* @__PURE__ */ N("section", { className: i(c["card-trail"], z), children: [
-    /* @__PURE__ */ N(
+  }, [p]), /* @__PURE__ */ S("section", { className: n(c["card-trail"], W), children: [
+    /* @__PURE__ */ S(
       "header",
       {
-        className: i(
+        className: n(
           c["card-trail-header"],
-          L
+          A
         ),
         children: [
-          f && /* @__PURE__ */ s("h3", { className: c["card-trail-header-title"], children: f }),
-          y && k && /* @__PURE__ */ s(
-            K,
+          C && /* @__PURE__ */ u("h3", { className: c["card-trail-header-title"], children: C }),
+          U && w && /* @__PURE__ */ u(
+            rr,
             {
-              buttonsWrapperClassName: i(
+              buttonsWrapperClassName: n(
                 c["card-trail-header-merged-button"],
-                W
+                k
               ),
               buttons: [
                 {
                   isIconButton: !0,
                   iconName: "ArrowLeft16px",
                   variant: "gray",
-                  onClick: R,
-                  disabled: o.leftButton,
+                  onClick: $,
+                  disabled: d.leftButton,
                   size: "s",
-                  ...l == null ? void 0 : l.leftButton
+                  ...i == null ? void 0 : i.leftButton
                 },
                 {
                   isIconButton: !0,
                   iconName: "ArrowRight16px",
                   variant: "gray",
-                  onClick: U,
+                  onClick: j,
                   size: "s",
-                  disabled: o.rightButton,
-                  ...l == null ? void 0 : l.rightButton
+                  disabled: d.rightButton,
+                  ...i == null ? void 0 : i.rightButton
                 }
               ]
             }
@@ -120,25 +136,29 @@ import '../../assets/CardTrail.css';const P = "_pointer_c21mz_49", c = {
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ u(
       "ul",
       {
-        onScroll: M,
-        style: { gap: d, scrollPadding: `0 ${w}px` },
-        className: i(c["card-trail-list"], A),
-        ref: x,
-        children: $.map(m, (e, t) => /* @__PURE__ */ s(
+        onScroll: H,
+        style: {
+          gap: o,
+          scrollPadding: `0 ${M}px`,
+          ...v
+        },
+        className: n(c["card-trail-list"], R),
+        ref: F,
+        children: X.map(p, (t, e) => /* @__PURE__ */ u(
           "li",
           {
-            onClick: F(t),
-            "data-active-card": t,
-            "data-testid": `card-trail-item-${t}`,
-            className: i(
+            onClick: O(e),
+            "data-active-card": e,
+            "data-testid": `card-trail-item-${e}`,
+            className: n(
               c["card-trail-list-item"],
-              { [c.pointer]: C },
-              T
+              { [c.pointer]: b },
+              z
             ),
-            children: e
+            children: t
           }
         ))
       }
@@ -146,5 +166,5 @@ import '../../assets/CardTrail.css';const P = "_pointer_c21mz_49", c = {
   ] });
 });
 export {
-  lr as CardTrail
+  dr as CardTrail
 };

package/dist/components/CardTrail/utils.d.ts

@@ -7,3 +7,4 @@
  */
 export declare const isScrollAtEdge: (container: HTMLElement | null, direction: "left" | "right", tolerance?: number) => boolean;
 export declare const hasHorizontalScroll: (element: HTMLElement | null) => boolean;
+export declare const getCardWidth: <E extends Element>(element?: E) => number;

package/dist/components/CardTrail/utils.js

@@ -1,9 +1,10 @@
-const c = (r, i, t = 1) => {
-  if (!r) return !0;
-  const { scrollLeft: l, scrollWidth: s, clientWidth: o } = r;
-  return i === "left" ? l <= t : l >= s - o - t;
-}, e = (r) => r ? r.scrollWidth > r.clientWidth : !1;
+const o = (t, l, r = 1) => {
+  if (!t) return !0;
+  const { scrollLeft: i, scrollWidth: s, clientWidth: c } = t;
+  return l === "left" ? i <= r : i >= s - c - r;
+}, n = (t) => t ? t.scrollWidth > t.clientWidth : !1, d = (t) => t ? t.clientWidth : 0;
 export {
-  e as hasHorizontalScroll,
-  c as isScrollAtEdge
+  d as getCardWidth,
+  n as hasHorizontalScroll,
+  o as isScrollAtEdge
 };

package/dist/components/InputClearButton/ClearButton.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+
+export type TClearButton = {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Выключен ли clearButton или нет
+     */
+    disabled?: boolean;
+    /**
+     * Вариант кнопки загрузки файла
+     */
+    variant?: 'gray' | 'white';
+    /**
+     * Размер кнопки загрузки файла
+     */
+    size?: 'l' | 'm-s';
+    /**
+     * Класс для кнопки
+     */
+    clearButtonClassName?: string;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const ClearButton: React.ForwardRefExoticComponent<{
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Выключен ли clearButton или нет
+     */
+    disabled?: boolean;
+    /**
+     * Вариант кнопки загрузки файла
+     */
+    variant?: "gray" | "white";
+    /**
+     * Размер кнопки загрузки файла
+     */
+    size?: "l" | "m-s";
+    /**
+     * Класс для кнопки
+     */
+    clearButtonClassName?: string;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/InputClearButton/ClearButton.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { forwardRef as p } from "react";
+import { EClearButtonSize as a, EClearButtonVariant as f } from "./constants.js";
+import { Icon as u } from "../../icons/Icon.js";
+import '../../assets/ClearButton.css';const C = "_clear_n3to9_2", y = "_gray_n3to9_18", N = "_l_n3to9_32", o = {
+  clear: C,
+  gray: y,
+  l: N,
+  "m-s": "_m-s_n3to9_36"
+}, d = p(
+  (s, e) => {
+    const {
+      disabled: l = !1,
+      size: t = a.MS,
+      variant: n = f.Gray,
+      className: c,
+      ...m
+    } = s, i = _(
+      o.clear,
+      t === a.L ? o.l : o["m-s"],
+      o[n],
+      c
+    );
+    return /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        ref: e,
+        ...m,
+        disabled: l,
+        className: i,
+        children: /* @__PURE__ */ r(u, { iconName: t === "l" ? "Close16px" : "Close12px" })
+      }
+    );
+  }
+);
+d.displayName = "ClearButton";
+export {
+  d as ClearButton
+};

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

@@ -0,0 +1,8 @@
+export declare enum EClearButtonVariant {
+    Gray = "gray",
+    White = "white"
+}
+export declare enum EClearButtonSize {
+    L = "l",
+    MS = "m-s"
+}

package/dist/components/InputClearButton/constants.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((r) => (r.Gray = "gray", r.White = "white", r))(e || {}), h = /* @__PURE__ */ ((r) => (r.L = "l", r.MS = "m-s", r))(h || {});
+export {
+  h as EClearButtonSize,
+  e as EClearButtonVariant
+};

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

@@ -0,0 +1,4 @@
+export { ClearButton } from './ClearButton.tsx';
+export type { TClearButton } from './ClearButton.tsx';
+export { EClearButtonVariant } from './constants.ts';
+export type { EClearButtonSize } from './constants.ts';

package/dist/components/InputClearButton/index.js

@@ -0,0 +1,6 @@
+import { ClearButton as o } from "./ClearButton.js";
+import { EClearButtonVariant as e } from "./constants.js";
+export {
+  o as ClearButton,
+  e as EClearButtonVariant
+};

package/dist/components/ListFiles/ListFiles.js

@@ -1,66 +1,63 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { c as d } from "../../index-DIxK0V-G.js";
-import { useState as u, useEffect as w } from "react";
-import { EFileItemVariant as g } from "./constants.js";
-import { formating as N } from "../../utils/index.js";
-import { Button as h } from "../Button/Button.js";
-import '../../assets/ListFiles.css';const z = "_white_wnnpg_58", y = "_gray_wnnpg_63", e = {
-  "file-info": "_file-info_wnnpg_2",
-  "file-info-size": "_file-info-size_wnnpg_8",
-  "file-info-name-wrapper": "_file-info-name-wrapper_wnnpg_16",
-  "file-info-name": "_file-info-name_wnnpg_16",
-  "file-upload-container": "_file-upload-container_wnnpg_34",
-  "file-upload-container-item": "_file-upload-container-item_wnnpg_42",
-  "delete-button": "_delete-button_wnnpg_51",
-  white: z,
+import { useState as h, useEffect as u } from "react";
+import { EFileItemVariant as q } from "./constants.js";
+import { formating as w } from "../../utils/index.js";
+import { ClearButton as z } from "../InputClearButton/ClearButton.js";
+import '../../assets/ListFiles.css';const N = "_white_hpqrc_61", y = "_gray_hpqrc_66", e = {
+  "file-info": "_file-info_hpqrc_2",
+  "file-info-size": "_file-info-size_hpqrc_8",
+  "file-info-name-wrapper": "_file-info-name-wrapper_hpqrc_19",
+  "file-info-name": "_file-info-name_hpqrc_19",
+  "file-upload-container": "_file-upload-container_hpqrc_37",
+  "file-upload-container-item": "_file-upload-container-item_hpqrc_45",
+  "delete-button": "_delete-button_hpqrc_54",
+  white: N,
   gray: y
 };
-function B({
-  value: o,
-  onChange: s,
-  classNameWrapper: f,
-  variant: c = g.white,
+function E({
+  value: n,
+  onChange: o,
+  classNameWrapper: l,
+  variant: c = q.white,
   disabled: m
 }) {
-  const [a, l] = u(o);
-  w(() => {
-    l(o);
-  }, [o]);
+  const [a, f] = h(n);
+  u(() => {
+    f(n);
+  }, [n]);
   const p = async (i) => {
-    const n = [...a.filter((_) => _.id !== i)];
-    l(n), s == null || s({ deleteId: i, list: n });
+    const t = [...a.filter((_) => _.id !== i)];
+    f(t), o == null || o({ deleteId: i, list: t });
   };
-  return a.length ? /* @__PURE__ */ t(
+  return a.length ? /* @__PURE__ */ r(
     "ul",
     {
       className: d(
         e["file-upload-container"],
-        f,
+        l,
         e[c]
       ),
-      children: a.map((i, n) => /* @__PURE__ */ r("li", { className: e["file-upload-container-item"], children: [
-        /* @__PURE__ */ r("div", { className: e["file-info"], children: [
-          (i == null ? void 0 : i.size) && /* @__PURE__ */ r("span", { className: e["file-info-size"], children: [
+      children: a.map((i, t) => /* @__PURE__ */ s("li", { className: e["file-upload-container-item"], children: [
+        /* @__PURE__ */ s("div", { className: e["file-info"], children: [
+          (i == null ? void 0 : i.size) && /* @__PURE__ */ s("span", { className: e["file-info-size"], children: [
             " ",
-            N.Size(i == null ? void 0 : i.size)
+            w.Size(i == null ? void 0 : i.size)
           ] }),
-          /* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
+          /* @__PURE__ */ r("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ r("div", { className: e["file-info-name"], children: i.name }) })
         ] }),
-        !m && /* @__PURE__ */ t(
-          h,
+        !m && /* @__PURE__ */ r(
+          z,
           {
-            isIconButton: !0,
-            iconName: "Close12px",
             size: "m-s",
-            variant: "secondary-gray",
-            className: e["delete-button"],
+            variant: "gray",
             onClick: () => p(i.id)
           }
         )
-      ] }, n))
+      ] }, t))
     }
   ) : null;
 }
 export {
-  B as ListFiles
+  E as ListFiles
 };

package/dist/components/PromoSlider/PromoSlider.d.ts

@@ -50,6 +50,10 @@ type TProps = {
      * Расстояние между слайдами.
      */
     spaceBetween?: number;
+    /**
+     * Функция, которая будет вызвана при клике на слайд.
+     */
+    onSlideClick?: VoidFunction;
 };
-export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PromoSlider: ({ slides, onSlideClick, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};