urfu-ui-kit-react 2.1.7-next.4 → 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,4CA8LhB,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,148 +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 D, useRef as p, useEffect as ee, Fragment as oe } 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 { useAutoId$u as ue } from "../../hooks/useAutoId.js";
-import { isPlainLeftClick$u as me } from "../../vanilla/core/linkClick.js";
-const de = [], Se = ({
-  onClick: h,
-  tabsData: n = de,
-  activeTab: m,
-  className: w = "",
-  variant: g = "line",
-  fullWidth: y = !1,
-  tooltipOn: U = !1,
-  tooltipDisabled: _ = !1,
-  LinkComponent: $,
-  ariaLabel: B
+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 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, morePadding: L, promote: H } = le(n, m, y, g !== "segment"), [d, c] = D(!1), R = p(null), N = p(null), k = p(null), A = ue(void 0, "u-tabs-menu"), { shouldRender: J, status: Y, isAnimated: G } = ne({ isOpen: d, duration: ie }), 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", Q = f ? "u-tab-segment-active" : "u-tab-active", { trackRef: I, indicatorRef: V } = ae(m, `${g}|${y}|${JSON.stringify(n.map((e) => e.id))}`);
-  ce(I, !f, m), re({ refs: [R], enabled: d, onDismiss: () => c(!1) }), ee(() => {
-    u.length || c(!1);
-  }, [u.length]);
-  const P = (e) => {
-    var t, s;
-    if ((t = n[e]) != null && t.disabled) return;
-    const o = u.includes(e);
-    H(e), c(!1), h == null || h(n[e]), o && ((s = N.current) == null || s.focus({ preventScroll: !0 }));
-  }, S = () => {
+  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"])')) || []);
-  }, X = (e) => {
+    return Array.from(((e = O.current) == null ? void 0 : e.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) || []);
+  }, W = (e) => {
     var t;
-    const o = S();
+    const o = C();
     (t = o[e < 0 ? o.length - 1 : e]) == null || t.focus();
-  }, Z = (e) => {
-    var i, l;
-    const o = S(), 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 }), W = (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 : () => P(e), children: t });
-    if (s || i.disabled)
-      return /* @__PURE__ */ r("a", { ...o, role: o.role ?? (s ? void 0 : "link"), children: t });
-    const l = (x) => {
-      me(x) && P(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 ? ` ${Q}` : ""}${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
-    }, W(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);
+    }, 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: V, "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: Z,
+              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`,
-                    style: L(),
-                    "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(() => X(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 })
                     ]
                   }
                 ),
-                J && /* @__PURE__ */ r("div", { className: "u-tabs-more-menu", role: "menu", id: A, ref: k, style: se(Y, G), children: O.current.filter((e) => n[e]).map((e) => /* @__PURE__ */ r(oe, { 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/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"}

package/dist/components/Textarea/Textarea.js

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