mimir-ui-kit 1.43.11 → 1.43.12

package/dist/components/Drawer/Drawer.js

@@ -1,41 +1,38 @@
-import { jsxs as l, Fragment as L, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, Fragment as I, jsx as t } from "react/jsx-runtime";
 import { c as n } from "../../index-DIxK0V-G.js";
-import { forwardRef as ne, useState as p, useRef as M, useEffect as R, useCallback as g } from "react";
-import { EDrawerPosition as H } from "./constants.js";
-import { useContainer as re } from "./hooks.js";
-import { ScrollWrapper as se } from "./ScrollWrapper/ScrollWrapper.js";
-import { useMediaQuery as ae } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as ie } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as le } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as ce } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as T } from "../Button/Button.js";
-import { EButtonVariantDefault as de, EButtonSize as c } from "../Button/constants.js";
-import { Loader as ue } from "../Loader/Loader.js";
-import { Portal as me } from "../Portal/Portal.js";
-import { EScrollBarVariant as fe, EScrollBarSize as _e } from "../ScrollBar/constants.js";
-import '../../assets/Drawer.css';const he = "_drawer_1btea_2", be = "_content_1btea_26", pe = "_header_1btea_45", ge = "_title_1btea_58", ye = "_space_1btea_74", ve = "_inner_1btea_82", Ce = "_button_1btea_87", we = "_footer_1btea_92", Ne = "_left_1btea_109", ke = "_right_1btea_113", Se = "_full_1btea_117", Be = "_bottom_1btea_127", Ee = "_opened_1btea_144", ze = "_overlay_1btea_208", Ie = "_unmount_1btea_224", e = {
-  drawer: he,
-  content: be,
-  "is-loading": "_is-loading_1btea_41",
-  header: pe,
-  "sticky-header": "_sticky-header_1btea_52",
-  title: ge,
-  space: ye,
-  inner: ve,
-  button: Ce,
-  footer: we,
-  "has-scroll": "_has-scroll_1btea_102",
-  "footer-button": "_footer-button_1btea_105",
-  left: Ne,
-  right: ke,
-  full: Se,
-  bottom: Be,
-  "full-bottom-height": "_full-bottom-height_1btea_138",
-  opened: Ee,
-  "is-closing": "_is-closing_1btea_165",
-  overlay: ze,
-  unmount: Ie
-}, Oe = 300, Le = (d) => d ? {
+import { forwardRef as q, useState as M, useRef as J, useCallback as h, useEffect as U } from "react";
+import { EDrawerPosition as O } from "./constants.js";
+import { useContainer as Z } from "./hooks.js";
+import { useMediaQuery as $ } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as ee } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as te } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as oe } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as S } from "../Button/Button.js";
+import { EButtonVariantDefault as ne, EButtonSize as r } from "../Button/constants.js";
+import { Loader as se } from "../Loader/Loader.js";
+import { Portal as re } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const ae = "_drawer_13ua6_2", ie = "_content_13ua6_26", le = "_header_13ua6_44", ce = "_title_13ua6_58", ue = "_space_13ua6_72", de = "_inner_13ua6_83", me = "_button_13ua6_86", _e = "_footer_13ua6_91", fe = "_left_13ua6_104", he = "_right_13ua6_108", pe = "_full_13ua6_112", ye = "_bottom_13ua6_122", ge = "_opened_13ua6_139", Ce = "_overlay_13ua6_195", ve = "_unmount_13ua6_211", e = {
+  drawer: ae,
+  content: ie,
+  "is-loading": "_is-loading_13ua6_40",
+  header: le,
+  "sticky-header": "_sticky-header_13ua6_52",
+  title: ce,
+  space: ue,
+  inner: de,
+  button: me,
+  footer: _e,
+  "footer-button": "_footer-button_13ua6_100",
+  left: fe,
+  right: he,
+  full: pe,
+  bottom: ye,
+  "full-bottom-height": "_full-bottom-height_13ua6_133",
+  opened: ge,
+  "is-closing": "_is-closing_13ua6_158",
+  overlay: Ce,
+  unmount: ve
+}, Ne = 300, be = (a) => a ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -44,151 +41,120 @@ import '../../assets/Drawer.css';const he = "_drawer_1btea_2", be = "_content_1b
     position: "absolute",
     zIndex: 90
   }
-} : {}, Ye = ne(
-  (d, x) => {
+} : {}, Ae = q(
+  (a, L) => {
     const {
-      as: D = "div",
-      isOpen: r,
-      onClose: u,
-      title: A,
-      className: P,
-      unmount: y = !0,
-      isLoading: a = !1,
-      stickyHeader: X,
-      fullBottomHeight: j = !1,
-      position: m = H.RIGHT,
-      paddingRight: F = 8,
-      footer: f,
-      children: G,
-      classNameTitle: Q,
-      classNameHeader: V,
-      classNameInner: W,
-      classNameContent: K,
-      classNameFooter: Y,
-      closeOnClickOutside: v = !0,
-      showCloseButton: C = !0,
-      getContainer: _,
-      ...q
-    } = d, [w, N] = p(!1), [J, k] = p(!1), S = M(), h = ae(ie.XS1), { ref: U } = ce({
-      enabled: m === H.BOTTOM
-    }), B = re(_), s = M(null), [Z, $] = p(!1);
-    R(() => {
-      const i = () => {
-        if (s.current) {
-          const { scrollHeight: te, clientHeight: oe } = s.current;
-          $(te > oe);
-        }
-      };
-      i();
-      const O = new ResizeObserver(i);
-      return s.current && O.observe(s.current), () => {
-        O.disconnect();
-      };
-    }, [r, a]), le({
-      on: r && !w,
-      paddingRight: F
+      as: R = "div",
+      isOpen: s,
+      onClose: i,
+      title: T,
+      className: x,
+      unmount: p = !0,
+      isLoading: l = !1,
+      stickyHeader: z,
+      fullBottomHeight: D = !1,
+      position: c = O.RIGHT,
+      paddingRight: A = 8,
+      footer: u,
+      children: H,
+      classNameTitle: P,
+      classNameHeader: X,
+      classNameInner: j,
+      classNameContent: F,
+      classNameFooter: Q,
+      closeOnClickOutside: y = !0,
+      showCloseButton: g = !0,
+      getContainer: d,
+      ...G
+    } = a, [C, v] = M(!1), [K, N] = M(!1), b = J(), m = $(ee.XS1), { ref: V } = oe({
+      enabled: c === O.BOTTOM
+    }), w = Z(d);
+    te({
+      on: s && !C,
+      paddingRight: A
     });
-    const o = g(() => {
-      u && (N(!0), S.current = setTimeout(() => {
-        u(), N(!1);
-      }, Oe));
-    }, [u]), ee = g(() => {
-      v && o();
-    }, [v, o]), b = g(
-      (i) => {
-        i.key === "Escape" && o();
+    const o = h(() => {
+      i && (v(!0), b.current = setTimeout(() => {
+        i(), v(!1);
+      }, Ne));
+    }, [i]), W = h(() => {
+      y && o();
+    }, [y, o]), _ = h(
+      (Y) => {
+        Y.key === "Escape" && o();
       },
       [o]
     );
-    R(() => (r && (k(!0), window.addEventListener("keydown", b)), () => {
-      k(!1), clearTimeout(S.current), window.removeEventListener("keydown", b);
-    }), [r, b]);
-    const E = {
-      [e.opened]: J,
-      [e["is-closing"]]: w,
-      [e["full-bottom-height"]]: j,
-      [e["is-loading"]]: a
+    U(() => (s && (N(!0), window.addEventListener("keydown", _)), () => {
+      N(!1), clearTimeout(b.current), window.removeEventListener("keydown", _);
+    }), [s, _]);
+    const k = {
+      [e.opened]: K,
+      [e["is-closing"]]: C,
+      [e["full-bottom-height"]]: D,
+      [e["is-loading"]]: l
     };
-    if (!r && y)
+    if (!s && p)
       return null;
-    const z = Le(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ l(L, { children: [
-      /* @__PURE__ */ l(
-        D,
+    const B = be(d !== void 0 && d !== !1), E = /* @__PURE__ */ f(I, { children: [
+      /* @__PURE__ */ t(
+        R,
         {
-          ref: x,
-          "aria-hidden": !r,
+          ref: L,
+          "aria-hidden": !s,
           role: "dialog",
-          style: z.drawer,
-          className: n(e.drawer, e[m], E, P),
-          ...q,
-          children: [
-            /* @__PURE__ */ t(
-              "section",
-              {
-                ref: U,
-                className: n(
-                  e.content,
-                  K,
-                  e[m],
+          style: B.drawer,
+          className: n(e.drawer, e[c], k, x),
+          ...G,
+          children: /* @__PURE__ */ t(
+            "section",
+            {
+              ref: V,
+              className: n(
+                e.content,
+                F,
+                e[c],
+                {
+                  [e["is-loading"]]: !!l
+                }
+              ),
+              children: l ? /* @__PURE__ */ t(se, {}) : /* @__PURE__ */ f(I, { children: [
+                /* @__PURE__ */ f(
+                  "header",
                   {
-                    [e["is-loading"]]: !!a
+                    className: n(e.header, X, {
+                      [e["sticky-header"]]: z
+                    }),
+                    children: [
+                      /* @__PURE__ */ t("h2", { className: n(e.title, P), children: T }),
+                      /* @__PURE__ */ t("div", { className: e.space, children: g && /* @__PURE__ */ t(
+                        S,
+                        {
+                          variant: ne.SecondaryWhite,
+                          isIconButton: !0,
+                          size: m ? r.S : r.M,
+                          iconName: "Close16px",
+                          onClick: o,
+                          className: e.button
+                        }
+                      ) })
+                    ]
                   }
                 ),
-                children: a ? /* @__PURE__ */ t(ue, {}) : /* @__PURE__ */ l(L, { children: [
-                  /* @__PURE__ */ l(
-                    "header",
-                    {
-                      className: n(e.header, V, {
-                        [e["sticky-header"]]: X
-                      }),
-                      children: [
-                        /* @__PURE__ */ t("h2", { className: n(e.title, Q), children: A }),
-                        /* @__PURE__ */ t("div", { className: e.space, children: C && /* @__PURE__ */ t(
-                          T,
-                          {
-                            variant: de.SecondaryWhite,
-                            isIconButton: !0,
-                            size: h ? c.S : c.M,
-                            iconName: "Close16px",
-                            onClick: o,
-                            className: e.button
-                          }
-                        ) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    se,
-                    {
-                      ref: s,
-                      className: n(e.inner, W),
-                      variant: fe.LIGHT,
-                      size: _e.M,
-                      children: G
-                    }
-                  )
-                ] })
-              }
-            ),
-            /* @__PURE__ */ t(
-              "footer",
-              {
-                className: n(e.footer, Y, {
-                  [e["has-scroll"]]: Z
-                }),
-                children: typeof f == "function" ? f({ handleClose: o }) : f || C && /* @__PURE__ */ t(
-                  T,
+                /* @__PURE__ */ t("div", { className: n(e.inner, j), children: H }),
+                /* @__PURE__ */ t("footer", { className: n(e.footer, Q), children: typeof u == "function" ? u({ handleClose: o }) : u || g && /* @__PURE__ */ t(
+                  S,
                   {
-                    size: h ? c.L : c.XXL,
-                    full: h,
+                    size: m ? r.M : r.XXL,
+                    full: m,
                     onClick: o,
                     className: e["footer-button"],
                     children: "Закрыть"
                   }
-                )
-              }
-            )
-          ]
+                ) })
+              ] })
+            }
+          )
         }
       ),
       /* @__PURE__ */ t(
@@ -197,20 +163,20 @@ import '../../assets/Drawer.css';const he = "_drawer_1btea_2", be = "_content_1b
           className: n(
             e.overlay,
             {
-              [e.unmount]: !y
+              [e.unmount]: !p
             },
-            E
+            k
           ),
-          style: z.overlay,
+          style: B.overlay,
           "data-testid": "drawer-overlay",
-          onClick: ee
+          onClick: W
         }
       )
     ] });
-    return B === !1 ? I : /* @__PURE__ */ t(me, { element: B, children: I });
+    return w === !1 ? E : /* @__PURE__ */ t(re, { element: w, children: E });
   }
 );
 export {
-  Oe as ANIMATION_DELAY,
-  Ye as Drawer
+  Ne as ANIMATION_DELAY,
+  Ae as Drawer
 };

package/dist/components/Dropdown/Dropdown.js

@@ -1,7 +1,7 @@
 import { jsx as re, jsxs as De, Fragment as nt } from "react/jsx-runtime";
 import { c as pe } from "../../index-DIxK0V-G.js";
 import E, { createContext as ue, useState as X, useContext as te, useRef as R, useEffect as ce, useMemo as Z, Fragment as fe, useReducer as rt, createRef as Fe, useId as be, memo as ot, useCallback as me } from "react";
-import { u as lt, c as G } from "../../hooks-Cd4Ez6_j.js";
+import { u as lt, c as G } from "../../hooks-HgN6Yauq.js";
 import { Button as at } from "../Button/Button.js";
 import { o as S, u as He, M as ve, W as Y, y as ee, O as le, n as ie, m as ut, t as st, H as se, s as Ce, p as it, a as V, T as ct, $ as dt, b as pt, D as ke, I as ft, c as oe } from "../../keyboard-wis2TUql.js";
 import { w as vt } from "../../use-active-press-CnDeVvQq.js";

package/dist/components/Dropdown/hooks.js

@@ -1,7 +1,7 @@
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { a as r, A, D as N, P as O, u as i } from "../../hooks-Cd4Ez6_j.js";
+import { a as r, A, D as N, P as O, u as i } from "../../hooks-HgN6Yauq.js";
 export {
   r as ALIGNMENT_THRESHOLD,
   A as ANIMATION_DELAY,

package/dist/components/GosZnak/GosZnak.js

@@ -1,66 +1,57 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as n } from "../../index-DIxK0V-G.js";
-import { EGosZnakSize as f, EGosZnakType as u } from "./constants.js";
-import { splitAutoNumber as N } from "./utils.js";
-import '../../assets/GosZnak.css';const h = "_letters_6vy0s_23", k = "_digits_6vy0s_33", z = "_region_6vy0s_43", b = "_country_6vy0s_57", x = "_l_6vy0s_23", G = "_s_6vy0s_77", Z = "_normal_6vy0s_91", j = "_traffic_6vy0s_98", E = "_military_6vy0s_105", A = "_police_6vy0s_112", L = "_diplomatic_6vy0s_119", s = {
-  "gos-znak": "_gos-znak_6vy0s_2",
-  "number-container": "_number-container_6vy0s_13",
-  letters: h,
-  digits: k,
-  region: z,
-  "region-container": "_region-container_6vy0s_49",
+import { EGosZnakSize as g, EGosZnakType as f } from "./constants.js";
+import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr109_32", b = "_country_dr109_46", h = "_l_dr109_53", k = "_s_dr109_62", z = "_normal_dr109_71", v = "_traffic_dr109_78", x = "_military_dr109_85", G = "_police_dr109_92", Z = "_diplomatic_dr109_99", r = {
+  "gos-znak": "_gos-znak_dr109_2",
+  number: y,
+  "number-container": "_number-container_dr109_22",
+  region: N,
+  "region-container": "_region-container_dr109_38",
   country: b,
-  l: x,
-  s: G,
-  normal: Z,
-  traffic: j,
-  military: E,
-  police: A,
-  diplomatic: L
-}, B = ({
-  number: t,
-  region: c,
-  country: e,
-  size: a = f.L,
-  type: _ = u.Normal,
-  className: l,
-  numberClassName: m,
-  regionClassName: y,
-  countryClassName: p,
-  numberContainerClassName: v,
-  regionContainerClassName: d
-}) => /* @__PURE__ */ r(
+  l: h,
+  s: k,
+  normal: z,
+  traffic: v,
+  military: x,
+  police: G,
+  diplomatic: Z
+}, S = ({
+  number: i,
+  region: s,
+  country: a,
+  size: e = g.L,
+  type: _ = f.Normal,
+  className: t,
+  numberClassName: l,
+  regionClassName: m,
+  countryClassName: d,
+  numberContainerClassName: p,
+  regionContainerClassName: u
+}) => /* @__PURE__ */ c(
   "div",
   {
-    className: n(s["gos-znak"], s[a], s[_], l),
+    className: n(r["gos-znak"], r[e], r[_], t),
     children: [
       /* @__PURE__ */ o(
         "div",
         {
           className: n(
-            s["number-container"],
-            v
+            r["number-container"],
+            p
           ),
-          children: N(t).map((i, g) => /* @__PURE__ */ o(
-            "span",
-            {
-              className: n(s[i.type], m),
-              children: i.value
-            },
-            g
-          ))
+          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ c(
         "div",
         {
           className: n(
-            s["region-container"],
-            d
+            r["region-container"],
+            u
           ),
           children: [
-            /* @__PURE__ */ o("span", { className: n(s.region, y), children: c }),
-            /* @__PURE__ */ o("span", { className: n(s.country, p), children: e })
+            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
+            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
           ]
         }
       )
@@ -68,5 +59,5 @@ import '../../assets/GosZnak.css';const h = "_letters_6vy0s_23", k = "_digits_6v
   }
 );
 export {
-  B as GosZnak
+  S as GosZnak
 };

package/dist/components/Input/Input.d.ts

@@ -57,10 +57,6 @@ export type TAdditionalProps = {
     /**
      * Разрешить только числовой ввод
      */
-    onClearButtonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Функция вызывающаяся при клике на clearButton
-     */
     numbersOnly?: boolean;
     /**
      * Максимальная длина ввода

package/dist/components/Input/Input.js

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

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-CGZoshMl.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/{MiniButton/MiniButton.d.ts → InputClearButton/ClearButton.d.ts}

@@ -1,19 +1,18 @@
 import { default as React } from 'react';
-import { TIcon } from '../../icons';
 
-export type TMiniButton = {
+export type TClearButton = {
     /**
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
     /**
-     * Выключен ли miniButton или нет
+     * Выключен ли clearButton или нет
      */
     disabled?: boolean;
     /**
      * Вариант кнопки загрузки файла
      */
-    variant?: 'gray' | 'white' | 'transparent';
+    variant?: 'gray' | 'white';
     /**
      * Размер кнопки загрузки файла
      */
@@ -21,25 +20,21 @@ export type TMiniButton = {
     /**
      * Класс для кнопки
      */
-    miniButtonClassName?: string;
-    /**
-     * Название иконки
-     */
-    iconName: TIcon;
+    clearButtonClassName?: string;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const MiniButton: React.ForwardRefExoticComponent<{
+export declare const ClearButton: React.ForwardRefExoticComponent<{
     /**
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
     /**
-     * Выключен ли miniButton или нет
+     * Выключен ли clearButton или нет
      */
     disabled?: boolean;
     /**
      * Вариант кнопки загрузки файла
      */
-    variant?: "gray" | "white" | "transparent";
+    variant?: "gray" | "white";
     /**
      * Размер кнопки загрузки файла
      */
@@ -47,9 +42,5 @@ export declare const MiniButton: React.ForwardRefExoticComponent<{
     /**
      * Класс для кнопки
      */
-    miniButtonClassName?: string;
-    /**
-     * Название иконки
-     */
-    iconName: TIcon;
+    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
+};