mimir-ui-kit 1.34.4 → 1.34.5

package/dist/components/GosZnak/GosZnak.js

@@ -1,76 +1,63 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { EGosZnakSize, EGosZnakType } from "./constants.js";
-import '../../assets/GosZnak.css';const number = "_number_dr109_13";
-const region = "_region_dr109_32";
-const country = "_country_dr109_46";
-const l = "_l_dr109_53";
-const s = "_s_dr109_62";
-const normal = "_normal_dr109_71";
-const traffic = "_traffic_dr109_78";
-const military = "_military_dr109_85";
-const police = "_police_dr109_92";
-const diplomatic = "_diplomatic_dr109_99";
-const cls = {
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+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,
+  number: y,
   "number-container": "_number-container_dr109_22",
-  region,
+  region: N,
   "region-container": "_region-container_dr109_38",
-  country,
-  l,
-  s,
-  normal,
-  traffic,
-  military,
-  police,
-  diplomatic
-};
-const GosZnak = ({
-  number: number2,
-  region: region2,
-  country: country2,
-  size = EGosZnakSize.L,
-  type = EGosZnakType.Normal,
-  className,
-  numberClassName,
-  regionClassName,
-  countryClassName,
-  numberContainerClassName,
-  regionContainerClassName
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(cls["gos-znak"], cls[size], cls[type], className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(
-              cls["number-container"],
-              numberContainerClassName
-            ),
-            children: /* @__PURE__ */ jsx("span", { className: classNames(cls.number, numberClassName), children: number2 })
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: classNames(
-              cls["region-container"],
-              regionContainerClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: classNames(cls.region, regionClassName), children: region2 }),
-              /* @__PURE__ */ jsx("span", { className: classNames(cls.country, countryClassName), children: country2 })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
+  country: b,
+  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(r["gos-znak"], r[e], r[_], t),
+    children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: n(
+            r["number-container"],
+            p
+          ),
+          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
+        }
+      ),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: n(
+            r["region-container"],
+            u
+          ),
+          children: [
+            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
+            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
+          ]
+        }
+      )
+    ]
+  }
+);
 export {
-  GosZnak
+  S as GosZnak
 };

package/dist/components/GosZnak/constants.js

@@ -1,17 +1,5 @@
-var EGosZnakSize = /* @__PURE__ */ ((EGosZnakSize2) => {
-  EGosZnakSize2["S"] = "s";
-  EGosZnakSize2["L"] = "l";
-  return EGosZnakSize2;
-})(EGosZnakSize || {});
-var EGosZnakType = /* @__PURE__ */ ((EGosZnakType2) => {
-  EGosZnakType2["Normal"] = "normal";
-  EGosZnakType2["Traffic"] = "traffic";
-  EGosZnakType2["Military"] = "military";
-  EGosZnakType2["Police"] = "police";
-  EGosZnakType2["Diplomatic"] = "diplomatic";
-  return EGosZnakType2;
-})(EGosZnakType || {});
+var i = /* @__PURE__ */ ((r) => (r.S = "s", r.L = "l", r))(i || {}), l = /* @__PURE__ */ ((r) => (r.Normal = "normal", r.Traffic = "traffic", r.Military = "military", r.Police = "police", r.Diplomatic = "diplomatic", r))(l || {});
 export {
-  EGosZnakSize,
-  EGosZnakType
+  i as EGosZnakSize,
+  l as EGosZnakType
 };

package/dist/components/GosZnak/index.js

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

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.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-DspsU5F4.js";
+import { I as f } from "../../Input-DGr0q5AJ.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.js

@@ -1,22 +1,6 @@
-var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
-  EInputVariant2["DefaultGray"] = "default-gray";
-  EInputVariant2["DefaultWhite"] = "default-white";
-  return EInputVariant2;
-})(EInputVariant || {});
-var EInputStatus = /* @__PURE__ */ ((EInputStatus2) => {
-  EInputStatus2["Alarm"] = "alarm";
-  EInputStatus2["Success"] = "success";
-  EInputStatus2["Error"] = "error";
-  return EInputStatus2;
-})(EInputStatus || {});
-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,
-  EInputStatus,
-  EInputVariant
+  l as EInputSize,
+  a as EInputStatus,
+  e as EInputVariant
 };

package/dist/components/Input/index.js

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

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-DspsU5F4.js";
-import '../../assets/InputPassword.css';const input = "_input_7b9x2_2";
-const wrapper = "_wrapper_7b9x2_6";
-const button = "_button_7b9x2_17";
-const icon = "_icon_7b9x2_33";
-const show = "_show_7b9x2_38";
-const cls = {
-  input,
-  wrapper,
+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-DGr0q5AJ.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,
-  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,
+  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-DspsU5F4.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-DGr0q5AJ.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
 };