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

package/dist/components/Modal/useModalTitleClearance.js

@@ -1,7 +1,7 @@
 import { useLayoutEffect as v } from "react";
 const F = (r, g, p, b, w) => {
   var o, f, m;
-  const t = r.ownerDocument.defaultView, a = t == null ? void 0 : t.getComputedStyle(r), e = g.top + (parseFloat((a == null ? void 0 : a.borderTopWidth) ?? "") || 0) + (parseFloat((a == null ? void 0 : a.paddingTop) ?? "") || 0), i = Math.max(0, p - e + b), l = (f = (o = r.ownerDocument).createRange) == null ? void 0 : f.call(o);
+  const t = r.ownerDocument.defaultView, a = t == null ? void 0 : t.getComputedStyle(r), e = g.top + (Number.parseFloat((a == null ? void 0 : a.borderTopWidth) ?? "") || 0) + (Number.parseFloat((a == null ? void 0 : a.paddingTop) ?? "") || 0), i = Math.max(0, p - e + b), l = (f = (o = r.ownerDocument).createRange) == null ? void 0 : f.call(o);
   l == null || l.selectNodeContents(r);
   const s = [...((m = l == null ? void 0 : l.getClientRects) == null ? void 0 : m.call(l)) ?? []].filter((c) => c.width > 0 || c.height > 0).map((c) => (c.top + c.bottom) / 2 + w / 2);
   if (s.length === 0) return i;
@@ -9,8 +9,8 @@ const F = (r, g, p, b, w) => {
   if (i <= h) return i;
   const d = r.nextElementSibling, n = Math.max(
     0,
-    parseFloat((a == null ? void 0 : a.marginBottom) ?? "") || 0,
-    d && t && parseFloat(t.getComputedStyle(d).marginTop) || 0
+    Number.parseFloat((a == null ? void 0 : a.marginBottom) ?? "") || 0,
+    d && t && Number.parseFloat(t.getComputedStyle(d).marginTop) || 0
   );
   return Math.min(i, Math.max(h, p - e - n));
 }, A = (r, g, p, b, w) => {
@@ -22,12 +22,12 @@ const F = (r, g, p, b, w) => {
     t.setAttribute("data-u-modal-has-title", "");
     let s = 0;
     const h = () => {
-      const o = e.getBoundingClientRect(), f = i.getBoundingClientRect(), m = t.getBoundingClientRect(), c = l.getComputedStyle(e), x = parseFloat(c.lineHeight) || (parseFloat(c.fontSize) || 16) * 1.2, C = t.offsetWidth > 0 && m.width > 0 ? m.width / t.offsetWidth : 1;
+      const o = e.getBoundingClientRect(), f = i.getBoundingClientRect(), m = t.getBoundingClientRect(), c = l.getComputedStyle(e), x = Number.parseFloat(c.lineHeight) || (Number.parseFloat(c.fontSize) || 16) * 1.2, C = t.offsetWidth > 0 && m.width > 0 ? m.width / t.offsetWidth : 1;
       t.style.setProperty(
         "--u-modal-title-close-top",
         `${(o.top - m.top - f.height / 2) / C + x / 2}px`
       );
-      const u = i.getBoundingClientRect(), y = parseFloat(l.getComputedStyle(t).getPropertyValue("--u-modal-title-gap")) || 8;
+      const u = i.getBoundingClientRect(), y = Number.parseFloat(l.getComputedStyle(t).getPropertyValue("--u-modal-title-gap")) || 8;
       u.left < o.right + y && u.right > o.left && u.bottom + y > o.top && u.top < o.bottom ? (e.setAttribute("data-u-modal-title-clearance", ""), e.style.setProperty(
         "--u-modal-title-clearance-width",
         `${Math.min(o.width, Math.max(0, o.right - u.left + y))}px`

package/dist/components/Multiselect/Multiselect.js

@@ -65,7 +65,7 @@ const yt = ({
     getPortalPosition: (e) => ({ x: e.x, y: e.y + 60 + e.height + e.scrollY }),
     // Поле растёт от чипов: строке варианта нужна его базовая высота, а не текущая.
     measureFieldHeight: (e) => {
-      const t = parseFloat(getComputedStyle(e).minHeight), r = e.getBoundingClientRect().height;
+      const t = Number.parseFloat(getComputedStyle(e).minHeight), r = e.getBoundingClientRect().height;
       return t > 0 ? Math.min(t, r) : r;
     },
     onSelectByIndex: (e) => {

package/dist/components/Table/Table.dataPipeline.js

@@ -1,28 +1,28 @@
 import { getDataFromDateFilterType$u as T } from "./Functions.js";
-const O = (i) => typeof i == "object" && i !== null && "title" in i, I = ({
+const N = (i) => typeof i == "object" && i !== null && "title" in i, I = ({
   data: i,
   columns: A,
   sort: s,
-  uncheckedValues: g,
+  uncheckedValues: v,
   filterDates: w,
-  whereFindChecked: a,
+  whereFindChecked: b,
   filterEmptyLabel: x,
-  parentDataField: c,
+  parentDataField: u,
   filterMode: L = "client"
 }) => {
-  const S = w.filter(
+  const O = w.filter(
     (r) => !(r.begin === null && r.end === null)
-  ), j = (r) => {
+  ), S = (r) => {
     if (L === "server") return !0;
-    const t = a.length > 0 ? r[a] : r, u = Object.keys(g).length === 0 || Object.keys(g).every((o) => {
-      const n = A == null ? void 0 : A.find((f) => f.field === o), e = n != null && n.filterValue ? n.filterValue(t) : t[o];
-      return Array.isArray(e) && e.every(O) ? !e.every(
-        (f) => g[o].includes(f.title)
-      ) : Array.isArray(e) ? !e.every((f) => g[o].includes(f)) : O(e) ? !g[o].includes(e.title) : !g[o].includes(
+    const t = b.length > 0 ? r[b] : r, f = Object.keys(v).length === 0 || Object.keys(v).every((o) => {
+      const n = A == null ? void 0 : A.find((c) => c.field === o), e = n != null && n.filterValue ? n.filterValue(t) : t[o];
+      return Array.isArray(e) && e.every(N) ? !e.every(
+        (c) => v[o].includes(c.title)
+      ) : Array.isArray(e) ? !e.every((c) => v[o].includes(c)) : N(e) ? !v[o].includes(e.title) : !v[o].includes(
         e == null || typeof e == "string" && e.length === 0 ? x : e
       );
-    }), b = S.length === 0 || Object.keys(t).some(
-      (o) => S.some(
+    }), p = O.length === 0 || Object.keys(t).some(
+      (o) => O.some(
         (n) => n.id === o && T(
           t[o],
           n.type,
@@ -30,47 +30,47 @@ const O = (i) => typeof i == "object" && i !== null && "title" in i, I = ({
           n.end
         )
       )
-    ), l = S.some(
+    ), l = O.some(
       (o) => o.type === "except" && !Object.keys(t).includes(o.id)
     );
-    return u && (b || l);
-  }, B = (r, t) => {
-    const u = r.customOrderSort, b = t.customOrderSort;
-    if (u || b)
-      return (u || 0) > (b || 0) ? -1 : 1;
-    const l = A.find((v) => v.field === s.column);
+    return f && (p || l);
+  }, j = (r, t) => {
+    const f = r.customOrderSort, p = t.customOrderSort;
+    if (f || p)
+      return (f || 0) > (p || 0) ? -1 : 1;
+    const l = A.find((g) => g.field === s.column);
     if (l != null && l.sortComparator)
       return s.asc ? l.sortComparator(r, t) : -l.sortComparator(r, t);
-    const o = (v) => {
-      if (l != null && l.sortValue) return l.sortValue(v);
-      const y = a.length > 0 ? v[a][s.column] : v[s.column];
-      return Array.isArray(y) ? y.length > 0 && y.every(O) ? y[0].title : y[0] : O(y) ? y.title : y;
+    const o = (g) => {
+      if (l != null && l.sortValue) return l.sortValue(g);
+      const y = b.length > 0 ? g[b][s.column] : g[s.column];
+      return Array.isArray(y) ? y.length > 0 && y.every(N) ? y[0].title : y[0] : N(y) ? y.title : y;
     }, n = o(r), e = o(t);
     if (typeof n == "boolean" && typeof e == "boolean")
       return s.asc ? n === e ? 0 : n ? 1 : -1 : n === e ? 0 : n ? -1 : 1;
-    const f = typeof n == "number" ? n : void 0, m = typeof e == "number" ? e : void 0;
-    if (!isNaN(f) && !isNaN(m))
-      return s.asc ? f - m : m - f;
+    const c = typeof n == "number" ? n : void 0, m = typeof e == "number" ? e : void 0;
+    if (c !== void 0 && m !== void 0 && !Number.isNaN(c) && !Number.isNaN(m))
+      return s.asc ? c - m : m - c;
     if (n == null) return s.asc ? -1 : 1;
     if (e == null) return s.asc ? 1 : -1;
-    const N = String(n).toLowerCase(), h = String(e).toLowerCase();
-    return N < h ? s.asc ? -1 : 1 : N > h ? s.asc ? 1 : -1 : 0;
-  }, p = [...c ? i == null ? void 0 : i.map((r) => {
+    const B = String(n).toLowerCase(), h = String(e).toLowerCase();
+    return B < h ? s.asc ? -1 : 1 : B > h ? s.asc ? 1 : -1 : 0;
+  }, a = [...u ? i == null ? void 0 : i.map((r) => {
     var t;
     return {
       ...r,
-      [c]: (t = r[c]) == null ? void 0 : t.filter(
-        (u) => j(u)
+      [u]: (t = r[u]) == null ? void 0 : t.filter(
+        (f) => S(f)
       )
     };
   }).filter(
     (r) => {
       var t;
-      return !r[c] && j(r) || (((t = r[c]) == null ? void 0 : t.length) ?? 0) > 0;
+      return !r[u] && S(r) || (((t = r[u]) == null ? void 0 : t.length) ?? 0) > 0;
     }
-  ) : i == null ? void 0 : i.filter((r) => j(r))];
-  return (s == null ? void 0 : s.asc) === void 0 || (p.sort((r, t) => B(r, t)), c && p.forEach((r) => {
-    r[c] && Array.isArray(r[c]) && r[c].sort((t, u) => B(t, u));
-  })), p;
+  ) : i == null ? void 0 : i.filter((r) => S(r))];
+  return (s == null ? void 0 : s.asc) === void 0 || (a.sort((r, t) => j(r, t)), u && a.forEach((r) => {
+    r[u] && Array.isArray(r[u]) && r[u].sort((t, f) => j(t, f));
+  })), a;
 };
 export { I as computeFilteredSortedData$u };

package/dist/components/Table/Table.js

@@ -23,15 +23,15 @@ import { useMobileFilterColumns$u as wr } from "./useMobileFilterColumns.js";
 import { nextCardMode$u as xr, getStickyLeft$u as Fr } from "./Table.helpers.js";
 const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr = (i) => {
   if (typeof i == "number") return i > 0 ? i : void 0;
-  if (typeof i == "string" && /^\d+(\.\d+)?(px)?$/.test(i.trim())) return parseFloat(i);
+  if (typeof i == "string" && /^\d+(\.\d+)?(px)?$/.test(i.trim())) return Number.parseFloat(i);
 }, Pr = ({
   data: i,
   columns: T,
   borders: y = "horizontal",
   striped: Me,
   linesNotActive: Te,
-  fixedHeader: ze,
-  headerBorders: Ne,
+  fixedHeader: Ne,
+  headerBorders: ze,
   tdStyle: Ve,
   thStyle: je,
   cellStyle: G,
@@ -39,7 +39,7 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
   thContentStyle: Le,
   cellContentStyle: Q,
   contentForEmptyTable: _e = /* @__PURE__ */ o("p", { children: "Ничего не найдено" }),
-  messageForEmptyTable: z,
+  messageForEmptyTable: N,
   messageForEmptyFilter: X = "Ничего не найдено. Измените или сбросьте фильтры.",
   mobileMessageForEmptyTable: Y,
   className: Z = "",
@@ -62,7 +62,7 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
   setFilteredTableData: re,
   withoutHeader: oe,
   filterResetParam: se,
-  filterMode: N = "client",
+  filterMode: z = "client",
   filters: Xe,
   defaultFilters: Ye,
   onFiltersChange: Ze,
@@ -110,7 +110,7 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
     setLookColumnWidths: Ht,
     handleMouseDown: It,
     thRefs: Mt
-  } = br(g, C), [Tt, ue] = H(void 0), [zt, _] = H([]), [Nt, Vt] = H(void 0), jt = U(() => g.filter((e) => e.hidden !== !0), [g]), { filters: he, setFilters: ae, uncheckedValues: w, setUncheckedValues: Bt, filterDates: x, setFilterDates: Lt } = Sr({ filters: Xe, defaultFilters: Ye, onFiltersChange: Ze, filterResetParam: se }), {
+  } = br(g, C), [Tt, ue] = H(void 0), [Nt, _] = H([]), [zt, Vt] = H(void 0), jt = U(() => g.filter((e) => e.hidden !== !0), [g]), { filters: he, setFilters: ae, uncheckedValues: w, setUncheckedValues: Bt, filterDates: x, setFilterDates: Lt } = Sr({ filters: Xe, defaultFilters: Ye, onFiltersChange: Ze, filterResetParam: se }), {
     sort: F,
     setSort: _t,
     hoveredSortCol: kt,
@@ -132,12 +132,12 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
     columns: g,
     sort: le && !ie ? void 0 : F,
     uncheckedValues: w,
-    filterMode: N,
+    filterMode: z,
     filterDates: x,
     whereFindChecked: Ue,
     filterEmptyLabel: ee,
     parentDataField: p
-  })), pe = !r || Nt === r, s = U(() => pe ? void 0 : fe(r), [pe, r]) ?? zt, {
+  })), pe = !r || zt === r, s = U(() => pe ? void 0 : fe(r), [pe, r]) ?? Nt, {
     rootRef: u,
     start: O,
     visibleCount: Kt,
@@ -169,7 +169,7 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
       const e = fe(r);
       _(e), Vt(r), re && re(e);
     }
-  }, [r, w, x, F, N]);
+  }, [r, w, x, F, z]);
   const Pt = (e) => {
     const t = [...s];
     t[e].parentDataOpened = !0, _(t);
@@ -213,7 +213,7 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
   ), Fe = P === void 0 ? -1 : n.findIndex((e, t) => M(e, t) === P), E = Fe >= 0 ? Fe : n.length - 1, v = n.map((e, t) => {
     const l = Wr(e.width), f = h && t === E && l !== void 0 ? l : or[M(e, t)] ?? l;
     return C && !e.resizeOff ? Math.max(L[e.field] || f || 0, e.width || 0) : f;
-  }), Oe = xe && v.length > 0 && v.every((e) => (e ?? 0) > 0), sr = Object.values(w).some((e) => e.length > 0) || x.some((e) => e.begin != null || e.end != null), We = N === "client" && sr && (r == null ? void 0 : r.length) > 0 && s.length === 0, De = We ? X : z, J = !B && !d && s.length === 0 && !!De;
+  }), Oe = xe && v.length > 0 && v.every((e) => (e ?? 0) > 0), sr = Object.values(w).some((e) => e.length > 0) || x.some((e) => e.begin != null || e.end != null), We = z === "client" && sr && (r == null ? void 0 : r.length) > 0 && s.length === 0, De = We ? X : N, J = !B && !d && s.length === 0 && !!De;
   I(() => {
     const e = u.current;
     if (!J || !e || typeof ResizeObserver > "u") return;
@@ -245,11 +245,11 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
     fillColumnIndex: h ? E : -1
   };
   return /* @__PURE__ */ $(He, { children: [
-    c || d || (r == null ? void 0 : r.length) !== 0 || (r == null ? void 0 : r.length) === 0 && z ? /* @__PURE__ */ o(
+    c || d || (r == null ? void 0 : r.length) !== 0 || (r == null ? void 0 : r.length) === 0 && N ? /* @__PURE__ */ o(
       "div",
       {
         id: S,
-        className: `u-table${["horizontal", "vertical", "none", "both"].includes(y) ? dr(y) : ""}${Me ? " striped" : ""}${Te ? " not-active-lines" : ""}${ze ? " thead-fixed" : ""}${Ne ? " header-borders" : ""}${Z ? " " + Z : ""}${m ? " u-table-mobile" : ""}`,
+        className: `u-table${["horizontal", "vertical", "none", "both"].includes(y) ? dr(y) : ""}${Me ? " striped" : ""}${Te ? " not-active-lines" : ""}${Ne ? " thead-fixed" : ""}${ze ? " header-borders" : ""}${Z ? " " + Z : ""}${m ? " u-table-mobile" : ""}`,
         style: {
           maxHeight: Je,
           minHeight: Ke,
@@ -269,7 +269,7 @@ const Or = (i) => i.map((T, y) => ({ ...T, tableData: { number: y + 1 } })), Wr
             isCardMode: m,
             isLoading: c,
             isLoadingPreloader: d,
-            messageForEmptyTable: Y === "off" || B ? void 0 : We ? X : Y ?? z,
+            messageForEmptyTable: Y === "off" || B ? void 0 : We ? X : Y ?? N,
             effectiveSortField: k,
             effectiveSortDir: q,
             applySort: At,

package/dist/components/Table/useTableVirtualization.js

@@ -1,4 +1,4 @@
-import { useRef as i, useState as A, useLayoutEffect as k, useCallback as N, useMemo as Z, useEffect as B } from "react";
+import { useRef as i, useState as A, useLayoutEffect as N, useCallback as k, useMemo as Z, useEffect as B } from "react";
 const ot = ({
   filteredData: e,
   virtualizationOn: c,
@@ -11,7 +11,7 @@ const ot = ({
   pageSize: p
 }) => {
   const s = i(null), [h, P] = A(0), [_, $] = A(0), d = i([]), j = i([]), F = i([]), G = i([]), J = i([]), K = i({}), T = i(0);
-  k(() => {
+  N(() => {
     if (!C && !S && s.current) {
       if (e.length === 0) {
         T.current = 0;
@@ -21,7 +21,7 @@ const ot = ({
       t > 0 && (T.current = t);
     }
   });
-  const [L, O] = A(void 0), Q = N(
+  const [L, O] = A(void 0), Q = k(
     (t) => d.current[t] ?? I,
     [I]
   ), l = Z(() => {
@@ -32,7 +32,7 @@ const ot = ({
   }, [e.length, Q, _]), a = Z(
     () => l.length > 0 ? l[l.length - 1] : 0,
     [l]
-  ), w = q + 1, U = N(
+  ), b = q + 1, U = k(
     (t) => {
       let n = 0, o = l.length - 1;
       for (; n < o; ) {
@@ -44,15 +44,15 @@ const ot = ({
     [l, e.length]
   ), X = typeof H == "number" && typeof p == "number" && p > 0, z = X ? e.slice((H - 1) * p, H * p) : e, f = c && !X && e.length > q, D = f ? l[h] : 0, tt = f ? Math.max(
     0,
-    a - l[Math.min(e.length, h + w)]
-  ) : 0, V = N(
+    a - l[Math.min(e.length, h + b)]
+  ) : 0, V = k(
     (t) => {
       if (!f)
         return;
-      const n = t.target, o = Math.max(0, e.length - w), r = Math.min(o, U(n.scrollTop));
+      const n = t.target, o = Math.max(0, e.length - b), r = Math.min(o, U(n.scrollTop));
       P(r);
     },
-    [e.length, U, f, w]
+    [e.length, U, f, b]
   );
   B(() => {
     if (c && s.current) {
@@ -77,14 +77,14 @@ const ot = ({
     return o.observe(t), () => o.disconnect();
   }, [c]);
   const Y = i(null);
-  return k(() => {
+  return N(() => {
     if (!c || C) return;
     const t = Y.current;
     Y.current = { data: e, width: M }, !(!t || t.data === e && t.width === M) && (d.current = [], $((n) => n + 1));
   }, [c, C, e, M]), B(() => {
     if (!c)
       return;
-    const t = f ? h : 0, n = f ? Math.min(e.length, h + w) : e.length;
+    const t = f ? h : 0, n = f ? Math.min(e.length, h + b) : e.length;
     let o = !1;
     for (let r = t; r < n; r++) {
       const u = K.current[r];
@@ -93,16 +93,16 @@ const ot = ({
       (!d.current[r] || Math.abs(d.current[r] - m) > 0.5) && (d.current[r] = m, o = !0);
     }
     o && $((r) => r + 1);
-  }, [c, f, h, w, e.length, M]), k(() => {
+  }, [c, f, h, b, e.length, M]), N(() => {
     var t;
     if (!C && e.length > 0) {
-      const n = Array.from(((t = s.current) == null ? void 0 : t.querySelectorAll(".table tbody tr")) ?? []).filter((b) => b.cells.length > 0), o = new Array(e.length).fill(void 0), r = new Array(e.length).fill(void 0), u = new Array(e.length).fill(void 0), m = new Array(e.length).fill(void 0), v = new Array(e.length).fill(void 0);
-      n.forEach((b, W) => {
-        const y = Number(b.dataset.virtualIndex ?? W);
-        if (isNaN(y)) return;
-        const nt = b.getBoundingClientRect().height;
+      const n = Array.from(((t = s.current) == null ? void 0 : t.querySelectorAll(".table tbody tr")) ?? []).filter((w) => w.cells.length > 0), o = new Array(e.length).fill(void 0), r = new Array(e.length).fill(void 0), u = new Array(e.length).fill(void 0), m = new Array(e.length).fill(void 0), v = new Array(e.length).fill(void 0);
+      n.forEach((w, W) => {
+        const y = Number(w.dataset.virtualIndex ?? W);
+        if (Number.isNaN(y)) return;
+        const nt = w.getBoundingClientRect().height;
         o[y] = nt;
-        const x = Array.from(b.children);
+        const x = Array.from(w.children);
         r[y] = x.map((R) => R.getBoundingClientRect().height), u[y] = x.map((R) => {
           const g = R.firstElementChild;
           return g ? g.getBoundingClientRect().height : 0;
@@ -117,9 +117,9 @@ const ot = ({
             background: g.background
           };
         });
-      }), d.current = o.map((b, W) => b ?? d.current[W]), j.current = r.filter(Boolean), F.current = u.filter(Boolean), G.current = m.filter(Boolean), J.current = v.filter(Boolean);
+      }), d.current = o.map((w, W) => w ?? d.current[W]), j.current = r.filter(Boolean), F.current = u.filter(Boolean), G.current = m.filter(Boolean), J.current = v.filter(Boolean);
     }
-  }, [C, e, E, H, p, h, w]), B(() => {
+  }, [C, e, E, H, p, h, b]), B(() => {
     !S && e.length > 0 && setTimeout(() => {
       const t = document.querySelector(`#${E} .table tbody`);
       t && O(t.getBoundingClientRect().height);
@@ -127,7 +127,7 @@ const ot = ({
   }, [S, e, E]), {
     rootRef: s,
     start: h,
-    visibleCount: w,
+    visibleCount: b,
     pagedData: z,
     hasOverflow: f,
     topPadding: D,

package/dist/components/Tabs/useTabsOverflow.js

@@ -1,49 +1,49 @@
-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;
+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 - (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 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 [parseFloat(c.paddingLeft) || 0, parseFloat(c.paddingRight) || 0];
-    }), m = {
-      widths: b,
+      return [Number.parseFloat(c.paddingLeft) || 0, Number.parseFloat(c.paddingRight) || 0];
+    }), f = {
+      widths: v,
       paddings: R,
       available: a,
-      gap: parseFloat(n.columnGap || "0") || 0,
-      more: ((A = S.current) == null ? void 0 : A.getBoundingClientRect().width) || 0
+      gap: Number.parseFloat(n.columnGap || "0") || 0,
+      more: ((x = L.current) == null ? void 0 : x.getBoundingClientRect().width) || 0
     };
-    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);
+    _((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(() => {
     var n, a;
     o();
     let t = !1;
     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(() => {
+    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();
     }), () => {
       var s;
       t = !0, e == null || e.disconnect(), window.removeEventListener("resize", o), (s = document.fonts) == null || s.removeEventListener("loadingdone", o);
     };
-  }, [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) => {
+  }, [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 (!x || !e) return;
-    const n = 1 - x * (1 - 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 = [...f], a = n.indexOf(t), s = n.indexOf(e);
-    [n[a], n[s]] = [n[s], n[a]], _({ signature: w, order: n });
+    const n = [...p], a = n.indexOf(t), s = n.indexOf(e);
+    [n[a], n[s]] = [n[s], n[a]], T({ signature: h, order: n });
   } };
 };
 export { U as useTabsOverflow$u };

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { jsxs as X, jsx as $ } from "react/jsx-runtime";
-import { useRef as z, useState as Y, useCallback as B, useEffect as v, useLayoutEffect as W, useId as q } from "react";
+import { useRef as z, useState as N, useCallback as B, useEffect as v, useLayoutEffect as W, useId as q } from "react";
 /* empty css                 */
 import { createPortal as tt } from "react-dom";
 /* empty css                                     */
@@ -17,7 +17,7 @@ const ot = 100, it = {
   return r === "bottom" ? { x: y, y: t.y + t.height + t.scrollY + u } : r === "right" ? { x: t.x + t.width + u + n / 2, y: m } : r === "left" ? { x: t.x - u - n / 2, y: m } : { x: y, y: t.y + t.scrollY - u - a };
 }, R = 8, V = 10, ct = 14, J = (r) => {
   if (typeof window > "u" || typeof document > "u") return r;
-  const t = parseFloat(getComputedStyle(document.documentElement).fontSize);
+  const t = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
   return !Number.isFinite(t) || t <= 0 ? r : r * (t / 16);
 }, ut = {
   top: "bottom",
@@ -50,8 +50,8 @@ const ot = 100, it = {
   let f = M.x;
   const x = n / 2;
   f - x < R ? f = x + R : f + x > m - R && (f = m - R - x);
-  const T = t.x + t.width / 2, s = Math.max(0, x - ct), N = Math.max(-s, Math.min(s, T - f));
-  return { placement: M.placement, x: f, y: M.y, arrowShift: N };
+  const T = t.x + t.width / 2, s = Math.max(0, x - ct), Y = Math.max(-s, Math.min(s, T - f));
+  return { placement: M.placement, x: f, y: M.y, arrowShift: Y };
 }, K = (r) => {
   const t = document.activeElement;
   if (!r || !t || !r.contains(t)) return !1;
@@ -81,10 +81,10 @@ const at = () => {
   showWhenActive: d = !1,
   showDelay: M = ot
 }) => {
-  const f = z(null), x = z(null), T = z(null), [s, N] = Y(!1), [_, I] = Y(null), [o, p] = Y(null), [b, H] = Y(w), [k, G] = Y(!1), P = () => {
+  const f = z(null), x = z(null), T = z(null), [s, Y] = N(!1), [_, I] = N(null), [o, p] = N(null), [b, H] = N(w), [k, G] = N(!1), P = () => {
     T.current && (clearTimeout(T.current), T.current = null);
   }, h = B(() => {
-    P(), N(!1), I(null), G(!1);
+    P(), Y(!1), I(null), G(!1);
   }, []), { shouldRender: D, isAnimated: j } = nt({ isOpen: s, duration: rt.instant });
   v(() => {
     D || (p(null), H(w));
@@ -92,7 +92,7 @@ const at = () => {
   const F = B((e) => {
     P();
     const { x: c, y: i, width: l, height: E } = e.getBoundingClientRect();
-    I({ x: c, y: i, width: l, height: E, scrollY: window.scrollY }), N(!0);
+    I({ x: c, y: i, width: l, height: E, scrollY: window.scrollY }), Y(!0);
   }, []), O = B((e) => {
     const { x: c, y: i, width: l, height: E } = e.getBoundingClientRect();
     I((S) => S && { x: c, y: i, width: l, height: E, scrollY: window.scrollY });

package/dist/dev/index.js

@@ -1574,7 +1574,7 @@ function hn(t) {
 function mn() {
   (zt() ?? ot).reset();
 }
-const bn = () => "2.1.6";
+const bn = () => "2.1.7-next.0";
 function xn(t) {
   return pn(t, { name: "urfu-ui-kit-react", version: bn() });
 }

package/dist/shared/kitCopy.js

@@ -1,5 +1,5 @@
 import { registerKitCopy$u as e, getKitCopies$u as r, hasLegacyKitOverlay$u as o, kitIdPrefix$u as n } from "../vanilla/core/kitRegistry.js";
-const c = "2.1.6", t = () => e("react", c), a = () => n(t());
+const c = "2.1.7-next.0", t = () => e("react", c), a = () => n(t());
 function p() {
   return t(), r();
 }