urfu-ui-kit-react 2.1.5 → 2.1.7-next.0

package/dist/components/ErrorScreen/ErrorScreen.js

@@ -1,165 +1,176 @@
-import { jsxs as s, jsx as o, Fragment as se } from "react/jsx-runtime";
-import { useRef as _, useState as v, useEffect as ue, useLayoutEffect as de, useMemo as me } from "react";
-import { Button$u as k } from "../Button/Button.js";
-import { Card$u as fe } from "../Card/Card.js";
-import { Icon$u as pe } from "../Icon/Icon.js";
-import { ErrorScreenIllustration$u as he, ErrorScreenDecor$u as Q } from "./ErrorScreenIllustration.js";
+import { jsxs as a, jsx as o, Fragment as le } from "react/jsx-runtime";
+import { useRef as P, useState as y, useEffect as ce, useLayoutEffect as ve, useMemo as Ee } from "react";
+import { useAutoId$u as be } from "../../hooks/useAutoId.js";
+import { Button$u as N } from "../Button/Button.js";
+import { Card$u as Ce } from "../Card/Card.js";
+import { Message$u as we } from "../Message/Message.js";
+import { Modal$u as ge } from "../Modal/Modal.js";
+import { ErrorScreenIllustration$u as ye, ErrorScreenDecor$u as q } from "./ErrorScreenIllustration.js";
 /* empty css                  */
 /* empty css                                          */
-import { describeError$u as ve, formatErrorDetails$u as Ee, DEFAULT_SUPPORT_EMAIL$u as be, DEFAULT_SUPPORT_LABEL$u as we, supportMailto$u as ge, getErrorReportConfig$u as Ce } from "../../vanilla/core/describeError.js";
-const ye = {
+import { describeError$u as Ne, DEFAULT_SUPPORT_EMAIL$u as Se, DEFAULT_SUPPORT_LABEL$u as Le, formatErrorDetails$u as Re, getErrorReportConfig$u as ke, supportMailto$u as Ae } from "../../vanilla/core/describeError.js";
+const _e = {
   notFound: { code: "404", title: "Страница не найдена", text: "Возможно, страница была удалена или адрес введён с ошибкой." },
   forbidden: { code: "403", title: "Нет доступа к странице", text: "Права вашей роли не позволяют открыть этот раздел." },
   serverError: { code: "500", title: "Ошибка в работе сервиса", text: "Попробуйте обновить страницу. Если ошибка повторится, обратитесь в техническую поддержку." },
   maintenance: { code: "503", title: "Сервис на обслуживании", text: "Сейчас идут плановые работы — сервис скоро вернётся к работе. Всё, что вы успели сделать до этого, сохранено." }
-}, Ne = {
+}, Te = {
   notFound: "none",
   forbidden: "forbidden",
   serverError: "error",
   maintenance: "maintenance"
-}, Se = '[id^="__qiankun_microapp_wrapper_for_"]';
-function Le() {
+}, Oe = '[id^="__qiankun_microapp_wrapper_for_"]';
+function Ie() {
   return typeof window < "u" && !!window.__POWERED_BY_QIANKUN__;
 }
-function Re(r) {
+function xe(r) {
   for (let e = r.parentElement; e && e !== document.body; e = e.parentElement) {
     const { overflowY: t } = getComputedStyle(e);
     if (t === "auto" || t === "scroll") return e;
   }
   return r;
 }
-function Ae(r, e) {
+function Pe(r, e) {
   const t = [];
   for (let n = r; n && n !== e; n = n.parentElement) {
-    const u = n.parentElement;
-    if (!u) break;
-    for (const a of Array.from(u.children))
-      a !== n && a instanceof HTMLElement && !a.inert && (a.inert = !0, t.push(a));
+    const d = n.parentElement;
+    if (!d) break;
+    for (const i of Array.from(d.children))
+      i !== n && i instanceof HTMLElement && !i.inert && (i.inert = !0, t.push(i));
   }
   return () => t.forEach((n) => {
     n.inert = !1;
   });
 }
-function $e({
+function Je({
   variant: r,
   error: e,
   subject: t,
   operation: n,
-  notFoundIsPage: u,
-  onRetry: a,
-  onLogin: f,
-  onHome: E,
+  notFoundIsPage: d,
+  onRetry: i,
+  onLogin: u,
+  onHome: m,
   showDetails: b,
-  supportEmail: T,
-  supportLabel: x,
-  onSupport: z,
-  title: w,
-  text: g,
-  code: l,
-  illustration: C,
-  reasons: y,
-  reasonsTitle: X,
-  onAction: Z,
-  actionLabel: ee,
-  secondaryActionLabel: j,
-  onSecondaryAction: q,
-  loading: F = !1,
-  className: I = "",
-  fullScreen: N = !1
+  supportEmail: C,
+  supportLabel: S,
+  onSupport: L,
+  title: z,
+  text: R,
+  code: p,
+  illustration: k,
+  reasons: h,
+  reasonsTitle: F,
+  onAction: s,
+  actionLabel: A,
+  secondaryActionLabel: K,
+  onSecondaryAction: Y,
+  loading: V = !1,
+  className: B = "",
+  fullScreen: w = !1
 }) {
-  const K = _(null), W = _(null), B = _(null), [re] = v(Le), [te, ne] = v(null), [oe, le] = v(!1), p = N && re && !oe;
-  ue(() => {
-    const i = K.current;
-    if (!N || p || !i) return;
-    const d = (L) => L.preventDefault();
-    return i.setAttribute("closedby", "none"), i.addEventListener("cancel", d), i.showModal(), J(B.current), () => {
-      i.removeEventListener("cancel", d), i.close();
+  const G = P(null), J = P(null), D = P(null), [ie] = y(Ie), [se, ae] = y(null), [ue, de] = y(!1), v = w && ie && !ue;
+  ce(() => {
+    const c = G.current;
+    if (!w || v || !c) return;
+    const f = (T) => T.preventDefault();
+    return c.setAttribute("closedby", "none"), c.addEventListener("cancel", f), c.showModal(), oe(D.current), () => {
+      c.removeEventListener("cancel", f), c.close();
     };
-  }, [N, p]), de(() => {
-    const i = W.current;
-    if (!p || !i) return;
-    const d = i.closest(Se);
-    if (!d) {
-      le(!0);
+  }, [w, v]), ve(() => {
+    const c = J.current;
+    if (!v || !c) return;
+    const f = c.closest(Oe);
+    if (!f) {
+      de(!0);
       return;
     }
-    const L = Re(d), R = () => {
-      const A = L.getBoundingClientRect();
-      ne({ top: A.top, left: A.left, width: A.width, height: A.height });
+    const T = xe(f), O = () => {
+      const I = T.getBoundingClientRect();
+      ae({ top: I.top, left: I.left, width: I.width, height: I.height });
     };
-    R();
-    const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(R);
-    m == null || m.observe(L), window.addEventListener("resize", R);
-    const ae = Ae(i, d), H = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    return J(B.current), () => {
-      m == null || m.disconnect(), window.removeEventListener("resize", R), ae(), H == null || H.focus();
+    O();
+    const E = typeof ResizeObserver > "u" ? null : new ResizeObserver(O);
+    E == null || E.observe(T), window.addEventListener("resize", O);
+    const he = Pe(c, f), j = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    return oe(D.current), () => {
+      E == null || E.disconnect(), window.removeEventListener("resize", O), he(), j == null || j.focus();
     };
-  }, [p]);
-  const c = me(() => {
+  }, [v]);
+  const l = Ee(() => {
     if (e == null) return;
-    const i = ve(e, { subject: t, operation: n, notFoundIsPage: u });
-    return i.group === "aborted" ? void 0 : i;
-  }, [e, t, n, u]), Y = r ?? (c == null ? void 0 : c.variant) ?? "serverError", S = ye[Y], D = l !== void 0 ? l : c ? c.code : S.code, O = C ?? (l != null ? "none" : Ne[Y]), h = y != null && y.length ? y : null, P = D ?? void 0, U = w ?? (c == null ? void 0 : c.title) ?? S.title, M = typeof U == "string" ? U : S.title, ce = !!(j && q), V = _e(c, { onAction: Z, actionLabel: ee, onRetry: a, onLogin: f, onHome: E }), ie = [
+    const c = Ne(e, { subject: t, operation: n, notFoundIsPage: d });
+    return c.group === "aborted" ? void 0 : c;
+  }, [e, t, n, d]), X = r ?? (l == null ? void 0 : l.variant) ?? "serverError", _ = _e[X], M = p !== void 0 ? p : l ? l.code : _.code, U = k ?? (p != null ? "none" : Te[X]), g = h != null && h.length ? h : null, $ = M ?? void 0, H = z ?? (l == null ? void 0 : l.title) ?? _.title, Q = typeof H == "string" ? H : _.title, me = !!(K && Y), Z = ze(l, { onAction: s, actionLabel: A, onRetry: i, onLogin: u, onHome: m }), ee = Me({ supportEmail: C, supportLabel: S, onSupport: L }), re = !!l && b !== !1, [fe, te] = y(!1), pe = [
     "u-error-screen-card",
-    O !== "none" && "u-error-screen-card--illustrated",
-    h && "u-error-screen-card--reasons"
-  ].filter(Boolean).join(" "), $ = /* @__PURE__ */ s(fe, { className: ie, children: [
-    O !== "none" ? /* @__PURE__ */ o(he, { name: O }) : D !== null && /* @__PURE__ */ o("span", { className: "u-error-screen-code", "aria-hidden": "true", children: D }),
-    /* @__PURE__ */ s("div", { className: "u-error-screen-message", children: [
-      /* @__PURE__ */ o("p", { className: "u-error-screen-title", children: U }),
-      (g !== void 0 || c || !h) && /* @__PURE__ */ o("p", { className: "u-error-screen-description", children: g ?? (c == null ? void 0 : c.text) ?? S.text }),
-      h && /* @__PURE__ */ s("div", { className: "u-error-screen-reasons", children: [
-        /* @__PURE__ */ o("p", { className: "u-error-screen-reasons-title", children: X ?? (h.length > 1 ? "Причины" : "Причина") }),
-        /* @__PURE__ */ o("ul", { className: "u-error-screen-reasons-list", children: h.map((i, d) => /* @__PURE__ */ o("li", { children: i }, d)) })
+    U !== "none" && "u-error-screen-card--illustrated",
+    g && "u-error-screen-card--reasons"
+  ].filter(Boolean).join(" "), W = /* @__PURE__ */ a(Ce, { className: pe, children: [
+    U !== "none" ? /* @__PURE__ */ o(ye, { name: U }) : M !== null && /* @__PURE__ */ o("span", { className: "u-error-screen-code", "aria-hidden": "true", children: M }),
+    /* @__PURE__ */ a("div", { className: "u-error-screen-message", children: [
+      /* @__PURE__ */ o("p", { className: "u-error-screen-title", children: H }),
+      (R !== void 0 || l || !g) && /* @__PURE__ */ o("p", { className: "u-error-screen-description", children: De(R ?? (l == null ? void 0 : l.text) ?? _.text, ee.email, re ? () => te(!0) : void 0) }),
+      g && /* @__PURE__ */ a("div", { className: "u-error-screen-reasons", children: [
+        /* @__PURE__ */ o("p", { className: "u-error-screen-reasons-title", children: F ?? (g.length > 1 ? "Причины" : "Причина") }),
+        /* @__PURE__ */ o("ul", { className: "u-error-screen-reasons-list", children: g.map((c, f) => /* @__PURE__ */ o("li", { children: c }, f)) })
       ] })
     ] }),
-    /* @__PURE__ */ s("div", { className: "u-error-screen-actions", ref: B, children: [
-      ce && /* @__PURE__ */ o(k, { size: "small", variant: "simple", disabled: F, onClick: q, children: j }),
-      /* @__PURE__ */ o(k, { size: "small", loading: F, onClick: V.onClick, children: V.label })
+    /* @__PURE__ */ a("div", { className: "u-error-screen-actions", ref: D, children: [
+      me && /* @__PURE__ */ o(N, { size: "small", variant: "simple", disabled: V, onClick: Y, children: K }),
+      /* @__PURE__ */ o(N, { size: "small", loading: V, onClick: Z.onClick, children: Z.label })
     ] }),
-    c && b !== !1 && /* @__PURE__ */ o(Te, { description: { ...c, title: M }, support: ke({ supportEmail: T, supportLabel: x, onSupport: z }) })
+    l && re && /* @__PURE__ */ o(
+      Ue,
+      {
+        description: { ...l, title: Q },
+        inDialog: w && !v,
+        support: ee,
+        open: fe,
+        onOpenChange: te
+      }
+    )
   ] });
-  return p ? /* @__PURE__ */ s(
+  return v ? /* @__PURE__ */ a(
     "div",
     {
-      ref: W,
+      ref: J,
       role: "dialog",
-      "aria-label": M,
-      style: te ?? void 0,
-      "data-error-code": P,
-      className: `u-error-screen u-error-screen-fullscreen u-error-screen-area ${I}`,
+      "aria-label": Q,
+      style: se ?? void 0,
+      "data-error-code": $,
+      className: `u-error-screen u-error-screen-fullscreen u-error-screen-area ${B}`,
       children: [
-        /* @__PURE__ */ o(Q, {}),
-        $
+        /* @__PURE__ */ o(q, {}),
+        W
       ]
     }
-  ) : N ? /* @__PURE__ */ s(
+  ) : w ? /* @__PURE__ */ a(
     "dialog",
     {
-      ref: K,
-      className: `u-error-screen u-error-screen-fullscreen ${I}`,
-      "aria-label": M,
-      "data-error-code": P,
+      ref: G,
+      className: `u-error-screen u-error-screen-fullscreen ${B}`,
+      "aria-label": Q,
+      "data-error-code": $,
       children: [
-        /* @__PURE__ */ o(Q, {}),
-        $
+        /* @__PURE__ */ o(q, {}),
+        W
       ]
     }
-  ) : /* @__PURE__ */ s("div", { className: `u-error-screen ${I}`, role: "alert", "data-error-code": P, children: [
-    /* @__PURE__ */ o(Q, {}),
-    $
+  ) : /* @__PURE__ */ a("div", { className: `u-error-screen ${B}`, role: "alert", "data-error-code": $, children: [
+    /* @__PURE__ */ o(q, {}),
+    W
   ] });
 }
-const G = () => window.location.reload();
-function J(r) {
+const ne = () => window.location.reload();
+function oe(r) {
   var e;
   (e = r == null ? void 0 : r.querySelector("button:last-of-type")) == null || e.focus();
 }
-function _e(r, e) {
+function ze(r, e) {
   const t = e.actionLabel;
   if (e.onAction) return { label: t ?? (r ? "Повторить" : "Обновить страницу"), onClick: e.onAction };
-  if (!r) return { label: t ?? "Обновить страницу", onClick: e.onRetry ?? G };
-  const n = { label: t ?? "Обновить страницу", onClick: G };
+  if (!r) return { label: t ?? "Обновить страницу", onClick: e.onRetry ?? ne };
+  const n = { label: t ?? "Обновить страницу", onClick: ne };
   switch (r.action) {
     case "login":
       return e.onLogin ? { label: t ?? r.actionLabel, onClick: e.onLogin } : n;
@@ -173,49 +184,72 @@ function _e(r, e) {
       return n;
   }
 }
-function ke(r) {
-  const e = Ce();
-  return { email: r.supportEmail !== void 0 ? r.supportEmail : e.supportEmail !== void 0 ? e.supportEmail : be, label: r.supportLabel ?? e.supportLabel ?? we, onSupport: r.onSupport ?? e.onSupport };
+const Be = 2e3, x = "техническую поддержку";
+function De(r, e, t) {
+  if (typeof r != "string") return r;
+  const n = r.indexOf(x);
+  return n < 0 || !e && !t ? r : /* @__PURE__ */ a(le, { children: [
+    r.slice(0, n),
+    t ? /* @__PURE__ */ o("button", { type: "button", className: "u-link u-error-screen-support-link", onClick: t, children: x }) : x,
+    e && `: ${e}`,
+    r.slice(n + x.length)
+  ] });
+}
+function Me(r) {
+  const e = ke();
+  return { email: r.supportEmail !== void 0 ? r.supportEmail : e.supportEmail !== void 0 ? e.supportEmail : Se, label: r.supportLabel ?? e.supportLabel ?? Le, onSupport: r.onSupport ?? e.onSupport };
 }
-function Te({ description: r, support: e }) {
-  const t = e.email, [n, u] = v("idle"), a = _(null), f = Ee(r), E = () => {
-    const l = window.getSelection();
-    l && a.current && l.selectAllChildren(a.current);
-  }, b = (l, C) => {
+function Ue({ description: r, support: e, inDialog: t, open: n, onOpenChange: d }) {
+  const i = e.email, [u, m] = y("idle"), b = P(null), C = Re(r), S = () => {
+    const s = window.getSelection();
+    s && b.current && s.selectAllChildren(b.current);
+  }, L = (s, A) => {
     if (!navigator.clipboard) {
-      E(), C();
+      S(), A();
       return;
     }
-    navigator.clipboard.writeText(f).then(l, () => {
-      E(), C();
+    navigator.clipboard.writeText(C).then(s, () => {
+      S(), A();
     });
-  }, T = () => b(() => u("copied"), () => u("selected")), x = () => {
-    const l = t ? ge(r, t) : null;
+  }, z = () => L(() => m("copied"), () => m("selected")), R = () => {
+    const s = i ? Ae(r, i) : null;
     if (e.onSupport) {
-      e.onSupport({ report: f, description: r, mailto: l });
+      e.onSupport({ report: C, description: r, mailto: s });
       return;
     }
-    l && (b(() => u("mailCopied"), () => u("mailSelected")), window.open(l, "_self"));
-  }, z = {
-    idle: "",
-    copied: "Скопировано",
-    selected: "Выделено — нажмите Ctrl+C",
-    mailCopied: `Открываем письмо. Если почта не открылась — текст скопирован, вставьте его в письмо на ${t}`,
-    mailSelected: `Открываем письмо. Если почта не открылась — текст выделен: нажмите Ctrl+C и вставьте его в письмо на ${t}`
-  }[n], [w, g] = v(!1);
-  return /* @__PURE__ */ s("details", { className: "u-error-screen-details", onToggle: (l) => g(l.currentTarget.open), children: [
-    /* @__PURE__ */ s("summary", { children: [
-      "Подробности для технической поддержки",
-      /* @__PURE__ */ o(pe, { name: "up", size: 14, rotate: w ? 0 : 180 })
-    ] }),
-    w && /* @__PURE__ */ s(se, { children: [
-      /* @__PURE__ */ o("pre", { ref: a, className: "u-error-screen-report", children: f }),
-      /* @__PURE__ */ s("div", { className: "u-error-screen-copy", children: [
-        (t || e.onSupport) && /* @__PURE__ */ o(k, { size: "small", variant: "outline", onClick: x, children: e.label }),
-        /* @__PURE__ */ o(k, { size: "small", variant: "text", onClick: T, children: "Скопировать" })
-      ] }),
-      /* @__PURE__ */ o("p", { className: "u-error-screen-copy-status", role: "status", "aria-live": "polite", children: z })
-    ] })
+    s && (L(() => m("mailCopied"), () => m("mailSelected")), window.open(s, "_self"));
+  };
+  ce(() => {
+    if (u !== "copied") return;
+    const s = setTimeout(() => m("idle"), Be);
+    return () => clearTimeout(s);
+  }, [u]);
+  const p = u === "copied" ? "Скопировано" : u === "selected" ? "Выделено — нажмите Ctrl+C" : "Скопировать", k = u === "mailCopied" ? `Открываем письмо. Если почта не открылась — текст скопирован, вставьте его в письмо на ${i}` : u === "mailSelected" ? `Открываем письмо. Если почта не открылась — текст выделен: нажмите Ctrl+C и вставьте его в письмо на ${i}` : "", h = be(void 0, "u-error-screen-details-title");
+  return /* @__PURE__ */ a(le, { children: [
+    /* @__PURE__ */ o(N, { size: "small", variant: "text", onClick: () => d(!0), children: "Подробности для технической поддержки" }),
+    /* @__PURE__ */ a(
+      ge,
+      {
+        active: n,
+        onCancel: () => {
+          d(!1), m("idle");
+        },
+        unmountOnClose: !0,
+        portalOn: !t,
+        ariaLabelledBy: h,
+        maxWidth: "640px",
+        className: "u-error-screen-details-modal",
+        children: [
+          /* @__PURE__ */ o("h3", { id: h, className: "u-error-screen-details-title", children: "Подробности для технической поддержки" }),
+          /* @__PURE__ */ o("pre", { ref: b, className: "u-error-screen-report", children: C }),
+          /* @__PURE__ */ a("div", { className: "u-error-screen-copy", children: [
+            /* @__PURE__ */ o(N, { size: "small", variant: "text", onClick: z, children: p }),
+            (i || e.onSupport) && /* @__PURE__ */ o(N, { size: "small", onClick: R, children: e.label })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "u-error-screen-copy-status", role: "status", "aria-live": "polite", children: k ? /* @__PURE__ */ o(we, { size: "small", children: k }) : u !== "idle" && /* @__PURE__ */ o("span", { className: "u-error-screen-sr-only", children: p }) })
+        ]
+      }
+    )
   ] });
 }
-export { $e as ErrorScreen$u };
+export { Je as ErrorScreen$u };

package/dist/components/FormField/FormField.d.ts

@@ -15,5 +15,5 @@ import type { FormFieldProperties } from './FormField.types';
  * Он нужен там, где раскладку удобнее задать один раз снаружи — например,
  * когда поле приходит из другой библиотеки или это вовсе не поле.
  */
-export declare const FormField: ({ title, required, error, inline, gap, hint, htmlFor, className, style, children, }: FormFieldProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const FormField: ({ title, tooltip, required, error, inline, gap, hint, htmlFor, className, style, children, }: FormFieldProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,yDAAyD,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,GAAI,qFAWvB,mBAAmB,4CA6BrB,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,yDAAyD,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAK7D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,GAAI,8FAYvB,mBAAmB,4CA+CrB,CAAC"}

package/dist/components/FormField/FormField.js

@@ -1,40 +1,53 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
 /* empty css                 */
 /* empty css                  */
 /* empty css                                        */
-import { resolveValidation$u as p } from "../../vanilla/core/validation.js";
-const $ = ({
-  title: i,
-  required: a = !1,
-  error: m,
-  inline: t = !1,
-  gap: r,
-  hint: o,
-  htmlFor: n,
-  className: f = "",
-  style: d,
-  children: c
+import { Button$u as h } from "../Button/Button.js";
+import { Tooltip$u as x } from "../Tooltip/Tooltip.js";
+import { resolveValidation$u as N } from "../../vanilla/core/validation.js";
+const w = ({
+  title: r,
+  tooltip: o,
+  required: c = !1,
+  error: d,
+  inline: f = !1,
+  gap: l,
+  hint: a,
+  htmlFor: s,
+  className: u = "",
+  style: p,
+  children: _
 }) => {
-  const l = p({ error: m }), s = typeof r == "number" ? `calc(${r} * var(--u-preset-unit, 1px))` : r;
-  return /* @__PURE__ */ u(
+  const i = N({ error: d }), t = c ? " u-required" : "", n = typeof l == "number" ? `calc(${l} * var(--u-preset-unit, 1px))` : l;
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: `u-form-field${t ? " u-form-field--inline" : ""} ${f}`.trim(),
-      style: { ...s ? { gap: s } : null, ...d },
+      className: `u-form-field${f ? " u-form-field--inline" : ""} ${u}`.trim(),
+      style: { ...n ? { gap: n } : null, ...p },
       children: [
-        i && /* @__PURE__ */ e(
-          "label",
-          {
-            className: `u-form-field__title${a ? " u-required" : ""}`,
-            htmlFor: n,
-            children: i
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "u-form-field__control", children: c }),
-        l.showText && /* @__PURE__ */ e("span", { className: "u-form-field__error", children: l.text }),
-        !l.hasError && o && /* @__PURE__ */ e("span", { className: "u-form-field__hint", children: o })
+        r && o ? (
+          // «?» стоит рядом с подписью, а не внутри неё: иначе текст подсказки
+          // войдёт в имя поля для читалки экрана. Звёздочка — у подписи, перед «?».
+          /* @__PURE__ */ m("div", { className: "u-form-field__title-row", children: [
+            /* @__PURE__ */ e("label", { className: `u-form-field__title${t}`, htmlFor: s, children: r }),
+            /* @__PURE__ */ e("span", { className: "u-form-field__help", children: /* @__PURE__ */ e(x, { tooltipText: o, position: "top", portalOn: !0, children: /* @__PURE__ */ e(
+              h,
+              {
+                variant: "text-table",
+                size: "small",
+                icon: "question",
+                iconOnly: !0,
+                iconSize: 15,
+                "aria-label": "Подсказка"
+              }
+            ) }) })
+          ] })
+        ) : r && /* @__PURE__ */ e("label", { className: `u-form-field__title${t}`, htmlFor: s, children: r }),
+        /* @__PURE__ */ e("div", { className: "u-form-field__control", children: _ }),
+        i.showText && /* @__PURE__ */ e("span", { className: "u-form-field__error", children: i.text }),
+        !i.hasError && a && /* @__PURE__ */ e("span", { className: "u-form-field__hint", children: a })
       ]
     }
   );
 };
-export { $ as FormField$u };
+export { w as FormField$u };

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

@@ -2,6 +2,12 @@ import type { CSSProperties, ReactNode } from 'react';
 export type FormFieldProperties = {
     /** Подпись поля. */
     title?: string;
+    /**
+     * Подсказка к подписи: кнопка «?» сразу после текста подписи, текст — по наведению
+     * и по фокусу с клавиатуры. Звёздочка обязательного поля — у подписи, перед «?».
+     * Без `title` не действует.
+     */
+    tooltip?: ReactNode;
     /** Пометить подпись как обязательную. */
     required?: boolean;
     /**

package/dist/components/FormField/FormField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.types.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
+{"version":3,"file":"FormField.types.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -0,0 +1,22 @@
+
+import { type ReactNode } from 'react';
+import { type UseInfiniteScrollOptions } from '../../hooks/useInfiniteScroll';
+export interface InfiniteScrollProps extends UseInfiniteScrollOptions {
+    /** Сколько строк уже загружено — для объявления «Загружено ещё N» скринридеру. */
+    itemCount?: number;
+    /** Индикатор под списком, пока `loading`. По умолчанию — две строки Skeleton. */
+    loader?: ReactNode;
+    /** Под списком, когда порций больше нет. */
+    endMessage?: ReactNode;
+    /** Объявление о начале загрузки. По умолчанию «Загрузка…». */
+    loadingLabel?: string;
+    className?: string;
+}
+/**
+ * Датчик ленивой подгрузки: ставится после последней строки — в конец обычного списка
+ * или в `footer` у `VirtualList`. Подходит к видимой части — вызывает `onLoadMore`
+ * (один раз на порцию), пока `loading` — показывает индикатор, после — объявляет
+ * скринридеру, сколько строк добавилось.
+ */
+export declare const InfiniteScroll: ({ itemCount, loader, endMessage, loadingLabel, className, ...options }: InfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InfiniteScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAGjG,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,wEAO5B,mBAAmB,4CA0BrB,CAAC"}

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1,27 @@
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+/* empty css                                          */
+import { useState as _, useRef as h, useEffect as f } from "react";
+import { useInfiniteScroll$u as x } from "../../hooks/useInfiniteScroll.js";
+import { Skeleton$u as N } from "../Skeleton/Skeleton.js";
+const S = (e, r) => `Загружено ещё ${e}${r ? "" : ". Это все записи"}`, A = ({
+  itemCount: e,
+  loader: r,
+  endMessage: u,
+  loadingLabel: t = "Загрузка…",
+  className: d,
+  ...l
+}) => {
+  const { sentinelRef: m } = x(l), { loading: n, hasMore: s } = l, [p, c] = _(""), a = h(e);
+  return f(() => {
+    n && c(t);
+  }, [n, t]), f(() => {
+    const o = a.current;
+    a.current = e, o !== void 0 && e !== void 0 && e > o && c(S(e - o, s));
+  }, [e, s]), /* @__PURE__ */ v("div", { className: ["u-infinite-scroll", d].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ i("div", { ref: m, className: "u-infinite-scroll__sentinel", "aria-hidden": "true" }),
+    n && /* @__PURE__ */ i("div", { className: "u-infinite-scroll__loader", children: r ?? /* @__PURE__ */ i(N, { variant: "text", count: 2 }) }),
+    !s && !n && u,
+    /* @__PURE__ */ i("span", { className: "u-infinite-scroll__status", role: "status", "aria-live": "polite", children: p })
+  ] });
+};
+export { A as InfiniteScroll$u };

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

@@ -1,6 +1,43 @@
 
-import { InputTextProperties } from './InputText.types';
 
 
-export declare const InputText: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, title, placeholder, defaultValue, value, id: providedId, name, onChange, required, disabled, lineUp, rowGap, columnGap, styleInputContainer, styleTitle, styleInput, className, tableView, size, validationText, validationOn, error, validationOnWithoutText, absoluteValidationText, prefix, prefixValue, defaultPrefixValue, onPrefixChange, prefixPicker, suffix, suffixValue, defaultSuffixValue, onSuffixChange, suffixPicker, }: InputTextProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const InputText: import("react").ForwardRefExoticComponent<import("../..").FieldAccessibilityProps & Partial<{
+    title: string;
+    placeholder: string;
+    defaultValue: string;
+    value: string;
+    id: string;
+    name: string;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onBlur: React.FocusEventHandler<HTMLInputElement>;
+    type: "text" | "email" | "tel" | "url" | "search";
+    inputMode: React.HTMLAttributes<HTMLInputElement>["inputMode"];
+    pattern: string;
+    required: boolean;
+    disabled: boolean;
+    lineUp: boolean;
+    rowGap: string | number;
+    columnGap: string | number;
+    styleInputContainer: import("react").CSSProperties;
+    styleTitle: import("react").CSSProperties;
+    styleInput: import("react").CSSProperties;
+    className: string;
+    size: import("../..").ComponentSize;
+    tableView: boolean;
+    error: string | boolean;
+    validationText: string;
+    validationOn: boolean;
+    validationOnWithoutText: boolean;
+    absoluteValidationText: boolean;
+    prefix: import("./InputText.types").InputAffixOptions;
+    prefixValue: string;
+    defaultPrefixValue: string;
+    onPrefixChange: (value: string) => void;
+    prefixPicker: import("./InputText.types").InputAffixPicker;
+    suffix: import("./InputText.types").InputAffixOptions;
+    suffixValue: string;
+    defaultSuffixValue: string;
+    onSuffixChange: (value: string) => void;
+    suffixPicker: import("./InputText.types").InputAffixPicker;
+}> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InputText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/components/InputText/InputText.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAOvD,OAAO,yDAAyD,CAAC;AACjE,OAAO,0DAA0D,CAAC;AAElE,eAAO,MAAM,SAAS,GAAI,2gBAqCvB,mBAAmB,4CA8HrB,CAAA"}
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/components/InputText/InputText.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAS1C,OAAO,yDAAyD,CAAC;AACjE,OAAO,0DAA0D,CAAC;AAElE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAkLpB,CAAC"}