urfu-ui-kit-react 2.1.4 → 2.1.6

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,6GAA6G;IAC7G,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,qFAAqF;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,eAAe,EAAE,OAAO,CAAC;CAC5B,CAAC,CAAC"}
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,6GAA6G;IAC7G,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;AAEH,+FAA+F;AAC/F,MAAM,MAAM,kBAAkB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,qFAAqF;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,eAAe,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAC9F,wGAAwG;IACxG,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC"}

package/dist/components/Tabs/distributeTabs.d.ts

@@ -5,6 +5,12 @@ export declare const TAB_PADDING_MIN_RATIO = 0.4;
  * Ровно столько, чтобы вкладки вместе с «Ещё» поместились в контейнер.
  */
 export declare const tabsSqueeze: (visible: number[], widths: number[], cuts: number[], availableWidth: number, gap: number, moreWidth: number, withMore: boolean) => number;
+/**
+ * Ужатие отступов линейных вкладок: они не прячутся в «Ещё», а прокручиваются (tabsScroll.ts).
+ * Ужимаем, только если так помещаются все; не помещаются и ужатыми — обычные отступы и прокрутка,
+ * тесные вкладки в прокручиваемом ряду ничего не дают.
+ */
+export declare const lineTabsSqueeze: (order: number[], widths: number[], cuts: number[], availableWidth: number, gap: number) => number;
 /**
  * Индексы сохраняют порядок и исходные объекты tabsData, включая дополнительные поля.
  * `cuts` — на сколько каждую вкладку можно сузить за счёт боковых отступов. Прежде чем прятать

package/dist/components/Tabs/distributeTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"distributeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/distributeTabs.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,WAAW,GACtB,SAAS,MAAM,EAAE,EACjB,QAAQ,MAAM,EAAE,EAChB,MAAM,MAAM,EAAE,EACd,gBAAgB,MAAM,EACtB,KAAK,MAAM,EACX,WAAW,MAAM,EACjB,UAAU,OAAO,WAUlB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EAAE,EACf,QAAQ,MAAM,EAAE,EAChB,gBAAgB,MAAM,EACtB,KAAK,MAAM,EACX,WAAW,MAAM,EACjB,aAAa,MAAM,EACnB,mBAAiB,EACjB,OAAM,MAAM,EAAO;;cAcwB,MAAM,EAAE;CAsBpD,CAAC"}
+{"version":3,"file":"distributeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/distributeTabs.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,WAAW,GACtB,SAAS,MAAM,EAAE,EACjB,QAAQ,MAAM,EAAE,EAChB,MAAM,MAAM,EAAE,EACd,gBAAgB,MAAM,EACtB,KAAK,MAAM,EACX,WAAW,MAAM,EACjB,UAAU,OAAO,WAUlB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,EAAE,EAAE,QAAQ,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,gBAAgB,MAAM,EAAE,KAAK,MAAM,WAGrH,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EAAE,EACf,QAAQ,MAAM,EAAE,EAChB,gBAAgB,MAAM,EACtB,KAAK,MAAM,EACX,WAAW,MAAM,EACjB,aAAa,MAAM,EACnB,mBAAiB,EACjB,OAAM,MAAM,EAAO;;cAcwB,MAAM,EAAE;CAsBpD,CAAC"}

package/dist/components/Tabs/tabsIndicator.d.ts

@@ -0,0 +1,18 @@
+/** Длительность переезда подсветки активной вкладки, мс — `--u-duration-base` шкалы движения. */
+export declare const TABS_INDICATOR_MS: 200;
+/**
+ * Подсветка активной вкладки — один элемент `.u-tabs-indicator` на ряд `.u-tabs-track`.
+ * Встаёт на кнопку с `aria-current="page"`; переезжает к ней, только когда сменилась активная
+ * вкладка при том же составе. Первый показ, смена размеров и состава, prefers-reduced-motion — без переезда.
+ * Ряд сменил размер посреди переезда — подсветка доезжает до нового места плавно, а не прыгает.
+ */
+export declare const createTabsIndicator: () => {
+    /** После каждой отрисовки. layout — состав и вид вкладок: при его смене подсветка не едет. */
+    update(track: HTMLElement | null, indicator: HTMLElement | null, active: unknown, layout: string): void;
+    /**
+     * Ряд сменил размер (окно, шрифты, полоса прокрутки страницы) — встать на место без переезда.
+     * Посреди переезда — доехать до нового места: `transition: none` оборвал бы его прыжком.
+     */
+    refresh(track: HTMLElement | null, indicator: HTMLElement | null): void;
+};
+//# sourceMappingURL=tabsIndicator.d.ts.map

package/dist/components/Tabs/tabsIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabsIndicator.ts"],"names":[],"mappings":"AAEA,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,KAAiB,CAAC;AAMhD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;IAyC5B,8FAA8F;kBAChF,WAAW,GAAG,IAAI,aAAa,WAAW,GAAG,IAAI,UAAU,OAAO,UAAU,MAAM;IAOhG;;;OAGG;mBACY,WAAW,GAAG,IAAI,aAAa,WAAW,GAAG,IAAI;CAInE,CAAC"}

package/dist/components/Tabs/tabsScroll.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Прокрутка ряда линейных вкладок `.u-tabs-line > .u-tabs-track` (решение дизайнера 28.10.2026):
+ * не поместившиеся вкладки не прячутся в «Ещё», ряд прокручивается, как в ЛК-профиле.
+ * За краем есть вкладки — на треке атрибут `data-fade-start` / `data-fade-end`, по нему tabs.css
+ * затухает край. Ширина затухания — `scroll-padding-inline` трека: на неё активная вкладка
+ * отступает от края при прокрутке к ней.
+ */
+export declare const createTabsScroll: (track: HTMLElement) => {
+    /** После каждой отрисовки: состав и отступы вкладок меняют ширину содержимого, а не трека. */
+    fade: () => void;
+    /**
+     * Прокрутить ряд к активной вкладке (`aria-current="page"`), если она за краем или под затуханием.
+     * Вкладка шире ряда без затуханий — по центру: иначе у последней вкладки ряд вставал в паре
+     * пикселей от конца и правый край оставался под затуханием.
+     * Только `scrollLeft` трека: `scrollIntoView` прокрутил бы и страницу к вкладкам.
+     */
+    reveal(smooth: boolean): void;
+    destroy(): void;
+};
+//# sourceMappingURL=tabsScroll.d.ts.map

package/dist/components/Tabs/tabsScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabsScroll.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,WAAW;IAa/C,8FAA8F;;IAE9F;;;;;OAKG;mBACY,OAAO;;CAwBzB,CAAC"}

package/dist/components/Tabs/useTabsIndicator.d.ts

@@ -0,0 +1,6 @@
+/** Подсветка активной вкладки: переезжает к выбранной, при смене размеров ряда встаёт на место. */
+export declare const useTabsIndicator: (activeTab: string | number | undefined, layout: string) => {
+    trackRef: import("react").MutableRefObject<HTMLDivElement>;
+    indicatorRef: import("react").MutableRefObject<HTMLSpanElement>;
+};
+//# sourceMappingURL=useTabsIndicator.d.ts.map

package/dist/components/Tabs/useTabsIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabsIndicator.ts"],"names":[],"mappings":"AAGA,mGAAmG;AACnG,eAAO,MAAM,gBAAgB,GAAI,WAAW,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,MAAM;;;CAkBtF,CAAC"}

package/dist/components/Tabs/useTabsIndicator.js

@@ -0,0 +1,14 @@
+import { useRef as o, useState as a, useLayoutEffect as s } from "react";
+import { createTabsIndicator$u as f } from "../../vanilla/core/tabsIndicator.js";
+const p = (u, i) => {
+  const e = o(null), r = o(null), [t] = a(f);
+  return s(() => {
+    t.update(e.current, r.current, u, i);
+  }), s(() => {
+    const n = e.current;
+    if (!n || typeof ResizeObserver > "u") return;
+    const c = new ResizeObserver(() => t.refresh(e.current, r.current));
+    return c.observe(n), () => c.disconnect();
+  }, [t]), { trackRef: e, indicatorRef: r };
+};
+export { p as useTabsIndicator$u };

package/dist/components/Tabs/useTabsOverflow.d.ts

@@ -1,5 +1,7 @@
 import type { TabsDataProperties } from './Tabs.types';
-export declare const useTabsOverflow: (tabs: TabsDataProperties[], activeTab: string | number | undefined, fullWidth: boolean) => {
+export declare const useTabsOverflow: (tabs: TabsDataProperties[], activeTab: string | number | undefined, fullWidth: boolean, 
+/** Линейные вкладки: все в ряду, не поместившиеся прокручиваются, без «Ещё» (решение дизайнера 28.10.2026). */
+scroll: boolean) => {
     paddingOf: (index: number) => {
         paddingLeft: number;
         paddingRight: number;

package/dist/components/Tabs/useTabsOverflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabsOverflow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,eAAO,MAAM,eAAe,GAC1B,MAAM,kBAAkB,EAAE,EAC1B,WAAW,MAAM,GAAG,MAAM,GAAG,SAAS,EACtC,WAAW,OAAO;uBAoEQ,MAAM;;;;qBAOR,MAAM;;;;;;CAY/B,CAAC"}
+{"version":3,"file":"useTabsOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabsOverflow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,eAAO,MAAM,eAAe,GAC1B,MAAM,kBAAkB,EAAE,EAC1B,WAAW,MAAM,GAAG,MAAM,GAAG,SAAS,EACtC,WAAW,OAAO;AAClB,+GAA+G;AAC/G,QAAQ,OAAO;uBAoEW,MAAM;;;;qBAOR,MAAM;;;;;;CAY/B,CAAC"}

package/dist/components/Tabs/useTabsOverflow.js

@@ -1,49 +1,49 @@
-import { useRef as R, useState as B, useCallback as P, useLayoutEffect as T } from "react";
-import { TAB_PADDING_MIN_RATIO$u as _, distributeTabs$u as D, tabsSqueeze$u as G } from "../../vanilla/core/distributeTabs.js";
-const K = (l, y, g) => {
-  const u = R(null), p = R(null), O = R(null), m = JSON.stringify(l.map((t) => t.id)), L = l.map((t, e) => e), [F, q] = B({ signature: m, order: L }), h = F.signature === m ? F.order : L, [r, M] = B({ widths: [], paddings: [], available: 0, gap: 0, more: 0 }), i = P(() => {
-    var x;
+import { useRef as O, useState as B, useCallback as P, useLayoutEffect as D } from "react";
+import { TAB_PADDING_MIN_RATIO$u as T, distributeTabs$u as G, lineTabsSqueeze$u as k, tabsSqueeze$u as J } from "../../vanilla/core/distributeTabs.js";
+const U = (l, L, g, h) => {
+  const u = O(null), p = O(null), S = O(null), w = JSON.stringify(l.map((t) => t.id)), z = l.map((t, e) => e), [F, _] = B({ signature: w, order: z }), f = F.signature === w ? F.order : z, [r, M] = B({ widths: [], paddings: [], available: 0, gap: 0, more: 0 }), o = P(() => {
+    var A;
     const t = u.current, e = p.current;
     if (!t || !e) return;
-    const n = getComputedStyle(t), d = t.getBoundingClientRect().width - (parseFloat(n.borderLeftWidth) || 0) - (parseFloat(n.borderRightWidth) || 0) - (parseFloat(n.paddingLeft) || 0) - (parseFloat(n.paddingRight) || 0), s = Array.from(e.querySelectorAll("[data-measure-tab]")), w = s.map((o) => o.getBoundingClientRect().width), v = s.map((o) => {
-      const c = getComputedStyle(o);
+    const n = getComputedStyle(t), a = t.getBoundingClientRect().width - (parseFloat(n.borderLeftWidth) || 0) - (parseFloat(n.borderRightWidth) || 0) - (parseFloat(n.paddingLeft) || 0) - (parseFloat(n.paddingRight) || 0), s = Array.from(e.querySelectorAll("[data-measure-tab]")), b = s.map((i) => i.getBoundingClientRect().width), R = s.map((i) => {
+      const c = getComputedStyle(i);
       return [parseFloat(c.paddingLeft) || 0, parseFloat(c.paddingRight) || 0];
-    }), f = {
-      widths: w,
-      paddings: v,
-      available: d,
+    }), m = {
+      widths: b,
+      paddings: R,
+      available: a,
       gap: parseFloat(n.columnGap || "0") || 0,
-      more: ((x = O.current) == null ? void 0 : x.getBoundingClientRect().width) || 0
+      more: ((A = S.current) == null ? void 0 : A.getBoundingClientRect().width) || 0
     };
-    M((o) => o.available === f.available && o.gap === f.gap && o.more === f.more && o.widths.length === w.length && o.widths.every((c, b) => c === w[b]) && o.paddings.every(([c, b], A) => {
-      var E, I;
-      return c === ((E = v[A]) == null ? void 0 : E[0]) && b === ((I = v[A]) == null ? void 0 : I[1]);
-    }) ? o : f);
+    M((i) => i.available === m.available && i.gap === m.gap && i.more === m.more && i.widths.length === b.length && i.widths.every((c, y) => c === b[y]) && i.paddings.every(([c, y], E) => {
+      var I, q;
+      return c === ((I = R[E]) == null ? void 0 : I[0]) && y === ((q = R[E]) == null ? void 0 : q[1]);
+    }) ? i : m);
   }, []);
-  T(() => {
-    var n, d;
-    i();
+  D(() => {
+    var n, a;
+    o();
     let t = !1;
-    const e = typeof ResizeObserver > "u" ? null : new ResizeObserver(i);
-    return u.current && (e == null || e.observe(u.current)), p.current && (e == null || e.observe(p.current)), window.addEventListener("resize", i), (n = document.fonts) == null || n.addEventListener("loadingdone", i), (d = document.fonts) == null || d.ready.then(() => {
-      t || i();
+    const e = typeof ResizeObserver > "u" ? null : new ResizeObserver(o);
+    return u.current && (e == null || e.observe(u.current)), p.current && (e == null || e.observe(p.current)), window.addEventListener("resize", o), (n = document.fonts) == null || n.addEventListener("loadingdone", o), (a = document.fonts) == null || a.ready.then(() => {
+      t || o();
     }), () => {
       var s;
-      t = !0, e == null || e.disconnect(), window.removeEventListener("resize", i), (s = document.fonts) == null || s.removeEventListener("loadingdone", i);
+      t = !0, e == null || e.disconnect(), window.removeEventListener("resize", o), (s = document.fonts) == null || s.removeEventListener("loadingdone", o);
     };
-  }, [i, l, g]);
-  const N = y === void 0 ? -1 : l.findIndex((t) => t.id === y), S = r.widths.length === l.length && r.widths.every((t) => t > 0), z = g ? [] : r.paddings.map(([t, e]) => (t + e) * (1 - _)), a = S ? D(h, r.widths, r.available, r.gap, r.more, N, g, z) : { visible: h, overflow: [] }, C = S && !g ? G(a.visible, r.widths, z, r.available, r.gap, r.more, a.overflow.length > 0) : 0;
-  return { containerRef: u, measureRef: p, moreMeasureRef: O, ...a, paddingOf: (t) => {
+  }, [o, l, g, h]);
+  const N = L === void 0 ? -1 : l.findIndex((t) => t.id === L), C = r.widths.length === l.length && r.widths.every((t) => t > 0), v = g ? [] : r.paddings.map(([t, e]) => (t + e) * (1 - T)), d = C && !h ? G(f, r.widths, r.available, r.gap, r.more, N, g, v) : { visible: f, overflow: [] }, x = !C || g ? 0 : h ? k(f, r.widths, v, r.available, r.gap) : J(d.visible, r.widths, v, r.available, r.gap, r.more, d.overflow.length > 0);
+  return { containerRef: u, measureRef: p, moreMeasureRef: S, ...d, paddingOf: (t) => {
     const e = r.paddings[t];
-    if (!C || !e) return;
-    const n = 1 - C * (1 - _);
+    if (!x || !e) return;
+    const n = 1 - x * (1 - T);
     return { paddingLeft: e[0] * n, paddingRight: e[1] * n };
   }, promote: (t) => {
-    if (!a.overflow.includes(t)) return;
-    const e = a.visible[a.visible.length - 1];
+    if (!d.overflow.includes(t)) return;
+    const e = d.visible[d.visible.length - 1];
     if (e === void 0) return;
-    const n = [...h], d = n.indexOf(t), s = n.indexOf(e);
-    [n[d], n[s]] = [n[s], n[d]], q({ signature: m, order: n });
+    const n = [...f], a = n.indexOf(t), s = n.indexOf(e);
+    [n[a], n[s]] = [n[s], n[a]], _({ signature: w, order: n });
   } };
 };
-export { K as useTabsOverflow$u };
+export { U as useTabsOverflow$u };

package/dist/components/Tabs/useTabsScroll.d.ts

@@ -0,0 +1,4 @@
+import { type RefObject } from 'react';
+/** Ряд линейных вкладок прокручивается к активной, края за которыми есть вкладки затухают (tabsScroll.ts). */
+export declare const useTabsScroll: (trackRef: RefObject<HTMLDivElement | null>, enabled: boolean, activeTab: string | number | undefined) => void;
+//# sourceMappingURL=useTabsScroll.d.ts.map

package/dist/components/Tabs/useTabsScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabsScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,8GAA8G;AAC9G,eAAO,MAAM,aAAa,GAAI,UAAU,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,SAAS,OAAO,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,SAAS,SAyBjI,CAAC"}

package/dist/components/Tabs/useTabsScroll.js

@@ -0,0 +1,17 @@
+import { useRef as u, useLayoutEffect as s } from "react";
+import { createTabsScroll$u as f } from "../../vanilla/core/tabsScroll.js";
+const i = (c, l, e) => {
+  const t = u(null), n = u(e);
+  s(() => {
+    const r = c.current;
+    if (!l || !r) return;
+    const o = f(r);
+    return t.current = o, o.reveal(!1), () => {
+      o.destroy(), t.current = null;
+    };
+  }, [l, c]), s(() => {
+    const r = t.current;
+    r && (r.fade(), n.current !== e && (n.current = e, r.reveal(!0)));
+  });
+};
+export { i as useTabsScroll$u };

package/dist/components/Textarea/Textarea.d.ts

@@ -1,4 +1,24 @@
 
-import { TextareaProperties } from './Textarea.types';
-export declare const Textarea: ({ "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, size, validationText, validationOn, }: TextareaProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const Textarea: import("react").ForwardRefExoticComponent<import("../..").FieldAccessibilityProps & Partial<{
+    title: string;
+    placeholder: string;
+    defaultValue: string;
+    value: string;
+    id: string;
+    name: string;
+    onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur: React.FocusEventHandler<HTMLTextAreaElement>;
+    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("../..").FieldSize;
+    validationText: string;
+    validationOn: boolean;
+}> & import("react").RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=Textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAMrD,eAAO,MAAM,QAAQ,GAAI,0TAuBtB,kBAAkB,4CAqFpB,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAQ1C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;wDA+GnB,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -1,67 +1,69 @@
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
 /* empty css                 */
-import { useAutoId$u as S } from "../../hooks/useAutoId.js";
-import { getFieldAccessibility$u as C } from "../../shared/fieldAccessibility.js";
-import { sizeClassName$u as F } from "../../shared/size.js";
-import { resolveValidation$u as G } from "../../vanilla/core/validation.js";
-const J = ({
-  "aria-label": d,
-  "aria-labelledby": x,
-  "aria-describedby": p,
+import { forwardRef as F } from "react";
+import { useAutoId$u as G } from "../../hooks/useAutoId.js";
+import { getFieldAccessibility$u as k } from "../../shared/fieldAccessibility.js";
+import { sizeClassName$u as q } from "../../shared/size.js";
+import { resolveValidation$u as D } from "../../vanilla/core/validation.js";
+const H = F(({
+  "aria-label": u,
+  "aria-labelledby": p,
+  "aria-describedby": x,
   title: r = "",
   placeholder: m = "",
   defaultValue: b,
-  value: h,
-  id: v,
-  name: f = "",
+  value: f,
+  id: h,
+  name: v = "",
   onChange: y,
-  required: s = !1,
-  disabled: g = !1,
+  onBlur: g,
+  required: o = !1,
+  disabled: $ = !1,
   lineUp: i = !1,
-  rowGap: $ = 4,
-  columnGap: w = 20,
-  styleInputContainer: j,
-  styleTitle: N,
-  styleInput: T,
-  className: z = "",
-  size: E,
-  validationText: A = "Заполните поле",
-  validationOn: B
-}) => {
-  const a = S(v, "u-textarea"), o = F(E), e = G({ validationOn: B, validationText: A }), c = e.showText && !!e.text, O = C(a, r, s, { ...e, showText: c }, {
-    "aria-label": d,
-    "aria-labelledby": x,
-    "aria-describedby": p
+  rowGap: w = 4,
+  columnGap: N = 20,
+  styleInputContainer: T,
+  styleTitle: j,
+  styleInput: z,
+  className: E = "",
+  size: A,
+  validationText: B = "Заполните поле",
+  validationOn: O
+}, S) => {
+  const a = G(h, "u-textarea"), s = q(A), e = D({ validationOn: O, validationText: B }), c = e.showText && !!e.text, C = k(a, r, o, { ...e, showText: c }, {
+    "aria-label": u,
+    "aria-labelledby": p,
+    "aria-describedby": x
   }), n = (t) => typeof t == "number" ? `calc(${t} * var(--u-preset-unit, 1px))` : String(t);
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: `u-react-input-container${o ? ` ${o}` : ""} ${z}`,
+      className: `u-react-input-container${s ? ` ${s}` : ""} ${E}`,
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ d(
           "div",
           {
             style: Object.assign(
               {
                 display: "flex",
                 flexDirection: i ? "row" : "column",
-                rowGap: i ? null : n($),
-                columnGap: i ? n(w) : null
+                rowGap: i ? null : n(w),
+                columnGap: i ? n(N) : null
               },
-              j
+              T
             ),
             children: [
               r && /* @__PURE__ */ l(
                 "div",
                 {
                   id: `${a}-label`,
-                  className: `${s ? "u-required" : ""} u-react-input-title`,
+                  className: `${o ? "u-required" : ""} u-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)))"
                     },
-                    N
+                    j
                   ),
                   children: r
                 }
@@ -69,15 +71,17 @@ const J = ({
               /* @__PURE__ */ l(
                 "textarea",
                 {
-                  ...O,
+                  ...C,
+                  ref: S,
                   className: `u-textarea${e.hasError ? " u-textarea-required" : ""}`,
                   id: a,
-                  name: f,
+                  name: v,
                   placeholder: m,
-                  value: h,
+                  value: f,
                   defaultValue: b,
-                  disabled: g,
+                  disabled: $,
                   onChange: y,
+                  onBlur: g,
                   style: Object.assign(
                     {
                       minHeight: "max(var(--u-textarea-min-height, 48px), calc(20 * var(--u-unit, 1px) + 2px))",
@@ -87,7 +91,7 @@ const J = ({
                     e.hasError && { border: "1px solid var(--u-color-error, #EF302B)" },
                     // `styleInput` идёт последним: как и в остальных полях,
                     // потребитель может перекрыть стили компонента.
-                    T
+                    z
                   )
                 }
               )
@@ -98,5 +102,6 @@ const J = ({
       ]
     }
   );
-};
-export { J as Textarea$u };
+});
+H.displayName = "Textarea";
+export { H as Textarea$u };

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

@@ -9,6 +9,7 @@ export type TextareaProperties = FieldAccessibilityProperties & Partial<{
     id: string;
     name: string;
     onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur: React.FocusEventHandler<HTMLTextAreaElement>;
     required: boolean;
     disabled: boolean;
     lineUp: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC"}
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACxD,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -2,5 +2,5 @@
 
 import "./Tooltip.less";
 import { TooltipProperties } from './Tooltip.types';
-export declare const Tooltip: ({ children, className, portalOn, id, tooltipText, style, tooltipStyle, position, isActive, showWhenActive }: TooltipProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children, className, portalOn, id, tooltipText, style, tooltipStyle, position, isActive, showWhenActive, showDelay }: TooltipProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,sDAAsD,CAAC;AAC9D,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAiOpD,eAAO,MAAM,OAAO,GAAI,6GAWrB,iBAAiB,4CAkPnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,sDAAsD,CAAC;AAC9D,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AA2OpD,eAAO,MAAM,OAAO,GAAI,wHAYrB,iBAAiB,4CAgRnB,CAAC"}