mimir-ui-kit 1.34.1 → 1.34.2

package/dist/components/SelectSearch/SelectSearch.js

@@ -4,14 +4,14 @@ import * as React from "react";
 import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
 import { ESelectSearchSize } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import { I as Input } from "../../Input-DspsU5F4.js";
+import { I as Input } from "../../Input-ChCIy5oY.js";
 import { EInputVariant, EInputSize } from "../Input/constants.js";
 import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
 import * as ReactDOM from "react-dom";
 import { flushSync, createPortal } from "react-dom";
 import { w } from "../../use-active-press-B6yeSopF.js";
 import { u as u$4 } from "../../use-by-comparator-BUO78DGe.js";
-import { K, a as a$5, b as l$3, T as T$1, z, j as j$1, u as u$6, I as I$1, G } from "../../label-P7Xsi5N7.js";
+import { K, a as a$5, l as l$3, T as T$1, z, j as j$1, u as u$6, I as I$1, G } from "../../label-BTEGh6O_.js";
 import { A, h as h$1, f as f$6, _ } from "../../focus-management-1rQPII7Z.js";
 import { T as T$2 } from "../../use-resolve-button-type-B6LE6gU3.js";
 import { c as c$2, i as i$2, u as u$7, V, A as A$1 } from "../../open-closed-CbXq00et.js";
@@ -3752,36 +3752,35 @@ function No(o2, r2) {
   return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
 }
 let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
-const disabled = "_disabled_a63ul_5";
-const container = "_container_a63ul_9";
-const full = "_full_a63ul_22";
-const button = "_button_a63ul_34";
-const options = "_options_a63ul_52";
-const top = "_top_a63ul_63";
-const bottom = "_bottom_a63ul_68";
-const m = "_m_a63ul_95";
-const l = "_l_a63ul_108";
-const option = "_option_a63ul_52";
+const disabled = "_disabled_1bdke_5";
+const container = "_container_1bdke_9";
+const full = "_full_1bdke_22";
+const button = "_button_1bdke_30";
+const options = "_options_1bdke_42";
+const top = "_top_1bdke_53";
+const bottom = "_bottom_1bdke_58";
+const m = "_m_1bdke_85";
+const l = "_l_1bdke_96";
+const option = "_option_1bdke_42";
 const cls = {
-  "select-search": "_select-search_a63ul_2",
+  "select-search": "_select-search_1bdke_2",
   disabled,
   container,
-  "container-open": "_container-open_a63ul_18",
+  "container-open": "_container-open_1bdke_18",
   full,
-  "selected-icon": "_selected-icon_a63ul_26",
-  "selector-icon-open": "_selector-icon-open_a63ul_30",
+  "selector-icon-open": "_selector-icon-open_1bdke_26",
   button,
-  "selector-icon": "_selector-icon_a63ul_30",
   options,
   top,
   bottom,
-  "no-options": "_no-options_a63ul_89",
+  "no-options": "_no-options_1bdke_79",
   m,
   l,
-  "custom-input-class": "_custom-input-class_a63ul_121",
+  "custom-input-class": "_custom-input-class_1bdke_107",
   option,
-  "option-active": "_option-active_a63ul_137",
-  "option-inner": "_option-inner_a63ul_140"
+  "option-active": "_option-active_1bdke_123",
+  "option-inner": "_option-inner_1bdke_126",
+  "selected-icon": "_selected-icon_1bdke_133"
 };
 const SelectSearch = forwardRef(
   (props, ref) => {
@@ -3800,11 +3799,9 @@ const SelectSearch = forwardRef(
       variant = EInputVariant.DefaultGray,
       menuPlacement = "bottom",
       disabled: disabled2 = false,
-      searchProps,
-      withClearButton = false
+      searchProps
     } = props;
-    const currentInputValue = String((value == null ? void 0 : value[displayValue]) || "");
-    const [inputValue, setInputValue] = useState(currentInputValue);
+    const [inputValue, setInputValue] = useState("");
     const mapSizeToInputSize = (size22) => {
       switch (size22) {
         case ESelectSearchSize.M:
@@ -3844,8 +3841,8 @@ const SelectSearch = forwardRef(
       [onChange, onSearch, value]
     );
     useEffect(() => {
-      setInputValue(currentInputValue);
-    }, [currentInputValue]);
+      setInputValue(String((value == null ? void 0 : value[displayValue]) ?? ""));
+    }, [displayValue, value]);
     return /* @__PURE__ */ jsx(
       Nt,
       {
@@ -3878,29 +3875,18 @@ const SelectSearch = forwardRef(
                     value: inputValue,
                     disabled: disabled2,
                     variant,
-                    withClearButton,
-                    "data-testid": "select-search-input",
                     ...searchProps
                   }
                 ),
-                showArrow && /* @__PURE__ */ jsx(
-                  Ho,
+                showArrow && /* @__PURE__ */ jsx(Ho, { className: cls.button, disabled: disabled2, children: /* @__PURE__ */ jsx(
+                  Icon,
                   {
-                    className: classNames(cls.button, {
-                      [cls.disabled]: disabled2
-                    }),
-                    disabled: disabled2,
-                    children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        iconName: size2 == ESelectSearchSize.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                        className: classNames(cls["selector-icon"], {
-                          [cls["selector-icon-open"]]: open
-                        })
-                      }
-                    )
+                    iconName: size2 == ESelectSearchSize.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    className: classNames(cls["selector-icon"], {
+                      [cls["selector-icon-open"]]: open
+                    })
                   }
-                )
+                ) })
               ]
             }
           ),
@@ -3927,7 +3913,6 @@ const SelectSearch = forwardRef(
           ) : /* @__PURE__ */ jsx(
             zo,
             {
-              "data-testid": "select-search-options",
               className: classNames(
                 cls.options,
                 cls[size2],
@@ -3945,7 +3930,6 @@ const SelectSearch = forwardRef(
                       [cls["option-active"]]: focus
                     }
                   ),
-                  "data-testid": `select-search-option-${item.id}`,
                   children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
                     /* @__PURE__ */ jsxs("div", { className: cls["option-inner"], children: [
                       item.name,

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ESelectSearchSize } from './constants';
-import { TInputProps } from '../Input';
+import { TInputProps, TVariant } from '../Input';
 
 export type TSelectOption = {
     name: string;
@@ -9,7 +9,7 @@ export type TSelectOption = {
     [index: string]: unknown;
 };
 export type TMenuPlacement = 'top' | 'bottom';
-export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'> & {
+export type TSelectSearchProps = {
     /**
      * Текущее выбранное значение.
      */
@@ -44,6 +44,8 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
     items: TSelectOption[];
     /** Класснейм для значения */
     classNameOption?: string;
+    /** Варианты отображения ввода */
+    variant?: TVariant;
     /** Варианты отображения выпадающего меню */
     menuPlacement?: TMenuPlacement;
     /** Отключает компонент SelectSearch */

package/dist/components/SelectSearch/types.js

@@ -0,0 +1 @@
+

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

@@ -1,6 +1,5 @@
-import { SwiperProps } from 'swiper/react';
 
-type TProps = SwiperProps & {
+type TProps = {
     /**
      * Задержка перехода между слайдами
      */
@@ -31,5 +30,5 @@ type TProps = SwiperProps & {
 /**
  * Компонент слайдера c прогресс баром.
  */
-export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay, ...props }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

@@ -300,14 +300,14 @@ import '../../assets/Slider.css';function Autoplay(_ref) {
     resume
   });
 }
-const swiper = "_swiper_rfcv9_3";
-const slide = "_slide_rfcv9_9";
-const link = "_link_rfcv9_16";
-const image = "_image_rfcv9_22";
-const navigation = "_navigation_rfcv9_29";
-const pagination = "_pagination_rfcv9_39";
-const slides = "_slides_rfcv9_54";
-const separator = "_separator_rfcv9_60";
+const swiper = "_swiper_n7qq2_3";
+const slide = "_slide_n7qq2_9";
+const link = "_link_n7qq2_16";
+const image = "_image_n7qq2_22";
+const navigation = "_navigation_n7qq2_29";
+const pagination = "_pagination_n7qq2_39";
+const slides = "_slides_n7qq2_54";
+const separator = "_separator_n7qq2_60";
 const cls = {
   swiper,
   slide,
@@ -318,14 +318,12 @@ const cls = {
   slides,
   separator
 };
-const DEFAULT_DELAY = 15e3;
 const Slider = ({
   images,
   swiperClassName,
   slideClassName,
   imageClassName,
-  delay = DEFAULT_DELAY,
-  ...props
+  delay = 3e5
 }) => {
   const progressBar = useRef(null);
   const swiperRef = useRef(null);
@@ -351,10 +349,10 @@ const Slider = ({
   return /* @__PURE__ */ jsxs(
     Swiper,
     {
-      ...props,
       ref: swiperRef,
       className: classNames(cls.swiper, swiperClassName),
       loop: true,
+      centeredSlides: true,
       autoplay: {
         delay,
         disableOnInteraction: false

package/dist/components/Steps/Steps.d.ts

@@ -43,10 +43,6 @@ export type TProps = TCommonStepsProps & Omit<ComponentProps<'div'>, 'onClick'>
      * Адаптивный шаг
      */
     resizable?: boolean;
-    /**
-     * Нужен ли сброс до нулевого значения.
-     */
-    needZeroValue?: boolean;
     /**
      * Класс для иконки шага
      */

package/dist/components/Steps/Steps.js

@@ -31,7 +31,6 @@ const Steps = forwardRef(
       rootClassName,
       stepClassName,
       quantity,
-      needZeroValue = true,
       current = ZERO_STEP,
       editable: editable2 = false,
       size = EStepsSize.M,
@@ -65,10 +64,7 @@ const Steps = forwardRef(
     const handleClick = (idx) => {
       const clickedStep = idx + DIFF_BETWEEN_STEP_AND_INDEX;
       stepWasChangedRef.current = true;
-      if (needZeroValue) {
-        return setStep(clickedStep !== step2 ? clickedStep : ZERO_STEP);
-      }
-      setStep(clickedStep);
+      setStep(clickedStep !== step2 ? clickedStep : ZERO_STEP);
     };
     useEffect(() => {
       if (stepWasChangedRef.current === true) {

package/dist/components/Steps/types.js

@@ -0,0 +1 @@
+

package/dist/components/TabTrail/TabTrail.d.ts

@@ -31,13 +31,5 @@ export type TTabTrailProps = {
      * Класснейм для TabTrail.
      */
     className?: string;
-    /**
-     * Индекс выбранного таба.
-     */
-    selectedTabIndex?: number;
-    /**
-     * Функция обратного вызова при изменении выбранного таба.
-     */
-    onTabChange?: (index: number) => void;
 };
 export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/TabTrail/TabTrail.js

@@ -199,18 +199,18 @@ function He(e, r) {
   return !s2 && ((g = n$1.unmount) == null || g) && !((R = n$1.static) != null && R) ? React__default.createElement(T, { "aria-hidden": "true", ...m2 }) : H({ ourProps: m2, theirProps: n$1, slot: b2, defaultTag: Ge, features: Ue, visible: s2, name: "Tabs.Panel" });
 }
 let we = W(ve), Oe = W(Se), Ne = W(Ie), ke = W(Me), Be = W(He), st = Object.assign(we, { Group: Oe, List: Ne, Panels: ke, Panel: Be });
-const container = "_container_rlke5_2";
-const group = "_group_rlke5_6";
-const tab = "_tab_rlke5_16";
-const list = "_list_rlke5_51";
-const tabs = "_tabs_rlke5_62";
-const buttons = "_buttons_rlke5_68";
-const m = "_m_rlke5_75";
-const s = "_s_rlke5_83";
+const container = "_container_102fh_2";
+const group = "_group_102fh_6";
+const tab = "_tab_102fh_16";
+const list = "_list_102fh_51";
+const tabs = "_tabs_102fh_62";
+const buttons = "_buttons_102fh_68";
+const m = "_m_102fh_75";
+const s = "_s_102fh_83";
 const cls = {
   container,
   group,
-  "group-inner": "_group-inner_rlke5_9",
+  "group-inner": "_group-inner_102fh_9",
   tab,
   list,
   tabs,
@@ -219,39 +219,23 @@ const cls = {
   s
 };
 const TabTrail = forwardRef(
-  ({
-    categories,
-    size = ETabTrailSize.M,
-    showButtons = true,
-    className,
-    selectedTabIndex,
-    onTabChange
-  }, ref) => {
-    const [activeIndex, setActiveIndex] = useState(selectedTabIndex || 0);
+  ({ categories, size = ETabTrailSize.M, showButtons = true, className }, ref) => {
+    const [activeIndex, setActiveIndex] = useState(0);
     const tabListRef = useRef(null);
-    useEffect(() => {
-      if (selectedTabIndex !== void 0 && selectedTabIndex !== activeIndex) {
-        setActiveIndex(selectedTabIndex);
-      }
-    }, [activeIndex, selectedTabIndex]);
-    const handleTabChange = (index) => {
-      setActiveIndex(index);
-      onTabChange == null ? void 0 : onTabChange(index);
-    };
     const handleNext = () => {
-      const newIndex = (activeIndex + 1) % categories.length;
-      handleTabChange(newIndex);
+      setActiveIndex((prevIndex) => (prevIndex + 1) % categories.length);
     };
     const handlePrev = () => {
-      const newIndex = (activeIndex - 1 + categories.length) % categories.length;
-      handleTabChange(newIndex);
+      setActiveIndex(
+        (prevIndex) => (prevIndex - 1 + categories.length) % categories.length
+      );
     };
     useEffect(() => {
       var _a;
       const activeTab = (_a = tabListRef.current) == null ? void 0 : _a.querySelector(
         `.${cls.tab}[data-active="true"]`
       );
-      if (activeTab && typeof activeTab.scrollIntoView === "function") {
+      if (activeTab) {
         activeTab.scrollIntoView({
           behavior: "smooth",
           block: "nearest",
@@ -265,7 +249,7 @@ const TabTrail = forwardRef(
         ref,
         className: classNames(cls.group, cls[size], className),
         selectedIndex: activeIndex,
-        onChange: handleTabChange,
+        onChange: setActiveIndex,
         children: [
           /* @__PURE__ */ jsxs("div", { className: cls["group-inner"], children: [
             /* @__PURE__ */ jsx(Ne, { ref: tabListRef, className: cls.list, children: /* @__PURE__ */ jsx("div", { className: cls.tabs, children: categories.map(({ name, notificationCount }, index) => /* @__PURE__ */ jsxs(

package/dist/components/Tag/Tag.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_pnj33_2";
-const disabled = "_disabled_pnj33_25";
-const inner = "_inner_pnj33_30";
-const M = "_M_pnj33_38";
-const S = "_S_pnj33_42";
-const XS = "_XS_pnj33_50";
+import '../../assets/Tag.css';const container = "_container_ok6fq_2";
+const disabled = "_disabled_ok6fq_25";
+const inner = "_inner_ok6fq_30";
+const M = "_M_ok6fq_38";
+const S = "_S_ok6fq_42";
+const XS = "_XS_ok6fq_50";
 const cls = {
   container,
   disabled,

package/dist/components/Tag/types.js

@@ -0,0 +1 @@
+

package/dist/components/TextArea/TextArea.js

@@ -5,21 +5,21 @@ import { useAutoResizeTextArea } from "./hooks.js";
 import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-DspsU5F4.js";
+import { c as cls } from "../../Input-ChCIy5oY.js";
 import { EInputVariant } from "../Input/constants.js";
-import '../../assets/TextArea.css';const textarea = "_textarea_1n8kz_2";
-const label = "_label_1n8kz_22";
-const s = "_s_1n8kz_54";
-const m = "_m_1n8kz_62";
-const l = "_l_1n8kz_22";
+import '../../assets/TextArea.css';const textarea = "_textarea_1axu4_2";
+const label = "_label_1axu4_22";
+const s = "_s_1axu4_54";
+const m = "_m_1axu4_62";
+const l = "_l_1axu4_22";
 const textareaCls = {
-  "textarea-wrapper": "_textarea-wrapper_1n8kz_2",
+  "textarea-wrapper": "_textarea-wrapper_1axu4_2",
   textarea,
-  "has-label": "_has-label_1n8kz_8",
-  "required-mark": "_required-mark_1n8kz_11",
+  "has-label": "_has-label_1axu4_8",
+  "required-mark": "_required-mark_1axu4_11",
   label,
-  "has-left-slot": "_has-left-slot_1n8kz_37",
-  "active-label": "_active-label_1n8kz_40",
+  "has-left-slot": "_has-left-slot_1axu4_37",
+  "active-label": "_active-label_1axu4_40",
   s,
   m,
   l
@@ -65,7 +65,6 @@ const TextArea = memo(
         variant = EInputVariant.DefaultGray,
         autofocus,
         readonly,
-        status,
         id,
         onFocus,
         onBlur,
@@ -146,7 +145,7 @@ const TextArea = memo(
         cls.input,
         mods,
         className,
-        [cls[variant], textareaCls[size], cls[size], cls[status ?? ""]]
+        [cls[variant], textareaCls[size], cls[size]]
       );
       return /* @__PURE__ */ jsxs(
         "div",
@@ -155,7 +154,6 @@ const TextArea = memo(
             cls["input-wrapper"],
             textareaCls["textarea-wrapper"],
             cls[variant],
-            cls[status ?? ""],
             textareaCls[size],
             cls[size],
             {

package/dist/components/TextArea/hooks.js

@@ -2,10 +2,6 @@ import { useCallback } from "react";
 const useAutoResizeTextArea = (textArea) => {
   return useCallback(() => {
     if (textArea) {
-      if (!textArea.value.length) {
-        textArea.style.height = "auto";
-        return;
-      }
       textArea.style.height = "var(--textarea-height)";
       const scrollHeight = textArea.scrollHeight;
       textArea.style.height = `${scrollHeight}px`;

package/dist/components/TextArea/types.js

@@ -0,0 +1 @@
+

package/dist/components/Timer/Timer.js

@@ -2,7 +2,7 @@ import { jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo } from "react";
 import { useTimer } from "../../hooks/useTimer/index.js";
-import '../../assets/Timer.css';const timer = "_timer_un9th_3";
+import '../../assets/Timer.css';const timer = "_timer_llwad_3";
 const cls = {
   timer
 };

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { P } from "../../ProgressBar-DWKyrXzd.js";
+import { P } from "../../ProgressBar-CwLwhaeM.js";
 export {
   P as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useRef } from "react";
 import { ANIMATION_VARIABLES_MAP, EToastPosition, EToastVariant, DEFAULT_TOAST_DURATION } from "./constants.js";
-import { c as cls, P as ProgressBar } from "../../ProgressBar-DWKyrXzd.js";
+import { c as cls, P as ProgressBar } from "../../ProgressBar-CwLwhaeM.js";
 import { useTimer } from "../../hooks/useTimer/index.js";
 import { Button } from "../Button/Button.js";
 const Toast = memo(

package/dist/components/Toasts/ToastList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useRef, useCallback, useEffect } from "react";
 import { EToastPosition } from "./constants.js";
-import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
+import { c as cls } from "../../ProgressBar-CwLwhaeM.js";
 import { Toast } from "./Toast.js";
 const ToastList = memo(
   ({ toasts, position = EToastPosition.TOP_RIGHT, onToastRemove }) => {

package/dist/components/Toasts/ToastsProvider.js

@@ -3,7 +3,7 @@ import { useReducer, useCallback, useMemo } from "react";
 import { EToastVariant } from "./constants.js";
 import { ToastContext } from "./hooks.js";
 import { reducer, initialState, actionCreators } from "./store.js";
-import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
+import { c as cls } from "../../ProgressBar-CwLwhaeM.js";
 import { ToastList } from "./ToastList.js";
 const ToastProvider = ({ children }) => {
   const [toasts, dispatch] = useReducer(reducer, initialState);

package/dist/components/Toasts/types.js

@@ -0,0 +1 @@
+

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,21 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useState, useEffect, useMemo } from "react";
+import { forwardRef, useState, useEffect } from "react";
 import { imageTypes } from "./constants.js";
 import { ListFiles } from "../ListFiles/ListFiles.js";
 import { ListPhotos } from "../ListPhotos/ListPhotos.js";
+import { imageFileTypes } from "../Uploader/constants.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-};
-const isImageFile = (file) => {
-  if ("file" in file && file.file instanceof File) {
-    return imageTypes.includes(file.file.type);
-  }
-  if ("type" in file && typeof file.type === "string") {
-    return imageTypes.includes(file.type);
-  }
-  return false;
+  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
 };
 const UniversalUploader = forwardRef(
   (props, ref) => {
@@ -38,6 +30,24 @@ const UniversalUploader = forwardRef(
         setItems(value);
       }
     }, [value]);
+    const isImageFile = (file) => {
+      var _a;
+      if (!file) return false;
+      if (file instanceof File) {
+        return imageTypes.includes(file.type);
+      }
+      if ("file" in file && file.file instanceof File) {
+        return imageTypes.includes(file.file.type);
+      }
+      if ("url" in file && typeof file.url === "string") {
+        if (file.url.startsWith("blob:")) {
+          return typeof file.type === "string" && imageTypes.includes(file.type);
+        }
+        const extension = (_a = file.url.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+        return imageFileTypes.includes(extension);
+      }
+      return false;
+    };
     const onChangeValue = (e) => {
       const newItems = e.value.map((el) => {
         if (isImageFile(el.file)) {
@@ -65,14 +75,6 @@ const UniversalUploader = forwardRef(
       setItems((prev) => prev.filter((item) => item.id !== deleteId));
       onChange == null ? void 0 : onChange({ type: "delete", data: deleteId });
     };
-    const { photos, files } = useMemo(() => {
-      const getFiles = () => items.filter((item) => !isImageFile(item));
-      const getPhotos = () => items.filter(isImageFile);
-      if (type === "all") return { files: getFiles(), photos: getPhotos() };
-      if (type === "files") return { photos: [], files: getFiles() };
-      if (type === "photos") return { files: [], photos: getPhotos() };
-      return { files: [], photos: [] };
-    }, [items, type]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -94,8 +96,20 @@ const UniversalUploader = forwardRef(
               titleUploader
             }
           ),
-          (type === "files" || type === "all") && /* @__PURE__ */ jsx(ListFiles, { value: files, onChange: (j) => onDelete(j.deleteId) }),
-          (type === "photos" || type === "all") && /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: (j) => onDelete(j.deleteId) })
+          (type === "files" || type === "all") && /* @__PURE__ */ jsx(
+            ListFiles,
+            {
+              value: items.filter((item) => !isImageFile(item)),
+              onChange: (j) => onDelete(j.deleteId)
+            }
+          ),
+          (type === "photos" || type === "all") && /* @__PURE__ */ jsx(
+            ListPhotos,
+            {
+              value: items.filter((item) => isImageFile(item)),
+              onChange: (j) => onDelete(j.deleteId)
+            }
+          )
         ]
       }
     );

package/dist/components/UniversalUploader/types.js

@@ -0,0 +1 @@
+

package/dist/components/Uploader/Uploader.js

@@ -3,9 +3,9 @@ import { forwardRef, useRef, useId } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
 import '../../assets/Uploader.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
-  "upload-text": "_upload-text_bplvw_25",
-  "upload-file-input": "_upload-file-input_bplvw_35"
+  "upload-file-wrapper": "_upload-file-wrapper_n3hxs_2",
+  "upload-text": "_upload-text_n3hxs_25",
+  "upload-file-input": "_upload-file-input_n3hxs_35"
 };
 const MIME = {
   jpeg: "image/jpeg",

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -4,7 +4,7 @@ import { forwardRef, useState, useEffect } from "react";
 import { ListFiles } from "../ListFiles/ListFiles.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
+  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
 };
 const UploaderFiles = forwardRef(
   (props, ref) => {