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

package/dist/components/Table/useTableColumnPinning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumnPinning.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useTableColumnPinning.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAa5D,uEAAuE;AACvE,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAC3E,OAAO,EAAE,sBAAsB,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;sBAyB3B,GAAG;6BAG9C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAHwC,GAAG;8BAG9C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCf"}
+{"version":3,"file":"useTableColumnPinning.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useTableColumnPinning.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAc5D,uEAAuE;AACvE,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAC3E,OAAO,EAAE,sBAAsB,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;sBAwB1D,GAAG;6BACU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCxC"}

package/dist/components/Table/useTableColumnPinning.js

@@ -1,51 +1,52 @@
-import { useMemo as b, useState as L, useLayoutEffect as z } from "react";
+import { useMemo as L, useState as $, useLayoutEffect as z } from "react";
+import { getUiKitPrefix$u as g } from "../../shared/uiKitDefaults.js";
 const u = (i) => i.sticky === !0 || i.sticky === "left" ? "left" : i.sticky === "right" ? "right" : void 0;
-function q(i) {
+function P(i) {
   return i.some((n) => typeof n.sticky == "string") ? [
     ...i.filter((n) => u(n) === "left"),
     ...i.filter((n) => !u(n)),
     ...i.filter((n) => u(n) === "right")
   ] : i;
 }
-function C(i, n, h, m) {
-  const o = b(() => h ? q(n) : n, [n, h]), p = o.some((t) => !!u(t)), [y, E] = L({ overflow: !1, widths: [] });
+function C(i, n, h, E) {
+  const o = L(() => h ? P(n) : n, [n, h]), v = o.some((t) => !!u(t)), [p, S] = $({ overflow: !1, widths: [] });
   z(() => {
-    var v;
+    var k;
     const t = i.current, e = t == null ? void 0 : t.querySelector("table");
-    if (!h || !p || !t || !e) return;
+    if (!h || !v || !t || !e) return;
     let s = !1;
     const f = Array.from(e.querySelectorAll("thead > tr:first-child > th"));
-    f.length || f.push(...e.querySelectorAll("tbody > tr:not(.u-empty-table-row) > td"));
+    f.length || f.push(...e.querySelectorAll(`tbody > tr:not(.${g()}-empty-table-row) > td`));
     const c = () => {
       if (s) return;
-      const l = f.slice(0, o.length).map((d) => d.getBoundingClientRect().width), k = t.clientWidth > 0 && t.scrollWidth > t.clientWidth + 1;
-      E((d) => d.overflow === k && d.widths.length === l.length && d.widths.every((S, O) => S === l[O]) ? d : { overflow: k, widths: l });
+      const l = f.slice(0, o.length).map((d) => d.getBoundingClientRect().width), m = t.clientWidth > 0 && t.scrollWidth > t.clientWidth + 1;
+      S((d) => d.overflow === m && d.widths.length === l.length && d.widths.every((O, b) => O === l[b]) ? d : { overflow: m, widths: l });
     };
     c();
     const r = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
-    return r == null || r.observe(t), r == null || r.observe(e), f.slice(0, o.length).forEach((l) => r == null ? void 0 : r.observe(l)), window.addEventListener("resize", c), (v = document.fonts) == null || v.addEventListener("loadingdone", c), () => {
+    return r == null || r.observe(t), r == null || r.observe(e), f.slice(0, o.length).forEach((l) => r == null ? void 0 : r.observe(l)), window.addEventListener("resize", c), (k = document.fonts) == null || k.addEventListener("loadingdone", c), () => {
       var l;
       s = !0, r == null || r.disconnect(), window.removeEventListener("resize", c), (l = document.fonts) == null || l.removeEventListener("loadingdone", c);
     };
-  }, [i, o, h, p, m]);
-  const a = o.map((t) => h && (!t.stickyOverflowOnly || y.overflow) ? u(t) : void 0), g = { left: 0, right: 0 }, w = [];
+  }, [i, o, h, v, E]);
+  const a = o.map((t) => h && (!t.stickyOverflowOnly || p.overflow) ? u(t) : void 0), w = { left: 0, right: 0 }, y = [];
   o.forEach((t, e) => {
-    a[e] === "left" && (w[e] = g.left, g.left += y.widths[e] || t.width || 0);
+    a[e] === "left" && (y[e] = w.left, w.left += p.widths[e] || t.width || 0);
   });
   for (let t = o.length - 1; t >= 0; t--)
-    a[t] === "right" && (w[t] = g.right, g.right += y.widths[t] || o[t].width || 0);
+    a[t] === "right" && (y[t] = w.right, w.right += p.widths[t] || o[t].width || 0);
   return o.map((t, e) => {
     const s = a[e];
     if (!s) return t.sticky ? { ...t, sticky: !1 } : t;
     const f = s === "left" ? a.lastIndexOf("left") === e : a.indexOf("right") === e;
     return { ...t, sticky: !0, cellStyle: {
       ...t.cellStyle,
-      left: s === "left" ? w[e] : "auto",
-      right: s === "right" ? w[e] : "auto",
-      "--u-table-pin-shadow-left": s === "right" ? "calc(-4 * var(--u-unit, 1px))" : "auto",
-      "--u-table-pin-shadow-right": s === "left" ? "calc(-4 * var(--u-unit, 1px))" : "auto",
-      "--u-table-pin-shadow-transform": s === "right" ? "none" : "matrix(-1, 0, 0, 1, 0, 0)",
-      "--u-table-pin-shadow-display": f ? "block" : "none"
+      left: s === "left" ? y[e] : "auto",
+      right: s === "right" ? y[e] : "auto",
+      [`--${g()}-table-pin-shadow-left`]: s === "right" ? "calc(-4 * var(--u-unit, 1px))" : "auto",
+      [`--${g()}-table-pin-shadow-right`]: s === "left" ? "calc(-4 * var(--u-unit, 1px))" : "auto",
+      [`--${g()}-table-pin-shadow-transform`]: s === "right" ? "none" : "matrix(-1, 0, 0, 1, 0, 0)",
+      [`--${g()}-table-pin-shadow-display`]: f ? "block" : "none"
     } };
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,aAAa,CAAC;AACrB,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,cAAc,CAAC;AA2BvE,eAAO,MAAM,IAAI,GAAI,wHAWlB,cAAc,4CA6LhB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,aAAa,CAAC;AACrB,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,cAAc,CAAC;AA4BvE,eAAO,MAAM,IAAI,GAAI,wHAWlB,cAAc,4CA8LhB,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -1,147 +1,149 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
 /* empty css                 */
 /* empty css                                  */
 /* empty css      */
 /* empty css                  */
-import { useState as x, useRef as p, useEffect as D, Fragment as ee } from "react";
-import { Icon$u as b } from "../Icon/Icon.js";
-import { Tooltip$u as oe } from "../Tooltip/Tooltip.js";
-import { useDismiss$u as te } from "../../hooks/useDismiss.js";
-import { useMountTransition$u as re } from "../../hooks/useMountTransition.js";
-import { getPopupTransitionStyle$u as ne, POPUP_TRANSITION_MS$u as se } from "../../shared/popupTransition.js";
-import { useTabsOverflow$u as ie } from "./useTabsOverflow.js";
-import { useTabsIndicator$u as le } from "./useTabsIndicator.js";
-import { useTabsScroll$u as ae } from "./useTabsScroll.js";
-import { useAutoId$u as ce } from "../../hooks/useAutoId.js";
+import { useState as oe, useRef as h, useEffect as te, Fragment as re } from "react";
+import { Icon$u as $ } from "../Icon/Icon.js";
+import { Tooltip$u as ne } from "../Tooltip/Tooltip.js";
+import { useDismiss$u as se } from "../../hooks/useDismiss.js";
+import { useMountTransition$u as ie } from "../../hooks/useMountTransition.js";
+import { getPopupTransitionStyle$u as le, POPUP_TRANSITION_MS$u as ae } from "../../shared/popupTransition.js";
+import { useTabsOverflow$u as ce } from "./useTabsOverflow.js";
+import { useTabsIndicator$u as me } from "./useTabsIndicator.js";
+import { useTabsScroll$u as de } from "./useTabsScroll.js";
+import { useAutoId$u as fe } from "../../hooks/useAutoId.js";
+import { kitCls$u as r, getUiKitPrefix$u as l } from "../../shared/uiKitDefaults.js";
 import { isPlainLeftClick$u as ue } from "../../vanilla/core/linkClick.js";
-const me = [], Se = ({
-  onClick: h,
-  tabsData: n = me,
-  activeTab: m,
-  className: w = "",
-  variant: g = "line",
-  fullWidth: y = !1,
-  tooltipOn: U = !1,
-  tooltipDisabled: _ = !1,
-  LinkComponent: $,
-  ariaLabel: B
+const pe = [], Ee = ({
+  onClick: g,
+  tabsData: s = pe,
+  activeTab: u,
+  className: k = "",
+  variant: y = "line",
+  fullWidth: N = !1,
+  tooltipOn: _ = !1,
+  tooltipDisabled: B = !1,
+  LinkComponent: R,
+  ariaLabel: j
 }) => {
-  const { containerRef: K, measureRef: j, moreMeasureRef: q, visible: z, overflow: u, paddingOf: F, promote: L } = ie(n, m, y, g !== "segment"), [d, c] = x(!1), R = p(null), N = p(null), k = p(null), A = ce(void 0, "u-tabs-menu"), { shouldRender: H, status: J, isAnimated: Y } = re({ isOpen: d, duration: se }), O = p(u);
-  d && (O.current = u);
-  const f = g === "segment", T = n.some((e) => e.url), v = f ? "u-tab-segment" : "u-tab-line", G = f ? "u-tab-segment-active" : "u-tab-active", { trackRef: I, indicatorRef: Q } = le(m, `${g}|${y}|${JSON.stringify(n.map((e) => e.id))}`);
-  ae(I, !f, m), te({ refs: [R], enabled: d, onDismiss: () => c(!1) }), D(() => {
-    u.length || c(!1);
-  }, [u.length]);
-  const S = (e) => {
-    var t, s;
-    if ((t = n[e]) != null && t.disabled) return;
-    const o = u.includes(e);
-    L(e), c(!1), h == null || h(n[e]), o && ((s = N.current) == null || s.focus({ preventScroll: !0 }));
-  }, P = () => {
+  const { containerRef: q, measureRef: z, moreMeasureRef: F, visible: L, overflow: f, paddingOf: H, morePadding: J, promote: Y } = ce(s, u, N, y !== "segment"), [p, d] = oe(!1), A = h(null), v = h(null), O = h(null), T = fe(void 0, r("tabs-menu")), { shouldRender: G, status: Q, isAnimated: V } = ie({ isOpen: p, duration: ae }), I = h(f);
+  p && (I.current = f);
+  const b = y === "segment", P = s.some((e) => e.url), w = b ? r("tab-segment") : r("tab-line"), X = b ? r("tab-segment-active") : r("tab-active"), { trackRef: S, indicatorRef: Z } = me(u, `${y}|${N}|${JSON.stringify(s.map((e) => e.id))}`);
+  de(S, !b, u), se({ refs: [A], enabled: p, onDismiss: () => d(!1) }), te(() => {
+    f.length || d(!1);
+  }, [f.length]);
+  const M = (e) => {
+    var t, i;
+    if ((t = s[e]) != null && t.disabled) return;
+    const o = f.includes(e);
+    Y(e), d(!1), g == null || g(s[e]), o && ((i = v.current) == null || i.focus({ preventScroll: !0 }));
+  }, C = () => {
     var e;
-    return Array.from(((e = k.current) == null ? void 0 : e.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) || []);
-  }, V = (e) => {
+    return Array.from(((e = O.current) == null ? void 0 : e.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) || []);
+  }, W = (e) => {
     var t;
-    const o = P();
+    const o = C();
     (t = o[e < 0 ? o.length - 1 : e]) == null || t.focus();
-  }, X = (e) => {
-    var i, l;
-    const o = P(), t = o.indexOf(document.activeElement), s = e.key === "ArrowDown" ? (t + 1) % o.length : e.key === "ArrowUp" ? (t - 1 + o.length) % o.length : e.key === "Home" ? 0 : e.key === "End" ? o.length - 1 : -1;
-    s >= 0 ? (e.preventDefault(), (i = o[s]) == null || i.focus()) : e.key === "Escape" && (e.preventDefault(), c(!1), (l = N.current) == null || l.focus());
-  }, M = (e) => /* @__PURE__ */ r("span", { className: "u-tabs-title", "data-label": e.title, children: e.title }), Z = (e) => {
-    if (!e.icon) return M(e);
+  }, x = (e) => {
+    var a, c;
+    const o = C(), t = o.indexOf(document.activeElement), i = e.key === "ArrowDown" ? (t + 1) % o.length : e.key === "ArrowUp" ? (t - 1 + o.length) % o.length : e.key === "Home" ? 0 : e.key === "End" ? o.length - 1 : -1;
+    i >= 0 ? (e.preventDefault(), (a = o[i]) == null || a.focus()) : e.key === "Escape" && (e.preventDefault(), d(!1), (c = v.current) == null || c.focus());
+  }, E = (e) => /* @__PURE__ */ n("span", { className: r("tabs-title"), "data-label": e.title, children: e.title }), D = (e) => {
+    if (!e.icon) return E(e);
     const o = e.iconPosition === "right";
-    return /* @__PURE__ */ a("span", { className: `u-tabs-content${o ? " u-tabs-content-reverse" : ""}`, children: [
-      /* @__PURE__ */ r(b, { name: e.icon, className: "u-tabs-icon" }),
-      !e.iconOnly && M(e)
+    return /* @__PURE__ */ m("span", { className: `${l()}-tabs-content${o ? ` ${l()}-tabs-content-reverse` : ""}`, children: [
+      /* @__PURE__ */ n($, { name: e.icon, className: r("tabs-icon") }),
+      !e.iconOnly && E(e)
     ] });
-  }, C = (e, o, t, s = !1) => {
-    const i = n[e];
-    if (!i.url)
-      return /* @__PURE__ */ r("button", { type: "button", ...o, onClick: s ? void 0 : () => S(e), children: t });
-    if (s || i.disabled)
-      return /* @__PURE__ */ r("a", { ...o, role: o.role ?? (s ? void 0 : "link"), children: t });
-    const l = (W) => {
-      ue(W) && S(e);
+  }, U = (e, o, t, i = !1) => {
+    const a = s[e];
+    if (!a.url)
+      return /* @__PURE__ */ n("button", { type: "button", ...o, onClick: i ? void 0 : () => M(e), children: t });
+    if (i || a.disabled)
+      return /* @__PURE__ */ n("a", { ...o, role: o.role ?? (i ? void 0 : "link"), children: t });
+    const c = (ee) => {
+      ue(ee) && M(e);
     };
-    return $ ? /* @__PURE__ */ r($, { to: i.url, ...o, onClick: l, children: t }) : /* @__PURE__ */ r("a", { href: i.url, ...o, onClick: l, children: t });
-  }, E = (e, o = !1) => {
-    const t = n[e], s = !!(t.icon && t.iconOnly), i = t.icon ? s ? " u-tab-icon-only" : ` u-tab-with-icon${t.iconPosition === "right" ? " u-tab-icon-right" : ""}` : "", l = C(e, {
-      className: `${v}${i}${t.id === m ? ` ${G}` : ""}${t.disabled ? " u-tab--disabled" : ""}`,
-      "data-label": s ? void 0 : t.title,
-      "aria-label": s ? t.title : void 0,
+    return R ? /* @__PURE__ */ n(R, { to: a.url, ...o, onClick: c, children: t }) : /* @__PURE__ */ n("a", { href: a.url, ...o, onClick: c, children: t });
+  }, K = (e, o = !1) => {
+    const t = s[e], i = !!(t.icon && t.iconOnly), a = t.icon ? i ? ` ${l()}-tab-icon-only` : ` ${l()}-tab-with-icon${t.iconPosition === "right" ? ` ${l()}-tab-icon-right` : ""}` : "", c = U(e, {
+      className: `${w}${a}${t.id === u ? ` ${X}` : ""}${t.disabled ? ` ${l()}-tab--disabled` : ""}`,
+      "data-label": i ? void 0 : t.title,
+      "aria-label": i ? t.title : void 0,
       "data-measure-tab": o ? "" : void 0,
       // Не хватает места — сначала ужимаются отступы вкладок, подпись остаётся целой.
-      style: o ? void 0 : F(e),
+      style: o ? void 0 : H(e),
       // Отключённая вкладка не попадает в обход по Tab; нативный disabled не ставим —
       // он гасит события мыши, и подсказка с объяснением не показалась бы.
       tabIndex: o || t.disabled ? -1 : void 0,
-      "aria-current": !o && t.id === m ? "page" : void 0,
+      "aria-current": !o && t.id === u ? "page" : void 0,
       "aria-disabled": !o && t.disabled ? "true" : void 0
-    }, Z(t), o);
-    return /* @__PURE__ */ r("div", { className: "u-tabs-item", children: U && !_ && !o ? /* @__PURE__ */ r(oe, { tooltipText: t.title, portalOn: !0, className: "u-tabs-tooltip", children: l }) : l }, e);
+    }, D(t), o);
+    return /* @__PURE__ */ n("div", { className: r("tabs-item"), children: _ && !B && !o ? /* @__PURE__ */ n(ne, { tooltipText: t.title, portalOn: !0, className: r("tabs-tooltip"), children: c }) : c }, e);
   };
-  return /* @__PURE__ */ a(
-    T ? "nav" : "div",
+  return /* @__PURE__ */ m(
+    P ? "nav" : "div",
     {
-      ref: K,
-      className: `u-tabs ${f ? "u-tabs-segment" : "u-tabs-line"}${y ? " u-tabs-full-width" : ""}${w ? ` ${w}` : ""}`,
-      "aria-label": T ? B : void 0,
+      ref: q,
+      className: `${l()}-tabs ${b ? r("tabs-segment") : r("tabs-line")}${N ? ` ${l()}-tabs-full-width` : ""}${k ? ` ${k}` : ""}`,
+      "aria-label": P ? j : void 0,
       children: [
-        /* @__PURE__ */ a("div", { className: "u-tabs-track", ref: I, children: [
-          /* @__PURE__ */ r("span", { className: "u-tabs-indicator", ref: Q, "aria-hidden": "true" }),
-          z.map((e) => E(e)),
-          u.length > 0 && /* @__PURE__ */ a(
+        /* @__PURE__ */ m("div", { className: r("tabs-track"), ref: S, children: [
+          /* @__PURE__ */ n("span", { className: r("tabs-indicator"), ref: Z, "aria-hidden": "true" }),
+          L.map((e) => K(e)),
+          f.length > 0 && /* @__PURE__ */ m(
             "div",
             {
-              className: "u-tabs-more",
-              ref: R,
-              onKeyDown: X,
+              className: r("tabs-more"),
+              ref: A,
+              onKeyDown: x,
               onBlur: (e) => {
                 const o = e.relatedTarget;
-                o && !e.currentTarget.contains(o) && c(!1);
+                o && !e.currentTarget.contains(o) && d(!1);
               },
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ m(
                   "button",
                   {
                     type: "button",
-                    ref: N,
-                    className: `${v} u-tabs-more-trigger`,
-                    "aria-expanded": d,
+                    ref: v,
+                    className: `${w} ${l()}-tabs-more-trigger`,
+                    style: J(),
+                    "aria-expanded": p,
                     "aria-haspopup": "menu",
-                    "aria-controls": A,
-                    onClick: () => c((e) => !e),
+                    "aria-controls": T,
+                    onClick: () => d((e) => !e),
                     onKeyDown: (e) => {
-                      (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), c(!0), requestAnimationFrame(() => V(e.key === "ArrowUp" ? -1 : 0)));
+                      (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), d(!0), requestAnimationFrame(() => W(e.key === "ArrowUp" ? -1 : 0)));
                     },
                     children: [
-                      /* @__PURE__ */ r("span", { children: "Ещё" }),
-                      /* @__PURE__ */ r(b, { name: "down", size: 14, rotate: d ? 180 : 0 })
+                      /* @__PURE__ */ n("span", { children: "Ещё" }),
+                      /* @__PURE__ */ n($, { name: "down", size: 14, rotate: p ? 180 : 0 })
                     ]
                   }
                 ),
-                H && /* @__PURE__ */ r("div", { className: "u-tabs-more-menu", role: "menu", id: A, ref: k, style: ne(J, Y), children: O.current.filter((e) => n[e]).map((e) => /* @__PURE__ */ r(ee, { children: C(e, {
+                G && /* @__PURE__ */ n("div", { className: r("tabs-more-menu"), role: "menu", id: T, ref: O, style: le(Q, V), children: I.current.filter((e) => s[e]).map((e) => /* @__PURE__ */ n(re, { children: U(e, {
                   role: "menuitem",
-                  "aria-disabled": n[e].disabled ? "true" : void 0,
-                  tabIndex: n[e].disabled ? -1 : void 0
-                }, n[e].icon ? /* @__PURE__ */ a("span", { className: "u-tabs-content", children: [
-                  /* @__PURE__ */ r(b, { name: n[e].icon, className: "u-tabs-icon" }),
-                  /* @__PURE__ */ r("span", { children: n[e].title })
-                ] }) : n[e].title) }, e)) })
+                  "aria-disabled": s[e].disabled ? "true" : void 0,
+                  tabIndex: s[e].disabled ? -1 : void 0
+                }, s[e].icon ? /* @__PURE__ */ m("span", { className: r("tabs-content"), children: [
+                  /* @__PURE__ */ n($, { name: s[e].icon, className: r("tabs-icon") }),
+                  /* @__PURE__ */ n("span", { children: s[e].title })
+                ] }) : s[e].title) }, e)) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { ref: j, className: "u-tabs-measure", "aria-hidden": "true", children: [
-          n.map((e, o) => E(o, !0)),
-          f && /* @__PURE__ */ a("button", { ref: q, type: "button", tabIndex: -1, className: `${v} u-tabs-more-trigger u-tabs-more-measure`, children: [
-            /* @__PURE__ */ r("span", { children: "Ещё" }),
-            /* @__PURE__ */ r(b, { name: "down", size: 14 })
+        /* @__PURE__ */ m("div", { ref: z, className: r("tabs-measure"), "aria-hidden": "true", children: [
+          s.map((e, o) => K(o, !0)),
+          b && /* @__PURE__ */ m("button", { ref: F, type: "button", tabIndex: -1, className: `${w} ${l()}-tabs-more-trigger ${l()}-tabs-more-measure`, children: [
+            /* @__PURE__ */ n("span", { children: "Ещё" }),
+            /* @__PURE__ */ n($, { name: "down", size: 14 })
           ] })
         ] })
       ]
     }
   );
 };
-export { Se as Tabs$u };
+export { Ee as Tabs$u };

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

@@ -3,8 +3,11 @@ export declare const TAB_PADDING_MIN_RATIO = 0.4;
 /**
  * Насколько ужать отступы видимых вкладок: 0 — не ужимать, 1 — до предела.
  * Ровно столько, чтобы вкладки вместе с «Ещё» поместились в контейнер.
+ * `moreCut` — на сколько можно сузить кнопку «Ещё» за счёт её боковых отступов: она ужимается так же,
+ * как вкладки, иначе в ряду вкладки с узкими отступами, а «Ещё» с полными.
+ * `fullWidth` — колонки равные по самой широкой вкладке; ужимаем, пока она не влезает в колонку.
  */
-export declare const tabsSqueeze: (visible: number[], widths: number[], cuts: number[], availableWidth: number, gap: number, moreWidth: number, withMore: boolean) => number;
+export declare const tabsSqueeze: (visible: number[], widths: number[], cuts: number[], availableWidth: number, gap: number, moreWidth: number, withMore: boolean, moreCut?: number, fullWidth?: boolean) => number;
 /**
  * Ужатие отступов линейных вкладок: они не прячутся в «Ещё», а прокручиваются (tabsScroll.ts).
  * Ужимаем, только если так помещаются все; не помещаются и ужатыми — обычные отступы и прокрутка,
@@ -13,11 +16,12 @@ export declare const tabsSqueeze: (visible: number[], widths: number[], cuts: nu
 export declare const lineTabsSqueeze: (order: number[], widths: number[], cuts: number[], availableWidth: number, gap: number) => number;
 /**
  * Индексы сохраняют порядок и исходные объекты tabsData, включая дополнительные поля.
- * `cuts` — на сколько каждую вкладку можно сузить за счёт боковых отступов. Прежде чем прятать
+ * `cuts` — на сколько каждую вкладку можно сузить за счёт боковых отступов, `moreCut` — то же для кнопки «Ещё».
+ * В fullWidth колонки равные: их ширина — по самой широкой вкладке с ужатыми отступами. Прежде чем прятать
  * вкладку в «Ещё», проверяем, не помещаются ли все с ужатыми отступами: иначе «Ещё» появлялась,
  * когда не хватало пары пикселей, а в меню оказывалась одна вкладка.
  */
-export declare const distributeTabs: (order: number[], widths: number[], availableWidth: number, gap: number, moreWidth: number, activeIndex: number, fullWidth?: boolean, cuts?: number[]) => {
+export declare const distributeTabs: (order: number[], widths: number[], availableWidth: number, gap: number, moreWidth: number, activeIndex: number, fullWidth?: boolean, cuts?: number[], moreCut?: number) => {
     visible: number[];
     overflow: number[];
 };

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;;;;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"}
+{"version":3,"file":"distributeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/distributeTabs.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC;;;;;;GAMG;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,EACjB,gBAAW,EACX,mBAAiB,WA4BlB,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;;;;;;GAMG;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,EACnB,gBAAW;;cAegC,MAAM,EAAE;CAsBpD,CAAC"}

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

@@ -6,6 +6,10 @@ scroll: boolean) => {
         paddingLeft: number;
         paddingRight: number;
     };
+    morePadding: () => {
+        paddingLeft: number;
+        paddingRight: number;
+    };
     promote: (index: number) => void;
     visible: number[];
     overflow: 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;AAClB,+GAA+G;AAC/G,QAAQ,OAAO;uBAoEW,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;uBA+EW,MAAM;;;;;;;;qBAIR,MAAM;;;;;;CAY/B,CAAC"}

package/dist/components/Tabs/useTabsOverflow.js

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

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;AAQ1C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;wDA+GnB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAS1C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;wDA+GnB,CAAC"}