mimir-ui-kit 1.34.2 → 1.34.4-t

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

@@ -0,0 +1,3 @@
+export { GosZnak } from './GosZnak';
+export { EGosZnakSize, EGosZnakType } from './constants';
+export type { TGosZnakProps } from './types';

package/dist/components/GosZnak/index.js

@@ -0,0 +1,7 @@
+import { GosZnak as r } from "./GosZnak.js";
+import { EGosZnakSize as k, EGosZnakType as n } from "./constants.js";
+export {
+  k as EGosZnakSize,
+  n as EGosZnakType,
+  r as GosZnak
+};

package/dist/components/GosZnak/types.d.ts

@@ -0,0 +1,26 @@
+import { EGosZnakSize, EGosZnakType } from './constants';
+
+export type TGosZnakProps = {
+    /** Номер государственного знака */
+    number: string;
+    /** Код региона */
+    region: string;
+    /** Код страны */
+    country: string;
+    /** Размер госзнака. Если не указан, по умолчанию используется большой размер */
+    size?: EGosZnakSize | `${EGosZnakSize}`;
+    /** Тип госзнака. Если не указан, по умолчанию используется обычный тип */
+    type?: EGosZnakType | `${EGosZnakType}`;
+    /** Дополнительный CSS класс для стилизации */
+    className?: string;
+    /** Дополнительный CSS класс для стилизации номера */
+    numberClassName?: string;
+    /** Дополнительный CSS класс для стилизации региона */
+    regionClassName?: string;
+    /** Дополнительный CSS класс для стилизации страны */
+    countryClassName?: string;
+    /** Дополнительный CSS класс для стилизации контейнера номера */
+    numberContainerClassName?: string;
+    /** Дополнительный CSS класс для стилизации контейнера региона */
+    regionContainerClassName?: string;
+};

package/dist/components/Image/Image.js

@@ -1,70 +1,54 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, useState, useLayoutEffect } from "react";
-import { EMediaQuery, EMinMediaQuery } from "../../hooks/useMediaQuery/constants.js";
-import '../../assets/Image.css';const picture = "_picture_9zemz_2";
-const image = "_image_9zemz_3";
-const loading = "_loading_9zemz_9";
-const cls = {
-  picture,
-  image,
-  loading
-};
-const AppImage = memo((props) => {
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { memo as E, useState as g, useLayoutEffect as I } from "react";
+import { EMediaQuery as N, EMinMediaQuery as S } from "../../hooks/useMediaQuery/constants.js";
+import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_3", h = "_loading_9zemz_9", s = {
+  picture: k,
+  image: x,
+  loading: h
+}, w = E((u) => {
   const {
-    className,
-    src,
-    alt = "image",
-    desktopImage,
-    mobileImage,
-    pictureClassName,
-    errorFallback,
-    fallback,
-    ...otherProps
-  } = props;
-  const [isLoading, setIsLoading] = useState(true);
-  const [hasError, setHasError] = useState(false);
-  useLayoutEffect(() => {
-    const img = new Image();
-    img.src = src ?? desktopImage ?? mobileImage ?? "";
-    img.onload = () => {
-      setIsLoading(false);
-    };
-    img.onerror = () => {
-      setIsLoading(false);
-      setHasError(true);
+    className: p,
+    src: o,
+    alt: d = "image",
+    desktopImage: e,
+    mobileImage: r,
+    pictureClassName: f,
+    errorFallback: c,
+    fallback: m,
+    ..._
+  } = u, [a, l] = g(!0), [z, y] = g(!1);
+  return I(() => {
+    const t = new Image();
+    t.src = o ?? e ?? r ?? "", t.onload = () => {
+      l(!1);
+    }, t.onerror = () => {
+      l(!1), y(!0);
     };
-  }, [src, desktopImage, mobileImage]);
-  if (isLoading && fallback) {
-    return fallback;
-  }
-  if (hasError && errorFallback) {
-    return errorFallback;
-  }
-  return /* @__PURE__ */ jsxs(
+  }, [o, e, r]), a && m ? m : z && c ? c : /* @__PURE__ */ b(
     "picture",
     {
-      className: classNames(cls.picture, pictureClassName, {
-        [cls.loading]: isLoading
+      className: n(s.picture, f, {
+        [s.loading]: a
       }),
       children: [
-        mobileImage && /* @__PURE__ */ jsx("source", { srcSet: mobileImage, media: EMediaQuery.S }),
-        desktopImage && /* @__PURE__ */ jsx("source", { srcSet: desktopImage, media: EMinMediaQuery.S }),
-        /* @__PURE__ */ jsx(
+        r && /* @__PURE__ */ i("source", { srcSet: r, media: N.S }),
+        e && /* @__PURE__ */ i("source", { srcSet: e, media: S.S }),
+        /* @__PURE__ */ i(
           "img",
           {
-            ...otherProps,
+            ..._,
             style: {
               display: "block",
-              filter: `${isLoading ? "blur(20px)" : ""}`,
+              filter: `${a ? "blur(20px)" : ""}`,
               transition: ".3s filter ease"
             },
-            className: classNames(cls.image, className, {
-              [cls.loading]: isLoading
+            className: n(s.image, p, {
+              [s.loading]: a
             }),
             loading: "lazy",
-            src,
-            alt
+            src: o,
+            alt: d
           }
         )
       ]
@@ -72,5 +56,5 @@ const AppImage = memo((props) => {
   );
 });
 export {
-  AppImage
+  w as AppImage
 };

package/dist/components/Image/index.js

@@ -1,4 +1,4 @@
-import { AppImage } from "./Image.js";
+import { AppImage as m } from "./Image.js";
 export {
-  AppImage as Image
+  m as Image
 };

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TInputProps, TAddon, TIconAddon, TSize, TVariant } from './types';
+import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
 
 export type TAdditionalProps = {
     /**
@@ -10,6 +10,10 @@ export type TAdditionalProps = {
      * `Варианты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
      */
     variant?: TVariant;
+    /**
+     * `Статус ввода. Может быть 'alert', 'success', 'error'.`
+     */
+    status?: TStatus;
     /**
      * Дополнительный класс.
      */

package/dist/components/Input/Input.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
+import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I } from "../../Input-ChCIy5oY.js";
+import { I as f } from "../../Input-BQldEv37.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";
 export {
-  I as Input
+  f as Input
 };

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

@@ -1,10 +1,12 @@
 export declare enum EInputVariant {
-    Alarm = "alarm",
-    Success = "success",
-    Error = "error",
     DefaultGray = "default-gray",
     DefaultWhite = "default-white"
 }
+export declare enum EInputStatus {
+    Alarm = "alarm",
+    Success = "success",
+    Error = "error"
+}
 export declare enum EInputSize {
     S = "s",
     M = "m",

package/dist/components/Input/constants.js

@@ -1,18 +1,6 @@
-var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
-  EInputVariant2["Alarm"] = "alarm";
-  EInputVariant2["Success"] = "success";
-  EInputVariant2["Error"] = "error";
-  EInputVariant2["DefaultGray"] = "default-gray";
-  EInputVariant2["DefaultWhite"] = "default-white";
-  return EInputVariant2;
-})(EInputVariant || {});
-var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
-  EInputSize2["S"] = "s";
-  EInputSize2["M"] = "m";
-  EInputSize2["L"] = "l";
-  return EInputSize2;
-})(EInputSize || {});
+var e = /* @__PURE__ */ ((r) => (r.DefaultGray = "default-gray", r.DefaultWhite = "default-white", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.Alarm = "alarm", r.Success = "success", r.Error = "error", r))(a || {}), l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
 export {
-  EInputSize,
-  EInputVariant
+  l as EInputSize,
+  a as EInputStatus,
+  e as EInputVariant
 };

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

@@ -1,3 +1,3 @@
 export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
-export type { TSize, TVariant } from './types';
-export { EInputSize, EInputVariant } from './constants';
+export type { TSize, TVariant, TStatus } from './types';
+export { EInputSize, EInputVariant, EInputStatus } from './constants';

package/dist/components/Input/index.js

@@ -1,7 +1,8 @@
-import { I } from "../../Input-ChCIy5oY.js";
-import { EInputSize, EInputVariant } from "./constants.js";
+import { I as n } from "../../Input-BQldEv37.js";
+import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
-  EInputSize,
-  EInputVariant,
-  I as Input
+  u as EInputSize,
+  I as EInputStatus,
+  a as EInputVariant,
+  n as Input
 };

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

@@ -1,14 +1,10 @@
 import { InputHTMLAttributes } from 'react';
-import { EInputSize, EInputVariant } from './constants';
+import { EInputSize, EInputVariant, EInputStatus } from './constants';
 import { TIcon } from '../../icons';
 
 export type TSize = `${EInputSize}` | EInputSize;
 export type TVariant = `${EInputVariant}` | EInputVariant;
-export type TCommonCompoundInputProps = {
-    size?: TSize;
-    variant?: TVariant;
-    className?: string;
-};
+export type TStatus = `${EInputStatus}` | EInputStatus;
 type TTextAddon = {
     addonType?: 'text';
     addonContent?: string;

package/dist/components/InputPassword/InputPassword.js

@@ -1,52 +1,45 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState } from "react";
-import { Icon } from "../../icons/Icon.js";
-import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
-const wrapper = "_wrapper_34v9n_6";
-const button = "_button_34v9n_17";
-const icon = "_icon_34v9n_33";
-const show = "_show_34v9n_38";
-const cls = {
-  input,
-  wrapper,
-  "input-wrapper": "_input-wrapper_34v9n_13",
-  "button-wrapper": "_button-wrapper_34v9n_17",
-  button,
-  icon,
-  show
-};
-const InputPassword = memo(
-  forwardRef(
-    ({ size, ...props }, ref) => {
-      const [showPassword, setShowPassword] = useState(false);
-      const handleClick = () => setShowPassword(!showPassword);
-      return /* @__PURE__ */ jsxs("div", { className: cls.wrapper, children: [
-        /* @__PURE__ */ jsx(
-          Input,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { memo as m, forwardRef as w, useState as u } from "react";
+import { Icon as _ } from "../../icons/Icon.js";
+import { Button as l } from "../Button/Button.js";
+import { I as b } from "../../Input-BQldEv37.js";
+import '../../assets/InputPassword.css';const d = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
+  input: d,
+  wrapper: x,
+  "input-wrapper": "_input-wrapper_7b9x2_13",
+  "button-wrapper": "_button-wrapper_7b9x2_17",
+  button: h,
+  icon: f,
+  show: N
+}, I = m(
+  w(
+    ({ size: s, ...p }, a) => {
+      const [r, n] = u(!1), e = () => n(!r);
+      return /* @__PURE__ */ c("div", { className: t.wrapper, children: [
+        /* @__PURE__ */ o(
+          b,
           {
-            ref,
-            className: cls.input,
-            wrapperClassName: cls["input-wrapper"],
-            size,
-            type: showPassword ? "text" : "password",
-            ...props
+            ref: a,
+            className: t.input,
+            wrapperClassName: t["input-wrapper"],
+            size: s,
+            type: r ? "text" : "password",
+            ...p
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ o("div", { className: t["button-wrapper"], children: /* @__PURE__ */ o(
+          l,
           {
-            clear: true,
+            clear: !0,
             type: "button",
-            className: cls.button,
-            onClick: handleClick,
-            children: /* @__PURE__ */ jsx(
-              Icon,
+            className: t.button,
+            onClick: e,
+            children: /* @__PURE__ */ o(
+              _,
               {
-                className: classNames(cls.icon, {
-                  [cls.show]: showPassword
+                className: i(t.icon, {
+                  [t.show]: r
                 }),
                 iconName: "Eye24px"
               }
@@ -57,7 +50,7 @@ const InputPassword = memo(
     }
   )
 );
-InputPassword.displayName = "InputPassword";
+I.displayName = "InputPassword";
 export {
-  InputPassword
+  I as InputPassword
 };

package/dist/components/InputPassword/index.js

@@ -1,4 +1,4 @@
-import { InputPassword } from "./InputPassword.js";
+import { InputPassword as p } from "./InputPassword.js";
 export {
-  InputPassword
+  p as InputPassword
 };

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,38 +1,35 @@
-import { jsx } from "react/jsx-runtime";
-import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
-import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-const InputPhoneNumber = memo(
-  forwardRef(
-    ({ value = "", onChange, ...props }, ref) => {
-      const [phone, setPhone] = useState(
-        () => getMaskedInputPhoneValue(value)
-      );
-      const handleChange = useCallback(
-        (event) => {
-          const maskedValue = getMaskedInputPhoneValue(event.target.value);
-          setPhone(maskedValue);
-          onChange == null ? void 0 : onChange({
-            ...event,
+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-BQldEv37.js";
+const h = I(
+  i(
+    ({ value: s = "", onChange: e, ...p }, a) => {
+      const [r, l] = c(
+        () => m(s)
+      ), n = f(
+        (t) => {
+          const u = m(t.target.value);
+          l(u), e == null || e({
+            ...t,
             target: {
-              ...event.target,
-              value: getUnmaskedInputValue(maskedValue)
+              ...t.target,
+              value: o(u)
             }
           });
         },
-        [onChange]
+        [e]
       );
-      useImperativeHandle(
-        ref,
+      return P(
+        a,
         () => ({
-          getPhoneNumber: () => getUnmaskedInputValue(phone)
+          getPhoneNumber: () => o(r)
         })
-      );
-      return /* @__PURE__ */ jsx(Input, { ref, value: phone, onChange: handleChange, ...props });
+      ), /* @__PURE__ */ d(b, { ref: a, value: r, onChange: n, ...p });
     }
   )
 );
-InputPhoneNumber.displayName = "InputPhoneNumber";
+h.displayName = "InputPhoneNumber";
 export {
-  InputPhoneNumber
+  h as InputPhoneNumber
 };

package/dist/components/InputPhoneNumber/index.js

@@ -1,7 +1,7 @@
-import { InputPhoneNumber } from "./InputPhoneNumber.js";
-import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
+import { InputPhoneNumber as n } from "./InputPhoneNumber.js";
+import { getMaskedInputPhoneValue as u, getUnmaskedInputValue as p } from "./utils.js";
 export {
-  InputPhoneNumber,
-  getMaskedInputPhoneValue,
-  getUnmaskedInputValue
+  n as InputPhoneNumber,
+  u as getMaskedInputPhoneValue,
+  p as getUnmaskedInputValue
 };

package/dist/components/InputPhoneNumber/utils.js

@@ -1,26 +1,9 @@
-const getMaskedInputPhoneValue = (value) => {
-  const rawValue = value.replace(/\D/g, "");
-  let formattedValue = "+7 ";
-  if (rawValue.startsWith("7")) {
-    formattedValue += "(" + rawValue.substring(1, 4);
-  } else {
-    formattedValue += rawValue.substring(0, 3);
-  }
-  if (rawValue.length > 4) {
-    formattedValue += ") " + rawValue.substring(4, 7);
-  }
-  if (rawValue.length > 7) {
-    formattedValue += "-" + rawValue.substring(7, 9);
-  }
-  if (rawValue.length > 9) {
-    formattedValue += "-" + rawValue.substring(9, 11);
-  }
-  return formattedValue;
-};
-const getUnmaskedInputValue = (value) => {
-  return value.replace(/\D/g, "");
-};
+const n = (s) => {
+  const t = s.replace(/\D/g, "");
+  let e = "+7 ";
+  return t.startsWith("7") ? e += "(" + t.substring(1, 4) : e += t.substring(0, 3), t.length > 4 && (e += ") " + t.substring(4, 7)), t.length > 7 && (e += "-" + t.substring(7, 9)), t.length > 9 && (e += "-" + t.substring(9, 11)), e;
+}, r = (s) => s.replace(/\D/g, "");
 export {
-  getMaskedInputPhoneValue,
-  getUnmaskedInputValue
+  n as getMaskedInputPhoneValue,
+  r as getUnmaskedInputValue
 };

package/dist/components/InputRangeSlider/InputRangeSlider.d.ts

@@ -0,0 +1,3 @@
+import { TProps } from './types';
+
+export declare const InputRangeSlider: import('react').MemoExoticComponent<({ min, max, value, disabled, isMinEqualMax, isSingleSlider, onChange, step, borderState, positions, minMaxDescriptions, onChangeValue, wrapperClassName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element>;