mimir-ui-kit 1.41.3 → 1.41.5

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-DAmc_HxO.js";
+import { I as f } from "../../Input-BU_6U1CW.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-DAmc_HxO.js";
+import { I as n } from "../../Input-BU_6U1CW.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
 import { memo as w, forwardRef as u, useState as m } from "react";
 import { Icon as d } from "../../icons/Icon.js";
 import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-DAmc_HxO.js";
+import { I as l } from "../../Input-BU_6U1CW.js";
 import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: b,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-DAmc_HxO.js";
+import { I as b } from "../../Input-BU_6U1CW.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MergedButton/MergedButton.d.ts

@@ -1,11 +1,12 @@
 import { EMergedButtonVariantRound } from './constants';
-import { TButtonProps } from '../Button';
+import { TButtonProps, EButtonSize } from '../Button';
 
-export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form'> & {
+export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form' | 'size'> & {
     variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
     'data-testid'?: string;
+    size?: Exclude<EButtonSize, 'xl' | 'l' | 'ms' | 'xs' | 'xxl' | 'm-s'> | `${Exclude<EButtonSize, 'xl' | 'l' | 'ms' | 'xs' | 'xxl' | 'm-s'>}`;
 };
-type TProps = {
+export type TProps = {
     /**
      * Массив кнопок,  который отрисуется в контейнере
      * */
@@ -19,4 +20,3 @@ type TProps = {
  * Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
  */
 export declare const MergedButton: import('react').MemoExoticComponent<({ buttons, buttonsWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element>;
-export {};

package/dist/components/MergedButton/MergedButton.js

@@ -1,50 +1,58 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as s } from "../../index-DIxK0V-G.js";
-import { memo as u } from "react";
-import { EMergedButtonVariantRound as g } from "./constants.js";
-import { Button as p } from "../Button/Button.js";
-import '../../assets/MergedButton.css';const d = "_buttons_l320r_2", B = "_gray_l320r_28", I = "_white_l320r_36", f = "_transparent_l320r_44", o = {
-  buttons: d,
-  "merged-button": "_merged-button_l320r_6",
+import { c as r } from "../../index-DIxK0V-G.js";
+import { memo as g } from "react";
+import { EMergedButtonVariantRound as p } from "./constants.js";
+import { Button as d } from "../Button/Button.js";
+import '../../assets/MergedButton.css';const l = "_buttons_8yyst_2", B = "_gray_8yyst_28", I = "_white_8yyst_36", f = "_transparent_8yyst_44", h = "_s_8yyst_58", N = "_m_8yyst_6", o = {
+  buttons: l,
+  "merged-button": "_merged-button_8yyst_6",
   gray: B,
   white: I,
   transparent: f,
-  "is-icon": "_is-icon_l320r_53",
-  "one-button": "_one-button_l320r_57"
-}, h = u(
-  ({ buttons: r, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: s(o.buttons, c), children: r.map(
+  "is-icon": "_is-icon_8yyst_53",
+  s: h,
+  m: N,
+  "one-button": "_one-button_8yyst_66"
+}, v = g(
+  ({ buttons: s, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: r(o.buttons, c), children: s.map(
     ({
-      variant: i = g.White,
+      variant: i = p.White,
       disabled: n,
-      className: a,
+      className: m,
+      size: _ = "m",
       ...t
-    }, m) => {
-      const _ = {
+    }, a) => {
+      const y = {
         ...t,
         isIconButton: t.isIconButton ?? !1,
         iconName: t.isIconButton ? t.iconName : void 0,
         leftIcon: t.isIconButton ? void 0 : t.leftIcon,
         rightIcon: t.isIconButton ? void 0 : t.rightIcon
-      }, l = s(o["merged-button"], a, {
-        [o[i]]: !n,
-        [o.disabled]: n,
-        [o["is-icon"]]: t.isIconButton,
-        [o["one-button"]]: r.length === 1
-      });
+      }, u = r(
+        o["merged-button"],
+        o[_ ?? "m"],
+        m,
+        {
+          [o[i]]: !n,
+          [o.disabled]: n,
+          [o["is-icon"]]: t.isIconButton,
+          [o["one-button"]]: s.length === 1
+        }
+      );
       return /* @__PURE__ */ e(
-        p,
+        d,
         {
           clear: !0,
           disabled: n,
-          className: l,
-          ..._
+          className: u,
+          ...y
         },
-        m
+        a
       );
     }
   ) })
 );
-h.displayName = "MergedButton";
+v.displayName = "MergedButton";
 export {
-  h as MergedButton
+  v as MergedButton
 };

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -7,7 +7,7 @@ import { Icon as ye } from "../../icons/Icon.js";
 import { Button as ke } from "../Button/Button.js";
 import { CheckboxMimir as Te } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as Oe } from "../Chip/Chip.js";
-import { I as ne } from "../../Input-DAmc_HxO.js";
+import { I as ne } from "../../Input-BU_6U1CW.js";
 import { EInputVariant as ze } from "../Input/constants.js";
 import { H as Ae, U as ie, G as se, K as Ve, W as qe } from "../../combobox-Dv6-ANkb.js";
 import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27", Re = "_button_io0c8_39", Be = "_options_io0c8_53", Fe = "_visible_io0c8_66", Je = "_top_io0c8_69", je = "_bottom_io0c8_74", Ge = "_m_io0c8_2", He = "_l_io0c8_116", Ue = "_focused_io0c8_134", We = "_option_io0c8_53", Ke = "_chip_io0c8_163", $e = "_clear_io0c8_188", e = {

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as o, MOBILE_MENU_HEIGHT as u, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-DAmc_HxO.js";
+import "../../Input-BU_6U1CW.js";
 import { EInputSize as r } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {

package/dist/components/OtpInput/OtpInput.js

@@ -1,62 +1,62 @@
-import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as g } 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 q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
-import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-DAmc_HxO.js";
-import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
+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-BU_6U1CW.js";
+import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
-  "input-wrapper": "_input-wrapper_1shq3_14",
+  "input-wrapper": "_input-wrapper_1ncuz_13",
   input: F,
   separator: L
 }, O = P(
   ({
-    value: m = "",
-    valueLength: c = v,
+    value: c = "",
+    valueLength: m = y,
     needSeparator: l = !0,
     onChange: i,
-    className: h,
-    ..._
-  }, d) => {
+    className: _,
+    ...d
+  }, f) => {
     const {
-      data: { inputRefs: s, valueItems: o },
-      handlers: { handleChange: f, handleFocus: I, handleKeyDown: w, handlePaste: N }
-    } = y({
+      data: { inputRefs: o, valueItems: p },
+      handlers: { handleChange: h, handleFocus: I, handleKeyDown: w, handlePaste: N }
+    } = z({
       onChange: i,
-      value: m,
-      valueLength: c
+      value: c,
+      valueLength: m
     });
-    return R(d, () => ({
+    return R(f, () => ({
       focus: () => {
         var a;
-        (a = s.current[0]) == null || a.focus();
+        (a = o.current[0]) == null || a.focus();
       }
-    })), /* @__PURE__ */ n("div", { className: u(r.otp, h), children: o.map((a, e) => {
-      const p = e + 1, E = l && p % q === 0 && p !== o.length;
+    })), /* @__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: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ r(
           A,
           {
-            ref: (t) => s.current[e] = t,
+            ref: (t) => o.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
             value: a,
-            className: r.input,
-            wrapperClassName: r["input-wrapper"],
-            onChange: (t) => f(t, e),
+            className: n.input,
+            wrapperClassName: n["input-wrapper"],
+            onChange: (t) => h(t, e),
             onKeyDown: (t) => w(t, e),
             onFocus: (t) => I(t, e),
             onPaste: N,
-            ..._
+            ...d
           }
         ),
-        E && /* @__PURE__ */ n(
+        E && /* @__PURE__ */ r(
           "span",
           {
-            className: u(r.separator),
+            className: u(n.separator),
             "data-testid": "separator"
           }
         )

package/dist/components/Pagination/Pagination.js

@@ -1,14 +1,14 @@
 import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import { c as C } from "../../index-DIxK0V-G.js";
-import { forwardRef as N, useState as w, useEffect as v } from "react";
-import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
-import { useWindowSize as x } from "../../hooks/useWindowSize/index.js";
+import { c as g } from "../../index-DIxK0V-G.js";
+import { forwardRef as N, useState as v, useEffect as A } from "react";
+import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as x } from "./constants.js";
+import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
 import { MergedButton as h } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellipsis_grwbf_42", b = {
-  container: E,
-  "pagination-button": "_pagination-button_grwbf_18",
-  "is-active": "_is-active_grwbf_39",
-  ellipsis: j
+import '../../assets/Pagination.css';const j = "_container_12l37_2", w = "_ellipsis_12l37_41", b = {
+  container: j,
+  "pagination-button": "_pagination-button_12l37_17",
+  "is-active": "_is-active_12l37_38",
+  ellipsis: w
 }, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
   h,
   {
@@ -56,11 +56,11 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
       {
         children: "...",
         variant: "transparent",
-        className: C(b["pagination-button"], b.ellipsis)
+        className: g(b["pagination-button"], b.ellipsis)
       }
     ]
   }
-), g = ({
+), C = ({
   currentPageNumber: t,
   newPageNumber: n,
   onClick: o,
@@ -75,7 +75,7 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
       "data-testid": `pagination-button-${e}`,
       type: "button",
       onClick: r,
-      className: C(b["pagination-button"], {
+      className: g(b["pagination-button"], {
         [b["is-active"]]: s
       }),
       children: e
@@ -92,7 +92,7 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
   for (let e = t; e <= n; e++)
     r.push(
       /* @__PURE__ */ i(
-        g,
+        C,
         {
           currentPageNumber: o,
           setCurrentPage: s,
@@ -108,21 +108,21 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
     const {
       rootClassName: o,
       total: a,
-      perPage: s = A,
+      perPage: s = x,
       currentPageNumber: r = u,
       onChange: e
-    } = t, [c, d] = w(r), l = Math.ceil(a / s), { width: k } = x(), m = k <= 650 ? 2 : 4;
-    let f = 0, p = 0;
-    return v(() => {
+    } = t, [c, d] = v(r), l = Math.ceil(a / s), { width: k } = E(), m = k <= 650 ? 2 : 4;
+    let p = 0, f = 0;
+    return A(() => {
       d(r);
-    }, [r]), c <= m ? (f = u, p = Math.min(
+    }, [r]), c <= m ? (p = u, f = Math.min(
       u + m,
       l
-    )) : c > l - m ? (f = l - m, p = l) : (f = c - m / 2, p = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
+    )) : c > l - m ? (p = l - m, f = l) : (p = c - m / 2, f = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: C(b.container, o),
+        className: g(b.container, o),
         ref: n,
         children: [
           /* @__PURE__ */ i(
@@ -133,8 +133,8 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
               setCurrentPage: d
             }
           ),
-          f > u && /* @__PURE__ */ i(
-            g,
+          p > u && /* @__PURE__ */ i(
+            C,
             {
               newPageNumber: u,
               currentPageNumber: c,
@@ -142,17 +142,17 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
               setCurrentPage: d
             }
           ),
-          f > u + 1 && /* @__PURE__ */ i(_, {}),
+          p > u + 1 && /* @__PURE__ */ i(_, {}),
           R({
-            start: f,
-            end: p,
+            start: p,
+            end: f,
             currentPageNumber: c,
             setCurrentPage: d,
             onClick: e
           }),
-          p < l - 1 && /* @__PURE__ */ i(_, {}),
-          p < l && /* @__PURE__ */ i(
-            g,
+          f < l - 1 && /* @__PURE__ */ i(_, {}),
+          f < l && /* @__PURE__ */ i(
+            C,
             {
               newPageNumber: l,
               currentPageNumber: c,

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

@@ -26,10 +26,6 @@ type TProps = {
      * Массив слайдов.
      */
     slides: TPromoSlide[];
-    /**
-     * Дополнительные классы для враппера слайдера.
-     */
-    promoSliderWrapperClassName?: string;
     /**
      * Дополнительные классы для слайдов.
      */
@@ -55,5 +51,5 @@ type TProps = {
      */
     spaceBetween?: number;
 };
-export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName, promoSliderWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};