urfu-ui-kit-react 2.1.7-next.1 → 2.1.7-next.2

package/dist/components/Table/TableMobileCard.js

@@ -1,41 +1,42 @@
 import { jsx as a, Fragment as D, jsxs as c } from "react/jsx-runtime";
-import { useState as $, useId as I, useRef as R, useEffect as O, useLayoutEffect as E } from "react";
+import { useState as $, useRef as R, useEffect as I, useLayoutEffect as E } from "react";
 import { Icon$u as M } from "../Icon/Icon.js";
-import { animateHeight$u as W } from "../../vanilla/core/collapseMotion.js";
-const q = ({
+import { useAutoId$u as O } from "../../hooks/useAutoId.js";
+import { animateHeight$u as A } from "../../vanilla/core/collapseMotion.js";
+const W = ({
   label: h,
   children: s,
-  lines: t = 1,
+  lines: n = 1,
   valueColor: u,
   labelColor: m,
   gridSpan: d,
   gridRowSpan: f
 }) => {
-  const [r, w] = $(!1), [N, y] = $(!1), b = R(null), g = I(), _ = R(null);
+  const [r, w] = $(!1), [N, y] = $(!1), b = R(null), g = O(void 0, "u-table-card-value"), _ = R(null);
   return E(() => {
     const l = b.current, i = _.current;
     if (_.current = null, !l || i == null) return;
-    const n = () => {
-      l.classList.toggle("u-table-mobile-card__value--clamped", !r), l.style.webkitLineClamp = r ? "" : String(t);
+    const t = () => {
+      l.classList.toggle("u-table-mobile-card__value--clamped", !r), l.style.webkitLineClamp = r ? "" : String(n);
     };
     l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "";
     let o = l.getBoundingClientRect().height;
-    r || (l.classList.add("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = String(t), o = l.getBoundingClientRect().height, l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "");
-    const p = W(l, i, o, n);
+    r || (l.classList.add("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = String(n), o = l.getBoundingClientRect().height, l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "");
+    const p = A(l, i, o, t);
     return () => {
-      p(), n();
+      p(), t();
     };
-  }, [r, s, t]), O(() => {
+  }, [r, s, n]), I(() => {
     const l = b.current;
     if (!l) return;
     const i = () => {
-      const o = Number.parseFloat(getComputedStyle(l).lineHeight), p = Number.isFinite(o) ? o * t : l.clientHeight;
+      const o = Number.parseFloat(getComputedStyle(l).lineHeight), p = Number.isFinite(o) ? o * n : l.clientHeight;
       y(l.scrollHeight > p + 1);
     };
     if (i(), typeof ResizeObserver > "u") return;
-    const n = new ResizeObserver(i);
-    return n.observe(l), () => n.disconnect();
-  }, [s, t, r]), /* @__PURE__ */ c("div", { className: `u-table-mobile-card__row u-table-mobile-card__row--collapsible${d === "full" ? " u-table-mobile-card__row--span-full" : d === 2 ? " u-table-mobile-card__row--span2" : d === "narrow" ? " u-table-mobile-card__row--span-narrow" : ""}${f === 2 ? " u-table-mobile-card__row--rowspan2" : ""}`, children: [
+    const t = new ResizeObserver(i);
+    return t.observe(l), () => t.disconnect();
+  }, [s, n, r]), /* @__PURE__ */ c("div", { className: `u-table-mobile-card__row u-table-mobile-card__row--collapsible${d === "full" ? " u-table-mobile-card__row--span-full" : d === 2 ? " u-table-mobile-card__row--span2" : d === "narrow" ? " u-table-mobile-card__row--span-narrow" : ""}${f === 2 ? " u-table-mobile-card__row--rowspan2" : ""}`, children: [
     h != null && /* @__PURE__ */ a("span", { className: "u-table-mobile-card__label", style: m ? { color: m } : void 0, children: h }),
     /* @__PURE__ */ a(
       "span",
@@ -43,7 +44,7 @@ const q = ({
         ref: b,
         id: g,
         className: "u-table-mobile-card__value" + (r ? "" : " u-table-mobile-card__value--clamped"),
-        style: { ...r ? {} : { WebkitLineClamp: t }, ...u ? { color: u } : {} },
+        style: { ...r ? {} : { WebkitLineClamp: n }, ...u ? { color: u } : {} },
         children: s
       }
     ),
@@ -62,10 +63,10 @@ const q = ({
       }
     )
   ] });
-}, P = ({
+}, Q = ({
   title: h,
   titleLabel: s,
-  titleHideLabel: t,
+  titleHideLabel: n,
   titleColor: u,
   titleLabelColor: m,
   subtitle: d,
@@ -79,15 +80,15 @@ const q = ({
   density: _ = "default",
   divider: l,
   showLabels: i = !0,
-  columns: n = 1
+  columns: t = 1
 }) => {
-  const [o, p] = $(!1), S = I(), C = R(null);
-  O(() => {
+  const [o, p] = $(!1), S = O(void 0, "u-table-card-details"), C = R(null);
+  I(() => {
     C.current && (C.current.inert = !o);
   }, [o]);
-  const L = w.filter((e) => e.value != null && e.value !== ""), k = N.filter((e) => e.value != null && e.value !== ""), x = y.filter((e) => e.value != null && e.value !== ""), F = x.length > 0, z = k.length > 0, B = n === 3 ? " u-table-mobile-card__fields--cols3" : n === 2 ? " u-table-mobile-card__fields--cols2" : "", j = /* @__PURE__ */ a(D, { children: /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head-main", children: [
+  const L = w.filter((e) => e.value != null && e.value !== ""), k = N.filter((e) => e.value != null && e.value !== ""), x = y.filter((e) => e.value != null && e.value !== ""), F = x.length > 0, z = k.length > 0, B = t === 3 ? " u-table-mobile-card__fields--cols3" : t === 2 ? " u-table-mobile-card__fields--cols2" : "", j = /* @__PURE__ */ a(D, { children: /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head-main", children: [
     /* @__PURE__ */ c("span", { className: "u-table-mobile-card__primary", children: [
-      i && !t && s != null && s !== "" && /* @__PURE__ */ a(
+      i && !n && s != null && s !== "" && /* @__PURE__ */ a(
         "span",
         {
           className: "u-table-mobile-card__title-label",
@@ -141,7 +142,7 @@ const q = ({
       )
     ) })
   ] }) }), H = (e, v) => e.expandLines ? /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: i && !e.hideLabel ? e.label : null,
       lines: e.expandLines,
@@ -173,7 +174,7 @@ const q = ({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: `u-table-mobile-card u-table-mobile-card--list${b ? " u-table-mobile-card--flat" : ""}${l ? " u-table-mobile-card--divider" : ""}${n === 3 ? " u-table-mobile-card--cols3" : ""}${g ? " u-table-mobile-card--inset" : ""}${_ === "compact" ? " u-table-mobile-card--compact" : ""}`,
+      className: `u-table-mobile-card u-table-mobile-card--list${b ? " u-table-mobile-card--flat" : ""}${l ? " u-table-mobile-card--divider" : ""}${t === 3 ? " u-table-mobile-card--cols3" : ""}${g ? " u-table-mobile-card--inset" : ""}${_ === "compact" ? " u-table-mobile-card--compact" : ""}`,
       children: [
         /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head", children: [
           j,
@@ -209,4 +210,4 @@ const q = ({
     }
   );
 };
-export { P as MobileCard$u, q as MobileCollapsibleField$u };
+export { Q as MobileCard$u, W as MobileCollapsibleField$u };

package/dist/components/Table/TableMobileView.js

@@ -6,7 +6,7 @@ import { Select$u as fe } from "../Select/Select.js";
 import { Preloader$u as he } from "../Preloader/Preloader.js";
 import { Tooltip$u as ve } from "../Tooltip/Tooltip.js";
 import { MobileCard$u as _e, MobileCollapsibleField$u as ge } from "./TableMobileCard.js";
-const ye = ({
+const Re = ({
   filteredColumns: m,
   pagedData: P,
   filteredDataLength: D,
@@ -28,9 +28,9 @@ const ye = ({
   mobileFilterOptions: f,
   renderMobileFilter: T,
   onMobileFiltersReset: ae,
-  mobileFilterSortLabel: ie,
+  mobileFilterSortLabel: oe,
   renderMobileCard: W,
-  mobileCardCollapsible: oe,
+  mobileCardCollapsible: ie,
   mobileCardLabels: j = !0,
   mobileMaxVisible: h,
   mobileCardColumns: v = 1,
@@ -40,33 +40,33 @@ const ye = ({
   mobileCardInset: q,
   mobileCardDensity: J = "default"
 }) => {
-  const K = `${q ? " u-table-mobile-card--inset" : ""}${J === "compact" ? " u-table-mobile-card--compact" : ""}`, E = X(null), [Q, re] = Y({ atStart: !0, atEnd: !0 }), R = () => {
-    const l = E.current;
+  const K = `${q ? " u-table-mobile-card--inset" : ""}${J === "compact" ? " u-table-mobile-card--compact" : ""}`, y = X(null), [Q, re] = Y({ atStart: !0, atEnd: !0 }), E = () => {
+    const l = y.current;
     if (!l) return;
-    const i = l.scrollWidth > l.clientWidth + 1;
+    const o = l.scrollWidth > l.clientWidth + 1;
     re({
-      atStart: !i || l.scrollLeft <= 1,
-      atEnd: !i || l.scrollLeft + l.clientWidth >= l.scrollWidth - 1
+      atStart: !o || l.scrollLeft <= 1,
+      atEnd: !o || l.scrollLeft + l.clientWidth >= l.scrollWidth - 1
     });
   };
   Z(() => {
     if (!H || p !== "segments") return;
-    const l = E.current;
+    const l = y.current;
     if (!l || typeof ResizeObserver > "u") return;
-    R();
-    const i = new ResizeObserver(R);
-    return i.observe(l), () => i.disconnect();
+    E();
+    const o = new ResizeObserver(E);
+    return o.observe(l), () => o.disconnect();
   }, [H, p, I]);
-  const y = X(null), [_, $] = Y(!1);
+  const R = X(null), [_, $] = Y(!1);
   Z(() => {
     if (!_) return;
-    const l = (i) => {
-      y.current && !y.current.contains(i.target) && $(!1);
+    const l = (o) => {
+      R.current && !R.current.contains(o.target) && $(!1);
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, [_]);
-  const b = (l, i, r) => l.renderMobile ? l.renderMobile(i, r) : l.render ? l.render(i, r) : i[l.field], o = m.find((l) => l.mobilePrimary) ?? m[0], g = m.filter(
-    (l) => l !== o && l.mobileHidden !== !0
+  const b = (l, o, r) => l.renderMobile ? l.renderMobile(o, r) : l.render ? l.render(o, r) : o[l.field], i = m.find((l) => l.mobilePrimary) ?? m[0], g = m.filter(
+    (l) => l !== i && l.mobileHidden !== !0
   ), d = g.find((l) => l.mobileSubtitle), U = g.filter((l) => l.mobileActions), k = g.filter((l) => l !== d && !l.mobileActions), te = k.filter((l) => l.mobileInline), ne = k.filter(
     (l) => l.mobileSecondary && !l.mobileInline
   ), G = k.filter(
@@ -84,13 +84,13 @@ const ye = ({
           options: f,
           renderFilter: T,
           onReset: ae,
-          sortLabel: ie
+          sortLabel: oe
         }
       ) });
     const l = m.filter((e) => e.sortOn);
     if (!(le ?? l.length > 0) || l.length === 0) return null;
     const r = l.find((e) => e.field === u);
-    return p === "menu" ? /* @__PURE__ */ n("div", { className: "u-table-mobile-sortmenu", ref: y, children: [
+    return p === "menu" ? /* @__PURE__ */ n("div", { className: "u-table-mobile-sortmenu", ref: R, children: [
       /* @__PURE__ */ n(
         "button",
         {
@@ -100,7 +100,7 @@ const ye = ({
           "aria-expanded": _,
           "aria-haspopup": "listbox",
           children: [
-            /* @__PURE__ */ a(w, { name: "sorting", size: "16px", color: "#1E4391" }),
+            /* @__PURE__ */ a(w, { name: "sorting", size: "16px", color: "var(--u-color-primary, #1E4391)" }),
             /* @__PURE__ */ a("span", { className: "u-table-mobile-sortmenu__label", children: r ? r.mobileLabel ?? r.title ?? r.field : c })
           ]
         }
@@ -123,7 +123,7 @@ const ye = ({
                 {
                   name: L === "desc" ? "down-arrow" : "up-arrow",
                   size: "12px",
-                  color: "#1E4391"
+                  color: "var(--u-color-primary, #1E4391)"
                 }
               )
             ]
@@ -134,8 +134,8 @@ const ye = ({
     ] }) : p === "segments" ? /* @__PURE__ */ a(
       "div",
       {
-        ref: E,
-        onScroll: R,
+        ref: y,
+        onScroll: E,
         className: `u-table-mobile-sortseg${Q.atStart ? "" : " u-table-mobile-sortseg--clip-start"}${Q.atEnd ? "" : " u-table-mobile-sortseg--clip-end"}`,
         role: "group",
         "aria-label": c,
@@ -162,7 +162,7 @@ const ye = ({
                   {
                     name: L === "desc" ? "down-arrow" : "up-arrow",
                     size: "10px",
-                    color: "#1E4391",
+                    color: "var(--u-color-primary, #1E4391)",
                     className: "u-table-mobile-sortseg__arrow"
                   }
                 )
@@ -201,17 +201,17 @@ const ye = ({
               {
                 name: L === "desc" ? "down-arrow" : "up-arrow",
                 size: "20px",
-                color: "#1E4391"
+                color: "var(--u-color-primary, #1E4391)"
               }
             )
           }
         )
       ] })
     ] });
-  }, me = (l, i) => {
-    if (W) return W(l, i);
+  }, me = (l, o) => {
+    if (W) return W(l, o);
     const r = v === 3 ? " u-table-mobile-card__fields--cols3" : v === 2 ? " u-table-mobile-card__fields--cols2" : "";
-    return oe ? /* @__PURE__ */ a(
+    return ie ? /* @__PURE__ */ a(
       _e,
       {
         flat: x,
@@ -220,17 +220,17 @@ const ye = ({
         divider: S,
         showLabels: j,
         columns: v,
-        title: o ? b(o, l, i) : null,
-        titleLabel: o ? o.mobileLabel ?? o.title : null,
-        titleHideLabel: !!(o != null && o.mobileHideLabel),
-        titleColor: o == null ? void 0 : o.mobileValueColor,
-        titleLabelColor: o == null ? void 0 : o.mobileLabelColor,
-        subtitle: d ? b(d, l, i) : null,
+        title: i ? b(i, l, o) : null,
+        titleLabel: i ? i.mobileLabel ?? i.title : null,
+        titleHideLabel: !!(i != null && i.mobileHideLabel),
+        titleColor: i == null ? void 0 : i.mobileValueColor,
+        titleLabelColor: i == null ? void 0 : i.mobileLabelColor,
+        subtitle: d ? b(d, l, o) : null,
         subtitleColor: d == null ? void 0 : d.mobileValueColor,
-        actions: U.length ? U.map((e) => /* @__PURE__ */ a("span", { children: b(e, l, i) }, e.field)) : void 0,
+        actions: U.length ? U.map((e) => /* @__PURE__ */ a("span", { children: b(e, l, o) }, e.field)) : void 0,
         inline: te.map((e) => ({
           label: e.mobileLabel ?? e.title,
-          value: b(e, l, i),
+          value: b(e, l, o),
           hideLabel: !!e.mobileHideLabel,
           valueColor: e.mobileValueColor,
           labelColor: e.mobileLabelColor,
@@ -240,7 +240,7 @@ const ye = ({
         })),
         body: se.map((e) => ({
           label: e.mobileLabel ?? e.title,
-          value: b(e, l, i),
+          value: b(e, l, o),
           hideLabel: !!e.mobileHideLabel,
           valueColor: e.mobileValueColor,
           labelColor: e.mobileLabelColor,
@@ -250,7 +250,7 @@ const ye = ({
         })),
         details: be.map((e) => ({
           label: e.mobileLabel ?? e.title,
-          value: b(e, l, i),
+          value: b(e, l, o),
           hideLabel: !!e.mobileHideLabel,
           valueColor: e.mobileValueColor,
           labelColor: e.mobileLabelColor,
@@ -259,15 +259,15 @@ const ye = ({
           gridRowSpan: e.mobileGridRowSpan
         }))
       },
-      l.id ?? i
+      l.id ?? o
     ) : /* @__PURE__ */ n(
       "div",
       {
         className: `u-table-mobile-card${x ? " u-table-mobile-card--flat" : ""}${S ? " u-table-mobile-card--divider" : ""}${v === 3 ? " u-table-mobile-card--cols3" : ""}${K}`,
         children: [
-          o && /* @__PURE__ */ a("div", { className: "u-table-mobile-card__title", style: o.mobileValueColor ? { color: o.mobileValueColor } : void 0, children: b(o, l, i) }),
+          i && /* @__PURE__ */ a("div", { className: "u-table-mobile-card__title", style: i.mobileValueColor ? { color: i.mobileValueColor } : void 0, children: b(i, l, o) }),
           /* @__PURE__ */ a("div", { className: "u-table-mobile-card__fields" + r, children: g.map((e, t) => {
-            const s = b(e, l, i);
+            const s = b(e, l, o);
             if (s == null || s === "" || s === !1 || Array.isArray(s) && s.length === 0) return null;
             const V = j && !e.mobileHideLabel ? e.mobileLabel ?? e.title : null, ue = e.mobileGridSpan === "full" ? " u-table-mobile-card__row--span-full" : e.mobileGridSpan === 2 ? " u-table-mobile-card__row--span2" : e.mobileGridSpan === "narrow" ? " u-table-mobile-card__row--span-narrow" : "";
             return e.mobileCollapsible || e.mobileExpandLines ? /* @__PURE__ */ a(
@@ -292,25 +292,25 @@ const ye = ({
           }) })
         ]
       },
-      l.id ?? i
+      l.id ?? o
     );
   };
   return /* @__PURE__ */ n(ce, { children: [
     de(),
-    z && !A ? /* @__PURE__ */ a("div", { className: "u-table-mobile-list", "aria-hidden": "true", children: Array.from({ length: I || F }, (l, i) => /* @__PURE__ */ n("div", { className: `u-table-mobile-card u-table-mobile-card--skeleton${x ? " u-table-mobile-card--flat" : ""}${S ? " u-table-mobile-card--divider" : ""}${K}`, children: [
+    z && !A ? /* @__PURE__ */ a("div", { className: "u-table-mobile-list", "aria-hidden": "true", children: Array.from({ length: I || F }, (l, o) => /* @__PURE__ */ n("div", { className: `u-table-mobile-card u-table-mobile-card--skeleton${x ? " u-table-mobile-card--flat" : ""}${S ? " u-table-mobile-card--divider" : ""}${K}`, children: [
       /* @__PURE__ */ a("div", { className: "skeleton-cell u-table-mobile-card__skeleton-title" }),
       /* @__PURE__ */ n("div", { className: "u-table-mobile-card__skeleton-fields", children: [
         /* @__PURE__ */ a("div", { className: "skeleton-cell" }),
         /* @__PURE__ */ a("div", { className: "skeleton-cell" })
       ] })
-    ] }, i)) }) : z || A ? /* @__PURE__ */ a("div", { className: "u-table-mobile-loading", children: /* @__PURE__ */ a(he, { variant: "large-primary", className: "" }) }) : D === 0 ? M ? /* @__PURE__ */ a("div", { className: "u-table-mobile-empty", children: M }) : null : /* @__PURE__ */ a(
+    ] }, o)) }) : z || A ? /* @__PURE__ */ a("div", { className: "u-table-mobile-loading", children: /* @__PURE__ */ a(he, { variant: "large-primary", className: "" }) }) : D === 0 ? M ? /* @__PURE__ */ a("div", { className: "u-table-mobile-empty", children: M }) : null : /* @__PURE__ */ a(
       "div",
       {
         className: "u-table-mobile-list",
         style: O != null ? { gap: O } : void 0,
-        children: P.map((l, i) => me(l, i))
+        children: P.map((l, o) => me(l, o))
       }
     )
   ] });
 };
-export { ye as TableMobileView$u };
+export { Re as TableMobileView$u };

package/dist/components/Table/TableRow.js

@@ -121,7 +121,7 @@ const C = "auto", P = ({
                   "path",
                   {
                     d: "M1 4.5625L5.99999 9.5625L11 4.5625",
-                    stroke: "#1E4391",
+                    style: { stroke: "var(--u-color-primary, #1E4391)" },
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round"

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;AA0BvE,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;AA2BvE,eAAO,MAAM,IAAI,GAAI,wHAWlB,cAAc,4CA6LhB,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -3,32 +3,33 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 /* empty css                                  */
 /* empty css      */
 /* empty css                  */
-import { useState as x, useRef as p, useId as D, useEffect as ee, Fragment as oe } from "react";
+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 te } from "../Tooltip/Tooltip.js";
-import { useDismiss$u as re } from "../../hooks/useDismiss.js";
-import { useMountTransition$u as ne } from "../../hooks/useMountTransition.js";
-import { getPopupTransitionStyle$u as se, POPUP_TRANSITION_MS$u as ie } from "../../shared/popupTransition.js";
-import { useTabsOverflow$u as le } from "./useTabsOverflow.js";
-import { useTabsIndicator$u as ae } from "./useTabsIndicator.js";
-import { useTabsScroll$u as ce } from "./useTabsScroll.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 { isPlainLeftClick$u as ue } from "../../vanilla/core/linkClick.js";
-const me = [], Ie = ({
+const me = [], Se = ({
   onClick: h,
   tabsData: n = me,
   activeTab: m,
-  className: $ = "",
+  className: w = "",
   variant: g = "line",
   fullWidth: y = !1,
   tooltipOn: U = !1,
   tooltipDisabled: _ = !1,
-  LinkComponent: v,
+  LinkComponent: $,
   ariaLabel: B
 }) => {
-  const { containerRef: K, measureRef: j, moreMeasureRef: q, visible: z, overflow: u, paddingOf: F, promote: L } = le(n, m, y, g !== "segment"), [d, c] = x(!1), R = p(null), N = p(null), k = p(null), O = D(), { shouldRender: H, status: J, isAnimated: Y } = ne({ isOpen: d, duration: ie }), A = p(u);
-  d && (A.current = u);
-  const f = g === "segment", T = n.some((e) => e.url), w = f ? "u-tab-segment" : "u-tab-line", G = f ? "u-tab-segment-active" : "u-tab-active", { trackRef: I, indicatorRef: Q } = ae(m, `${g}|${y}|${JSON.stringify(n.map((e) => e.id))}`);
-  ce(I, !f, m), re({ refs: [R], enabled: d, onDismiss: () => c(!1) }), ee(() => {
+  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) => {
@@ -63,10 +64,10 @@ const me = [], Ie = ({
     const l = (W) => {
       ue(W) && S(e);
     };
-    return v ? /* @__PURE__ */ r(v, { to: i.url, ...o, onClick: l, children: t }) : /* @__PURE__ */ r("a", { href: i.url, ...o, onClick: l, children: t });
+    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: `${w}${i}${t.id === m ? ` ${G}` : ""}${t.disabled ? " u-tab--disabled" : ""}`,
+      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,
       "data-measure-tab": o ? "" : void 0,
@@ -78,13 +79,13 @@ const me = [], Ie = ({
       "aria-current": !o && t.id === m ? "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(te, { tooltipText: t.title, portalOn: !0, className: "u-tabs-tooltip", children: l }) : l }, e);
+    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);
   };
   return /* @__PURE__ */ a(
     T ? "nav" : "div",
     {
       ref: K,
-      className: `u-tabs ${f ? "u-tabs-segment" : "u-tabs-line"}${y ? " u-tabs-full-width" : ""}${$ ? ` ${$}` : ""}`,
+      className: `u-tabs ${f ? "u-tabs-segment" : "u-tabs-line"}${y ? " u-tabs-full-width" : ""}${w ? ` ${w}` : ""}`,
       "aria-label": T ? B : void 0,
       children: [
         /* @__PURE__ */ a("div", { className: "u-tabs-track", ref: I, children: [
@@ -106,10 +107,10 @@ const me = [], Ie = ({
                   {
                     type: "button",
                     ref: N,
-                    className: `${w} u-tabs-more-trigger`,
+                    className: `${v} u-tabs-more-trigger`,
                     "aria-expanded": d,
                     "aria-haspopup": "menu",
-                    "aria-controls": O,
+                    "aria-controls": A,
                     onClick: () => c((e) => !e),
                     onKeyDown: (e) => {
                       (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), c(!0), requestAnimationFrame(() => V(e.key === "ArrowUp" ? -1 : 0)));
@@ -120,7 +121,7 @@ const me = [], Ie = ({
                     ]
                   }
                 ),
-                H && /* @__PURE__ */ r("div", { className: "u-tabs-more-menu", role: "menu", id: O, ref: k, style: se(J, Y), children: A.current.filter((e) => n[e]).map((e) => /* @__PURE__ */ r(oe, { children: C(e, {
+                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, {
                   role: "menuitem",
                   "aria-disabled": n[e].disabled ? "true" : void 0,
                   tabIndex: n[e].disabled ? -1 : void 0
@@ -134,7 +135,7 @@ const me = [], Ie = ({
         ] }),
         /* @__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: `${w} u-tabs-more-trigger u-tabs-more-measure`, children: [
+          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 })
           ] })
@@ -143,4 +144,4 @@ const me = [], Ie = ({
     }
   );
 };
-export { Ie as Tabs$u };
+export { Se as Tabs$u };

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":"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"}
+{"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;AA4OpD,eAAO,MAAM,OAAO,GAAI,wHAYrB,iBAAiB,4CAgRnB,CAAC"}