mimir-ui-kit 1.38.26 → 1.38.28

package/dist/{Input-CQ7LgZWK.js → Input-DAmc_HxO.js}

@@ -76,7 +76,7 @@ import './assets/Input.css';const ne = "_label_1y1tj_27", oe = "_input_1y1tj_3",
         label: u,
         withClearButton: M,
         disabled: a,
-        onChange: i,
+        onChange: d,
         rightAddon: O,
         status: F,
         leftAddon: S,
@@ -86,7 +86,7 @@ import './assets/Input.css';const ne = "_label_1y1tj_27", oe = "_input_1y1tj_3",
         maxLength: v,
         autocomplete: G = "on",
         ...P
-      } = t, [_, I] = B(g), [f, h] = B(!!l), d = te(null), W = se(d, m);
+      } = t, [_, I] = B(g), [f, h] = B(!!l), i = te(null), W = se(i, m);
       R(() => {
         g && I(!0);
       }, [g]), R(() => {
@@ -98,12 +98,12 @@ import './assets/Input.css';const ne = "_label_1y1tj_27", oe = "_input_1y1tj_3",
       }, J = (r) => {
         c || (I(!0), N == null || N(r));
       }, K = () => {
-        d != null && d.current && (d.current.value = "", d.current.focus(), h(!1), i == null || i({
-          target: { value: "" }
+        i != null && i.current && (i.current.value = "", i.current.focus(), h(!1), d == null || d({
+          target: i.current
         }));
       }, Q = (r) => {
         let n = r.target.value;
-        T && (n = n.replace(/\D/g, "")), v !== void 0 && (n = n.slice(0, v)), r.target.value = n, i == null || i(r), h(!!n);
+        T && (n = n.replace(/\D/g, "")), v !== void 0 && (n = n.slice(0, v)), r.target.value = n, d == null || d(r), h(!!n);
       }, y = z(S), b = z(O), U = {
         [e.readonly]: a || c,
         [e.focused]: _,

package/dist/assets/UploaderFiles.css

@@ -0,0 +1 @@
+._container_aj93w_2{display:flex;flex-direction:column;gap:var(--mimir-space-m);padding:var(--mimir-space-4xl) var(--mimir-space-xl);overflow:hidden;border:var(--mimir-control-border-width) dashed var(--black-20);border-radius:var(--mimir-control-radius-s)}._container_aj93w_2._white_aj93w_11{background-color:var(--white)}._container_aj93w_2._gray_aj93w_14{background-color:var(--black-5)}._container_aj93w_2._compact_aj93w_17{padding:var(--mimir-space-xl) var(--mimir-space-m)}

package/dist/components/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ import { YearPickerModal as at } from "./YearPickerModal.js";
 import { useClickOutside as mt } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as X } from "../../icons/Icon.js";
 import { formating as l } from "../../utils/index.js";
-import { I as pt } from "../../Input-CQ7LgZWK.js";
+import { I as pt } from "../../Input-DAmc_HxO.js";
 import { EInputStatus as dt, EInputSize as E } from "../Input/constants.js";
 const ft = {
   days: ot,

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-CQ7LgZWK.js";
+import { I as f } from "../../Input-DAmc_HxO.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

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

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
 import { memo as w, forwardRef as u, useState as m } from "react";
 import { Icon as d } from "../../icons/Icon.js";
 import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-CQ7LgZWK.js";
+import { I as l } from "../../Input-DAmc_HxO.js";
 import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: b,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 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-CQ7LgZWK.js";
+import { I as b } from "../../Input-DAmc_HxO.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/ListFiles/ListFiles.d.ts

@@ -17,6 +17,10 @@ export type TListFiles = {
      * Вариант отображения файла
      */
     variant?: EFileItemVariant | `${EFileItemVariant}`;
+    /**
+     * Блок удаления файлов
+     */
+    disabled?: boolean;
 };
 export type TFileItem = {
     id: number;
@@ -33,4 +37,4 @@ export type TFilesDetail = {
     size?: number;
     type?: string;
 };
-export declare function ListFiles({ value, onChange, classNameWrapper, variant }: TListFiles): import("react/jsx-runtime").JSX.Element | null;
+export declare function ListFiles({ value, onChange, classNameWrapper, variant, disabled }: TListFiles): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListFiles/ListFiles.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { c as _ } from "../../index-DIxK0V-G.js";
-import { useState as d, useEffect as u } from "react";
-import { EFileItemVariant as w } from "./constants.js";
-import { formating as g } from "../../utils/index.js";
-import { Button as N } from "../Button/Button.js";
-import '../../assets/ListFiles.css';const h = "_white_wnnpg_58", z = "_gray_wnnpg_63", e = {
+import { c as d } from "../../index-DIxK0V-G.js";
+import { useState as u, useEffect as w } from "react";
+import { EFileItemVariant as g } from "./constants.js";
+import { formating as N } from "../../utils/index.js";
+import { Button as h } from "../Button/Button.js";
+import '../../assets/ListFiles.css';const z = "_white_wnnpg_58", y = "_gray_wnnpg_63", e = {
   "file-info": "_file-info_wnnpg_2",
   "file-info-size": "_file-info-size_wnnpg_8",
   "file-info-name-wrapper": "_file-info-name-wrapper_wnnpg_16",
@@ -12,27 +12,28 @@ import '../../assets/ListFiles.css';const h = "_white_wnnpg_58", z = "_gray_wnnp
   "file-upload-container": "_file-upload-container_wnnpg_34",
   "file-upload-container-item": "_file-upload-container-item_wnnpg_42",
   "delete-button": "_delete-button_wnnpg_51",
-  white: h,
-  gray: z
+  white: z,
+  gray: y
 };
-function v({
+function B({
   value: o,
   onChange: s,
   classNameWrapper: f,
-  variant: c = w.white
+  variant: c = g.white,
+  disabled: m
 }) {
-  const [a, l] = d(o);
-  u(() => {
+  const [a, l] = u(o);
+  w(() => {
     l(o);
   }, [o]);
-  const m = async (i) => {
-    const n = [...a.filter((p) => p.id !== i)];
+  const p = async (i) => {
+    const n = [...a.filter((_) => _.id !== i)];
     l(n), s == null || s({ deleteId: i, list: n });
   };
   return a.length ? /* @__PURE__ */ t(
     "ul",
     {
-      className: _(
+      className: d(
         e["file-upload-container"],
         f,
         e[c]
@@ -41,19 +42,19 @@ function v({
         /* @__PURE__ */ r("div", { className: e["file-info"], children: [
           (i == null ? void 0 : i.size) && /* @__PURE__ */ r("span", { className: e["file-info-size"], children: [
             " ",
-            g.Size(i == null ? void 0 : i.size)
+            N.Size(i == null ? void 0 : i.size)
           ] }),
           /* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
         ] }),
-        /* @__PURE__ */ t(
-          N,
+        !m && /* @__PURE__ */ t(
+          h,
           {
             isIconButton: !0,
             iconName: "Close12px",
             size: "m-s",
             variant: "secondary-gray",
             className: e["delete-button"],
-            onClick: () => m(i.id)
+            onClick: () => p(i.id)
           }
         )
       ] }, n))
@@ -61,5 +62,5 @@ function v({
   ) : null;
 }
 export {
-  v as ListFiles
+  B as ListFiles
 };

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -7,7 +7,7 @@ import { Icon as ye } from "../../icons/Icon.js";
 import { Button as ke } from "../Button/Button.js";
 import { CheckboxMimir as Te } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as Oe } from "../Chip/Chip.js";
-import { I as ne } from "../../Input-CQ7LgZWK.js";
+import { I as ne } from "../../Input-DAmc_HxO.js";
 import { EInputVariant as ze } from "../Input/constants.js";
 import { H as Ae, U as ie, G as se, K as Ve, W as qe } from "../../combobox-CVtJDVoZ.js";
 import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27", Re = "_button_io0c8_39", Be = "_options_io0c8_53", Fe = "_visible_io0c8_66", Je = "_top_io0c8_69", je = "_bottom_io0c8_74", Ge = "_m_io0c8_2", He = "_l_io0c8_116", Ue = "_focused_io0c8_134", We = "_option_io0c8_53", Ke = "_chip_io0c8_163", $e = "_clear_io0c8_188", e = {

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as o, MOBILE_MENU_HEIGHT as u, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-CQ7LgZWK.js";
+import "../../Input-DAmc_HxO.js";
 import { EInputSize as r } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
 import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-CQ7LgZWK.js";
+import { I as A } from "../../Input-DAmc_HxO.js";
 import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
   otp: C,
   "input-wrapper": "_input-wrapper_1shq3_14",

package/dist/components/SelectSearch/SelectSearch.js

@@ -5,7 +5,7 @@ import { ESelectSearchSize as g } from "./constants.js";
 import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
 import { Icon as O } from "../../icons/Icon.js";
 import { Button as Q } from "../Button/Button.js";
-import { I as B } from "../../Input-CQ7LgZWK.js";
+import { I as B } from "../../Input-DAmc_HxO.js";
 import { EInputVariant as X } from "../Input/constants.js";
 import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CVtJDVoZ.js";
 import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_container_1bph7_13", ne = "_full_1bph7_28", se = "_button_1bph7_40", ae = "_options_1bph7_54", ie = "_top_1bph7_65", le = "_bottom_1bph7_71", re = "_m_1bph7_98", ce = "_l_1bph7_113", de = "_option_1bph7_54", pe = "_clear_1bph7_167", e = {

package/dist/components/SelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { ESelectSearchSize as r } from "./constants.js";
-import "../../Input-CQ7LgZWK.js";
+import "../../Input-DAmc_HxO.js";
 import { EInputSize as t } from "../Input/constants.js";
 const c = (o) => {
   switch (o) {

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-CQ7LgZWK.js";
+import { c as e } from "../../Input-DAmc_HxO.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/Uploader/Uploader.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as n, Fragment as B } from "react/jsx-runtime";
-import { forwardRef as M, useRef as _, useId as k } from "react";
+import { forwardRef as R, useRef as M, useId as k } from "react";
 import { Icon as D } from "../../icons/Icon.js";
 import { Button as G } from "../Button/Button.js";
 import { EButtonVariantDefault as O } from "../Button/constants.js";
@@ -7,7 +7,7 @@ import '../../assets/Uploader.css';const c = {
   "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
   "upload-text": "_upload-text_bplvw_25",
   "upload-file-input": "_upload-file-input_bplvw_35"
-}, j = {
+}, y = {
   jpeg: "image/jpeg",
   jpg: "image/jpg",
   png: "image/png",
@@ -31,76 +31,76 @@ import '../../assets/Uploader.css';const c = {
 ], X = () => {
   let i = 0;
   return () => (i = (i + 1) % Number.MAX_SAFE_INTEGER, i);
-}, q = X(), W = M(
+}, q = X(), W = R(
   (i, v) => {
     const {
       filesType: l = L,
-      onChangeValue: I,
-      arrayName: N,
-      maxSize: f = 15,
-      maxFiles: d,
-      isDisabled: m,
-      titleUploader: u = "Или перетащите сюда",
-      buttonText: T = "Выберите файлы",
-      showOnlyUploadButton: z = !1,
-      uploadButtonVariant: S = O.SecondaryAsphalt,
-      buttonSize: C = "m",
-      buttonClassName: E,
-      onMaxFilesExceeded: p,
-      onMaxSizeExceeded: g,
-      onInvalidFileType: x
-    } = i, h = _(null), r = _(null), b = k(), F = (e) => {
+      onChangeValue: _,
+      arrayName: j,
+      maxSize: d = 15,
+      maxFiles: p,
+      isDisabled: f,
+      titleUploader: m = "Или перетащите сюда",
+      buttonText: I = "Выберите файлы",
+      showOnlyUploadButton: N = !1,
+      uploadButtonVariant: T = O.SecondaryAsphalt,
+      buttonSize: z = "m",
+      buttonClassName: S,
+      onMaxFilesExceeded: r,
+      onMaxSizeExceeded: u,
+      onInvalidFileType: g
+    } = i, x = M(null), h = k(), C = (e) => {
       var a;
       return e.type ? e.type : ((a = e.name.split(".").pop()) == null ? void 0 : a.toLowerCase()) === "heic" ? "image/heic" : "";
-    }, R = (e) => {
+    }, E = (e) => {
+      var s;
       if (e.target.files && e.target.files[0]) {
-        const s = Array.from(e.target.files);
-        s.length > d && (p == null || p());
-        const a = s.filter((t) => {
-          const V = F(t), w = l.map((A) => j[A]).includes(V), y = t.size / 1024 ** 2 <= f;
-          return !w && x && x(t.name), !y && g && g(t.name), w && y;
-        }).slice(0, d).map((t) => ({ file: t, id: q() }));
-        I({ arrayName: N, value: a }), r.current && (r.current.value = "");
+        const a = Array.from(e.target.files);
+        p && a.length > p && (r == null || r());
+        const U = a.filter((t) => {
+          const V = C(t), b = l.map((A) => y[A]).includes(V), w = t.size / 1024 ** 2 <= d;
+          return !b && g && g(t.name), !w && u && u(t.name), b && w;
+        }).slice(0, p).map((t) => ({ file: t, id: q() }));
+        _({ arrayName: j, value: U }), (s = e.target) != null && s.value && (e.target.value = "");
       }
-    }, U = () => {
+    }, F = () => {
       var e;
-      (e = h.current) == null || e.click();
+      (e = x.current) == null || e.click();
     };
     return /* @__PURE__ */ o("div", { className: c["upload-file-wrapper"], ref: v, children: [
       /* @__PURE__ */ n(
         "input",
         {
-          ref: r,
           type: "file",
           className: c["upload-file-input"],
           "aria-label": "Upload",
           name: "image[]",
           multiple: !0,
-          onChange: R,
+          onChange: E,
           title: "",
-          id: b,
-          accept: l.map((e) => j[e]).join(),
-          disabled: m
+          id: h,
+          accept: l.map((e) => y[e]).join(),
+          disabled: f
         }
       ),
-      /* @__PURE__ */ o("label", { htmlFor: b, ref: h, children: [
+      /* @__PURE__ */ o("label", { htmlFor: h, ref: x, children: [
         /* @__PURE__ */ n(
           G,
           {
-            size: C,
-            variant: S,
+            size: z,
+            variant: T,
             leftIcon: /* @__PURE__ */ n(D, { iconName: "UnionIcon16px" }),
-            onClick: U,
-            disabled: m,
-            className: E,
-            children: T
+            onClick: F,
+            disabled: f,
+            className: S,
+            children: I
           }
         ),
-        !z && /* @__PURE__ */ o(B, { children: [
-          u && /* @__PURE__ */ n("b", { children: u }),
+        !N && /* @__PURE__ */ o(B, { children: [
+          m && /* @__PURE__ */ n("b", { children: m }),
           /* @__PURE__ */ o("span", { className: c["upload-text"], children: [
             "Максимальный размер одного файла – ",
-            f,
+            d,
             " Мб",
             /* @__PURE__ */ n("br", {}),
             "Загрузить можно файлы следующих форматов: ",

package/dist/components/UploaderFiles/UploaderFiles.d.ts

@@ -1,59 +1,3 @@
-import { TFilesDetail } from '../ListFiles/ListFiles';
-import { imageTypesArr } from '../Uploader/constants';
-import { TFileItem } from '../Uploader/Uploader';
+import { TUploaderFiles } from './types';
 
-export type TUploaderFiles = {
-    /**
-     * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
-     */
-    filesType: imageTypesArr[];
-    /**
-     * Наименование передаваемого массива файлов
-     */
-    arrayName: string;
-    /**
-     * Максимальный размер файлов.
-     */
-    maxSize: number;
-    /**
-     * Функция обратного вызова, передает параметры type и data,
-     * type 'add' в data передает массив файлов,
-     * type:'delete' в data передает id удаленного файла
-     */
-    onChange: (j: TOnChangeFilesUpdate) => void;
-    /**
-     * Передаваемые файлы.
-     */
-    value?: TFilesDetail[];
-    /**
-     * Максимальное количество файлов.
-     */
-    maxFiles: number;
-    /**
-     * Текст внутри кнопки загрузки файла
-     */
-    buttonText?: string;
-    /**
-     * необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
-     */
-    name?: string;
-    /**
-     * Проп для обработки ошибки при превышении максимального количества файлов
-     */
-    onMaxFilesExceeded?: () => void;
-    /**
-     * Проп для обработки ошибки при превышении максимального размера файла
-     */
-    onMaxSizeExceeded?: (fileName: string) => void;
-    /**
-     * Проп для обработки ошибки при загрузке файла неразрешенного типа
-     */
-    onInvalidFileType?: (fileName: string) => void;
-};
-export type TOnChangeFilesUpdate = {
-    type: string;
-    data: TFileItem[] | number;
-    name?: string;
-};
 export declare const UploaderFiles: import('react').ForwardRefExoticComponent<TUploaderFiles & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,76 +1,92 @@
-import { jsxs as N, jsx as f } from "react/jsx-runtime";
-import { c as S } from "../../index-DIxK0V-G.js";
-import { forwardRef as T, useState as _, useEffect as D } from "react";
-import { ListFiles as R } from "../ListFiles/ListFiles.js";
-import { Uploader as U } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const c = {
-  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, q = T(
-  (u, x) => {
+import { jsxs as Q, jsx as y } from "react/jsx-runtime";
+import { c as R } from "../../index-DIxK0V-G.js";
+import { forwardRef as W, useState as L, useEffect as X } from "react";
+import { EUploaderFilesVariant as u } from "./constants.js";
+import { useMediaQuery as k } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
+import { ListFiles as A } from "../ListFiles/ListFiles.js";
+import { EFileItemVariant as x } from "../ListFiles/constants.js";
+import { Uploader as B } from "../Uploader/Uploader.js";
+import '../../assets/UploaderFiles.css';const C = "_container_aj93w_2", G = "_white_aj93w_11", H = "_gray_aj93w_14", J = "_compact_aj93w_17", c = {
+  container: C,
+  white: G,
+  gray: H,
+  compact: J
+}, ta = W(
+  (F, _) => {
     const {
-      filesType: F,
-      arrayName: y,
-      maxSize: v,
-      onChange: a,
-      value: s,
+      compact: w,
+      readonly: l,
+      filesType: h,
+      arrayName: S,
+      maxSize: j,
+      onChange: i,
+      value: t,
       name: d,
-      maxFiles: l,
-      buttonText: w,
-      onMaxFilesExceeded: z,
-      onMaxSizeExceeded: b,
-      onInvalidFileType: h
-    } = u, [t, o] = _(s || []), r = t.length >= l;
-    D(() => {
-      s && o(s);
-    }, [s]);
-    const E = (i) => {
-      const M = [
-        ...t,
-        ...i.value.map((e) => {
-          var p, m, n;
+      maxFiles: o,
+      buttonText: E,
+      variant: n = u.White,
+      className: M,
+      onMaxFilesExceeded: b,
+      onMaxSizeExceeded: g,
+      onInvalidFileType: v
+    } = F, z = k(q.XSS), [e, r] = L(t || []), N = o && e.length >= o, I = n === u.White ? x.gray : x.white;
+    X(() => {
+      t && r(t);
+    }, [t]);
+    const V = (s) => {
+      const D = [
+        ...e,
+        ...s.value.map((a) => {
+          var p, m, f;
           return {
-            id: e.id,
+            id: a.id,
             url: "",
-            size: (p = e == null ? void 0 : e.file) == null ? void 0 : p.size,
-            name: (m = e == null ? void 0 : e.file) == null ? void 0 : m.name,
-            type: (n = e == null ? void 0 : e.file) == null ? void 0 : n.type
+            size: (p = a == null ? void 0 : a.file) == null ? void 0 : p.size,
+            name: (m = a == null ? void 0 : a.file) == null ? void 0 : m.name,
+            type: (f = a == null ? void 0 : a.file) == null ? void 0 : f.type
           };
         })
       ];
-      o(M), a == null || a({ type: "add", data: i.value, name: d });
-    }, I = (i) => {
-      o(i.list), i.deleteId && (a == null || a({ type: "delete", data: i.deleteId, name: d }));
-    };
-    return /* @__PURE__ */ N(
-      "div",
-      {
-        className: S(
-          c["upload-file-wrapper"],
-          r && c.disabled
-        ),
-        children: [
-          /* @__PURE__ */ f(
-            U,
-            {
-              filesType: F,
-              arrayName: y,
-              maxSize: v,
-              onChangeValue: E,
-              ref: x,
-              maxFiles: l - t.length,
-              isDisabled: r,
-              buttonText: w,
-              onMaxFilesExceeded: z,
-              onMaxSizeExceeded: b,
-              onInvalidFileType: h
-            }
-          ),
-          /* @__PURE__ */ f(R, { value: t, onChange: I })
-        ]
-      }
-    );
+      r(D), i == null || i({ type: "add", data: s.value, name: d });
+    }, T = (s) => {
+      r(s.list), s.deleteId && (i == null || i({ type: "delete", data: s.deleteId, name: d }));
+    }, U = R([
+      c.container,
+      c[n],
+      w && c.compact,
+      M
+    ]);
+    return /* @__PURE__ */ Q("div", { className: U, children: [
+      /* @__PURE__ */ y(
+        B,
+        {
+          filesType: h,
+          arrayName: S,
+          maxSize: j,
+          onChangeValue: V,
+          ref: _,
+          buttonSize: z ? "s" : "m",
+          maxFiles: o && o - e.length,
+          isDisabled: N || l,
+          buttonText: E,
+          onMaxFilesExceeded: b,
+          onMaxSizeExceeded: g,
+          onInvalidFileType: v
+        }
+      ),
+      /* @__PURE__ */ y(
+        A,
+        {
+          value: e,
+          variant: I,
+          onChange: T,
+          disabled: l
+        }
+      )
+    ] });
   }
 );
 export {
-  q as UploaderFiles
+  ta as UploaderFiles
 };

package/dist/components/UploaderFiles/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum EUploaderFilesVariant {
+    Gray = "gray",
+    White = "white"
+}

package/dist/components/UploaderFiles/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.Gray = "gray", r.White = "white", r))(t || {});
+export {
+  t as EUploaderFilesVariant
+};

package/dist/components/UploaderFiles/index.d.ts

@@ -1,2 +1,3 @@
 export { UploaderFiles } from './UploaderFiles';
-export type { TUploaderFiles, TOnChangeFilesUpdate } from './UploaderFiles';
+export type { TUploaderFiles, TOnChangeFilesUpdate } from './types';
+export { EUploaderFilesVariant } from './constants';

package/dist/components/UploaderFiles/index.js

@@ -1,4 +1,6 @@
-import { UploaderFiles as r } from "./UploaderFiles.js";
+import { UploaderFiles as o } from "./UploaderFiles.js";
+import { EUploaderFilesVariant as l } from "./constants.js";
 export {
-  r as UploaderFiles
+  l as EUploaderFilesVariant,
+  o as UploaderFiles
 };