mimir-ui-kit 1.14.4 → 1.14.7

package/dist/assets/Image.css

@@ -0,0 +1 @@
+._picture_9zemz_2,._image_9zemz_3{display:block;width:100%;height:auto}._loading_9zemz_9{filter:blur(20px);transition:.3s filter ease}

package/dist/assets/SelectSearch.css

@@ -1 +1 @@
-._select-search_1eksg_2{position:relative}._container_1eksg_6{display:flex;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);padding:var(--select-search-space);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1eksg_16{border-bottom:1px solid var(--citrine-100)}._full_1eksg_20{width:100%}._selectorIcon-open_1eksg_24{transform:rotate(180deg)}._placeholder_1eksg_28{position:absolute;top:var(--select-search-input-top);left:0;color:var(--black-60);font-size:var(--select-search-input-font-size);transition:all .3s ease;pointer-events:none}._placeholder-top_1eksg_37{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._active-placeholder_1eksg_43:not(:-moz-placeholder-shown)~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._active-placeholder_1eksg_43:not(:placeholder-shown)~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._input_1eksg_49{width:100%;height:100%;color:var(--black-100);font-size:var(--select-search-input-font-size);background-color:var(--black-5)}._input_1eksg_49:focus~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._input-container_1eksg_61{position:relative;align-self:flex-end;width:100%}._button_1eksg_67{display:flex;align-items:center;background:none;border:none;cursor:pointer}._options_1eksg_75{position:absolute;top:100%;z-index:10;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:var(--select-search-options-height-desktop);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_1eksg_75::-webkit-scrollbar{width:2px}._options_1eksg_75::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1eksg_75::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1eksg_75{max-height:var(--select-search-options-height-mobile)}}._option_1eksg_75{padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1eksg_109{background-color:var(--black-5)}._option-inner_1eksg_112{display:flex;gap:var(--space-m);align-items:center;justify-content:space-between}._no-options_1eksg_119{padding:var(--select-search-option-space);color:var(--black-80)}._l_1eksg_124{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-input-font-size: var(--size-text-l);--select-search-gap: var(--space-2xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-input-top: var(--select-search-input-top-l)}._xxl_1eksg_134{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-input-font-size: var(--size-text-xl);--select-search-gap: var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-input-top: var(--select-search-input-top-xxl)}._selected-icon_1eksg_144 path{fill:var(--sapphire-100)}
+._select-search_1c0m8_2{position:relative}._container_1c0m8_6{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1c0m8_15{border-bottom:1px solid var(--citrine-100)}._full_1c0m8_19{width:100%}._selector-icon-open_1c0m8_23{transform:rotate(180deg)}._button_1c0m8_27{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_1c0m8_39{position:absolute;top:100%;z-index:10;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:var(--select-search-options-height-desktop);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_1c0m8_39::-webkit-scrollbar{width:2px}._options_1c0m8_39::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1c0m8_39::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1c0m8_39{max-height:var(--select-search-options-height-mobile)}}._no-options_1c0m8_68{padding:var(--select-search-option-space);color:var(--black-80)}._m_1c0m8_73{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m)}._l_1c0m8_83{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m)}._list_1c0m8_93{height:100%}._list_1c0m8_93::-webkit-scrollbar{width:2px}._list_1c0m8_93::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._list_1c0m8_93::-webkit-scrollbar-track{background-color:var(--white)}._custom-input-class_1c0m8_107{width:100%!important}._custom-input-class_1c0m8_107:last-child{padding-right:var(--space-4xl)}

package/dist/assets/SelectSearchOption.css

@@ -0,0 +1 @@
+._option_5wfzg_2{display:flex;height:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_5wfzg_9{background-color:var(--black-5)}._option-inner_5wfzg_12{display:flex;gap:var(--space-m);align-items:center;align-self:center;justify-content:space-between;width:100%}._selected-icon_5wfzg_21 path{fill:var(--sapphire-100)}._m_5wfzg_25{--select-search-gap: var(--space-2xs);--select-search-option-space: var(--space-2s) var(--space-m)}._l_5wfzg_30{--select-search-gap: var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m)}

package/dist/assets/Tag.css

@@ -1 +1 @@
-._container_1f2sk_2{display:flex;align-items:center;justify-content:center;color:var(--sapphire-normal);border:none;border:1px solid var(--sapphire-normal);border-top-left-radius:var(--control-radius-s);border-bottom-right-radius:var(--control-radius-s);transform:skew(-23.48deg)}._container_1f2sk_2:hover{color:var(--sapphire-hover);border-color:var(--sapphire-hover)}._container_1f2sk_2:active{color:var(--white);background-color:var(--sapphire-normal)}._container_1f2sk_2:focus{box-shadow:0 0 4px 0 var(--box-shadow-focus)}._container_1f2sk_2._disabled_1f2sk_24{color:var(--white);background-color:var(--disabled);border-color:var(--disabled)}._container_1f2sk_2 ._inner_1f2sk_29{display:inline-block;font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l);font-family:var(--inter-font-family);line-height:var(--line-height-text-s1);transform:skew(23.48deg)}._container_1f2sk_2._M_1f2sk_37{height:40px;padding:0 15px}._container_1f2sk_2._S_1f2sk_41{height:32px;padding:0 11px}._container_1f2sk_2._S_1f2sk_41 ._inner_1f2sk_29{font-size:var(--size-text-m);line-height:16px}._container_1f2sk_2._XS_1f2sk_49{height:26px;padding:0 8px}._container_1f2sk_2._XS_1f2sk_49 ._inner_1f2sk_29{font-size:var(--size-text-s);line-height:20px}
+._container_ok6fq_2{display:flex;align-items:center;justify-content:center;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;color:var(--sapphire-normal);border:none;border:1px solid var(--sapphire-normal);border-top-left-radius:var(--control-radius-s);border-bottom-right-radius:var(--control-radius-s);transform:skew(-23.48deg)}._container_ok6fq_2:hover{color:var(--sapphire-hover);border-color:var(--sapphire-hover)}._container_ok6fq_2:active{color:var(--white);background-color:var(--sapphire-normal)}._container_ok6fq_2:focus{box-shadow:0 0 4px 0 var(--box-shadow-focus)}._container_ok6fq_2._disabled_ok6fq_25{color:var(--white);background-color:var(--disabled);border-color:var(--disabled)}._container_ok6fq_2 ._inner_ok6fq_30{display:inline-block;font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l);font-family:var(--inter-font-family);line-height:var(--line-height-text-s1);transform:skew(23.48deg)}._container_ok6fq_2._M_ok6fq_38{height:40px;padding:0 15px}._container_ok6fq_2._S_ok6fq_42{height:32px;padding:0 11px}._container_ok6fq_2._S_ok6fq_42 ._inner_ok6fq_30{font-size:var(--size-text-m);line-height:16px}._container_ok6fq_2._XS_ok6fq_50{height:26px;padding:0 8px}._container_ok6fq_2._XS_ok6fq_50 ._inner_ok6fq_30{font-size:var(--size-text-s);line-height:20px}

package/dist/components/Image/Image.d.ts

@@ -5,6 +5,10 @@ type TProps = ComponentProps<'img'> & {
      * Дополнительный класс к компоненту
      */
     className?: string;
+    /**
+     * Дополнительный класс к контейнеру picture
+     */
+    pictureClassName?: string;
     /**
      * Компонент, который буде показываться, пока идет загрузка изображения
      */
@@ -13,6 +17,14 @@ type TProps = ComponentProps<'img'> & {
      * Компонент, который буде показываться, если произошла ошибка при загрузке изображения
      */
     errorFallback?: ReactElement;
+    /**
+     * Изображение для десктопной версии
+     */
+    desktopImage?: string;
+    /**
+     * Изображение для мобильной версии
+     */
+    mobileImage?: string;
 };
 /**
  * Компонент для отображения изображения с возможность показа загрузки и ошибки

package/dist/components/Image/Image.js

@@ -1,10 +1,23 @@
-import { jsx } from "react/jsx-runtime";
+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
@@ -13,7 +26,7 @@ const AppImage = memo((props) => {
   const [hasError, setHasError] = useState(false);
   useLayoutEffect(() => {
     const img = new Image();
-    img.src = src ?? "";
+    img.src = src ?? desktopImage ?? mobileImage ?? "";
     img.onload = () => {
       setIsLoading(false);
     };
@@ -21,26 +34,40 @@ const AppImage = memo((props) => {
       setIsLoading(false);
       setHasError(true);
     };
-  }, [src]);
+  }, [src, desktopImage, mobileImage]);
   if (isLoading && fallback) {
     return fallback;
   }
   if (hasError && errorFallback) {
     return errorFallback;
   }
-  return /* @__PURE__ */ jsx(
-    "img",
+  return /* @__PURE__ */ jsxs(
+    "picture",
     {
-      ...otherProps,
-      style: {
-        display: "block",
-        filter: `${isLoading ? "blur(20px)" : ""}`,
-        transition: ".3s filter ease"
-      },
-      className,
-      loading: "lazy",
-      src,
-      alt
+      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
+          }
+        )
+      ]
     }
   );
 });

package/dist/components/Input/Input.js

@@ -106,7 +106,7 @@ const Input = memo(
                 onFocus: handleFocus,
                 onBlur: handleBlur,
                 readOnly: readonly,
-                value,
+                value: value || "",
                 ...otherProps
               }
             )

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -1,15 +1,10 @@
-import { ESelectSearchSize } from './constants';
+import { FixedSizeListProps } from 'react-window';
+import { TSelectSearchProps } from './types';
+import { SelectSearchOptionProps } from '../SelectSearchOption';
 
-export type TSelectSearchItem = {
-    id: number;
-    name: string;
-};
-export type TSelectSearchProps = {
-    items: TSelectSearchItem[];
-    value?: TSelectSearchItem | null;
-    onChange?: (value: TSelectSearchItem | null) => void;
-    placeholder?: string;
-    size?: ESelectSearchSize;
-    full?: boolean;
+export type SelectSearchFilterOption = SelectSearchOptionProps & {
+    key: React.Key | null;
+    children: React.ReactNode;
 };
+export type VirtualizedFixedSizeListProps = Omit<FixedSizeListProps, 'children' | 'itemCount'>;
 export declare const SelectSearch: import('react').ForwardRefExoticComponent<TSelectSearchProps & import('react').RefAttributes<HTMLElement>>;