mimir-ui-kit 1.33.2 → 1.34.1-t

package/dist/components/Drawer/Drawer.js

@@ -1,188 +1 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { useState, useRef, useCallback, useEffect } from "react";
-import { EDrawerPosition } from "./constants.js";
-import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button } from "../Button/Button.js";
-import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
-import { Loader } from "../Loader/Loader.js";
-import { Portal } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const drawer = "_drawer_91s5k_3";
-const content = "_content_91s5k_27";
-const header = "_header_91s5k_45";
-const title = "_title_91s5k_59";
-const space = "_space_91s5k_73";
-const inner = "_inner_91s5k_84";
-const button = "_button_91s5k_87";
-const footer = "_footer_91s5k_92";
-const left = "_left_91s5k_105";
-const right = "_right_91s5k_109";
-const full = "_full_91s5k_113";
-const bottom = "_bottom_91s5k_123";
-const opened = "_opened_91s5k_140";
-const overlay = "_overlay_91s5k_196";
-const unmount = "_unmount_91s5k_212";
-const cls = {
-  drawer,
-  content,
-  "is-loading": "_is-loading_91s5k_41",
-  header,
-  "sticky-header": "_sticky-header_91s5k_53",
-  title,
-  space,
-  inner,
-  button,
-  footer,
-  "footer-button": "_footer-button_91s5k_101",
-  left,
-  right,
-  full,
-  bottom,
-  "full-bottom-height": "_full-bottom-height_91s5k_134",
-  opened,
-  "is-closing": "_is-closing_91s5k_159",
-  overlay,
-  unmount
-};
-const ANIMATION_DELAY = 300;
-const Drawer = ({
-  isOpen,
-  onClose,
-  title: title2,
-  className,
-  unmount: unmount2 = true,
-  isLoading = false,
-  stickyHeader,
-  fullBottomHeight = false,
-  position = EDrawerPosition.RIGHT,
-  paddingRight = 8,
-  footer: footer2,
-  children,
-  classNameInner,
-  classNameFooter
-}) => {
-  const [isClosing, setIsClosing] = useState(false);
-  const [isMounted, setIsMounted] = useState(false);
-  const [isBodyScrollLocked, setIsBodyScrollLocked] = useState(false);
-  const timerRef = useRef();
-  const isMobile = useMediaQuery(EMediaQuery.XS1);
-  const { ref } = useResizeObserver({
-    enabled: position === EDrawerPosition.BOTTOM
-  });
-  useLockBodyScroll({
-    on: isBodyScrollLocked,
-    paddingRight
-  });
-  const handleClose = useCallback(() => {
-    if (onClose) {
-      setIsClosing(true);
-      setIsBodyScrollLocked(false);
-      timerRef.current = setTimeout(() => {
-        onClose();
-        setIsClosing(false);
-      }, ANIMATION_DELAY);
-    }
-  }, [onClose]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape") {
-        handleClose();
-      }
-    },
-    [handleClose]
-  );
-  useEffect(() => {
-    if (isOpen) {
-      setIsBodyScrollLocked(true);
-      setIsMounted(true);
-      window.addEventListener("keydown", handleKeyDown);
-    }
-    return () => {
-      setIsMounted(false);
-      clearTimeout(timerRef.current);
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isOpen, handleKeyDown]);
-  const mods = {
-    [cls.opened]: isMounted,
-    [cls["is-closing"]]: isClosing,
-    [cls["full-bottom-height"]]: fullBottomHeight,
-    [cls["is-loading"]]: isLoading
-  };
-  if (!isOpen && unmount2) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Portal, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": !isOpen,
-        role: "dialog",
-        className: classNames(cls.drawer, cls[position], mods, className),
-        children: /* @__PURE__ */ jsx(
-          "section",
-          {
-            ref,
-            className: classNames(cls.content, cls[position], {
-              [cls["is-loading"]]: Boolean(isLoading)
-            }),
-            children: isLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(
-                "header",
-                {
-                  className: classNames(cls.header, {
-                    [cls["sticky-header"]]: stickyHeader
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsx("h2", { className: cls.title, children: title2 }),
-                    /* @__PURE__ */ jsx("div", { className: cls.space, children: /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: EButtonVariantDefault.SecondaryWhite,
-                        isIconButton: true,
-                        size: isMobile ? EButtonSize.S : EButtonSize.M,
-                        iconName: "Close16px",
-                        onClick: handleClose,
-                        className: cls.button
-                      }
-                    ) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: classNames(cls.inner, classNameInner), children }),
-              /* @__PURE__ */ jsx("footer", { className: classNames(cls.footer, classNameFooter), children: typeof footer2 === "function" ? footer2({ handleClose }) : footer2 || /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: isMobile ? EButtonSize.M : EButtonSize.XXL,
-                  full: isMobile,
-                  onClick: handleClose,
-                  className: cls["footer-button"],
-                  children: "Закрыть"
-                }
-              ) })
-            ] })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classNames(
-          cls.overlay,
-          {
-            [cls.unmount]: !unmount2
-          },
-          mods
-        ),
-        onClick: handleClose
-      }
-    )
-  ] });
-};
-export {
-  Drawer
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/Drawer.css');const s=require("react/jsx-runtime"),n=require("../../index-gDmAUrkZ.cjs"),t=require("react"),k=require("./constants.js"),R=require("../../hooks/useMediaQuery/useMediaQuery.js"),C=require("../../hooks/useMediaQuery/constants.js"),I=require("../../hooks/useLockBodyScroll/useLockBodyScroll.js"),T=require("../../hooks/useResizeObserver/useResizeObserver.js"),N=require("../Button/Button.js"),r=require("../Button/constants.js"),P=require("../Loader/Loader.js"),Q=require("../Portal/Portal.js"),O="_drawer_1xs4d_3",A="_content_1xs4d_27",X="_header_1xs4d_45",F="_title_1xs4d_59",G="_space_1xs4d_73",H="_inner_1xs4d_84",K="_button_1xs4d_87",V="_footer_1xs4d_92",W="_left_1xs4d_105",Y="_right_1xs4d_109",J="_full_1xs4d_113",U="_bottom_1xs4d_123",Z="_opened_1xs4d_140",$="_overlay_1xs4d_196",ee="_unmount_1xs4d_212",e={drawer:O,content:A,"is-loading":"_is-loading_1xs4d_41",header:X,"sticky-header":"_sticky-header_1xs4d_53",title:F,space:G,inner:H,button:K,footer:V,"footer-button":"_footer-button_1xs4d_101",left:W,right:Y,full:J,bottom:U,"full-bottom-height":"_full-bottom-height_1xs4d_134",opened:Z,"is-closing":"_is-closing_1xs4d_159",overlay:$,unmount:ee},se=300,te=({isOpen:c,onClose:a,title:B,className:g,unmount:m=!0,isLoading:l=!1,stickyHeader:S,fullBottomHeight:v=!1,position:i=k.EDrawerPosition.RIGHT,paddingRight:w=8,footer:u,children:j,classNameInner:E,classNameFooter:M})=>{const[p,f]=t.useState(!1),[q,x]=t.useState(!1),[L,h]=t.useState(!1),y=t.useRef(),d=R.useMediaQuery(C.EMediaQuery.XS1),{ref:z}=T.useResizeObserver({enabled:i===k.EDrawerPosition.BOTTOM});I.useLockBodyScroll({on:L,paddingRight:w});const o=t.useCallback(()=>{a&&(f(!0),h(!1),y.current=setTimeout(()=>{a(),f(!1)},se))},[a]),_=t.useCallback(D=>{D.key==="Escape"&&o()},[o]);t.useEffect(()=>(c&&(h(!0),x(!0),window.addEventListener("keydown",_)),()=>{x(!1),clearTimeout(y.current),window.removeEventListener("keydown",_)}),[c,_]);const b={[e.opened]:q,[e["is-closing"]]:p,[e["full-bottom-height"]]:v,[e["is-loading"]]:l};return!c&&m?null:s.jsxs(Q.Portal,{children:[s.jsx("div",{"aria-hidden":!c,role:"dialog",className:n.classNames(e.drawer,e[i],b,g),children:s.jsx("section",{ref:z,className:n.classNames(e.content,e[i],{[e["is-loading"]]:!!l}),children:l?s.jsx(P.Loader,{}):s.jsxs(s.Fragment,{children:[s.jsxs("header",{className:n.classNames(e.header,{[e["sticky-header"]]:S}),children:[s.jsx("h2",{className:e.title,children:B}),s.jsx("div",{className:e.space,children:s.jsx(N.Button,{variant:r.EButtonVariantDefault.SecondaryWhite,isIconButton:!0,size:d?r.EButtonSize.S:r.EButtonSize.M,iconName:"Close16px",onClick:o,className:e.button})})]}),s.jsx("div",{className:n.classNames(e.inner,E),children:j}),s.jsx("footer",{className:n.classNames(e.footer,M),children:typeof u=="function"?u({handleClose:o}):u||s.jsx(N.Button,{size:d?r.EButtonSize.M:r.EButtonSize.XXL,full:d,onClick:o,className:e["footer-button"],children:"Закрыть"})})]})})}),s.jsx("div",{className:n.classNames(e.overlay,{[e.unmount]:!m},b),onClick:o})]})};exports.Drawer=te;

package/dist/components/Drawer/constants.js

@@ -1,10 +1 @@
-var EDrawerPosition = /* @__PURE__ */ ((EDrawerPosition2) => {
-  EDrawerPosition2["LEFT"] = "left";
-  EDrawerPosition2["RIGHT"] = "right";
-  EDrawerPosition2["BOTTOM"] = "bottom";
-  EDrawerPosition2["FULL"] = "full";
-  return EDrawerPosition2;
-})(EDrawerPosition || {});
-export {
-  EDrawerPosition
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.LEFT="left",t.RIGHT="right",t.BOTTOM="bottom",t.FULL="full",t))(e||{});exports.EDrawerPosition=e;

package/dist/components/Drawer/index.js

@@ -1,6 +1 @@
-import { Drawer } from "./Drawer.js";
-import { EDrawerPosition } from "./constants.js";
-export {
-  Drawer,
-  EDrawerPosition
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Drawer.js"),e=require("./constants.js");exports.Drawer=r.Drawer;exports.EDrawerPosition=e.EDrawerPosition;

package/dist/components/GosZnak/GosZnak.js

@@ -1,76 +1 @@
-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_y3yi4_13";
-const region = "_region_y3yi4_32";
-const country = "_country_y3yi4_46";
-const l = "_l_y3yi4_53";
-const s = "_s_y3yi4_62";
-const normal = "_normal_y3yi4_71";
-const traffic = "_traffic_y3yi4_78";
-const military = "_military_y3yi4_85";
-const police = "_police_y3yi4_92";
-const diplomatic = "_diplomatic_y3yi4_99";
-const cls = {
-  "gos-znak": "_gos-znak_y3yi4_2",
-  number,
-  "number-container": "_number-container_y3yi4_22",
-  region,
-  "region-container": "_region-container_y3yi4_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 })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  GosZnak
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/GosZnak.css');const s=require("react/jsx-runtime"),r=require("../../index-gDmAUrkZ.cjs"),e=require("./constants.js"),g="_number_dr109_13",p="_region_dr109_32",y="_country_dr109_46",b="_l_dr109_53",j="_s_dr109_62",k="_normal_dr109_71",x="_traffic_dr109_78",f="_military_dr109_85",h="_police_dr109_92",G="_diplomatic_dr109_99",n={"gos-znak":"_gos-znak_dr109_2",number:g,"number-container":"_number-container_dr109_22",region:p,"region-container":"_region-container_dr109_38",country:y,l:b,s:j,normal:k,traffic:x,military:f,police:h,diplomatic:G},Z=({number:a,region:c,country:o,size:i=e.EGosZnakSize.L,type:t=e.EGosZnakType.Normal,className:_,numberClassName:l,regionClassName:m,countryClassName:d,numberContainerClassName:u,regionContainerClassName:N})=>s.jsxs("div",{className:r.classNames(n["gos-znak"],n[i],n[t],_),children:[s.jsx("div",{className:r.classNames(n["number-container"],u),children:s.jsx("span",{className:r.classNames(n.number,l),children:a})}),s.jsxs("div",{className:r.classNames(n["region-container"],N),children:[s.jsx("span",{className:r.classNames(n.region,m),children:c}),s.jsx("span",{className:r.classNames(n.country,d),children:o})]})]});exports.GosZnak=Z;

package/dist/components/GosZnak/constants.js

@@ -1,17 +1 @@
-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 || {});
-export {
-  EGosZnakSize,
-  EGosZnakType
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var i=(r=>(r.S="s",r.L="l",r))(i||{}),t=(r=>(r.Normal="normal",r.Traffic="traffic",r.Military="military",r.Police="police",r.Diplomatic="diplomatic",r))(t||{});exports.EGosZnakSize=i;exports.EGosZnakType=t;

package/dist/components/GosZnak/index.js

@@ -1,7 +1 @@
-import { GosZnak } from "./GosZnak.js";
-import { EGosZnakSize, EGosZnakType } from "./constants.js";
-export {
-  EGosZnakSize,
-  EGosZnakType,
-  GosZnak
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./GosZnak.js"),o=require("./constants.js");exports.GosZnak=n.GosZnak;exports.EGosZnakSize=o.EGosZnakSize;exports.EGosZnakType=o.EGosZnakType;

package/dist/components/Image/Image.js

@@ -1,76 +1 @@
-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) => {
-  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);
-    };
-  }, [src, desktopImage, mobileImage]);
-  if (isLoading && fallback) {
-    return fallback;
-  }
-  if (hasError && errorFallback) {
-    return errorFallback;
-  }
-  return /* @__PURE__ */ jsxs(
-    "picture",
-    {
-      className: classNames(cls.picture, pictureClassName, {
-        [cls.loading]: isLoading
-      }),
-      children: [
-        mobileImage && /* @__PURE__ */ jsx("source", { srcSet: mobileImage, media: EMediaQuery.S }),
-        desktopImage && /* @__PURE__ */ jsx("source", { srcSet: desktopImage, media: EMinMediaQuery.S }),
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            ...otherProps,
-            style: {
-              display: "block",
-              filter: `${isLoading ? "blur(20px)" : ""}`,
-              transition: ".3s filter ease"
-            },
-            className: classNames(cls.image, className, {
-              [cls.loading]: isLoading
-            }),
-            loading: "lazy",
-            src,
-            alt
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  AppImage
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/Image.css');const r=require("react/jsx-runtime"),m=require("../../index-gDmAUrkZ.cjs"),t=require("react"),g=require("../../hooks/useMediaQuery/constants.js"),x="_picture_9zemz_2",z="_image_9zemz_3",j="_loading_9zemz_9",i={picture:x,image:z,loading:j},I=t.memo(d=>{const{className:p,src:o,alt:f="image",desktopImage:e,mobileImage:s,pictureClassName:_,errorFallback:n,fallback:l,...y}=d,[a,u]=t.useState(!0),[S,b]=t.useState(!1);return t.useLayoutEffect(()=>{const c=new Image;c.src=o??e??s??"",c.onload=()=>{u(!1)},c.onerror=()=>{u(!1),b(!0)}},[o,e,s]),a&&l?l:S&&n?n:r.jsxs("picture",{className:m.classNames(i.picture,_,{[i.loading]:a}),children:[s&&r.jsx("source",{srcSet:s,media:g.EMediaQuery.S}),e&&r.jsx("source",{srcSet:e,media:g.EMinMediaQuery.S}),r.jsx("img",{...y,style:{display:"block",filter:`${a?"blur(20px)":""}`,transition:".3s filter ease"},className:m.classNames(i.image,p,{[i.loading]:a}),loading:"lazy",src:o,alt:f})]})});exports.AppImage=I;

package/dist/components/Image/index.js

@@ -1,4 +1 @@
-import { AppImage } from "./Image.js";
-export {
-  AppImage as Image
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Image.js");exports.Image=e.AppImage;

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 @@
-import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
-import "react";
-import "./constants.js";
-import { I } from "../../Input-CCNRdc6Q.js";
-import "../../hooks/useMergeRefs/useMergeRefs.js";
-import "../../icons/Icon.js";
-import "../Button/Button.js";
-export {
-  I as Input
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../index-gDmAUrkZ.cjs");require("react");require("./constants.js");const e=require("../../Input-BvgVl6YE.cjs");require("../../hooks/useMergeRefs/useMergeRefs.js");require("../../icons/Icon.js");require("../Button/Button.js");exports.Input=e.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 @@
-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 || {});
-export {
-  EInputSize,
-  EInputVariant
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.DefaultGray="default-gray",r.DefaultWhite="default-white",r))(e||{}),a=(r=>(r.Alarm="alarm",r.Success="success",r.Error="error",r))(a||{}),t=(r=>(r.S="s",r.M="m",r.L="l",r))(t||{});exports.EInputSize=t;exports.EInputStatus=a;exports.EInputVariant=e;

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 @@
-import { I } from "../../Input-CCNRdc6Q.js";
-import { EInputSize, EInputVariant } from "./constants.js";
-export {
-  EInputSize,
-  EInputVariant,
-  I as Input
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../Input-BvgVl6YE.cjs"),t=require("./constants.js");exports.Input=n.Input;exports.EInputSize=t.EInputSize;exports.EInputStatus=t.EInputStatus;exports.EInputVariant=t.EInputVariant;

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,63 +1 @@
-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-CCNRdc6Q.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,
-          {
-            ref,
-            className: cls.input,
-            wrapperClassName: cls["input-wrapper"],
-            size,
-            type: showPassword ? "text" : "password",
-            ...props
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            clear: true,
-            type: "button",
-            className: cls.button,
-            onClick: handleClick,
-            children: /* @__PURE__ */ jsx(
-              Icon,
-              {
-                className: classNames(cls.icon, {
-                  [cls.show]: showPassword
-                }),
-                iconName: "Eye24px"
-              }
-            )
-          }
-        ) })
-      ] });
-    }
-  )
-);
-InputPassword.displayName = "InputPassword";
-export {
-  InputPassword
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/InputPassword.css');const s=require("react/jsx-runtime"),i=require("../../index-gDmAUrkZ.cjs"),n=require("react"),_=require("../../icons/Icon.js"),w=require("../Button/Button.js"),l=require("../../Input-BvgVl6YE.cjs"),b="_input_7b9x2_2",d="_wrapper_7b9x2_6",x="_button_7b9x2_17",m="_icon_7b9x2_33",h="_show_7b9x2_38",t={input:b,wrapper:d,"input-wrapper":"_input-wrapper_7b9x2_13","button-wrapper":"_button-wrapper_7b9x2_17",button:x,icon:m,show:h},o=n.memo(n.forwardRef(({size:r,...p},a)=>{const[e,c]=n.useState(!1),u=()=>c(!e);return s.jsxs("div",{className:t.wrapper,children:[s.jsx(l.Input,{ref:a,className:t.input,wrapperClassName:t["input-wrapper"],size:r,type:e?"text":"password",...p}),s.jsx("div",{className:t["button-wrapper"],children:s.jsx(w.Button,{clear:!0,type:"button",className:t.button,onClick:u,children:s.jsx(_.Icon,{className:i.classNames(t.icon,{[t.show]:e}),iconName:"Eye24px"})})})]})}));o.displayName="InputPassword";exports.InputPassword=o;

package/dist/components/InputPassword/index.js

@@ -1,4 +1 @@
-import { InputPassword } from "./InputPassword.js";
-export {
-  InputPassword
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./InputPassword.js");exports.InputPassword=s.InputPassword;

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,38 +1 @@
-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-CCNRdc6Q.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,
-            target: {
-              ...event.target,
-              value: getUnmaskedInputValue(maskedValue)
-            }
-          });
-        },
-        [onChange]
-      );
-      useImperativeHandle(
-        ref,
-        () => ({
-          getPhoneNumber: () => getUnmaskedInputValue(phone)
-        })
-      );
-      return /* @__PURE__ */ jsx(Input, { ref, value: phone, onChange: handleChange, ...props });
-    }
-  )
-);
-InputPhoneNumber.displayName = "InputPhoneNumber";
-export {
-  InputPhoneNumber
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),e=require("react"),u=require("./utils.js"),d=require("../../Input-BvgVl6YE.cjs"),o=e.memo(e.forwardRef(({value:l="",onChange:t,...p},a)=>{const[s,m]=e.useState(()=>u.getMaskedInputPhoneValue(l)),c=e.useCallback(n=>{const r=u.getMaskedInputPhoneValue(n.target.value);m(r),t==null||t({...n,target:{...n.target,value:u.getUnmaskedInputValue(r)}})},[t]);return e.useImperativeHandle(a,()=>({getPhoneNumber:()=>u.getUnmaskedInputValue(s)})),I.jsx(d.Input,{ref:a,value:s,onChange:c,...p})}));o.displayName="InputPhoneNumber";exports.InputPhoneNumber=o;

package/dist/components/InputPhoneNumber/index.js

@@ -1,7 +1 @@
-import { InputPhoneNumber } from "./InputPhoneNumber.js";
-import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
-export {
-  InputPhoneNumber,
-  getMaskedInputPhoneValue,
-  getUnmaskedInputValue
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./InputPhoneNumber.js"),e=require("./utils.js");exports.InputPhoneNumber=n.InputPhoneNumber;exports.getMaskedInputPhoneValue=e.getMaskedInputPhoneValue;exports.getUnmaskedInputValue=e.getUnmaskedInputValue;