mimir-ui-kit 1.38.25 → 1.38.27

package/dist/assets/GosZnak.css

@@ -1 +1 @@
-._gos-znak_dm2gm_2{display:inline-flex;align-items:center;width:var(--gos-znak-width);height:var(--gos-znak-height);overflow:hidden;background-color:var(--gos-znak-background-color);border-radius:var(--mimir-control-radius-xs1);outline:1px solid var(--gos-znak-outline-color)}._number_dm2gm_13{font-size:var(--gos-znak-number-font-size)}._number_dm2gm_13,._number-letter_dm2gm_16{font-weight:var(--mimir-font-weight-text-medium);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-xss);letter-spacing:-.02em;text-align:center}._number-letter_dm2gm_16{font-size:var(--gos-znak-number-letter-font-size);text-transform:uppercase}._number-container_dm2gm_27{display:flex;align-items:center;justify-content:center;min-width:var(--gos-znak-number-container-width);height:100%;overflow:hidden;border-right:1px solid var(--number-border-right-color)}._region_dm2gm_37{font-weight:var(--mimir-font-weight-text-regular);font-size:var(--gos-znak-region-text-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-l)}._region-container_dm2gm_43{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}._country_dm2gm_51{color:var(--gos-znak-country-color);font-size:var(--gos-znak-country-text-size);line-height:var(--mimir-line-height-text-s1);text-transform:uppercase}._l_dm2gm_58{--gos-znak-number-font-size: var(--mimir-size-text-xl3);--gos-znak-number-letter-font-size: var(--mimir-size-text-xl2);--gos-znak-region-text-size: var(--mimir-size-text-xl);--gos-znak-country-text-size: var(--mimir-size-text-l);--gos-znak-number-container-width: 172px;--gos-znak-width: 242px;--gos-znak-height: 64px}._s_dm2gm_68{--gos-znak-number-font-size: var(--mimir-size-text-l);--gos-znak-number-letter-font-size: var(--mimir-size-text-s);--gos-znak-region-text-size: var(--mimir-size-text-xs);--gos-znak-country-text-size: var(--mimir-size-text-xs2);--gos-znak-number-container-width: 86px;--gos-znak-width: 121px;--gos-znak-height: 32px}._normal_dm2gm_78{--gos-znak-background-color: var(--white);--gos-znak-outline-color: var(--black-20);--number-border-right-color: var(--black-20);--gos-znak-country-color: var(--black-60)}._traffic_dm2gm_85{--gos-znak-background-color: var(--gos-znak-traffic-background-color);--gos-znak-outline-color: var(--gos-znak-military-background-color);--number-border-right-color: var(--gos-znak-military-background-color);--gos-znak-country-color: var(--black-60)}._military_dm2gm_92{--gos-znak-background-color: var(--gos-znak-military-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--black-30)}._police_dm2gm_99{--gos-znak-background-color: var(--gos-znak-police-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--sapphire-30)}._diplomatic_dm2gm_106{--gos-znak-background-color: var(--gos-znak-diplomatic-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--gos-znak-diplomatic-country-color)}._military_dm2gm_92,._police_dm2gm_99,._diplomatic_dm2gm_106{color:var(--white)}
+._gos-znak_dr109_2{display:inline-flex;align-items:center;width:var(--gos-znak-width);height:var(--gos-znak-height);overflow:hidden;background-color:var(--gos-znak-background-color);border-radius:var(--mimir-control-radius-xs1);outline:1px solid var(--gos-znak-outline-color)}._number_dr109_13{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--gos-znak-number-font-size);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-xss);letter-spacing:-.02em;text-align:center;text-transform:lowercase}._number-container_dr109_22{display:flex;align-items:center;justify-content:center;min-width:var(--gos-znak-number-container-width);height:100%;overflow:hidden;border-right:1px solid var(--number-border-right-color)}._region_dr109_32{font-weight:var(--mimir-font-weight-text-regular);font-size:var(--gos-znak-region-text-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-l)}._region-container_dr109_38{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}._country_dr109_46{color:var(--gos-znak-country-color);font-size:var(--gos-znak-country-text-size);line-height:var(--mimir-line-height-text-s1);text-transform:uppercase}._l_dr109_53{--gos-znak-number-font-size: var(--mimir-size-text-xl3);--gos-znak-region-text-size: var(--mimir-size-text-xl);--gos-znak-country-text-size: var(--mimir-size-text-l);--gos-znak-number-container-width: 172px;--gos-znak-width: 242px;--gos-znak-height: 64px}._s_dr109_62{--gos-znak-number-font-size: var(--mimir-size-text-l);--gos-znak-region-text-size: var(--mimir-size-text-xs);--gos-znak-country-text-size: var(--mimir-size-text-xs2);--gos-znak-number-container-width: 86px;--gos-znak-width: 121px;--gos-znak-height: 32px}._normal_dr109_71{--gos-znak-background-color: var(--white);--gos-znak-outline-color: var(--black-20);--number-border-right-color: var(--black-20);--gos-znak-country-color: var(--black-60)}._traffic_dr109_78{--gos-znak-background-color: var(--gos-znak-traffic-background-color);--gos-znak-outline-color: var(--gos-znak-military-background-color);--number-border-right-color: var(--gos-znak-military-background-color);--gos-znak-country-color: var(--black-60)}._military_dr109_85{--gos-znak-background-color: var(--gos-znak-military-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--black-30)}._police_dr109_92{--gos-znak-background-color: var(--gos-znak-police-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--sapphire-30)}._diplomatic_dr109_99{--gos-znak-background-color: var(--gos-znak-diplomatic-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--gos-znak-diplomatic-country-color)}._military_dr109_85,._police_dr109_92,._diplomatic_dr109_99{color:var(--white)}

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/GosZnak/GosZnak.js

@@ -1,78 +1,63 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { c as r } from "../../index-DIxK0V-G.js";
-import { EGosZnakSize as h, EGosZnakType as N } from "./constants.js";
-import { formatGosZnakNumber as y } from "./utils.js";
-import '../../assets/GosZnak.css';const k = "_number_dm2gm_13", v = "_region_dm2gm_37", z = "_country_dm2gm_51", G = "_l_dm2gm_58", Z = "_s_dm2gm_68", x = "_normal_dm2gm_78", L = "_traffic_dm2gm_85", j = "_military_dm2gm_92", E = "_police_dm2gm_99", S = "_diplomatic_dm2gm_106", n = {
-  "gos-znak": "_gos-znak_dm2gm_2",
-  number: k,
-  "number-letter": "_number-letter_dm2gm_16",
-  "number-container": "_number-container_dm2gm_27",
-  region: v,
-  "region-container": "_region-container_dm2gm_43",
-  country: z,
-  l: G,
-  s: Z,
-  normal: x,
-  traffic: L,
-  military: j,
-  police: E,
-  diplomatic: S
-}, B = ({
-  number: t = "",
-  region: c,
-  country: i,
-  size: s = h.L,
-  type: a = N.Normal,
-  className: _,
-  numberClassName: o,
-  regionClassName: l,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { EGosZnakSize as g, EGosZnakType as f } from "./constants.js";
+import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr109_32", b = "_country_dr109_46", h = "_l_dr109_53", k = "_s_dr109_62", z = "_normal_dr109_71", v = "_traffic_dr109_78", x = "_military_dr109_85", G = "_police_dr109_92", Z = "_diplomatic_dr109_99", r = {
+  "gos-znak": "_gos-znak_dr109_2",
+  number: y,
+  "number-container": "_number-container_dr109_22",
+  region: N,
+  "region-container": "_region-container_dr109_38",
+  country: b,
+  l: h,
+  s: k,
+  normal: z,
+  traffic: v,
+  military: x,
+  police: G,
+  diplomatic: Z
+}, S = ({
+  number: i,
+  region: s,
+  country: a,
+  size: e = g.L,
+  type: _ = f.Normal,
+  className: t,
+  numberClassName: l,
+  regionClassName: m,
   countryClassName: d,
-  numberContainerClassName: g,
-  regionContainerClassName: p
-}) => {
-  const [u, f, b] = y(t);
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: r(n["gos-znak"], n[s], n[a], _),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: r(
-              n["number-container"],
-              g
-            ),
-            children: /* @__PURE__ */ m("div", { children: [
-              /* @__PURE__ */ m("span", { className: r(n["number-letter"], o), children: [
-                u,
-                " "
-              ] }),
-              /* @__PURE__ */ m("span", { className: r(n.number, o), children: [
-                f,
-                " "
-              ] }),
-              /* @__PURE__ */ e("span", { className: r(n["number-letter"], o), children: b })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: r(
-              n["region-container"],
-              p
-            ),
-            children: [
-              /* @__PURE__ */ e("span", { className: r(n.region, l), children: c }),
-              /* @__PURE__ */ e("span", { className: r(n.country, d), children: i })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
+  numberContainerClassName: p,
+  regionContainerClassName: u
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: n(r["gos-znak"], r[e], r[_], t),
+    children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: n(
+            r["number-container"],
+            p
+          ),
+          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
+        }
+      ),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: n(
+            r["region-container"],
+            u
+          ),
+          children: [
+            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
+            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
+          ]
+        }
+      )
+    ]
+  }
+);
 export {
-  B as GosZnak
+  S as GosZnak
 };

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/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
 };