urfu-ui-kit-react 2.1.7-next.4 → 2.1.7-next.5

package/dist/components/InputFile/InputFile.js

@@ -1,58 +1,59 @@
-import { jsxs as l, jsx as n, Fragment as o } from "react/jsx-runtime";
-import { useRef as Y } from "react";
+import { jsxs as i, jsx as n, Fragment as m } from "react/jsx-runtime";
+import { useRef as F } from "react";
 /* empty css                 */
 /* empty css                                        */
-import { useAutoId$u as Z } from "../../hooks/useAutoId.js";
-const ar = ({
-  title: v = "",
-  defaultValue: G,
-  value: T,
-  id: A,
-  name: L = "",
-  required: O = !1,
-  disabled: E = !1,
-  lineUp: h = !1,
-  rowGap: I = 4,
-  columnGap: M = 20,
-  styleInputContainer: k,
-  styleTitle: H,
-  className: V = "",
-  loadingInfo: W = "Загрузка файлов...",
-  filesInfo: q = "Перетащите сюда файлы или нажмите, чтобы выбрать",
-  sizeInfo: P = "Максимальный размер файла 5 Мб",
-  showLoading: x = !1,
+import { useAutoId$u as j } from "../../hooks/useAutoId.js";
+import { getUiKitPrefix$u as s, kitCls$u as l } from "../../shared/uiKitDefaults.js";
+const sr = ({
+  title: $ = "",
+  defaultValue: A,
+  value: L,
+  id: O,
+  name: k = "",
+  required: E = !1,
+  disabled: I = !1,
+  lineUp: g = !1,
+  rowGap: M = 4,
+  columnGap: H = 20,
+  styleInputContainer: P,
+  styleTitle: V,
+  className: W = "",
+  loadingInfo: q = "Загрузка файлов...",
+  filesInfo: K = "Перетащите сюда файлы или нажмите, чтобы выбрать",
+  sizeInfo: S = "Максимальный размер файла 5 Мб",
+  showLoading: w = !1,
   files: e,
-  setFiles: f,
-  multiple: g = !1,
-  hideLoaderAfterSelect: w = 0,
-  accept: c = [],
-  maxFileSize: d,
-  fileNamePattern: m,
+  setFiles: v,
+  multiple: x = !1,
+  hideLoaderAfterSelect: y = 0,
+  accept: o = [],
+  maxFileSize: h,
+  fileNamePattern: f,
   onFileReject: t
 }) => {
-  const S = Z(A, "u-input-file"), p = Y(null), _ = (r) => {
+  const U = j(O, l("input-file")), d = F(null), _ = (r) => {
     r.preventDefault(), r.stopPropagation();
   }, B = (r) => {
     r.preventDefault(), r.stopPropagation();
   }, J = (r) => {
     r.preventDefault(), r.stopPropagation();
-  }, K = (r) => {
-    var u;
+  }, Q = (r) => {
+    var p;
     r.preventDefault(), r.stopPropagation();
-    const a = (u = r.dataTransfer) == null ? void 0 : u.files;
-    (a == null ? void 0 : a.length) > 0 && z(r, !0);
-  }, y = (r) => typeof r == "number" ? `calc(${r} * var(--u-preset-unit, 1px))` : String(r), N = (r) => {
+    const a = (p = r.dataTransfer) == null ? void 0 : p.files;
+    (a == null ? void 0 : a.length) > 0 && G(r, !0);
+  }, N = (r) => typeof r == "number" ? `calc(${r} * var(--${s()}-preset-unit, 1px))` : String(r), D = (r) => {
     const a = r == null ? void 0 : r.toLocaleString("ru", { day: "numeric", month: "numeric", year: "numeric" });
     if (!a) return "";
-    const u = a.split(".");
-    return u.length === 3 ? /* @__PURE__ */ l(o, { children: [
-      u[0],
+    const p = a.split(".");
+    return p.length === 3 ? /* @__PURE__ */ i(m, { children: [
+      p[0],
       ".",
-      u[1],
+      p[1],
       ".",
-      /* @__PURE__ */ n("span", { className: "uwsn", children: u[2] })
+      /* @__PURE__ */ n("span", { className: "uwsn", children: p[2] })
     ] }) : a;
-  }, D = (r) => r > 1048576 ? [(r / 1024 / 1024).toFixed(1), "Мб"] : r > 1024 ? [(r / 1024).toFixed(1), "Кб"] : [r.toFixed(1), "б"], b = (r) => {
+  }, b = (r) => r > 1048576 ? [(r / 1024 / 1024).toFixed(1), "Мб"] : r > 1024 ? [(r / 1024).toFixed(1), "Кб"] : [r.toFixed(1), "б"], C = (r) => {
     switch (r.split(".").pop().toLowerCase()) {
       case "pdf":
         return "pdf";
@@ -85,119 +86,119 @@ const ar = ({
       default:
         return "other";
     }
-  }, C = () => c.length === 0 ? "Неверный формат файла" : c.length === 1 ? `Файл должен быть в формате ${c[0]}` : `Разрешенные форматы файлов: ${c.join(", ")}`, z = (r, a) => {
-    g ? Q(r, a) : U(r, a);
-  }, Q = (r, a) => {
-    const s = Array.from(a ? r.dataTransfer.files : r.target.files).filter((i) => c.length > 0 && !c.includes(i.name.split(".").pop().toLowerCase()) ? (t == null || t(C(), i), !1) : d && i.size > d ? (t == null || t("Файл слишком большой", i), !1) : m && !m.test(i.name) ? (t == null || t("Имя файла не соответствует шаблону", i), !1) : !e.some((X) => X.name === i.name));
-    s.length > 0 && f((i) => [...i, ...s]), p.current.value = "";
-  }, U = (r, a) => {
-    const s = Array.from(a ? [r.dataTransfer.files[0]] : r.target.files)[0];
-    if (c.length > 0 && !c.includes(s.name.split(".").pop().toLowerCase())) {
-      t == null || t(C(), s), p.current.value = "";
+  }, z = () => o.length === 0 ? "Неверный формат файла" : o.length === 1 ? `Файл должен быть в формате ${o[0]}` : `Разрешенные форматы файлов: ${o.join(", ")}`, G = (r, a) => {
+    x ? X(r, a) : Y(r, a);
+  }, X = (r, a) => {
+    const c = Array.from(a ? r.dataTransfer.files : r.target.files).filter((u) => o.length > 0 && !o.includes(u.name.split(".").pop().toLowerCase()) ? (t == null || t(z(), u), !1) : h && u.size > h ? (t == null || t("Файл слишком большой", u), !1) : f && !f.test(u.name) ? (t == null || t("Имя файла не соответствует шаблону", u), !1) : !e.some((Z) => Z.name === u.name));
+    c.length > 0 && v((u) => [...u, ...c]), d.current.value = "";
+  }, Y = (r, a) => {
+    const c = Array.from(a ? [r.dataTransfer.files[0]] : r.target.files)[0];
+    if (o.length > 0 && !o.includes(c.name.split(".").pop().toLowerCase())) {
+      t == null || t(z(), c), d.current.value = "";
       return;
     }
-    if (d && s.size > d) {
-      t == null || t("Файл слишком большой", s), p.current.value = "";
+    if (h && c.size > h) {
+      t == null || t("Файл слишком большой", c), d.current.value = "";
       return;
     }
-    if (m && !m.test(s.name)) {
-      t == null || t("Имя файла не соответствует шаблону", s), p.current.value = "";
+    if (f && !f.test(c.name)) {
+      t == null || t("Имя файла не соответствует шаблону", c), d.current.value = "";
       return;
     }
-    f([s]), p.current.value = "";
-  }, $ = (r) => {
-    f((a) => a.filter((u, s) => s !== r));
+    v([c]), d.current.value = "";
+  }, T = (r) => {
+    v((a) => a.filter((p, c) => c !== r));
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: `u-react-file-container ${V}`,
+      className: `${s()}-react-file-container ${W}`,
       style: Object.assign(
         {
           display: "flex",
-          flexDirection: h ? "row" : "column",
-          rowGap: h ? null : y(I),
-          columnGap: h ? y(M) : null
+          flexDirection: g ? "row" : "column",
+          rowGap: g ? null : N(M),
+          columnGap: g ? N(H) : null
         },
-        k
+        P
       ),
       children: [
-        v && /* @__PURE__ */ n(
+        $ && /* @__PURE__ */ n(
           "div",
           {
-            className: `${O ? "u-required" : ""} u-react-input-title`,
+            className: `${E ? l("required") : ""} ${s()}-react-input-title`,
             style: Object.assign(
               {
-                color: "var(--u-field-title-color, #545454)",
+                color: `var(--${s()}-field-title-color, #545454)`,
                 // Как у InputText и Select: кегль подписи едет вместе с --u-unit.
                 // Жёсткие 14px не уменьшались на планшете и телефоне, и подпись
                 // поля выбивалась из масштаба остальной формы.
-                fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                fontSize: `var(--${s()}-field-label-size-main, calc(14 * var(--u-unit, 1px)))`
               },
-              H
+              V
             ),
-            children: v
+            children: $
           }
         ),
-        /* @__PURE__ */ l("div", { children: [
-          !(w > 0 && (e == null ? void 0 : e.length) === w) && /* @__PURE__ */ l(
+        /* @__PURE__ */ i("div", { children: [
+          !(y > 0 && (e == null ? void 0 : e.length) === y) && /* @__PURE__ */ i(
             "label",
             {
-              className: "u-file",
+              className: l("file"),
               onDragEnter: _,
               onDragLeave: B,
               onDragOver: J,
-              onDrop: K,
+              onDrop: Q,
               children: [
-                /* @__PURE__ */ n("input", { ref: p, type: "file", id: S, name: L, value: T, defaultValue: G, disabled: E, onChange: (r) => z(r), multiple: g, accept: c.length > 0 ? c.map((r) => "." + r).join(",") : void 0 }),
-                /* @__PURE__ */ n("i", { className: "u-file-icon" }),
-                !x && /* @__PURE__ */ l(o, { children: [
-                  /* @__PURE__ */ n("p", { className: "u-file-title", children: q }),
-                  /* @__PURE__ */ n("p", { className: "u-file-subtitle", children: P })
+                /* @__PURE__ */ n("input", { ref: d, type: "file", id: U, name: k, value: L, defaultValue: A, disabled: I, onChange: (r) => G(r), multiple: x, accept: o.length > 0 ? o.map((r) => "." + r).join(",") : void 0 }),
+                /* @__PURE__ */ n("i", { className: l("file-icon") }),
+                !w && /* @__PURE__ */ i(m, { children: [
+                  /* @__PURE__ */ n("p", { className: l("file-title"), children: K }),
+                  /* @__PURE__ */ n("p", { className: l("file-subtitle"), children: S })
                 ] }),
-                x && /* @__PURE__ */ l(o, { children: [
-                  /* @__PURE__ */ n("i", { className: "u-file-icon-loading" }),
-                  /* @__PURE__ */ n("p", { className: "u-file-title-loading", children: W })
+                w && /* @__PURE__ */ i(m, { children: [
+                  /* @__PURE__ */ n("i", { className: l("file-icon-loading") }),
+                  /* @__PURE__ */ n("p", { className: l("file-title-loading"), children: q })
                 ] })
               ]
             }
           ),
-          g ? (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", marginTop: "calc(22 * var(--u-preset-unit, 1px))", minHeight: "calc(122 * var(--u-preset-unit, 1px))", columnGap: "calc(14 * var(--u-preset-unit, 1px))", rowGap: "calc(14 * var(--u-preset-unit, 1px))", flexWrap: "wrap" }, children: e == null ? void 0 : e.map((r, a) => /* @__PURE__ */ l("div", { className: "u-file-cell", children: [
-            /* @__PURE__ */ n("div", { className: `u-file-cell-icon ${b(r.name)}` }),
-            /* @__PURE__ */ n("div", { className: "u-file-cell-content", children: /* @__PURE__ */ l("div", { className: "u-file-cell-content-wrapper", children: [
+          x ? (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", marginTop: `calc(22 * var(--${s()}-preset-unit, 1px))`, minHeight: `calc(122 * var(--${s()}-preset-unit, 1px))`, columnGap: `calc(14 * var(--${s()}-preset-unit, 1px))`, rowGap: `calc(14 * var(--${s()}-preset-unit, 1px))`, flexWrap: "wrap" }, children: e == null ? void 0 : e.map((r, a) => /* @__PURE__ */ i("div", { className: l("file-cell"), children: [
+            /* @__PURE__ */ n("div", { className: `${s()}-file-cell-icon ${C(r.name)}` }),
+            /* @__PURE__ */ n("div", { className: l("file-cell-content"), children: /* @__PURE__ */ i("div", { className: l("file-cell-content-wrapper"), children: [
               /* @__PURE__ */ n("p", { children: r.name }),
-              /* @__PURE__ */ l("div", { className: "u-file-cell-content-props", children: [
+              /* @__PURE__ */ i("div", { className: l("file-cell-content-props"), children: [
                 /* @__PURE__ */ n("span", { children: (() => {
-                  const [u, s] = D(r.size);
-                  return /* @__PURE__ */ l(o, { children: [
-                    u,
-                    /* @__PURE__ */ n("span", { className: "uwsn", children: s })
+                  const [p, c] = b(r.size);
+                  return /* @__PURE__ */ i(m, { children: [
+                    p,
+                    /* @__PURE__ */ n("span", { className: "uwsn", children: c })
                   ] });
                 })() }),
-                /* @__PURE__ */ n("span", { children: N(r.lastModifiedDate) })
+                /* @__PURE__ */ n("span", { children: D(r.lastModifiedDate) })
               ] })
             ] }) }),
-            /* @__PURE__ */ n("button", { type: "button", onClick: () => $(a) })
-          ] }, a)) }) : e && e[0] && /* @__PURE__ */ n("div", { style: { display: "flex", marginTop: "calc(22 * var(--u-preset-unit, 1px))", minHeight: "calc(122 * var(--u-preset-unit, 1px))", columnGap: "calc(14 * var(--u-preset-unit, 1px))", rowGap: "calc(14 * var(--u-preset-unit, 1px))", flexWrap: "wrap" }, children: /* @__PURE__ */ l("div", { className: "u-file-cell", children: [
-            /* @__PURE__ */ n("div", { className: `u-file-cell-icon ${b(e[0].name)}` }),
-            /* @__PURE__ */ n("div", { className: "u-file-cell-content", children: /* @__PURE__ */ l("div", { className: "u-file-cell-content-wrapper", children: [
+            /* @__PURE__ */ n("button", { type: "button", onClick: () => T(a) })
+          ] }, a)) }) : e && e[0] && /* @__PURE__ */ n("div", { style: { display: "flex", marginTop: `calc(22 * var(--${s()}-preset-unit, 1px))`, minHeight: `calc(122 * var(--${s()}-preset-unit, 1px))`, columnGap: `calc(14 * var(--${s()}-preset-unit, 1px))`, rowGap: `calc(14 * var(--${s()}-preset-unit, 1px))`, flexWrap: "wrap" }, children: /* @__PURE__ */ i("div", { className: l("file-cell"), children: [
+            /* @__PURE__ */ n("div", { className: `${s()}-file-cell-icon ${C(e[0].name)}` }),
+            /* @__PURE__ */ n("div", { className: l("file-cell-content"), children: /* @__PURE__ */ i("div", { className: l("file-cell-content-wrapper"), children: [
               /* @__PURE__ */ n("p", { children: e[0].name }),
-              /* @__PURE__ */ l("div", { className: "u-file-cell-content-props ucg4", children: [
+              /* @__PURE__ */ i("div", { className: `${s()}-file-cell-content-props ucg4`, children: [
                 /* @__PURE__ */ n("span", { children: (() => {
-                  const [r, a] = D(e[0].size);
-                  return /* @__PURE__ */ l(o, { children: [
+                  const [r, a] = b(e[0].size);
+                  return /* @__PURE__ */ i(m, { children: [
                     r,
                     /* @__PURE__ */ n("span", { className: "uwsn", children: a })
                   ] });
                 })() }),
-                /* @__PURE__ */ n("span", { children: N(e[0].lastModifiedDate) })
+                /* @__PURE__ */ n("span", { children: D(e[0].lastModifiedDate) })
               ] })
             ] }) }),
-            /* @__PURE__ */ n("button", { type: "button", onClick: () => $(0) })
+            /* @__PURE__ */ n("button", { type: "button", onClick: () => T(0) })
           ] }) })
         ] })
       ]
     }
   );
 };
-export { ar as InputFile$u };
+export { sr as InputFile$u };

package/dist/components/InputNumber/InputNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAQ3D,eAAO,MAAM,WAAW,GAAI,6ZA8BzB,qBAAqB,4CA2QvB,CAAA"}
+{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAS3D,eAAO,MAAM,WAAW,GAAI,6ZA8BzB,qBAAqB,4CA2QvB,CAAA"}

package/dist/components/InputNumber/InputNumber.js

@@ -1,220 +1,221 @@
-import { jsxs as V, jsx as m } from "react/jsx-runtime";
-import { getFieldAccessibility$u as at } from "../../shared/fieldAccessibility.js";
+import { jsxs as P, jsx as b } from "react/jsx-runtime";
+import { getFieldAccessibility$u as ft } from "../../shared/fieldAccessibility.js";
 /* empty css                 */
 /* empty css                                          */
-import { useRef as F, useState as I, useEffect as M, useCallback as z } from "react";
-import { Tooltip$u as pt } from "../Tooltip/Tooltip.js";
-import { useAutoId$u as ft } from "../../hooks/useAutoId.js";
-import { useInputOverflow$u as mt } from "../../hooks/useInputOverflow.js";
-import { sizeClassName$u as bt } from "../../shared/size.js";
-import { resolveValidation$u as dt } from "../../vanilla/core/validation.js";
-const Mt = ({
-  "aria-label": G,
-  "aria-labelledby": Z,
-  "aria-describedby": q,
-  title: b = "",
-  placeholder: P = "",
-  defaultValue: y,
+import { useRef as M, useState as k, useEffect as x, useCallback as z } from "react";
+import { Tooltip$u as mt } from "../Tooltip/Tooltip.js";
+import { useAutoId$u as bt } from "../../hooks/useAutoId.js";
+import { useInputOverflow$u as dt } from "../../hooks/useInputOverflow.js";
+import { sizeClassName$u as vt } from "../../shared/size.js";
+import { kitCls$u as d, getUiKitPrefix$u as p } from "../../shared/uiKitDefaults.js";
+import { resolveValidation$u as ht } from "../../vanilla/core/validation.js";
+const zt = ({
+  "aria-label": Z,
+  "aria-labelledby": q,
+  "aria-describedby": K,
+  title: v = "",
+  placeholder: U = "",
+  defaultValue: F,
   value: c,
   id: Y,
-  name: N = "",
-  onChange: p,
+  name: S = "",
+  onChange: f,
   required: E = !1,
   disabled: i = !1,
-  lineUp: $ = !1,
+  lineUp: I = !1,
   rowGap: H = 4,
   columnGap: J = 20,
-  styleInputContainer: K,
-  styleTitle: Q,
-  tooltipMaxWidth: U = 300,
-  className: X = "",
-  size: _,
+  styleInputContainer: Q,
+  styleTitle: X,
+  tooltipMaxWidth: _ = 300,
+  className: B = "",
+  size: L,
   min: n,
   max: o,
   restoreLastOnBlur: s = !1,
-  hintText: B = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
-  validationText: L = "Заполните поле",
-  validationOn: O,
-  error: tt,
-  validationOnWithoutText: et,
-  absoluteValidationText: rt
+  hintText: O = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
+  validationText: tt = "Заполните поле",
+  validationOn: et,
+  error: rt,
+  validationOnWithoutText: it,
+  absoluteValidationText: nt
 }) => {
-  const S = dt({ error: tt, validationOn: O, validationOnWithoutText: et, validationText: L }), u = ft(Y, "u-input-number"), k = bt(_), it = at(u, b, E, S, {
-    "aria-label": G,
-    "aria-labelledby": Z,
-    "aria-describedby": q
-  }), d = F(null);
-  mt(d, c, i);
-  const x = F(null), [g, D] = I(!1), [nt, ot] = I(!1), [T, v] = I(String(c ?? y ?? "")), h = F(String(c ?? y ?? "")), A = (t) => typeof t == "number" ? `calc(${t} * var(--u-preset-unit, 1px))` : String(t), ut = (t) => typeof t == "number" ? `calc(${t} * var(--u-unit, 1px))` : String(t);
-  M(() => {
+  const g = ht({ error: rt, validationOn: et, validationOnWithoutText: it, validationText: tt }), u = bt(Y, d("input-number")), D = vt(L), ot = ft(u, v, E, g, {
+    "aria-label": Z,
+    "aria-labelledby": q,
+    "aria-describedby": K
+  }), h = M(null);
+  dt(h, c, i);
+  const T = M(null), [y, A] = k(!1), [ut, ct] = k(!1), [C, w] = k(String(c ?? F ?? "")), N = M(String(c ?? F ?? "")), j = (t) => typeof t == "number" ? `calc(${t} * var(--${p()}-preset-unit, 1px))` : String(t), st = (t) => typeof t == "number" ? `calc(${t} * var(--u-unit, 1px))` : String(t);
+  x(() => {
     const t = () => {
-      ot(window.innerWidth <= 900);
+      ct(window.innerWidth <= 900);
     };
     return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-  }, []), M(() => {
-    if (!s || g) return;
+  }, []), x(() => {
+    if (!s || y) return;
     const t = String(c ?? "");
-    v(t), t.trim() !== "" && (h.current = t);
-  }, [s, g, c]);
-  const j = z((t) => {
+    w(t), t.trim() !== "" && (N.current = t);
+  }, [s, y, c]);
+  const R = z((t) => {
     const e = Number(String(t).replace(",", "."));
     if (!Number.isFinite(e)) return "";
     const r = n != null && n !== "" ? Number(n) : void 0, l = o != null && o !== "" ? Number(o) : void 0;
     let a = e;
     return Number.isFinite(r) && (a = Math.max(a, r)), Number.isFinite(l) && (a = Math.min(a, l)), String(a);
-  }, [n, o]), w = z((t) => {
-    if (s && (v(t), String(t).trim() !== "" && (h.current = String(t))), !p) return;
-    p({
+  }, [n, o]), $ = z((t) => {
+    if (s && (w(t), String(t).trim() !== "" && (N.current = String(t))), !f) return;
+    f({
       target: {
         value: t,
         id: u,
-        name: N
+        name: S
       },
       currentTarget: {
         value: t,
         id: u,
-        name: N
+        name: S
       }
     });
-  }, [u, N, p, s]), C = (t) => {
+  }, [u, S, f, s]), W = (t) => {
     if (i) return;
-    const e = d.current;
-    e && (t === -1 ? e.stepDown() : e.stepUp(), w(e.value));
-  }, R = z((t) => {
-    const e = d.current;
+    const e = h.current;
+    e && (t === -1 ? e.stepDown() : e.stepUp(), $(e.value));
+  }, V = z((t) => {
+    const e = h.current;
     if (i || !e || document.activeElement !== e) return;
     t.cancelable && t.preventDefault(), t.stopPropagation(), t.deltaY < 0 ? e.stepUp() : e.stepDown();
     const r = Number(e.value), l = n != null && n !== "" ? Number(n) : void 0, a = o != null && o !== "" ? Number(o) : void 0;
-    let f = r;
-    Number.isFinite(l) && (f = Math.max(f, l)), Number.isFinite(a) && (f = Math.min(f, a)), Number.isFinite(f) && (e.value = String(f)), w(e.value);
-  }, [i, w, o, n]);
-  M(() => {
+    let m = r;
+    Number.isFinite(l) && (m = Math.max(m, l)), Number.isFinite(a) && (m = Math.min(m, a)), Number.isFinite(m) && (e.value = String(m)), $(e.value);
+  }, [i, $, o, n]);
+  x(() => {
     if (i) return;
-    const t = x.current;
+    const t = T.current;
     if (!t) return;
-    const e = (r) => R(r);
+    const e = (r) => V(r);
     return t.addEventListener("wheel", e, { passive: !1 }), () => {
       t.removeEventListener("wheel", e);
     };
-  }, [i, R]);
-  const ct = (t) => {
+  }, [i, V]);
+  const lt = (t) => {
     if (!s) {
-      p == null || p(t);
+      f == null || f(t);
       return;
     }
     const e = t.target.value;
     if (String(e).trim() === "") {
-      v("");
+      w("");
       return;
     }
-    w(j(e));
-  }, st = () => {
-    if (D(!0), !s) return;
+    $(R(e));
+  }, at = () => {
+    if (A(!0), !s) return;
     const t = String(c ?? "");
-    v(t), t.trim() !== "" && (h.current = t);
-  }, lt = () => {
+    w(t), t.trim() !== "" && (N.current = t);
+  }, pt = () => {
     var l;
-    if (D(!1), !s) return;
-    const t = String(((l = d.current) == null ? void 0 : l.value) ?? T ?? "").trim(), e = t !== "" ? t : h.current || String(c ?? ""), r = j(e);
-    v(r), r.trim() !== "" && (h.current = r), r !== String(c ?? "") && w(r);
-  }, W = /* @__PURE__ */ V("div", { ref: x, className: `u-number ${i ? "u-number-disabled" : ""}`, children: [
-    /* @__PURE__ */ m(
+    if (A(!1), !s) return;
+    const t = String(((l = h.current) == null ? void 0 : l.value) ?? C ?? "").trim(), e = t !== "" ? t : N.current || String(c ?? ""), r = R(e);
+    w(r), r.trim() !== "" && (N.current = r), r !== String(c ?? "") && $(r);
+  }, G = /* @__PURE__ */ P("div", { ref: T, className: `${p()}-number ${i ? d("number-disabled") : ""}`, children: [
+    /* @__PURE__ */ b(
       "button",
       {
-        className: "u-number-down",
+        className: d("number-down"),
         type: "button",
-        "aria-label": `Уменьшить ${b || "значение"}`,
+        "aria-label": `Уменьшить ${v || "значение"}`,
         onClick: () => {
-          C(-1);
+          W(-1);
         },
         id: `num-minus-${u}`,
         disabled: i
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ b(
       "input",
       {
-        ...it,
-        ref: d,
+        ...ot,
+        ref: h,
         type: "number",
-        className: `u-react-input u-input ${S.hasError ? "u-input-required" : ""}`,
+        className: `${p()}-react-input ${p()}-input ${g.hasError ? d("input-required") : ""}`,
         min: n,
         max: o,
         id: u,
-        name: N,
-        placeholder: P,
-        defaultValue: y,
-        value: s && g ? T : c,
+        name: S,
+        placeholder: U,
+        defaultValue: F,
+        value: s && y ? C : c,
         disabled: i,
-        onChange: ct,
-        onFocus: st,
-        onBlur: lt
+        onChange: lt,
+        onFocus: at,
+        onBlur: pt
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ b(
       "button",
       {
-        className: "u-number-up",
+        className: d("number-up"),
         type: "button",
-        "aria-label": `Увеличить ${b || "значение"}`,
+        "aria-label": `Увеличить ${v || "значение"}`,
         onClick: () => {
-          C(1);
+          W(1);
         },
         id: `num-plus-${u}`,
         disabled: i
       }
     )
   ] });
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ P(
     "div",
     {
-      className: `u-react-input-number-container${k ? ` ${k}` : ""} ${X}`,
+      className: `${p()}-react-input-number-container${D ? ` ${D}` : ""} ${B}`,
       style: Object.assign(
         {
           display: "flex",
-          flexDirection: $ ? "row" : "column",
-          rowGap: $ ? null : A(H),
-          columnGap: $ ? A(J) : null
+          flexDirection: I ? "row" : "column",
+          rowGap: I ? null : j(H),
+          columnGap: I ? j(J) : null
         },
-        K
+        Q
       ),
       children: [
-        b && /* @__PURE__ */ m(
+        v && /* @__PURE__ */ b(
           "div",
           {
             id: `${u}-label`,
-            className: `${E ? "u-required" : ""} u-react-input-title`,
+            className: `${E ? d("required") : ""} ${p()}-react-input-title`,
             style: Object.assign(
               {
-                color: "var(--u-field-title-color, #545454)",
-                fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                color: `var(--${p()}-field-title-color, #545454)`,
+                fontSize: `var(--${p()}-field-label-size-main, calc(14 * var(--u-unit, 1px)))`
               },
-              Q
+              X
             ),
-            children: b
+            children: v
           }
         ),
-        i ? W : /* @__PURE__ */ m(
-          pt,
+        i ? G : /* @__PURE__ */ b(
+          mt,
           {
             portalOn: !0,
             id: `input-number-wheel-${u || "default"}`,
-            tooltipText: B,
+            tooltipText: O,
             position: "top",
-            isActive: g && !nt,
+            isActive: y && !ut,
             showWhenActive: !0,
             tooltipStyle: {
-              maxWidth: ut(U),
+              maxWidth: st(_),
               width: "auto",
               whiteSpace: "normal",
               overflowWrap: "break-word"
             },
-            children: W
+            children: G
           }
         ),
-        S.showText && /* @__PURE__ */ m("h5", { id: `${u}-error`, className: "h5 clr-red-main", style: rt ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: S.text })
+        g.showText && /* @__PURE__ */ b("h5", { id: `${u}-error`, className: "h5 clr-red-main", style: nt ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: g.text })
       ]
     }
   );
 };
-export { Mt as InputNumber$u };
+export { zt as InputNumber$u };

package/dist/components/InputText/InputAffix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputAffix.d.ts","sourceRoot":"","sources":["../../../src/components/InputText/InputAffix.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE/F,kEAAkE;AAClE,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjD,kEAAkE;AAClE,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAUjE;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,OAAO,EAAE,iBAAiB,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;;;;sBAYtB,iBAAiB;EAO7C;AA2BD,KAAK,oBAAoB,GAAG;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAYF;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB;;;;;EAoHnJ"}
+{"version":3,"file":"InputAffix.d.ts","sourceRoot":"","sources":["../../../src/components/InputText/InputAffix.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG/F,kEAAkE;AAClE,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjD,kEAAkE;AAClE,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAUjE;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,OAAO,EAAE,iBAAiB,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;;;;sBAYtB,iBAAiB;EAO7C;AA2BD,KAAK,oBAAoB,GAAG;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAYF;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB;;;;;EAoHnJ"}