mimir-ui-kit 1.65.5 → 1.65.7

package/dist/components/AnchorLink/Link.js

@@ -1,10 +1,10 @@
 import { jsxs as k, jsx as n } from "react/jsx-runtime";
-import { c as a } from "../../index-DIxK0V-G.js";
+import { c as o } from "../../index-DIxK0V-G.js";
 import { forwardRef as x } from "react";
-import { ELinkSize as L, ELinkVariant as g } from "./constants.js";
-import { Icon as l } from "../../icons/Icon.js";
-import '../../assets/Link.css';const I = "_link_1bc9a_2", j = "_sample_1bc9a_20", u = "_anchor_1bc9a_24", z = "_disabled_1bc9a_28", C = "_icon_1bc9a_38", E = "_xs_1bc9a_47", R = "_s_1bc9a_20", v = "_m_1bc9a_59", w = "_l_1bc9a_2", s = {
-  link: I,
+import { ELinkSize as L, ELinkVariant as I } from "./constants.js";
+import { Icon as t } from "../../icons/Icon.js";
+import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20", u = "_anchor_1bc9a_24", z = "_disabled_1bc9a_28", C = "_icon_1bc9a_38", E = "_xs_1bc9a_47", R = "_s_1bc9a_20", v = "_m_1bc9a_59", w = "_l_1bc9a_2", s = {
+  link: g,
   sample: j,
   anchor: u,
   disabled: z,
@@ -14,24 +14,24 @@ import '../../assets/Link.css';const I = "_link_1bc9a_2", j = "_sample_1bc9a_20"
   m: v,
   l: w
 }, V = x(
-  (t, e) => {
+  (i, e) => {
     const {
-      as: i = "button",
+      as: l = "button",
       disabled: r,
       leftIcon: c,
       children: _,
-      rightIcon: o,
+      rightIcon: a,
       className: m,
       size: b = L.L,
-      variant: d = g.ANCHOR,
+      variant: d = I.ANCHOR,
       rel: p,
       target: f,
       ...N
-    } = t, h = a(s.link, m, s[d], s[b], {
+    } = i, h = o(s.link, m, s[d], s[b], {
       [s.disabled]: r
     });
-    return console.log("222"), /* @__PURE__ */ k(
-      i,
+    return /* @__PURE__ */ k(
+      l,
       {
         ref: e,
         className: h,
@@ -40,18 +40,18 @@ import '../../assets/Link.css';const I = "_link_1bc9a_2", j = "_sample_1bc9a_20"
         ...N,
         children: [
           c && /* @__PURE__ */ n(
-            l,
+            t,
             {
               ...c,
-              className: a(s.icon, c.className)
+              className: o(s.icon, c.className)
             }
           ),
           _,
-          o && /* @__PURE__ */ n(
-            l,
+          a && /* @__PURE__ */ n(
+            t,
             {
-              ...o,
-              className: a(s.icon, o.className)
+              ...a,
+              className: o(s.icon, a.className)
             }
           )
         ]

package/dist/components/OtpInput/OtpInput.d.ts

@@ -20,4 +20,8 @@ export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TI
      * Флаг, показывающий нужно ли отображать разделитель между вводами.
      */
     needSeparator?: boolean;
+    /**
+     * Позиции полей, после которых отображаются разделители.
+     */
+    separatorPositions?: number[];
 } & import('react').RefAttributes<unknown>>;

package/dist/components/OtpInput/OtpInput.js

@@ -1,62 +1,69 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import { c as u } from "../../index-DIxK0V-G.js";
-import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
-import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
-import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-JwHUiwVK.js";
-import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
-  otp: C,
+import { forwardRef as R, useImperativeHandle as T, Fragment as y } from "react";
+import { DEFAULT_VALUE_LENGTH as z, ITEMS_PER_SEPARATOR as A } from "./constants.js";
+import { useOTPInput as C } from "./hooks.js";
+import { getValidSeparatorPositions as D, getDefaultSeparatorPositions as F } from "./utils.js";
+import { I as L } from "../../Input-JwHUiwVK.js";
+import '../../assets/OtpInput.css';const O = "_otp_1ncuz_2", j = "_input_1ncuz_13", x = "_separator_1ncuz_27", o = {
+  otp: O,
   "input-wrapper": "_input-wrapper_1ncuz_13",
-  input: F,
-  separator: L
-}, O = P(
+  input: j,
+  separator: x
+}, H = R(
   ({
     value: c = "",
-    valueLength: m = y,
-    needSeparator: l = !0,
-    onChange: i,
-    className: _,
-    ...d
-  }, f) => {
+    valueLength: i = z,
+    needSeparator: m = !0,
+    onChange: l,
+    className: d,
+    separatorPositions: _,
+    ...f
+  }, h) => {
     const {
-      data: { inputRefs: o, valueItems: p },
-      handlers: { handleChange: h, handleFocus: I, handleKeyDown: w, handlePaste: N }
-    } = z({
-      onChange: i,
+      data: { inputRefs: s, valueItems: n },
+      handlers: { handleChange: g, handleFocus: I, handleKeyDown: P, handlePaste: w }
+    } = C({
+      onChange: l,
       value: c,
-      valueLength: m
+      valueLength: i
     });
-    return R(f, () => ({
+    T(h, () => ({
       focus: () => {
         var a;
-        (a = o.current[0]) == null || a.focus();
+        (a = s.current[0]) == null || a.focus();
       }
-    })), /* @__PURE__ */ r("div", { className: u(n.otp, _), children: p.map((a, e) => {
-      const s = e + 1, E = l && s % v === 0 && s !== p.length;
-      return /* @__PURE__ */ g(T, { children: [
+    }));
+    const p = D(
+      _,
+      n.length
+    ), N = p.length ? p : F(n.length, A);
+    return /* @__PURE__ */ r("div", { className: u(o.otp, d), children: n.map((a, e) => {
+      const S = e + 1, E = m && N.includes(S);
+      return /* @__PURE__ */ v(y, { children: [
         /* @__PURE__ */ r(
-          A,
+          L,
           {
-            ref: (t) => o.current[e] = t,
+            ref: (t) => s.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
             value: a,
-            className: n.input,
-            wrapperClassName: n["input-wrapper"],
-            onChange: (t) => h(t, e),
-            onKeyDown: (t) => w(t, e),
+            className: o.input,
+            wrapperClassName: o["input-wrapper"],
+            onChange: (t) => g(t, e),
+            onKeyDown: (t) => P(t, e),
             onFocus: (t) => I(t, e),
-            onPaste: N,
-            ...d
+            onPaste: w,
+            ...f
           }
         ),
         E && /* @__PURE__ */ r(
           "span",
           {
-            className: u(n.separator),
+            className: u(o.separator),
             "data-testid": "separator"
           }
         )
@@ -64,7 +71,7 @@ import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_1
     }) });
   }
 );
-O.displayName = "OtpInput";
+H.displayName = "OtpInput";
 export {
-  O as OtpInput
+  H as OtpInput
 };

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

@@ -0,0 +1,2 @@
+export declare const getValidSeparatorPositions: (positions: number[] | undefined, valueLength: number) => number[];
+export declare const getDefaultSeparatorPositions: (valueLength: number, itemsPerSeparator: number) => number[];

package/dist/components/OtpInput/utils.js

@@ -0,0 +1,9 @@
+const f = (e, t) => Array.isArray(e) ? e.filter(
+  (r) => typeof r == "number" && Number.isInteger(r) && r > 0 && r < t
+) : [], l = (e, t) => Array.from({ length: e }, (r, a) => a + 1).filter(
+  (r) => r % t === 0 && r !== e
+);
+export {
+  l as getDefaultSeparatorPositions,
+  f as getValidSeparatorPositions
+};

package/dist/components/Slider/Slider.d.ts

@@ -27,6 +27,10 @@ type TProps = SwiperProps & {
      * Показывать стрелки навигации и количество слайдов.
      */
     needNavigation?: boolean;
+    /**
+     * Показывать количество слайдов.
+     */
+    needSlidesCount?: boolean;
     /**
      * Приостанавливать автопрокрутку при наведении на слайдер.
      */
@@ -92,5 +96,5 @@ type TProps = SwiperProps & {
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, needSlidesCount, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

@@ -1,63 +1,63 @@
 import { jsx as s, jsxs as o, Fragment as N } from "react/jsx-runtime";
-import { c as a } from "../../index-DIxK0V-G.js";
-import { memo as F, useCallback as u, useMemo as Z, forwardRef as V, useRef as B, useState as W, Children as I } from "react";
-import { u as ee, S as se, A as re, a as T } from "../../swiper-react-BvAw14a4.js";
-import { EProgressBarPosition as S } from "./constants.js";
-import { formatSlideNumber as O } from "./utils.js";
-import { AppImage as P } from "../Image/Image.js";
-import { MergedButton as te } from "../MergedButton/MergedButton.js";
-import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj3_8", oe = "_link_zqjj3_15", ie = "_image_zqjj3_21", le = "_navigation_zqjj3_28", ce = "_pagination_zqjj3_46", de = "_slides_zqjj3_65", pe = "_separator_zqjj3_71", ue = "_progress_zqjj3_78", me = "_descriptions_zqjj3_95", e = {
+import { c as n } from "../../index-DIxK0V-G.js";
+import { memo as L, useCallback as u, useMemo as V, forwardRef as W, useRef as I, useState as ee, Children as T } from "react";
+import { u as se, S as te, A as re, a as O } from "../../swiper-react-BvAw14a4.js";
+import { EProgressBarPosition as b } from "./constants.js";
+import { formatSlideNumber as P } from "./utils.js";
+import { AppImage as E } from "../Image/Image.js";
+import { MergedButton as ae } from "../MergedButton/MergedButton.js";
+import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", oe = "_slide_zqjj3_8", ie = "_link_zqjj3_15", le = "_image_zqjj3_21", ce = "_navigation_zqjj3_28", de = "_pagination_zqjj3_46", pe = "_slides_zqjj3_65", ue = "_separator_zqjj3_71", me = "_progress_zqjj3_78", _e = "_descriptions_zqjj3_95", e = {
   swiper: ne,
-  slide: ae,
-  link: oe,
-  image: ie,
-  navigation: le,
+  slide: oe,
+  link: ie,
+  image: le,
+  navigation: ce,
   "navigation-content": "_navigation-content_zqjj3_37",
-  pagination: ce,
+  pagination: de,
   "is-full": "_is-full_zqjj3_60",
-  slides: de,
-  separator: pe,
-  progress: ue,
+  slides: pe,
+  separator: ue,
+  progress: me,
   "progress-bar-bottom": "_progress-bar-bottom_zqjj3_85",
   "progress-bar": "_progress-bar_zqjj3_85",
-  descriptions: me
-}, _e = 15e3, E = F(
+  descriptions: _e
+}, fe = 15e3, F = L(
   ({
-    variant: t = "white"
+    variant: r = "white"
   }) => {
-    const n = ee(), p = u(() => {
-      n.slideNext();
-    }, [n]), c = u(() => {
-      n.slidePrev();
-    }, [n]), m = Z(
+    const a = se(), p = u(() => {
+      a.slideNext();
+    }, [a]), c = u(() => {
+      a.slidePrev();
+    }, [a]), m = V(
       () => [
         {
           isIconButton: !0,
           iconName: "ArrowLeft16px",
-          variant: t,
+          variant: r,
           onClick: c
         },
         {
           isIconButton: !0,
           iconName: "ArrowRight16px",
-          variant: t,
+          variant: r,
           onClick: p
         }
       ],
-      [c, t, p]
+      [c, r, p]
     );
-    return /* @__PURE__ */ s(te, { buttons: m });
+    return /* @__PURE__ */ s(ae, { buttons: m });
   }
-), b = F(
-  V((t, n) => /* @__PURE__ */ s(
+), S = L(
+  W((r, a) => /* @__PURE__ */ s(
     "div",
     {
       "data-testid": "progress-bar-wrapper",
-      className: a(e.progress, t == null ? void 0 : t.className),
+      className: n(e.progress, r == null ? void 0 : r.className),
       children: /* @__PURE__ */ s(
         "div",
         {
-          ref: n,
+          ref: a,
           className: e["progress-bar"],
           "data-testid": "progress-bar"
         }
@@ -65,69 +65,70 @@ import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj
     }
   ))
 );
-function ze({
-  images: t,
-  children: n,
+function ve({
+  images: r,
+  children: a,
   gap: p,
   onSlideClick: c,
   swiperClassName: m,
   slideClassName: q,
   imageClassName: z,
-  navigationClassName: L,
+  navigationClassName: M,
   navigationContent: _,
-  sliderBottomPanelClassName: M,
-  descriptionsClassName: R,
-  navigationContentClassName: $,
+  sliderBottomPanelClassName: R,
+  descriptionsClassName: $,
+  navigationContentClassName: D,
   buttonsVariant: v,
   progressBarPosition: f = "top",
   isFullPaginationWidth: k = !1,
   needNavigation: i = !0,
-  leftDescription: C,
-  rightDescription: y,
-  delay: D = _e,
-  pauseOnMouseEnter: U = !1,
-  ...Y
+  needSlidesCount: C = !0,
+  leftDescription: y,
+  rightDescription: A,
+  delay: U = fe,
+  pauseOnMouseEnter: Y = !1,
+  ...G
 }) {
-  const d = B(null), h = B(null), [G, H] = W(1), j = !(typeof n == "function") && !!n, J = j ? I.count(n) : 0, K = (t == null ? void 0 : t.length) ?? 0, A = O(G), x = O(
-    j ? J : K
-  ), Q = u(() => {
+  const d = I(null), h = I(null), [H, J] = ee(1), j = !(typeof a == "function") && !!a, K = j ? T.count(a) : 0, Q = (r == null ? void 0 : r.length) ?? 0, x = P(H), B = P(
+    j ? K : Q
+  ), X = u(() => {
     if (h.current && i) {
-      const r = h.current.swiper;
-      H(r.realIndex + 1);
+      const t = h.current.swiper;
+      J(t.realIndex + 1);
     }
-  }, [i]), X = u(
-    (r, l) => {
+  }, [i]), Z = u(
+    (t, l) => {
       if (d.current && i) {
-        const g = r.params.autoplay.delay, w = l / g * 100;
+        const g = t.params.autoplay.delay, w = l / g * 100;
         d.current.style.width = `${100 - w}%`;
       }
     },
     [i]
   );
   return /* @__PURE__ */ o(
-    se,
+    te,
     {
-      ...Y,
+      ...G,
       ref: h,
-      className: a(e.swiper, m),
+      className: n(e.swiper, m),
       loop: !0,
       spaceBetween: p,
       autoplay: {
-        delay: D,
+        delay: U,
         disableOnInteraction: !1,
-        pauseOnMouseEnter: U
+        pauseOnMouseEnter: Y
       },
       fadeEffect: {
         crossFade: !0
       },
       modules: [re],
-      onAutoplayTimeLeft: X,
-      onSlideChange: Q,
+      onAutoplayTimeLeft: Z,
+      onSlideChange: X,
       children: [
         /* @__PURE__ */ s(
           "div",
           {
-            className: a(e.navigation, L, {
+            className: n(e.navigation, M, {
               [e["navigation-with-content"]]: !!_
             }),
             slot: "container-start",
@@ -135,9 +136,9 @@ function ze({
               /* @__PURE__ */ o(
                 "div",
                 {
-                  className: a(
+                  className: n(
                     e["navigation-content"],
-                    $
+                    D
                   ),
                   children: [
                     _,
@@ -145,102 +146,102 @@ function ze({
                       "div",
                       {
                         "data-testid": "pagination",
-                        className: a(e.pagination, {
+                        className: n(e.pagination, {
                           [e["is-full"]]: k
                         }),
                         children: [
-                          /* @__PURE__ */ o("h2", { className: e.slides, children: [
-                            A,
+                          C && /* @__PURE__ */ o("h2", { "data-testid": "slides-count", className: e.slides, children: [
+                            x,
                             /* @__PURE__ */ s("span", { className: e.separator }),
-                            x
+                            B
                           ] }),
-                          /* @__PURE__ */ s(E, { variant: v })
+                          /* @__PURE__ */ s(F, { variant: v })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              f === S.TOP && i && /* @__PURE__ */ s(b, { ref: d })
+              f === b.TOP && i && /* @__PURE__ */ s(S, { ref: d })
             ] }) : /* @__PURE__ */ s(N, { children: i && /* @__PURE__ */ o(N, { children: [
               /* @__PURE__ */ o(
                 "div",
                 {
                   "data-testid": "pagination",
-                  className: a(e.pagination, {
+                  className: n(e.pagination, {
                     [e["is-full"]]: k
                   }),
                   children: [
-                    /* @__PURE__ */ o("h2", { className: e.slides, children: [
-                      A,
+                    C && /* @__PURE__ */ o("h2", { "data-testid": "slides-count", className: e.slides, children: [
+                      x,
                       /* @__PURE__ */ s("span", { className: e.separator }),
-                      x
+                      B
                     ] }),
-                    /* @__PURE__ */ s(E, { variant: v })
+                    /* @__PURE__ */ s(F, { variant: v })
                   ]
                 }
               ),
-              f === S.TOP && /* @__PURE__ */ s(b, { ref: d })
+              f === b.TOP && /* @__PURE__ */ s(S, { ref: d })
             ] }) })
           }
         ),
-        j ? I.map(n, (r, l) => /* @__PURE__ */ s(
-          T,
+        j ? T.map(a, (t, l) => /* @__PURE__ */ s(
+          O,
           {
             onClick: c,
             "data-testid": `slide-${l}`,
-            className: a(e.slide, q),
-            children: r
+            className: n(e.slide, q),
+            children: t
           },
           l
-        )) : t == null ? void 0 : t.map((r, l) => {
-          if (!r) return null;
+        )) : r == null ? void 0 : r.map((t, l) => {
+          if (!t) return null;
           const g = /* @__PURE__ */ s(
             "a",
             {
               className: e.link,
-              href: r.url,
+              href: t.url,
               rel: "noopener noreferrer",
               target: "_blank",
               children: /* @__PURE__ */ s(
-                P,
+                E,
                 {
-                  className: a(e.image, z),
-                  src: r.image
+                  className: n(e.image, z),
+                  src: t.image
                 }
               )
             }
-          ), w = () => typeof n == "function" ? n(r) : r.url ? g : /* @__PURE__ */ s(
-            P,
+          ), w = () => typeof a == "function" ? a(t) : t.url ? g : /* @__PURE__ */ s(
+            E,
             {
-              className: a(e.image, z),
-              src: r.image,
-              desktopImage: r.imageDesktop,
-              mobileImage: r.imageMobile
+              className: n(e.image, z),
+              src: t.image,
+              desktopImage: t.imageDesktop,
+              mobileImage: t.imageMobile
             }
           );
           return /* @__PURE__ */ s(
-            T,
+            O,
             {
               "data-testid": `slide-${l}`,
               onClick: c,
-              className: a(e.slide, q),
+              className: n(e.slide, q),
               children: w()
             },
-            r.id
+            t.id
           );
         }),
-        f === S.BOTTOM && /* @__PURE__ */ o("div", { className: M, children: [
+        f === b.BOTTOM && /* @__PURE__ */ o("div", { className: R, children: [
           /* @__PURE__ */ s(
-            b,
+            S,
             {
               ref: d,
               className: e["progress-bar-bottom"]
             }
           ),
-          /* @__PURE__ */ o("div", { className: a(e.descriptions, R), children: [
-            C && /* @__PURE__ */ s("div", { "data-testid": "slider-left-description", children: C }),
-            y && /* @__PURE__ */ s("div", { "data-testid": "slider-right-description", children: y })
+          /* @__PURE__ */ o("div", { className: n(e.descriptions, $), children: [
+            y && /* @__PURE__ */ s("div", { "data-testid": "slider-left-description", children: y }),
+            A && /* @__PURE__ */ s("div", { "data-testid": "slider-right-description", children: A })
           ] })
         ] })
       ]
@@ -248,5 +249,5 @@ function ze({
   );
 }
 export {
-  ze as default
+  ve as default
 };