urfu-ui-kit-react 2.1.3 → 2.1.5

package/dist/components/Table/useTableVirtualization.js

@@ -0,0 +1,145 @@
+import { useRef as i, useState as A, useLayoutEffect as k, useCallback as N, useMemo as Z, useEffect as B } from "react";
+const ot = ({
+  filteredData: e,
+  virtualizationOn: c,
+  visibleRows: q,
+  rowHeight: I,
+  isLoading: C,
+  isLoadingPreloader: S,
+  id: E,
+  page: H,
+  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(() => {
+    if (!C && !S && s.current) {
+      if (e.length === 0) {
+        T.current = 0;
+        return;
+      }
+      const t = s.current.getBoundingClientRect().height;
+      t > 0 && (T.current = t);
+    }
+  });
+  const [L, O] = A(void 0), Q = N(
+    (t) => d.current[t] ?? I,
+    [I]
+  ), l = Z(() => {
+    const t = new Array(e.length + 1).fill(0);
+    for (let n = 0; n < e.length; n++)
+      t[n + 1] = t[n] + Q(n);
+    return t;
+  }, [e.length, Q, _]), a = Z(
+    () => l.length > 0 ? l[l.length - 1] : 0,
+    [l]
+  ), w = q + 1, U = N(
+    (t) => {
+      let n = 0, o = l.length - 1;
+      for (; n < o; ) {
+        const r = Math.floor((n + o) / 2);
+        l[r] <= t ? n = r + 1 : o = r;
+      }
+      return Math.max(0, Math.min(e.length - 1, n - 1));
+    },
+    [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(
+    (t) => {
+      if (!f)
+        return;
+      const n = t.target, o = Math.max(0, e.length - w), r = Math.min(o, U(n.scrollTop));
+      P(r);
+    },
+    [e.length, U, f, w]
+  );
+  B(() => {
+    if (c && s.current) {
+      const t = s.current;
+      return t.addEventListener("scroll", V), () => {
+        t == null || t.removeEventListener("scroll", V);
+      };
+    }
+  }, [c, V]), B(() => {
+    c && s.current && e.length < h && (s.current.scrollTo({ top: 0 }), P(0));
+  }, [e.length, h, c]);
+  const [M, et] = A(0);
+  B(() => {
+    const t = s.current;
+    if (!c || !t || typeof ResizeObserver > "u") return;
+    let n = t.clientWidth;
+    const o = new ResizeObserver((r) => {
+      var m;
+      const u = ((m = r[0]) == null ? void 0 : m.contentRect.width) ?? 0;
+      u <= 0 || Math.abs(u - n) <= 0.5 || (n = u, et((v) => v + 1));
+    });
+    return o.observe(t), () => o.disconnect();
+  }, [c]);
+  const Y = i(null);
+  return k(() => {
+    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;
+    let o = !1;
+    for (let r = t; r < n; r++) {
+      const u = K.current[r];
+      if (!u) continue;
+      const m = u.getBoundingClientRect().height;
+      (!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(() => {
+    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;
+        o[y] = nt;
+        const x = Array.from(b.children);
+        r[y] = x.map((R) => R.getBoundingClientRect().height), u[y] = x.map((R) => {
+          const g = R.firstElementChild;
+          return g ? g.getBoundingClientRect().height : 0;
+        }), m[y] = x.map((R) => {
+          const g = R.firstElementChild;
+          return g ? g.getBoundingClientRect().width : 0;
+        }), v[y] = x.map((R) => {
+          const g = window.getComputedStyle(R);
+          return {
+            padding: g.padding,
+            border: g.border,
+            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);
+    }
+  }, [C, e, E, H, p, h, w]), B(() => {
+    !S && e.length > 0 && setTimeout(() => {
+      const t = document.querySelector(`#${E} .table tbody`);
+      t && O(t.getBoundingClientRect().height);
+    }, 0);
+  }, [S, e, E]), {
+    rootRef: s,
+    start: h,
+    visibleCount: w,
+    pagedData: z,
+    hasOverflow: f,
+    topPadding: D,
+    bottomPadding: tt,
+    rowRefs: K,
+    rowHeightsRef: d,
+    tdHeightsRef: j,
+    tdContentHeightsRef: F,
+    tdContentWidthsRef: G,
+    tdStylesRef: J,
+    preloaderRealHeight: L,
+    lastLoadedHeightRef: T
+  };
+};
+export { ot as useTableVirtualization$u };

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

@@ -1,4 +1,5 @@
 
+
 import './Tabs.less';
 import '../../styles/tokens.less';
 import type { TabsProperties } from './Tabs.types';

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,aAAa,CAAC;AACrB,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,cAAc,CAAC;AAQvE,eAAO,MAAM,IAAI,GAAI,8FASlB,cAAc,4CA+JhB,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;AAWvE,eAAO,MAAM,IAAI,GAAI,8FASlB,cAAc,4CAyKhB,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,141 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                                  */
+/* empty css      */
+/* empty css                  */
+import { useState as Q, useRef as f, useId as V, useEffect as X } from "react";
+import { Icon$u as p } from "../Icon/Icon.js";
+import { Tooltip$u as Z } from "../Tooltip/Tooltip.js";
+import { useDismiss$u as W } from "../../hooks/useDismiss.js";
+import { useMountTransition$u as x } from "../../hooks/useMountTransition.js";
+import { getPopupTransitionStyle$u as D, POPUP_TRANSITION_MS$u as ee } from "../../shared/popupTransition.js";
+import { useTabsOverflow$u as te } from "./useTabsOverflow.js";
+import { useTabsIndicator$u as ne } from "./useTabsIndicator.js";
+const oe = [], ye = ({
+  onClick: b,
+  tabsData: r = oe,
+  activeTab: m,
+  className: w = "",
+  variant: $ = "line",
+  fullWidth: h = !1,
+  tooltipOn: P = !1,
+  tooltipDisabled: M = !1
+}) => {
+  const { containerRef: E, measureRef: U, moreMeasureRef: _, visible: B, overflow: l, paddingOf: K, promote: j } = te(r, m, h), [c, a] = Q(!1), v = f(null), y = f(null), O = f(null), R = V(), { shouldRender: q, status: z, isAnimated: C } = x({ isOpen: c, duration: ee }), A = f(l);
+  c && (A.current = l);
+  const g = $ === "segment", N = g ? "u-tab-segment" : "u-tab-line", F = g ? "u-tab-segment-active" : "u-tab-active", { trackRef: H, indicatorRef: J } = ne(m, `${$}|${h}|${JSON.stringify(r.map((e) => e.id))}`);
+  W({ refs: [v], enabled: c, onDismiss: () => a(!1) }), X(() => {
+    l.length || a(!1);
+  }, [l.length]);
+  const T = (e) => {
+    var n, s;
+    if ((n = r[e]) != null && n.disabled) return;
+    const t = l.includes(e);
+    j(e), a(!1), b == null || b(r[e]), t && ((s = y.current) == null || s.focus({ preventScroll: !0 }));
+  }, I = () => {
+    var e;
+    return Array.from(((e = O.current) == null ? void 0 : e.querySelectorAll('button:not([aria-disabled="true"])')) || []);
+  }, L = (e) => {
+    var n;
+    const t = I();
+    (n = t[e < 0 ? t.length - 1 : e]) == null || n.focus();
+  }, Y = (e) => {
+    var d, u;
+    const t = I(), n = t.indexOf(document.activeElement), s = e.key === "ArrowDown" ? (n + 1) % t.length : e.key === "ArrowUp" ? (n - 1 + t.length) % t.length : e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : -1;
+    s >= 0 ? (e.preventDefault(), (d = t[s]) == null || d.focus()) : e.key === "Escape" && (e.preventDefault(), a(!1), (u = y.current) == null || u.focus());
+  }, k = (e) => /* @__PURE__ */ o("span", { className: "u-tabs-title", "data-label": e.title, children: e.title }), G = (e) => {
+    if (!e.icon) return k(e);
+    const t = e.iconPosition === "right";
+    return /* @__PURE__ */ i("span", { className: `u-tabs-content${t ? " u-tabs-content-reverse" : ""}`, children: [
+      /* @__PURE__ */ o(p, { name: e.icon, className: "u-tabs-icon" }),
+      !e.iconOnly && k(e)
+    ] });
+  }, S = (e, t = !1) => {
+    const n = r[e], s = !!(n.icon && n.iconOnly), d = n.icon ? s ? " u-tab-icon-only" : ` u-tab-with-icon${n.iconPosition === "right" ? " u-tab-icon-right" : ""}` : "", u = /* @__PURE__ */ o(
+      "button",
+      {
+        className: `${N}${d}${n.id === m ? ` ${F}` : ""}${n.disabled ? " u-tab--disabled" : ""}`,
+        type: "button",
+        "data-label": s ? void 0 : n.title,
+        "aria-label": s ? n.title : void 0,
+        "data-measure-tab": t ? "" : void 0,
+        style: t ? void 0 : K(e),
+        tabIndex: t || n.disabled ? -1 : void 0,
+        "aria-current": !t && n.id === m ? "page" : void 0,
+        "aria-disabled": !t && n.disabled ? "true" : void 0,
+        onClick: t ? void 0 : () => T(e),
+        children: G(n)
+      }
+    );
+    return /* @__PURE__ */ o("div", { className: "u-tabs-item", children: P && !M && !t ? /* @__PURE__ */ o(Z, { tooltipText: n.title, portalOn: !0, className: "u-tabs-tooltip", children: u }) : u }, e);
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: E,
+      className: `u-tabs ${g ? "u-tabs-segment" : "u-tabs-line"}${h ? " u-tabs-full-width" : ""}${w ? ` ${w}` : ""}`,
+      children: [
+        /* @__PURE__ */ i("div", { className: "u-tabs-track", ref: H, children: [
+          /* @__PURE__ */ o("span", { className: "u-tabs-indicator", ref: J, "aria-hidden": "true" }),
+          B.map((e) => S(e)),
+          l.length > 0 && /* @__PURE__ */ i(
+            "div",
+            {
+              className: "u-tabs-more",
+              ref: v,
+              onKeyDown: Y,
+              onBlur: (e) => {
+                const t = e.relatedTarget;
+                t && !e.currentTarget.contains(t) && a(!1);
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    ref: y,
+                    className: `${N} u-tabs-more-trigger`,
+                    "aria-expanded": c,
+                    "aria-haspopup": "menu",
+                    "aria-controls": R,
+                    onClick: () => a((e) => !e),
+                    onKeyDown: (e) => {
+                      (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), a(!0), requestAnimationFrame(() => L(e.key === "ArrowUp" ? -1 : 0)));
+                    },
+                    children: [
+                      /* @__PURE__ */ o("span", { children: "Ещё" }),
+                      /* @__PURE__ */ o(p, { name: "down", size: 14, rotate: c ? 180 : 0 })
+                    ]
+                  }
+                ),
+                q && /* @__PURE__ */ o("div", { className: "u-tabs-more-menu", role: "menu", id: R, ref: O, style: D(z, C), children: A.current.filter((e) => r[e]).map((e) => /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    "aria-disabled": r[e].disabled ? "true" : void 0,
+                    tabIndex: r[e].disabled ? -1 : void 0,
+                    onClick: () => T(e),
+                    children: r[e].icon ? /* @__PURE__ */ i("span", { className: "u-tabs-content", children: [
+                      /* @__PURE__ */ o(p, { name: r[e].icon, className: "u-tabs-icon" }),
+                      /* @__PURE__ */ o("span", { children: r[e].title })
+                    ] }) : r[e].title
+                  },
+                  e
+                )) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { ref: U, className: "u-tabs-measure", "aria-hidden": "true", children: [
+          r.map((e, t) => S(t, !0)),
+          /* @__PURE__ */ i("button", { ref: _, type: "button", tabIndex: -1, className: `${N} u-tabs-more-trigger u-tabs-more-measure`, children: [
+            /* @__PURE__ */ o("span", { children: "Ещё" }),
+            /* @__PURE__ */ o(p, { name: "down", size: 14 })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export { ye as Tabs$u };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabsIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabsIndicator.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAQrC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAmC5B,8FAA8F;kBAChF,WAAW,GAAG,IAAI,aAAa,WAAW,GAAG,IAAI,UAAU,OAAO,UAAU,MAAM;IAMhG,iFAAiF;mBAClE,WAAW,GAAG,IAAI,aAAa,WAAW,GAAG,IAAI;CAInE,CAAC"}

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

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

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

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

package/dist/components/Tabs/useTabsIndicator.js

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

package/dist/components/Tabs/useTabsOverflow.js

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

package/dist/components/Textarea/Textarea.js

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

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

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

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

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