mimir-ui-kit 1.11.0 → 1.12.0

package/dist/label-C_5Syaoj.js

@@ -0,0 +1,159 @@
+import React__default, { createContext, useContext, useState, useRef, useEffect, useMemo, useId } from "react";
+import { o as o$1, p as p$1, m, W, y, n, H } from "./keyboard-B256ZoM-.js";
+import { createPortal } from "react-dom";
+import { T as T$1, s } from "./hidden-BuVoeHNy.js";
+let e$2 = createContext(void 0);
+function a$1() {
+  return useContext(e$2);
+}
+function T(l2, r, c2) {
+  let [i, s2] = useState(c2), e2 = l2 !== void 0, t = useRef(e2), u2 = useRef(false), d = useRef(false);
+  return e2 && !t.current && !u2.current ? (u2.current = true, t.current = e2, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !e2 && t.current && !d.current && (d.current = true, t.current = e2, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [e2 ? l2 : i, o$1((n2) => (e2 || s2(n2), r == null ? void 0 : r(n2)))];
+}
+function l(e2) {
+  let [t] = useState(e2);
+  return t;
+}
+function e$1(i = {}, s2 = null, t = []) {
+  for (let [r, n2] of Object.entries(i)) o(t, f$2(s2, r), n2);
+  return t;
+}
+function f$2(i, s2) {
+  return i ? i + "[" + s2 + "]" : s2;
+}
+function o(i, s2, t) {
+  if (Array.isArray(t)) for (let [r, n2] of t.entries()) o(i, f$2(s2, r.toString()), n2);
+  else t instanceof Date ? i.push([s2, t.toISOString()]) : typeof t == "boolean" ? i.push([s2, t ? "1" : "0"]) : typeof t == "string" ? i.push([s2, t]) : typeof t == "number" ? i.push([s2, `${t}`]) : t == null ? i.push([s2, ""]) : e$1(t, s2, i);
+}
+function p(i) {
+  var t, r;
+  let s2 = (t = i == null ? void 0 : i.form) != null ? t : i.closest("form");
+  if (s2) {
+    for (let n2 of s2.elements) if (n2 !== i && (n2.tagName === "INPUT" && n2.type === "submit" || n2.tagName === "BUTTON" && n2.type === "submit" || n2.nodeName === "INPUT" && n2.type === "image")) {
+      n2.click();
+      return;
+    }
+    (r = s2.requestSubmit) == null || r.call(s2);
+  }
+}
+let f$1 = createContext(null);
+function c$1({ children: t }) {
+  let e2 = useContext(f$1);
+  if (!e2) return React__default.createElement(React__default.Fragment, null, t);
+  let { target: r } = e2;
+  return r ? createPortal(React__default.createElement(React__default.Fragment, null, t), r) : null;
+}
+function j({ data: t, form: e2, disabled: r, onReset: n2, overrides: F }) {
+  let [i, a2] = useState(null), p2 = p$1();
+  return useEffect(() => {
+    if (n2 && i) return p2.addEventListener(i, "reset", n2);
+  }, [i, e2, n2]), React__default.createElement(c$1, null, React__default.createElement(C$1, { setForm: a2, formId: e2 }), e$1(t).map(([s$1, v]) => React__default.createElement(T$1, { features: s.Hidden, ...m({ key: s$1, as: "input", type: "hidden", hidden: true, readOnly: true, form: e2, disabled: r, name: s$1, value: v, ...F }) })));
+}
+function C$1({ setForm: t, formId: e2 }) {
+  return useEffect(() => {
+    if (e2) {
+      let r = document.getElementById(e2);
+      r && t(r);
+    }
+  }, [t, e2]), e2 ? null : React__default.createElement(T$1, { features: s.Hidden, as: "input", type: "hidden", hidden: true, readOnly: true, ref: (r) => {
+    if (!r) return;
+    let n2 = r.closest("form");
+    n2 && t(n2);
+  } });
+}
+let e = createContext(void 0);
+function u() {
+  return useContext(e);
+}
+let a = createContext(null);
+a.displayName = "DescriptionContext";
+function f() {
+  let r = useContext(a);
+  if (r === null) {
+    let e2 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(e2, f), e2;
+  }
+  return r;
+}
+function G$1() {
+  var r, e2;
+  return (e2 = (r = useContext(a)) == null ? void 0 : r.value) != null ? e2 : void 0;
+}
+function U$1() {
+  let [r, e2] = useState([]);
+  return [r.length > 0 ? r.join(" ") : void 0, useMemo(() => function(t) {
+    let i = o$1((n2) => (e2((s2) => [...s2, n2]), () => e2((s2) => {
+      let o2 = s2.slice(), p2 = o2.indexOf(n2);
+      return p2 !== -1 && o2.splice(p2, 1), o2;
+    }))), l2 = useMemo(() => ({ register: i, slot: t.slot, name: t.name, props: t.props, value: t.value }), [i, t.slot, t.name, t.props, t.value]);
+    return React__default.createElement(a.Provider, { value: l2 }, t.children);
+  }, [e2])];
+}
+let S = "p";
+function C(r, e2) {
+  let d = useId(), t = a$1(), { id: i = `headlessui-description-${d}`, ...l2 } = r, n$1 = f(), s2 = y(e2);
+  n(() => n$1.register(i), [i, n$1.register]);
+  let o2 = t || false, p2 = useMemo(() => ({ ...n$1.slot, disabled: o2 }), [n$1.slot, o2]), D = { ref: s2, ...n$1.props, id: i };
+  return H({ ourProps: D, theirProps: l2, slot: p2, defaultTag: S, name: n$1.name || "Description" });
+}
+let _ = W(C), w = Object.assign(_, {});
+let c = createContext(null);
+c.displayName = "LabelContext";
+function P() {
+  let r = useContext(c);
+  if (r === null) {
+    let l2 = new Error("You used a <Label /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(l2, P), l2;
+  }
+  return r;
+}
+function I(r) {
+  var a2, e2, o2;
+  let l2 = (e2 = (a2 = useContext(c)) == null ? void 0 : a2.value) != null ? e2 : void 0;
+  return ((o2 = r == null ? void 0 : r.length) != null ? o2 : 0) > 0 ? [l2, ...r].filter(Boolean).join(" ") : l2;
+}
+function z({ inherit: r = false } = {}) {
+  let l2 = I(), [a2, e2] = useState([]), o2 = r ? [l2, ...a2].filter(Boolean) : a2;
+  return [o2.length > 0 ? o2.join(" ") : void 0, useMemo(() => function(t) {
+    let s2 = o$1((i) => (e2((p2) => [...p2, i]), () => e2((p2) => {
+      let u2 = p2.slice(), d = u2.indexOf(i);
+      return d !== -1 && u2.splice(d, 1), u2;
+    }))), m2 = useMemo(() => ({ register: s2, slot: t.slot, name: t.name, props: t.props, value: t.value }), [s2, t.slot, t.name, t.props, t.value]);
+    return React__default.createElement(c.Provider, { value: m2 }, t.children);
+  }, [e2])];
+}
+let N = "label";
+function G(r, l2) {
+  var y$1;
+  let a2 = useId(), e2 = P(), o2 = u(), g = a$1(), { id: t = `headlessui-label-${a2}`, htmlFor: s2 = o2 != null ? o2 : (y$1 = e2.props) == null ? void 0 : y$1.htmlFor, passive: m2 = false, ...i } = r, p2 = y(l2);
+  n(() => e2.register(t), [t, e2.register]);
+  let u$1 = o$1((L) => {
+    let b = L.currentTarget;
+    if (b instanceof HTMLLabelElement && L.preventDefault(), e2.props && "onClick" in e2.props && typeof e2.props.onClick == "function" && e2.props.onClick(L), b instanceof HTMLLabelElement) {
+      let n2 = document.getElementById(b.htmlFor);
+      if (n2) {
+        let E = n2.getAttribute("disabled");
+        if (E === "true" || E === "") return;
+        let x = n2.getAttribute("aria-disabled");
+        if (x === "true" || x === "") return;
+        (n2 instanceof HTMLInputElement && (n2.type === "radio" || n2.type === "checkbox") || n2.role === "radio" || n2.role === "checkbox" || n2.role === "switch") && n2.click(), n2.focus({ preventScroll: true });
+      }
+    }
+  }), d = g || false, C2 = useMemo(() => ({ ...e2.slot, disabled: d }), [e2.slot, d]), f2 = { ref: p2, ...e2.props, id: t, htmlFor: s2, onClick: u$1 };
+  return m2 && ("onClick" in f2 && (delete f2.htmlFor, delete f2.onClick), "onClick" in i && delete i.onClick), H({ ourProps: f2, theirProps: i, slot: C2, defaultTag: s2 ? N : "div", name: e2.name || "Label" });
+}
+let U = W(G), K = Object.assign(U, {});
+export {
+  G$1 as G,
+  I,
+  K,
+  T,
+  U$1 as U,
+  a$1 as a,
+  j,
+  l,
+  p,
+  u,
+  w,
+  z
+};

package/dist/open-closed-CbXq00et.js

@@ -0,0 +1,93 @@
+import React__default, { useState, useCallback, useRef, createContext, useContext } from "react";
+import { p, n as n$1, d as o } from "./keyboard-B256ZoM-.js";
+function l(r) {
+  let e = { called: false };
+  return (...t) => {
+    if (!e.called) return e.called = true, r(...t);
+  };
+}
+function c$1(u2 = 0) {
+  let [t, l2] = useState(u2), g = useCallback((e) => l2(e), [t]), s2 = useCallback((e) => l2((a) => a | e), [t]), m = useCallback((e) => (t & e) === e, [t]), n2 = useCallback((e) => l2((a) => a & ~e), [l2]), F2 = useCallback((e) => l2((a) => a ^ e), [l2]);
+  return { flags: t, setFlag: g, addFlag: s2, hasFlag: m, removeFlag: n2, toggleFlag: F2 };
+}
+var D = ((i2) => (i2[i2.None = 0] = "None", i2[i2.Closed = 1] = "Closed", i2[i2.Enter = 2] = "Enter", i2[i2.Leave = 4] = "Leave", i2))(D || {});
+function A(e) {
+  let a = {};
+  for (let t in e) e[t] === true && (a[`data-${t}`] = "");
+  return a;
+}
+function V(e, a, t, r) {
+  let [i2, u2] = useState(t), { hasFlag: d, addFlag: f, removeFlag: s2 } = c$1(e && i2 ? 3 : 0), l2 = useRef(false), n2 = useRef(false), o2 = p();
+  return n$1(function p2() {
+    var T;
+    if (!e) return;
+    t && u2(true);
+    let c2 = a.current;
+    return c2 ? ((T = void 0) == null || T.call(r, t), M(c2, { inFlight: l2, prepare() {
+      n2.current ? n2.current = false : n2.current = l2.current, l2.current = true, !n2.current && (t ? (f(3), s2(4)) : (f(4), s2(2)));
+    }, run() {
+      n2.current ? t ? (s2(3), f(4)) : (s2(4), f(3)) : t ? s2(1) : f(1);
+    }, done() {
+      var m;
+      n2.current && typeof c2.getAnimations == "function" && c2.getAnimations().length > 0 || (l2.current = false, s2(7), t || u2(false), (m = void 0) == null || m.call(r, t));
+    } })) : t ? (f(3), o2.nextFrame(() => p2())) : void 0;
+  }, [e, t, a, o2]), e ? [i2, { closed: d(1), enter: d(2), leave: d(4), transition: d(2) || d(4) }] : [t, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+}
+function M(e, { prepare: a, run: t, done: r, inFlight: i2 }) {
+  let u2 = o();
+  return R(e, { prepare: a, inFlight: i2 }), u2.nextFrame(() => {
+    u2.add(F(e, r)), t();
+  }), u2.dispose;
+}
+function F(e, a) {
+  let t = l(a), r = o();
+  if (!e) return r.dispose;
+  let { transitionDuration: i2, transitionDelay: u2 } = getComputedStyle(e), [d, f] = [i2, u2].map((l2) => {
+    let [n2 = 0] = l2.split(",").filter(Boolean).map((o2) => o2.includes("ms") ? parseFloat(o2) : parseFloat(o2) * 1e3).sort((o2, p2) => p2 - o2);
+    return n2;
+  }), s2 = d + f;
+  if (s2 !== 0) {
+    let l2 = r.group((n2) => {
+      let o2 = n2.setTimeout(() => {
+        t(), n2.dispose();
+      }, s2);
+      n2.addEventListener(e, "transitionrun", (p2) => {
+        p2.target === p2.currentTarget && (o2(), n2.addEventListener(e, "transitioncancel", (c2) => {
+          c2.target === c2.currentTarget && (t(), l2());
+        }));
+      });
+    });
+    r.addEventListener(e, "transitionend", (n2) => {
+      n2.target === n2.currentTarget && (t(), r.dispose());
+    });
+  } else t();
+  return r.dispose;
+}
+function R(e, { inFlight: a, prepare: t }) {
+  if (a != null && a.current) {
+    t();
+    return;
+  }
+  let r = e.style.transition;
+  e.style.transition = "none", t(), e.offsetHeight, e.style.transition = r;
+}
+let n = createContext(null);
+n.displayName = "OpenClosedContext";
+var i = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(i || {});
+function u() {
+  return useContext(n);
+}
+function c({ value: o2, children: t }) {
+  return React__default.createElement(n.Provider, { value: o2 }, t);
+}
+function s({ children: o2 }) {
+  return React__default.createElement(n.Provider, { value: null }, o2);
+}
+export {
+  A,
+  V,
+  c,
+  i,
+  s,
+  u
+};

package/dist/{use-active-press-9MCrfRZk.js → use-active-press-B6yeSopF.js}

@@ -1,5 +1,5 @@
 import { useRef, useState } from "react";
-import { p, o, u } from "./label-BXAcSLy0.js";
+import { p, o, u } from "./keyboard-B256ZoM-.js";
 function E(e) {
   let t = e.width / 2, n = e.height / 2;
   return { top: e.clientY - n, right: e.clientX + t, bottom: e.clientY + n, left: e.clientX - t };

package/dist/use-by-comparator-BUO78DGe.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+function l(e, r) {
+  return e !== null && r !== null && typeof e == "object" && typeof r == "object" && "id" in e && "id" in r ? e.id === r.id : e === r;
+}
+function u(e = l) {
+  return useCallback((r, t) => {
+    if (typeof e == "string") {
+      let o = e;
+      return (r == null ? void 0 : r[o]) === (t == null ? void 0 : t[o]);
+    }
+    return e(r, t);
+  }, [e]);
+}
+export {
+  u
+};

package/dist/use-resolve-button-type-B6LE6gU3.js

@@ -0,0 +1,19 @@
+import { useState } from "react";
+import { n } from "./keyboard-B256ZoM-.js";
+function i(t) {
+  var n2;
+  if (t.type) return t.type;
+  let e = (n2 = t.as) != null ? n2 : "button";
+  if (typeof e == "string" && e.toLowerCase() === "button") return "button";
+}
+function T(t, e) {
+  let [n$1, u] = useState(() => i(t));
+  return n(() => {
+    u(i(t));
+  }, [t.type, t.as]), n(() => {
+    n$1 || e.current && e.current instanceof HTMLButtonElement && !e.current.hasAttribute("type") && u("button");
+  }, [n$1, e]), n$1;
+}
+export {
+  T
+};

package/dist/utils/formating/Date.d.ts

@@ -1 +1 @@
-export default function _Date(x: Date | string, y?: string | Date | undefined): string;
+export default function _Date(x: Date, y: string | Date): string;

package/dist/utils/index.d.ts

@@ -1,11 +1,9 @@
 import { default as Date } from './formating/Date';
 import { default as Month } from './formating/Month';
 import { default as Number } from './formating/Numbers';
-import { default as UUIDv4 } from './UUID4';
 
 export declare const formating: {
     Number: typeof Number;
     Month: typeof Month;
     Date: typeof Date;
-    UUIDv4: typeof UUIDv4;
 };

package/dist/utils/index.js

@@ -1,12 +1,10 @@
 import _Date from "./formating/Date.js";
 import Month from "./formating/Month.js";
 import Numbers from "./formating/Numbers.js";
-import UUIDv4 from "./UUID4.js";
 const formating = {
   Number: Numbers,
   Month,
-  Date: _Date,
-  UUIDv4
+  Date: _Date
 };
 export {
   formating

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.11.0",
+  "version": "1.12.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/assets/ListPhotos.css

@@ -1 +0,0 @@
-._list-photos_1lzkm_2{display:flex;gap:16px}._list-photos_1lzkm_2 li{position:relative;width:64px;height:64px;overflow:hidden;border-radius:var(--control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_1lzkm_2 img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}._list-photos_1lzkm_2 button{position:absolute;right:4px;top:4px}

package/dist/assets/Uploader.css

@@ -1 +0,0 @@
-._upload-file__wrapper_7tnzg_2{position:relative;width:100%}._upload-file__wrapper_7tnzg_2 label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}._upload-file__wrapper_7tnzg_2 label button{z-index:1}._upload-file__wrapper_7tnzg_2 label b{color:var(--black-100);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-l2);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:130%}._upload-file__wrapper_7tnzg_2 label ._upload-text_7tnzg_25{color:var(--disabled-color);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-m);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-xxs)}._upload-file-input_7tnzg_36{opacity:0;position:absolute;top:0;width:100%;left:0;overflow:hidden;height:100%}

package/dist/assets/UploaderPhotos.css

@@ -1 +0,0 @@
-._upload-file__wrapper_1ltfh_2{display:flex;flex-direction:column;gap:16px}

package/dist/components/ListPhotos/ListPhotos.d.ts

@@ -1,23 +0,0 @@
-export type TListPhotos = {
-    /**
-     * Массив фото
-     */
-    value: TPhotosDetail[];
-    /**
-     * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
-     */
-    onChange?: (e: TPhotoValue) => void;
-};
-export type TPhotoItem = {
-    id: number;
-    url: string;
-};
-export type TPhotoValue = {
-    deleteId?: number;
-    list: TPhotoItem[];
-};
-export type TPhotosDetail = {
-    id: number;
-    url: string;
-};
-export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element;

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Button } from "../Button/Button.js";
-import '../../assets/ListPhotos.css';const cls = {
-  "list-photos": "_list-photos_1lzkm_2"
-};
-function ListPhotos({ value, onChange }) {
-  const [list, setList] = useState(value);
-  useEffect(() => {
-    setList(value);
-  }, [value]);
-  const onDelete = async (id) => {
-    const newList = [...list.filter((el) => el.id !== id)];
-    setList(newList);
-    onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
-  };
-  return /* @__PURE__ */ jsx("ul", { className: cls["list-photos"], children: list.map((el) => /* @__PURE__ */ jsxs("li", { children: [
-    /* @__PURE__ */ jsx("img", { src: el.url, alt: "" }),
-    onChange && /* @__PURE__ */ jsx(
-      Button,
-      {
-        isIconButton: true,
-        iconName: "Close12px",
-        size: "m-s",
-        variant: "secondary-gray",
-        onClick: () => onDelete(el.id)
-      }
-    )
-  ] }, el.id)) });
-}
-export {
-  ListPhotos
-};

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

@@ -1,3 +0,0 @@
-import { TPhotosDetail } from './ListPhotos';
-
-export declare const photos: TPhotosDetail[];

package/dist/components/ListPhotos/constants.js

@@ -1,21 +0,0 @@
-const photos = [
-  {
-    id: 111,
-    url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg"
-  },
-  {
-    id: 112,
-    url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg"
-  },
-  {
-    id: 113,
-    url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg"
-  },
-  {
-    id: 114,
-    url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg"
-  }
-];
-export {
-  photos
-};

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

@@ -1,2 +0,0 @@
-export { ListPhotos } from './ListPhotos';
-export type { ListPhotos as TListPhotos } from './ListPhotos';

package/dist/components/ListPhotos/index.js

@@ -1,4 +0,0 @@
-import { ListPhotos } from "./ListPhotos.js";
-export {
-  ListPhotos
-};

package/dist/components/Uploader/Uploader.d.ts

@@ -1,30 +0,0 @@
-import { imageTypesArr } from './constants';
-
-export type TUploader = {
-    /**
-     * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'png' | 'tiff'|'gif'|'doc'|'xls'|'pdf'|'docx' |'txt' | 'xlsx'
-     */
-    filesType: imageTypesArr[];
-    /**
-     * Наименование передаваемого массива файлов
-     */
-    name: string;
-    /**
-     * Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
-     */
-    onChangeValue: (e: TUploadValue) => void;
-    /**
-     * Максимальный размер файлов.
-     */
-    maxSize: number;
-};
-export type TUploadValue = {
-    value: TFileItem[];
-    name?: string;
-};
-export type TFileItem = {
-    id: number;
-    file: File;
-};
-export declare function Uploader({ filesType, onChangeValue, name, maxSize }: TUploader): import("react/jsx-runtime").JSX.Element;

package/dist/components/Uploader/Uploader.js

@@ -1,91 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useId, useRef } 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_7tnzg_2",
-  "upload-text": "_upload-text_7tnzg_25",
-  "upload-file-input": "_upload-file-input_7tnzg_36"
-};
-const MIME = {
-  jpeg: "image/jpeg",
-  png: "image/png",
-  tiff: "image/tiff",
-  gif: "image/gif",
-  webp: "image/webp",
-  doc: "application/msword",
-  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  pdf: "application/pdf",
-  xls: "application/excel",
-  txt: "text/plain",
-  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-};
-const filesTyps = ["jpeg", "png", "tiff", "gif"];
-const generateId = (min, max) => {
-  return Math.random() * (max - min) + min;
-};
-function Uploader({
-  filesType = filesTyps,
-  onChangeValue,
-  name,
-  maxSize = 15
-}) {
-  const idImg = useId();
-  const ref = useRef(null);
-  const onChange = (e) => {
-    if (e.target.files && e.target.files[0]) {
-      const list = [];
-      Array.from(e.target.files).forEach((el) => {
-        console.log(el.type);
-        if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
-          list.push({ file: el, id: generateId(1, 100) });
-        }
-      });
-      onChangeValue({ name, value: list });
-    }
-  };
-  const onOpen = () => {
-    var _a;
-    (_a = ref.current) == null ? void 0 : _a.click();
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "file",
-        className: cls["upload-file-input"],
-        "aria-label": "Upload",
-        name: "image[]",
-        multiple: true,
-        onChange,
-        title: "",
-        id: idImg,
-        accept: filesType.map((i) => MIME[i]).join()
-      }
-    ),
-    /* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref, children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "m",
-          variant: "secondary-asphalt",
-          leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
-          onClick: onOpen,
-          children: "Выберите файлы"
-        }
-      ),
-      /* @__PURE__ */ jsx("b", { children: "Или перетащие сюда" }),
-      /* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
-        "Максимальный размер одного файла – ",
-        maxSize,
-        " Мб",
-        /* @__PURE__ */ jsx("br", {}),
-        "Загрузить можно файлы следующих форматов: ",
-        filesType.join(", ")
-      ] })
-    ] })
-  ] });
-}
-export {
-  Uploader
-};

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

@@ -1,5 +0,0 @@
-export type imageTypesArr = 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx';
-export declare const TypeFilesArray: {
-    images: imageTypesArr[];
-    docs: imageTypesArr[];
-};

package/dist/components/Uploader/constants.js

@@ -1,16 +0,0 @@
-const imageFileTypes = ["jpeg", "png", "tiff", "gif"];
-const docsFileTypes = [
-  "doc",
-  "xls",
-  "pdf",
-  "docx",
-  "txt",
-  "xlsx"
-];
-const TypeFilesArray = {
-  images: imageFileTypes,
-  docs: docsFileTypes
-};
-export {
-  TypeFilesArray
-};

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

@@ -1,2 +0,0 @@
-export { Uploader } from './Uploader';
-export type { Uploader as TUploader } from './Uploader';

package/dist/components/Uploader/index.js

@@ -1,4 +0,0 @@
-import { Uploader } from "./Uploader.js";
-export {
-  Uploader
-};

package/dist/components/UploaderPhotos/UploaderPhotos.d.ts

@@ -1,29 +0,0 @@
-import { imageTypesArr } from '../Uploader/constants';
-import { TFileItem } from '../Uploader/Uploader';
-
-export type TUploaderPhotos = {
-    /**
-     * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
-     */
-    filesType: imageTypesArr[];
-    /**
-     * Наименование передаваемого массива файлов
-     */
-    name: string;
-    /**
-     * Максимальный размер файлов.
-     */
-    maxSize: number;
-    /**
-     * Функция обратного вызова, передает параметры type и data,
-     * type 'add' в data передает массив файлов,
-     * type:'delete' в data передает id удаленного файла
-     */
-    onChange: (j: TOnChangePhotosUpdate) => void;
-};
-export type TOnChangePhotosUpdate = {
-    type: string;
-    data: TFileItem[] | number;
-};
-export declare function UploaderPhotos({ filesType, name, maxSize, onChange }: TUploaderPhotos): import("react/jsx-runtime").JSX.Element;