mimir-ui-kit 1.1.9 → 1.2.0

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

@@ -1,15 +1,21 @@
-import { ImgHTMLAttributes, ReactElement } from 'react';
+import { ReactElement, ComponentProps } from 'react';
 
-interface AppImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+type TProps = ComponentProps<'img'> & {
+    /**
+     * Дополнительный класс к компоненту
+     */
     className?: string;
     /**
-     * The React element to render while the image is loading.
+     * Компонент, который буде показываться, пока идет загрузка изображения
      */
     fallback?: ReactElement;
     /**
-     * The React element to render if the image fails to load.
+     * Компонент, который буде показываться, если произошла ошибка при загрузке изображения
      */
     errorFallback?: ReactElement;
-}
-export declare const AppImage: import('react').MemoExoticComponent<(props: AppImageProps) => import("react/jsx-runtime").JSX.Element>;
+};
+/**
+ * Компонент для отображения изображения с возможность показа загрузки и ошибки
+ */
+export declare const AppImage: import('react').MemoExoticComponent<(props: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Image/Image.js

@@ -32,7 +32,11 @@ const AppImage = memo((props) => {
     "img",
     {
       ...otherProps,
-      style: { display: "block" },
+      style: {
+        display: "block",
+        filter: `${isLoading ? "blur(20px)" : ""}`,
+        transition: ".3s filter ease"
+      },
       className,
       loading: "lazy",
       src,

package/dist/components/MergedButton/MergedButton.d.ts

@@ -5,7 +5,13 @@ export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' |
     variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
 };
 type TProps = {
+    /**
+     * Массив кнопок,  который отрисуется в контейнере
+     * */
     buttons: TButtonPropsWithoutStyles[];
 };
+/**
+ * Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
+ */
 export declare const MergedButton: import('react').MemoExoticComponent<({ buttons }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Slider/NavigationButtons/NavigationButtons.d.ts

@@ -0,0 +1 @@
+export declare const NavigationButtons: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Slider/NavigationButtons/NavigationButtons.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { N } from "../../../NavigationButtons-B8tMfqrg.js";
+import "../../MergedButton/MergedButton.js";
+export {
+  N as NavigationButtons
+};

package/dist/components/Slider/NavigationButtons/index.d.ts

@@ -0,0 +1 @@
+export { NavigationButtons } from './NavigationButtons';

package/dist/components/Slider/NavigationButtons/index.js

@@ -0,0 +1,4 @@
+import { N } from "../../../NavigationButtons-B8tMfqrg.js";
+export {
+  N as NavigationButtons
+};

package/dist/components/Slider/Slider.d.ts

@@ -1,14 +1,32 @@
 
 type TProps = {
+    /**
+     * Задержка перехода между слайдами
+     */
     delay?: number;
+    /**
+     * Дополнительные классы для слайдов
+     */
     slideClassName?: string;
+    /**
+     * Дополнительные классы для слайдера
+     */
     swiperClassName?: string;
+    /**
+     * Дополнительные классы для картинок
+     */
     imageClassName?: string;
+    /**
+     * Массив данных для отрисовки слайдов.
+     */
     images?: {
         image?: string;
         url?: string;
         id?: number;
     }[];
 };
+/**
+ * Компонент слайдера c прогресс баром.
+ */
 export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};