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

package/dist/components/Pagination/Pagination.js

@@ -1,6 +1,6 @@
-import { jsxs as _, jsx as o, Fragment as Z } from "react/jsx-runtime";
+import { jsxs as b, jsx as i, Fragment as Z } from "react/jsx-runtime";
 /* empty css                                        */
-const B = () => /* @__PURE__ */ o("button", { type: "button", children: /* @__PURE__ */ o(
+const A = () => /* @__PURE__ */ i("button", { type: "button", className: "u-paginator__pages-dots", children: /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8,7 +8,7 @@ const B = () => /* @__PURE__ */ o("button", { type: "button", children: /* @__PU
     height: "3",
     viewBox: "0 0 9 3",
     fill: "none",
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ i(
       "path",
       {
         d: "M1.61584 2.07C1.4105 2.07 1.23317 1.99533 1.08384 1.846C0.943836 1.69667 0.873836 1.51467 0.873836 1.3C0.873836 1.076 0.943836 0.894 1.08384 0.754C1.23317 0.614 1.4105 0.544 1.61584 0.544C1.82117 0.544 1.99384 0.614 2.13384 0.754C2.28317 0.894 2.35784 1.076 2.35784 1.3C2.35784 1.51467 2.28317 1.69667 2.13384 1.846C1.99384 1.99533 1.82117 2.07 1.61584 2.07ZM4.58263 2.07C4.3773 2.07 4.19997 1.99533 4.05063 1.846C3.91063 1.69667 3.84063 1.51467 3.84063 1.3C3.84063 1.076 3.91063 0.894 4.05063 0.754C4.19997 0.614 4.3773 0.544 4.58263 0.544C4.78797 0.544 4.96063 0.614 5.10063 0.754C5.24997 0.894 5.32463 1.076 5.32463 1.3C5.32463 1.51467 5.24997 1.69667 5.10063 1.846C4.96063 1.99533 4.78797 2.07 4.58263 2.07ZM7.54943 2.07C7.3441 2.07 7.16676 1.99533 7.01743 1.846C6.87743 1.69667 6.80743 1.51467 6.80743 1.3C6.80743 1.076 6.87743 0.894 7.01743 0.754C7.16676 0.614 7.3441 0.544 7.54943 0.544C7.75476 0.544 7.92743 0.614 8.06743 0.754C8.21676 0.894 8.29143 1.076 8.29143 1.3C8.29143 1.51467 8.21676 1.69667 8.06743 1.846C7.92743 1.99533 7.75476 2.07 7.54943 2.07Z",
@@ -17,105 +17,100 @@ const B = () => /* @__PURE__ */ o("button", { type: "button", children: /* @__PU
     )
   }
 ) });
-function L(n, t, s) {
-  if (n <= s + 2)
-    return Array.from({ length: n }, (i, d) => d + 1);
-  const l = [1], r = Math.max(2, t - 1), u = Math.min(n - 1, t + 2);
-  if (r > 2)
-    l.push("dots");
-  else
-    for (let i = 2; i < r; i += 1) l.push(i);
-  for (let i = r; i <= u; i += 1)
-    l.push(i);
-  if (u < n - 1)
-    l.push("dots");
-  else
-    for (let i = u + 1; i < n; i += 1) l.push(i);
-  return l.push(n), l;
+function B(n, t, o) {
+  const a = Math.max(1, o - 2), l = a + 4;
+  if (n <= l)
+    return Array.from({ length: n }, (d, e) => e + 1);
+  const c = (d, e) => Array.from({ length: e - d + 1 }, (v, m) => d + m), u = t - Math.floor((a - 1) / 2), _ = u + a - 1;
+  return u <= 3 ? [...c(1, l - 2), "dots", n] : _ >= n - 2 ? [1, "dots", ...c(n - l + 3, n)] : [1, "dots", ...c(u, _), "dots", n];
 }
-const A = ({
+const L = ({
   startItem: n,
   endItem: t,
-  totalItems: s
-}) => `Записи с ${n} по ${t} из ${s}`;
+  totalItems: o
+}) => `Записи с ${n} по ${t} из ${o}`;
 function V({
   totalItems: n,
   currentPage: t,
-  pageSize: s,
-  onPageChange: l,
-  onPageSizeChange: r,
-  dataLength: u,
-  pageWindow: i = 6,
-  pageSizeOptions: d,
-  resultsRenderer: N,
-  hideResults: m = !1,
-  className: g = "",
-  style: M,
-  marginTop: c
+  pageSize: o,
+  onPageChange: a,
+  onPageSizeChange: l,
+  dataLength: c,
+  pageWindow: u = 6,
+  pageSizeOptions: _,
+  resultsRenderer: d,
+  hideResults: e = !1,
+  className: v = "",
+  style: m,
+  marginTop: p
 }) {
-  const C = d ?? [10, 20, ...n > 20 ? [50] : []], p = C.length > 0 ? C : [s], y = p[0] ?? s, b = p.filter((a, e) => {
-    if (e === 0) return !0;
-    const R = p[e - 1];
+  const f = _ ?? [10, 20, ...n > 20 ? [50] : []], C = f.length > 0 ? f : [o], M = C[0] ?? o, g = C.filter((r, s) => {
+    if (s === 0) return !0;
+    const R = C[s - 1];
     return n > R;
-  }), f = n > y && b.length > 1, h = Math.ceil(n / s), v = h > 1;
-  if ((u ?? Math.max(0, Math.min(s, n - (t - 1) * s))) === 0 || !v && !f) return null;
-  const $ = (t - 1) * s + 1, x = Math.min(t * s, n), k = () => L(h, t, i).map((a, e) => a === "dots" ? /* @__PURE__ */ o(B, {}, `dots-${e}`) : /* @__PURE__ */ o(
-    "button",
-    {
-      type: "button",
-      className: `u-paginator__pages-num ${a === t ? "u-paginator__pages-num_active" : ""}`,
-      onClick: () => l(a),
-      children: a
-    },
-    a
-  )), D = N ?? A, w = c == null ? void 0 : typeof c == "number" ? `${c}px` : c, j = [
+  }), w = n > M && g.length > 1, h = Math.ceil(n / o), N = h > 1;
+  if ((c ?? Math.max(0, Math.min(o, n - (t - 1) * o))) === 0 || !N && !w) return null;
+  const $ = (t - 1) * o + 1, x = Math.min(t * o, n), k = () => B(h, t, u).map((r, s) => r === "dots" ? /* @__PURE__ */ i(A, {}, `dots-${s}`) : (
+    // Ключ — место в ряду, а не номер: при сдвиге окна кнопка остаётся на месте и меняет
+    // только число, подсветка не перетекает на соседнюю кнопку после перестановки (как во Vue).
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: `u-paginator__pages-num ${r === t ? "u-paginator__pages-num_active" : ""}`,
+        onClick: () => a(r),
+        children: r
+      },
+      `page-${s}`
+    )
+  )), D = d ?? L, y = p == null ? void 0 : typeof p == "number" ? `${p}px` : p, j = [
     "u-pagination",
-    m ? "u-pagination_no-results" : "",
-    g
+    e ? "u-pagination_no-results" : "",
+    v
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ b(
     "div",
     {
       className: j,
       style: {
-        ...w != null ? { marginTop: w } : null,
-        ...M
+        ...y != null ? { marginTop: y } : null,
+        ...m
       },
       children: [
-        m ? null : /* @__PURE__ */ o("p", { className: "u-pagination__result", children: D({ startItem: $, endItem: x, totalItems: n }) }),
-        /* @__PURE__ */ o("div", { className: "u-pagination__limits", children: f && /* @__PURE__ */ _(Z, { children: [
+        e ? null : /* @__PURE__ */ i("p", { className: "u-pagination__result", children: D({ startItem: $, endItem: x, totalItems: n }) }),
+        /* @__PURE__ */ i("div", { className: "u-pagination__limits", children: w && /* @__PURE__ */ b(Z, { children: [
           "Выводить по",
-          /* @__PURE__ */ o("div", { className: "u-pagination__limit-wrapper", children: b.map((a) => /* @__PURE__ */ o(
+          /* @__PURE__ */ i("div", { className: "u-pagination__limit-wrapper", children: g.map((r) => /* @__PURE__ */ i(
             "span",
             {
-              className: `u-pagination__limit ${a === s ? "u-pagination__limit_active" : ""}`,
-              onClick: () => r(a),
+              className: `u-pagination__limit ${r === o ? "u-pagination__limit_active" : ""}`,
+              onClick: () => l(r),
               role: "button",
               tabIndex: 0,
-              onKeyDown: (e) => e.key === "Enter" && r(a),
-              children: a
+              onKeyDown: (s) => s.key === "Enter" && l(r),
+              children: r
             },
-            a
+            r
           )) })
         ] }) }),
-        /* @__PURE__ */ o("div", { className: "u-table-pagination-paginator-column", children: v ? /* @__PURE__ */ _("div", { className: "u-paginator", children: [
-          /* @__PURE__ */ o(
+        /* @__PURE__ */ i("div", { className: "u-table-pagination-paginator-column", children: N ? /* @__PURE__ */ b("div", { className: "u-paginator", children: [
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               className: `u-paginator__arrow-btn ${t === 1 ? "u-paginator__arrow-btn_inactive" : ""}`,
               "aria-label": "Предыдущая страница",
-              onClick: () => t > 1 && l(t - 1)
+              onClick: () => t > 1 && a(t - 1)
             }
           ),
-          /* @__PURE__ */ o("div", { className: "u-paginator__pages", children: k() }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i("div", { className: "u-paginator__pages", children: k() }),
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               className: `u-paginator__arrow-btn u-paginator__arrow-btn-right ${t === h ? "u-paginator__arrow-btn-right_inactive" : ""}`,
               "aria-label": "Следующая страница",
-              onClick: () => t < h && l(t + 1)
+              onClick: () => t < h && a(t + 1)
             }
           )
         ] }) : null })

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

@@ -1 +1 @@
-{"version":3,"file":"SearchSelect.d.ts","sourceRoot":"","sources":["../../../src/components/SearchSelect/SearchSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAA;AACpF,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAUhC,eAAO,MAAM,YAAY,GAAI,+aAgC1B,sBAAsB,4CAoYxB,CAAA"}
+{"version":3,"file":"SearchSelect.d.ts","sourceRoot":"","sources":["../../../src/components/SearchSelect/SearchSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAA;AACpF,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAUhC,eAAO,MAAM,YAAY,GAAI,+aAgC1B,sBAAsB,4CAiZxB,CAAA"}

package/dist/components/SearchSelect/SearchSelect.js

@@ -1,167 +1,170 @@
 import { jsx as o, jsxs as S } from "react/jsx-runtime";
-import { getFieldAccessibility$u as De } from "../../shared/fieldAccessibility.js";
-import { useState as Ee, useRef as U, useEffect as N, useMemo as Ke } from "react";
+import { getFieldAccessibility$u as Ee } from "../../shared/fieldAccessibility.js";
+import { useState as Ke, useRef as V, useEffect as z, useMemo as Pe } from "react";
 /* empty css                 */
-import { createPortal as Pe } from "react-dom";
+import { createPortal as Ae } from "react-dom";
 /* empty css                  */
 /* empty css                 */
-import { useSelectEngine$u as Ae } from "../../hooks/useSelectEngine.js";
-import { isSameOptionValue$u as Le, getOptionKeys$u as Be } from "../../shared/optionValue.js";
-import { getPopupTransitionStyle$u as I } from "../../shared/popupTransition.js";
-import { useFlippedPlacement$u as He } from "./useFlippedPlacement.js";
-import { SearchSelectOption$u as Fe } from "./SearchSelectOption.js";
-import { isCompact$u as Ge, sizeClassName$u as Me } from "../../shared/size.js";
-import { getPortalScopeProps$u as We } from "../../shared/uiKitDefaults.js";
-import { resolveValidation$u as Ye } from "../../vanilla/core/validation.js";
-const lt = ({
-  "aria-label": V,
-  "aria-labelledby": C,
-  "aria-describedby": ee,
+import { useSelectEngine$u as Be } from "../../hooks/useSelectEngine.js";
+import { isSameOptionValue$u as Fe, getOptionKeys$u as He } from "../../shared/optionValue.js";
+import { getPopupTransitionStyle$u as C } from "../../shared/popupTransition.js";
+import { useFlippedPlacement$u as Ge } from "./useFlippedPlacement.js";
+import { SearchSelectOption$u as Me } from "./SearchSelectOption.js";
+import { isCompact$u as We, sizeClassName$u as Ye } from "../../shared/size.js";
+import { getPortalScopeProps$u as qe } from "../../shared/uiKitDefaults.js";
+import { resolveValidation$u as Je } from "../../vanilla/core/validation.js";
+const ot = ({
+  "aria-label": ee,
+  "aria-labelledby": te,
+  "aria-describedby": ce,
   title: O = "",
-  required: z = !1,
-  options: R,
-  styleSelectContainer: te,
-  styleTitle: ce,
-  styleSelect: ie,
+  required: R = !1,
+  options: T,
+  styleSelectContainer: se,
+  styleTitle: ie,
+  styleSelect: le,
   lineUp: v = !1,
-  rowGap: se = 4,
-  columnGap: le = 20,
-  placeholder: re = "Не выбрано",
+  rowGap: re = 4,
+  columnGap: oe = 20,
+  placeholder: ae = "Не выбрано",
   value: t,
   isClearable: g = !1,
   onChange: f,
-  className: oe,
-  tableView: T = !1,
-  size: $,
-  validationText: ae = "Заполните поле",
-  validationOn: D,
-  error: ne,
-  absoluteValidationText: de,
+  className: ne,
+  tableView: $ = !1,
+  size: D,
+  validationText: de = "Заполните поле",
+  validationOn: L,
+  error: pe,
+  absoluteValidationText: fe,
   disabled: n,
-  portalOn: pe,
+  portalOn: me,
   onInputChange: y,
-  loading: x,
-  inputValue: b,
+  loading: b,
+  inputValue: x,
   onInputValueChange: c,
-  emptyOptionsText: fe = "Ничего не найдено",
-  id: me
+  emptyOptionsText: be = "Ничего не найдено",
+  id: xe
 }) => {
-  const h = Ge($, T), E = Me($, T), w = Ye({ error: ne, validationOn: D, validationText: ae }), [j, m] = Ee(""), K = U(!1), a = typeof b == "string" && typeof c == "function", r = j && !a ? R.filter((e) => (e.label ?? "").toLowerCase().includes((a ? b : j).toLowerCase())) : R, P = r.findIndex((e) => Le(e == null ? void 0 : e.value, t == null ? void 0 : t.value)), d = Ae({
+  const u = We(D, $), E = Ye(D, $), w = Je({ error: pe, validationOn: L, validationText: de }), [j, m] = Ke(""), K = V(!1), a = typeof x == "string" && typeof c == "function", r = j && !a ? T.filter((e) => (e.label ?? "").toLowerCase().includes((a ? x : j).toLowerCase())) : T, P = r.findIndex((e) => Fe(e == null ? void 0 : e.value, t == null ? void 0 : t.value)), d = Be({
     optionsLength: r.length,
     initialIndex: Math.max(0, P),
     selectedIndex: P,
     disabled: n,
-    portalOn: pe,
-    loading: x,
-    id: me,
+    portalOn: me,
+    loading: b,
+    id: xe,
     idPrefix: "u-search-select",
     // Под полем, а не в 30 пикселях от его верха: прежняя постоянная
     // подходила только компактному полю и накрывала обычное.
     getPortalPosition: (e) => ({ x: e.x, y: e.y + 60 + e.height + e.scrollY }),
     onSelectByIndex: (e) => {
       const l = r[e];
-      l && M.current(l);
+      l && W.current(l);
     }
   }), {
-    isOpen: s,
+    isOpen: i,
     blockRef: A,
-    portalOptionsRef: L,
-    optionsListRef: B,
+    portalOptionsRef: B,
+    optionsListRef: F,
     listboxId: p,
-    activeDescendantId: xe,
-    activeIndex: be,
-    hoveredIndex: ye,
-    setHoveredIndex: he,
-    handleKeyDown: ue,
-    shouldRenderPortal: Se,
-    portalStatus: Oe,
-    shouldRenderLocal: ve,
-    localStatus: ge,
+    activeDescendantId: ye,
+    activeIndex: ue,
+    hoveredIndex: he,
+    setHoveredIndex: Se,
+    handleKeyDown: Oe,
+    shouldRenderPortal: ve,
+    portalStatus: ge,
+    shouldRenderLocal: we,
+    localStatus: je,
     isAnimated: H,
-    portalWidth: we,
-    anchor: je,
+    portalWidth: ke,
+    anchor: Ne,
     usePortal: k
-  } = d, i = d.portalPosition, ke = De(p, O, z, w, {
-    "aria-label": V,
-    "aria-labelledby": C,
-    "aria-describedby": ee
-  }), F = d.close, G = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), M = U(() => {
-  }), { flippedTop: Ne, flippedUp: ze } = He({
-    isOpen: s,
+  } = d, s = d.portalPosition, ze = Ee(p, O, R, w, {
+    "aria-label": ee,
+    "aria-labelledby": te,
+    "aria-describedby": ce
+  }), G = d.close, M = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), W = V(() => {
+  }), { flippedTop: Re, flippedUp: Te } = Ge({
+    isOpen: i,
     portalOn: k,
-    anchor: je,
+    anchor: Ne,
     blockRef: A,
-    portalOptionsRef: L,
-    optionsListRef: B,
-    dependencies: [i == null ? void 0 : i.x, i == null ? void 0 : i.y, r.length, x]
+    portalOptionsRef: B,
+    optionsListRef: F,
+    dependencies: [s == null ? void 0 : s.x, s == null ? void 0 : s.y, r.length, b]
   });
-  N(() => {
+  z(() => {
     t && Object.keys(t).length == 0 && m("");
-  }, [t]), N(() => {
-    t != null && t.label && Object.keys(t).length && !s && m(t.label);
-  }, [s, t]);
-  const W = a ? b : j, Re = (e) => {
-    n || (s || d.open(e.currentTarget), a ? c && c(e.target.value) : m(e.target.value), y && y(e.target.value));
-  }, u = !!(t && typeof t == "object" && t.value !== void 0 && String(t.value).length > 0);
-  N(() => {
+  }, [t]), z(() => {
+    t != null && t.label && Object.keys(t).length && !i && m(t.label);
+  }, [i, t]);
+  const N = a ? x : j, $e = (e) => {
+    n || (i || d.open(e.currentTarget), a ? c && c(e.target.value) : m(e.target.value), y && y(e.target.value));
+  }, h = !!(t && typeof t == "object" && t.value !== void 0 && String(t.value).length > 0), Y = t != null && t.label && Object.keys(t).length ? t.label : "", q = !i && !N ? Y : "";
+  z(() => {
     const e = K.current;
-    K.current = s, e && !s && a && u && b.length > 0 && (c == null || c(""));
-  }, [s, a, u, b, c]);
-  const Te = () => {
-    n || (f == null || f(null), a ? c == null || c("") : m(""), y && y(""), F());
-  }, Y = (e) => {
-    e.preventDefault(), e.stopPropagation(), Te();
-  }, q = (e) => {
-    f == null || f(e), F(), a ? c == null || c("") : m(e.label ?? "");
-  }, $e = Ke(() => Be(r), [r]);
-  M.current = q;
-  const J = g && u ? h ? "calc(28 * var(--u-unit, 1px))" : "calc(40 * var(--u-unit, 1px))" : void 0, Q = g ? { display: "block" } : null, X = /* @__PURE__ */ o("div", { className: "u-selectbox-empty-text", children: fe }), Z = (e, l) => /* @__PURE__ */ o(
-    Fe,
+    K.current = i, e && !i && a && h && x.length > 0 && (c == null || c(""));
+  }, [i, a, h, x, c]);
+  const De = () => {
+    n || (f == null || f(null), a ? c == null || c("") : m(""), y && y(""), G());
+  }, J = (e) => {
+    e.preventDefault(), e.stopPropagation(), De();
+  }, Q = (e) => {
+    f == null || f(e), G(), a ? c == null || c("") : m(e.label ?? "");
+  }, Le = Pe(() => He(r), [r]);
+  W.current = Q;
+  const X = g && h ? u ? "calc(28 * var(--u-unit, 1px))" : "calc(40 * var(--u-unit, 1px))" : void 0, Z = g ? { display: "block" } : null, _ = /* @__PURE__ */ o("div", { className: "u-selectbox-empty-text", children: be }), U = (e, l) => /* @__PURE__ */ o(
+    Me,
     {
       option: e,
       index: l,
       listboxId: p,
       selectedValue: t == null ? void 0 : t.value,
-      isActive: ye === l || be === l,
-      tableView: h,
-      onSelect: q,
-      onHover: he
+      isActive: he === l || ue === l,
+      tableView: u,
+      onSelect: Q,
+      onHover: Se
     },
-    $e[l]
-  ), _ = /* @__PURE__ */ o(
+    Le[l]
+  ), I = /* @__PURE__ */ o(
     "input",
     {
-      className: s ? "u-selectbox-select u-selectbox-select-open" : "u-selectbox-select",
+      className: i ? "u-selectbox-select u-selectbox-select-open" : "u-selectbox-select",
       role: "combobox",
-      ...ke,
-      "aria-expanded": s,
+      ...ze,
+      "aria-expanded": i,
       "aria-haspopup": "listbox",
       "aria-controls": p,
       "aria-autocomplete": "list",
-      "aria-activedescendant": xe,
+      "aria-activedescendant": ye,
       onClick: (e) => {
-        W.length > 0 && (a ? c && c("") : m("")), !n && s && e.currentTarget.blur(), d.toggle(e.currentTarget);
+        N.length > 0 && (a ? c && c("") : m("")), !n && i && e.currentTarget.blur(), d.toggle(e.currentTarget);
       },
       style: Object.assign(
-        h ? {
+        u ? {
           height: "var(--u-compact-height)",
           fontSize: "var(--u-compact-font-size)",
           lineHeight: 1,
           padding: "var(--u-compact-padding)",
           borderRadius: "calc(8 * var(--u-unit, 1px))"
         } : {},
-        J != null ? { paddingRight: J } : {},
-        D && { border: "1px solid var(--u-color-error, #EF302B)" }
+        X != null ? { paddingRight: X } : {},
+        L && { border: "1px solid var(--u-color-error, #EF302B)" }
       ),
       type: "text",
       disabled: n,
-      value: W || "",
-      onChange: Re,
-      onKeyDown: ue,
-      placeholder: t != null && t.label && Object.keys(t).length ? t.label : re
+      value: N || q,
+      onFocus: (e) => {
+        q && e.currentTarget.select();
+      },
+      onChange: $e,
+      onKeyDown: Oe,
+      placeholder: Y || ae
     }
   );
-  return /* @__PURE__ */ S("div", { className: `u-react-select-container${E ? ` ${E}` : ""} ${oe ?? ""}`, style: { position: "relative" }, children: [
+  return /* @__PURE__ */ S("div", { className: `u-react-select-container${E ? ` ${E}` : ""} ${ne ?? ""}`, style: { position: "relative" }, children: [
     /* @__PURE__ */ S(
       "div",
       {
@@ -169,23 +172,23 @@ const lt = ({
           {
             display: "flex",
             flexDirection: v ? "row" : "column",
-            rowGap: v ? null : G(se),
-            columnGap: v ? G(le) : null
+            rowGap: v ? null : M(re),
+            columnGap: v ? M(oe) : null
           },
-          te
+          se
         ),
         children: [
           O && /* @__PURE__ */ o(
             "div",
             {
               id: `${p}-label`,
-              className: `${z ? "u-required" : ""} u-react-select-title`,
+              className: `${R ? "u-required" : ""} u-react-select-title`,
               style: Object.assign(
                 {
                   color: "var(--u-field-title-color, #545454)",
                   fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
                 },
-                ce
+                ie
               ),
               children: O
             }
@@ -199,55 +202,55 @@ const lt = ({
                 {
                   width: "100%"
                 },
-                ie
+                le
               ),
               children: [
                 g ? /* @__PURE__ */ S("div", { style: { position: "relative", width: "100%" }, children: [
-                  _,
-                  !n && u ? /* @__PURE__ */ o(
+                  I,
+                  !n && h ? /* @__PURE__ */ o(
                     "div",
                     {
                       role: "button",
                       tabIndex: -1,
                       className: "u-selectbox-select-icon-cross",
                       "aria-label": "Очистить",
-                      onClick: Y,
+                      onClick: J,
                       onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === " ") && Y(e);
+                        (e.key === "Enter" || e.key === " ") && J(e);
                       },
                       style: {
                         zIndex: 2,
                         cursor: "pointer",
-                        right: h ? "calc(8 * var(--u-unit, 1px))" : "calc(20 * var(--u-unit, 1px))"
+                        right: u ? "calc(8 * var(--u-unit, 1px))" : "calc(20 * var(--u-unit, 1px))"
                       }
                     }
                   ) : null
-                ] }) : _,
-                s && x ? /* @__PURE__ */ o(
+                ] }) : I,
+                i && b ? /* @__PURE__ */ o(
                   "div",
                   {
                     className: "u-selectbox-options",
                     style: Object.assign(
                       { textAlign: "center", padding: "calc(16 * var(--u-unit, 1px))" },
-                      Q ?? {}
+                      Z ?? {}
                     ),
                     children: /* @__PURE__ */ o("span", { className: "u-selectbox-loading", children: "Загрузка..." })
                   }
                 ) : null,
-                !x && k && Se && i && Pe(
+                !b && k && ve && s && Ae(
                   /* @__PURE__ */ o(
                     "div",
                     {
-                      ref: L,
-                      ...We(),
+                      ref: B,
+                      ...qe(),
                       id: p,
                       role: "listbox",
                       className: "u-selectbox-options",
                       style: Object.assign(
                         {
-                          width: we,
-                          left: i == null ? void 0 : i.x,
-                          top: Ne ?? (i == null ? void 0 : i.y) - 60,
+                          width: ke,
+                          left: s == null ? void 0 : s.x,
+                          top: Re ?? (s == null ? void 0 : s.y) - 60,
                           opacity: 1,
                           visibility: "visible",
                           height: "fit-content",
@@ -257,30 +260,30 @@ const lt = ({
                           display: "block"
                         },
                         d.optionsStyle,
-                        I(Oe, H)
+                        C(ge, H)
                       ),
-                      children: r.length > 0 ? r.map((e, l) => Z(e, l)) : X
+                      children: r.length > 0 ? r.map((e, l) => U(e, l)) : _
                     }
                   ),
                   document.body
                 ),
-                !x && !k && ve ? /* @__PURE__ */ o(
+                !b && !k && we ? /* @__PURE__ */ o(
                   "div",
                   {
-                    ref: B,
+                    ref: F,
                     id: p,
                     role: "listbox",
-                    className: ze ? "u-selectbox-options u-selectbox-options-up" : "u-selectbox-options",
+                    className: Te ? "u-selectbox-options u-selectbox-options-up" : "u-selectbox-options",
                     style: Object.assign(
                       {},
-                      Q ?? {},
+                      Z ?? {},
                       // см. Select: без своего `display` переход срывается на кадре,
                       // когда vanilla уже спрятала список, а узел ещё нужен
                       { display: "block" },
                       d.optionsStyle,
-                      I(ge, H)
+                      C(je, H)
                     ),
-                    children: r.length > 0 ? r.map((e, l) => Z(e, l)) : X
+                    children: r.length > 0 ? r.map((e, l) => U(e, l)) : _
                   }
                 ) : null
               ]
@@ -289,7 +292,7 @@ const lt = ({
         ]
       }
     ),
-    w.showText && /* @__PURE__ */ o("h5", { id: `${p}-error`, className: "h5 clr-red-main", style: de ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: w.text })
+    w.showText && /* @__PURE__ */ o("h5", { id: `${p}-error`, className: "h5 clr-red-main", style: fe ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: w.text })
   ] });
 };
-export { lt as SearchSelect$u };
+export { ot as SearchSelect$u };

package/dist/components/TabPanels/TabPanels.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type TabPanelsProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** Ключ открытой вкладки — то же значение, что `activeTab` у `Tabs`. Смена ключа проигрывает появление. */
+    activeKey: string | number;
+    children?: ReactNode;
+};
+/**
+ * Обёртка содержимого вкладок: при смене `activeKey` содержимое появляется на шкале движения
+ * (`playEnterMotion`). Сама обёртка не пересоздаётся, поэтому дети сохраняют состояние;
+ * работает и вокруг `<Outlet>`. Первый показ и `prefers-reduced-motion` — без анимации.
+ */
+export declare const TabPanels: ({ activeKey, children, ...rest }: TabPanelsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabPanels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanels/TabPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,2GAA2G;IAC3G,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CAQzE,CAAC"}

package/dist/components/TabPanels/TabPanels.js

@@ -0,0 +1,8 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { useEnterMotion$u as s } from "../../hooks/useEnterMotion.js";
+const u = ({ activeKey: r, children: t, ...e }) => {
+  const o = m(null);
+  return s(o, r), /* @__PURE__ */ n("div", { ref: o, ...e, children: t });
+};
+export { u as TabPanels$u };