urfu-ui-kit-react 2.1.7-next.3 → 2.1.7-next.5

package/dist/components/ColumnSettings/ColumnSettings.js

@@ -1,67 +1,68 @@
-import { jsxs as v, jsx as r, Fragment as re } from "react/jsx-runtime";
-import { useState as T, useRef as W, useEffect as V, useLayoutEffect as ae, Fragment as ce } from "react";
+import { jsxs as $, jsx as r, Fragment as ce } from "react/jsx-runtime";
+import { useState as W, useRef as j, useEffect as Z, useLayoutEffect as ie, Fragment as le } from "react";
 /* empty css                 */
 /* empty css                */
-import { Button$u as le } from "../Button/Button.js";
-import { Tooltip$u as ie } from "../Tooltip/Tooltip.js";
-import { Icon$u as oe } from "../Icon/Icon.js";
-import { Checkbox$u as A } from "../Checkbox/Checkbox.js";
+import { Button$u as oe } from "../Button/Button.js";
+import { Tooltip$u as de } from "../Tooltip/Tooltip.js";
+import { Icon$u as me } from "../Icon/Icon.js";
+import { Checkbox$u as E } from "../Checkbox/Checkbox.js";
 import { useAutoId$u as ue } from "../../hooks/useAutoId.js";
-import { reconcileColumnOrder$u as de } from "../../vanilla/core/reconcileColumnOrder.js";
-function Se({
-  options: p,
-  visible: N,
-  onChange: Y,
-  order: j,
-  onOrderChange: E,
-  pinned: y,
+import { kitCls$u as o, getUiKitPrefix$u as c } from "../../shared/uiKitDefaults.js";
+import { reconcileColumnOrder$u as fe } from "../../vanilla/core/reconcileColumnOrder.js";
+function Ae({
+  options: y,
+  visible: K,
+  onChange: _,
+  order: B,
+  onOrderChange: q,
+  pinned: b,
   onPinnedChange: u,
-  pinnedRight: b,
-  onPinnedRightChange: d,
-  pinLabel: k = "Закрепить",
-  variant: Z = "default",
-  title: _ = "Настройка отображения таблицы",
-  icon: H = "sliders",
-  buttonLabel: K = "Настроить таблицу",
+  pinnedRight: k,
+  onPinnedRightChange: f,
+  pinLabel: x = "Закрепить",
+  variant: H = "default",
+  title: ee = "Настройка отображения таблицы",
+  icon: te = "sliders",
+  buttonLabel: F = "Настроить таблицу",
   tooltipOn: S = !1,
-  align: B = "right",
-  maxListHeight: q = 320,
-  className: ee = ""
+  align: C = "right",
+  maxListHeight: I = 320,
+  className: ne = ""
 }) {
-  const [i, F] = T(!1), [L, x] = T(0), [te, ne] = T(""), I = W(null), M = W(null), R = ue(void 0, "u-column-settings-title"), o = N instanceof Set ? N : new Set(N), m = y instanceof Set ? y : new Set(y), f = b instanceof Set ? b : new Set(b), $ = y !== void 0 && u !== void 0, h = b !== void 0 && d !== void 0, D = $ || h, c = E !== void 0, g = de(p.map((e) => e.key), j), U = new Map(p.map((e) => [e.key, e])), C = j !== void 0 || c ? g.map((e) => U.get(e)) : p, se = (e, n) => {
+  const [d, D] = W(!1), [L, A] = W(0), [se, re] = W(""), z = j(null), M = j(null), R = ue(void 0, o("column-settings-title")), m = K instanceof Set ? K : new Set(K), h = b instanceof Set ? b : new Set(b), g = k instanceof Set ? k : new Set(k), N = b !== void 0 && u !== void 0, w = k !== void 0 && f !== void 0, O = N || w, i = q !== void 0, p = fe(y.map((e) => e.key), B), P = new Map(y.map((e) => [e.key, e])), X = B !== void 0 || i ? p.map((e) => P.get(e)) : y, ae = (e, n) => {
     var a;
-    if (!E) return;
-    const t = g.indexOf(e);
-    if (t < 0 || n < 0 || n >= g.length || t === n) return;
-    const s = [...g];
-    s.splice(t, 1), s.splice(n, 0, e), E(s), ne("Колонка «" + ((a = U.get(e)) == null ? void 0 : a.label) + "»: позиция " + (n + 1) + " из " + s.length);
-  }, X = (e, n) => se(e, g.indexOf(e) + n);
-  V(() => {
-    if (!i) return;
+    if (!q) return;
+    const t = p.indexOf(e);
+    if (t < 0 || n < 0 || n >= p.length || t === n) return;
+    const s = [...p];
+    s.splice(t, 1), s.splice(n, 0, e), q(s), re("Колонка «" + ((a = P.get(e)) == null ? void 0 : a.label) + "»: позиция " + (n + 1) + " из " + s.length);
+  }, G = (e, n) => ae(e, p.indexOf(e) + n);
+  Z(() => {
+    if (!d) return;
     const e = (t) => {
       var s;
-      (s = I.current) != null && s.contains(t.target) || F(!1);
+      (s = z.current) != null && s.contains(t.target) || D(!1);
     }, n = (t) => {
-      t.key !== "Escape" || t.defaultPrevented || (t.preventDefault(), F(!1));
+      t.key !== "Escape" || t.defaultPrevented || (t.preventDefault(), D(!1));
     };
     return document.addEventListener("mousedown", e), document.addEventListener("keydown", n, !0), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("keydown", n, !0);
     };
-  }, [i]);
-  const z = () => {
-    const e = I.current, n = M.current;
+  }, [d]);
+  const T = () => {
+    const e = z.current, n = M.current;
     if (!e || !n) return;
-    const t = e.getBoundingClientRect(), s = n.offsetWidth, a = B === "right" ? t.right - s : t.left, w = a + s, l = 8;
-    a < l ? x(l - a) : w > window.innerWidth - l ? x(window.innerWidth - l - w) : x(0);
+    const t = e.getBoundingClientRect(), s = n.offsetWidth, a = C === "right" ? t.right - s : t.left, v = a + s, l = 8;
+    a < l ? A(l - a) : v > window.innerWidth - l ? A(window.innerWidth - l - v) : A(0);
   };
-  ae(() => {
-    i ? z() : x(0);
+  ie(() => {
+    d ? T() : A(0);
   });
-  const G = W(z);
-  G.current = z, V(() => {
-    if (!i) return;
+  const J = j(T);
+  J.current = T, Z(() => {
+    if (!d) return;
     let e = 0;
-    const n = () => G.current(), t = () => {
+    const n = () => J.current(), t = () => {
       n(), cancelAnimationFrame(e), e = requestAnimationFrame(() => {
         n(), e = requestAnimationFrame(n);
       });
@@ -69,137 +70,137 @@ function Se({
     return window.addEventListener("resize", t), () => {
       window.removeEventListener("resize", t), cancelAnimationFrame(e);
     };
-  }, [i]);
-  const J = (e) => {
+  }, [d]);
+  const Q = (e) => {
     var t;
-    if ((t = p.find((s) => s.key === e)) != null && t.required) return;
-    const n = new Set(o);
+    if ((t = y.find((s) => s.key === e)) != null && t.required) return;
+    const n = new Set(m);
     if (n.has(e)) {
-      if (n.delete(e), m.has(e) && u) {
-        const s = new Set(m);
+      if (n.delete(e), h.has(e) && u) {
+        const s = new Set(h);
         s.delete(e), u(s);
       }
-      if (f.has(e) && d) {
-        const s = new Set(f);
-        s.delete(e), d(s);
+      if (g.has(e) && f) {
+        const s = new Set(g);
+        s.delete(e), f(s);
       }
     } else
       n.add(e);
-    Y(n);
-  }, P = (e, n) => {
-    const t = n === "left" ? u : d, s = n === "left" ? m : f;
-    if (!t || !o.has(e)) return;
+    _(n);
+  }, V = (e, n) => {
+    const t = n === "left" ? u : f, s = n === "left" ? h : g;
+    if (!t || !m.has(e)) return;
     const a = new Set(s);
     if (a.has(e)) a.delete(e);
     else {
       a.add(e);
-      const w = n === "left" ? f : m, l = n === "left" ? d : u;
-      if (w.has(e) && l) {
-        const Q = new Set(w);
-        Q.delete(e), l(Q);
+      const v = n === "left" ? g : h, l = n === "left" ? f : u;
+      if (v.has(e) && l) {
+        const Y = new Set(v);
+        Y.delete(e), l(Y);
       }
     }
     t(a);
-  }, O = (e, n) => S ? /* @__PURE__ */ r(ie, { tooltipText: n, portalOn: !0, children: e }) : e;
-  return /* @__PURE__ */ v("div", { className: `u-react-column-settings u-react-column-settings-${Z}${$ && h ? " u-react-column-settings-both-sides" : ""} ${ee}`.trim(), ref: I, children: [
-    O(
+  }, U = (e, n) => S ? /* @__PURE__ */ r(de, { tooltipText: n, portalOn: !0, children: e }) : e;
+  return /* @__PURE__ */ $("div", { className: `${c()}-react-column-settings ${c()}-react-column-settings-${H}${N && w ? ` ${c()}-react-column-settings-both-sides` : ""} ${ne}`.trim(), ref: z, children: [
+    U(
       /* @__PURE__ */ r(
-        le,
+        oe,
         {
           variant: "icon",
-          icon: H,
+          icon: te,
           iconOnly: !0,
           iconSize: 20,
-          onClick: () => F((e) => !e),
-          "aria-label": K,
-          title: S ? void 0 : K
+          onClick: () => D((e) => !e),
+          "aria-label": F,
+          title: S ? void 0 : F
         }
       ),
-      K
+      F
     ),
-    i && /* @__PURE__ */ v(
+    d && /* @__PURE__ */ $(
       "div",
       {
-        className: `u-react-column-settings-panel u-react-column-settings-panel-${B}`,
+        className: `${c()}-react-column-settings-panel ${c()}-react-column-settings-panel-${C}`,
         role: "dialog",
         "aria-labelledby": R,
         ref: M,
         style: L ? { transform: `translateX(${L}px)` } : void 0,
         children: [
-          /* @__PURE__ */ r("p", { className: "u-react-column-settings-title", id: R, children: _ }),
-          D && /* @__PURE__ */ v("div", { className: `u-react-column-settings-head${c ? " u-react-column-settings-head-with-order" : ""}`, "aria-hidden": "true", children: [
+          /* @__PURE__ */ r("p", { className: o("react-column-settings-title"), id: R, children: ee }),
+          O && /* @__PURE__ */ $("div", { className: `${c()}-react-column-settings-head${i ? ` ${c()}-react-column-settings-head-with-order` : ""}`, "aria-hidden": "true", children: [
             /* @__PURE__ */ r("span", { children: "Колонка" }),
-            /* @__PURE__ */ r("span", { children: c ? "Вид" : "Показывать" }),
-            $ && O(/* @__PURE__ */ r("span", { title: S ? void 0 : k, children: h ? "Слева" : c && k === "Закрепить" ? "Закр" : k }), k),
-            h && /* @__PURE__ */ r("span", { children: "Справа" }),
-            c && /* @__PURE__ */ r("span", { children: "Порядок" })
+            /* @__PURE__ */ r("span", { children: i ? "Вид" : "Показывать" }),
+            N && U(/* @__PURE__ */ r("span", { title: S ? void 0 : x, children: w ? "Слева" : i && x === "Закрепить" ? "Закр" : x }), x),
+            w && /* @__PURE__ */ r("span", { children: "Справа" }),
+            i && /* @__PURE__ */ r("span", { children: "Порядок" })
           ] }),
           /* @__PURE__ */ r(
             "ul",
             {
-              className: "u-react-column-settings-list",
-              style: q ? { maxHeight: `${q}px`, "--u-column-settings-list-max": `${q}px` } : void 0,
-              children: C.map((e, n) => /* @__PURE__ */ v(
+              className: o("react-column-settings-list"),
+              style: I ? { maxHeight: `${I}px`, [`--${c()}-column-settings-list-max`]: `${I}px` } : void 0,
+              children: X.map((e, n) => /* @__PURE__ */ $(
                 "li",
                 {
                   "data-column-key": e.key,
-                  className: `u-react-column-settings-item${D ? " u-react-column-settings-item-with-pinning" : ""}${c ? " u-react-column-settings-item-with-order" : ""}`,
-                  onKeyDown: c ? (t) => {
-                    !t.altKey || !["ArrowUp", "ArrowDown"].includes(t.key) || (t.preventDefault(), X(e.key, t.key === "ArrowUp" ? -1 : 1));
+                  className: `${c()}-react-column-settings-item${O ? ` ${c()}-react-column-settings-item-with-pinning` : ""}${i ? ` ${c()}-react-column-settings-item-with-order` : ""}`,
+                  onKeyDown: i ? (t) => {
+                    !t.altKey || !["ArrowUp", "ArrowDown"].includes(t.key) || (t.preventDefault(), G(e.key, t.key === "ArrowUp" ? -1 : 1));
                   } : void 0,
                   children: [
-                    D ? /* @__PURE__ */ v(re, { children: [
-                      /* @__PURE__ */ r("span", { className: "u-react-column-settings-label", children: e.label }),
+                    O ? /* @__PURE__ */ $(ce, { children: [
+                      /* @__PURE__ */ r("span", { className: o("react-column-settings-label"), children: e.label }),
                       /* @__PURE__ */ r(
-                        A,
+                        E,
                         {
-                          checked: e.required || o.has(e.key),
+                          checked: e.required || m.has(e.key),
                           disabled: e.required,
                           propsInput: { "aria-label": `Показывать: ${e.label}` },
-                          onChange: () => J(e.key)
+                          onChange: () => Q(e.key)
                         }
                       ),
-                      $ && /* @__PURE__ */ r(
-                        A,
+                      N && /* @__PURE__ */ r(
+                        E,
                         {
-                          checked: m.has(e.key),
-                          disabled: !o.has(e.key),
+                          checked: h.has(e.key),
+                          disabled: !m.has(e.key),
                           propsInput: { "aria-label": `Закрепить слева: ${e.label}` },
-                          onChange: () => P(e.key, "left")
+                          onChange: () => V(e.key, "left")
                         }
                       ),
-                      h && /* @__PURE__ */ r(
-                        A,
+                      w && /* @__PURE__ */ r(
+                        E,
                         {
-                          checked: f.has(e.key),
-                          disabled: !o.has(e.key),
+                          checked: g.has(e.key),
+                          disabled: !m.has(e.key),
                           propsInput: { "aria-label": `Закрепить справа: ${e.label}` },
-                          onChange: () => P(e.key, "right")
+                          onChange: () => V(e.key, "right")
                         }
                       )
                     ] }) : (
                       /* Подпись слева, квадрат справа: строка читается как
                          «колонка — показывать?», а не наоборот. */
                       /* @__PURE__ */ r(
-                        A,
+                        E,
                         {
                           rightCheckbox: !0,
-                          checked: e.required || o.has(e.key),
+                          checked: e.required || m.has(e.key),
                           disabled: e.required,
-                          onChange: () => J(e.key),
-                          children: /* @__PURE__ */ r("span", { className: "u-react-column-settings-label", children: e.label })
+                          onChange: () => Q(e.key),
+                          children: /* @__PURE__ */ r("span", { className: o("react-column-settings-label"), children: e.label })
                         }
                       )
                     ),
-                    c && /* @__PURE__ */ r("span", { className: "u-react-column-settings-order", children: [-1, 1].map((t) => /* @__PURE__ */ r(ce, { children: O(/* @__PURE__ */ r(
+                    i && /* @__PURE__ */ r("span", { className: o("react-column-settings-order"), children: [-1, 1].map((t) => /* @__PURE__ */ r(le, { children: U(/* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
                         "aria-label": (t < 0 ? "Выше: " : "Ниже: ") + e.label,
                         title: S ? void 0 : t < 0 ? "Переместить выше (Alt+↑)" : "Переместить ниже (Alt+↓)",
-                        "aria-disabled": t < 0 ? n === 0 : n === C.length - 1,
-                        onClick: () => X(e.key, t),
-                        children: /* @__PURE__ */ r(oe, { name: t < 0 ? "up-arrow" : "down-arrow", size: "16px" })
+                        "aria-disabled": t < 0 ? n === 0 : n === X.length - 1,
+                        onClick: () => G(e.key, t),
+                        children: /* @__PURE__ */ r(me, { name: t < 0 ? "up-arrow" : "down-arrow", size: "16px" })
                       }
                     ), t < 0 ? "Переместить выше (Alt+↑)" : "Переместить ниже (Alt+↓)") }, t)) })
                   ]
@@ -208,10 +209,10 @@ function Se({
               ))
             }
           ),
-          c && /* @__PURE__ */ r("span", { className: "u-react-column-settings-announcement", role: "status", "aria-live": "polite", children: te })
+          i && /* @__PURE__ */ r("span", { className: o("react-column-settings-announcement"), role: "status", "aria-live": "polite", children: se })
         ]
       }
     )
   ] });
 }
-export { Se as ColumnSettings$u };
+export { Ae as ColumnSettings$u };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"AAGA,OAAO,4DAA4D,CAAC;AAEpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,yIAY1B,sBAAsB,4CAwBxB,CAAC"}
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"AAGA,OAAO,4DAA4D,CAAC;AAEpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,yIAY1B,sBAAsB,4CAwBxB,CAAC"}

package/dist/components/ConfirmModal/ConfirmModal.js

@@ -1,39 +1,40 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { useAutoId$u as h } from "../../hooks/useAutoId.js";
-import { Button$u as e } from "../Button/Button.js";
-import { Modal$u as _ } from "../Modal/Modal.js";
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { useAutoId$u as _ } from "../../hooks/useAutoId.js";
+import { Button$u as m } from "../Button/Button.js";
+import { Modal$u as v } from "../Modal/Modal.js";
 /* empty css                                           */
-const j = ({
-  active: m,
-  title: c,
-  description: r,
-  onCancel: t,
+import { kitCls$u as r, getUiKitPrefix$u as b } from "../../shared/uiKitDefaults.js";
+const C = ({
+  active: c,
+  title: d,
+  description: t,
+  onCancel: o,
   onConfirm: l,
-  confirmText: d = "Да",
-  cancelText: n = "Нет",
-  confirmVariant: s = "primary",
-  confirmDisabled: u = !1,
-  className: f = "",
-  ...p
+  confirmText: n = "Да",
+  cancelText: s = "Нет",
+  confirmVariant: f = "primary",
+  confirmDisabled: p = !1,
+  className: u = "",
+  ...h
 }) => {
-  const o = h(void 0, "u-confirm-modal-title");
-  return /* @__PURE__ */ a(
-    _,
+  const a = _(void 0, r("confirm-modal-title"));
+  return /* @__PURE__ */ e(
+    v,
     {
-      ...p,
-      ariaLabelledBy: o,
-      active: m,
-      onCancel: t,
-      className: `u-react-confirm-modal ${f}`,
+      ...h,
+      ariaLabelledBy: a,
+      active: c,
+      onCancel: o,
+      className: `${b()}-react-confirm-modal ${u}`,
       children: [
-        /* @__PURE__ */ i("h3", { id: o, className: "u-react-confirm-modal__title", children: c }),
-        r ? /* @__PURE__ */ i("div", { className: "u-react-confirm-modal__description", children: r }) : null,
-        /* @__PURE__ */ a("div", { className: "u-react-confirm-modal__actions", children: [
-          /* @__PURE__ */ i(e, { type: "button", variant: "simple", onClick: t, children: n }),
-          l ? /* @__PURE__ */ i(e, { type: "button", variant: s, disabled: u, onClick: l, children: d }) : null
+        /* @__PURE__ */ i("h3", { id: a, className: r("react-confirm-modal__title"), children: d }),
+        t ? /* @__PURE__ */ i("div", { className: r("react-confirm-modal__description"), children: t }) : null,
+        /* @__PURE__ */ e("div", { className: r("react-confirm-modal__actions"), children: [
+          /* @__PURE__ */ i(m, { type: "button", variant: "simple", onClick: o, children: s }),
+          l ? /* @__PURE__ */ i(m, { type: "button", variant: f, disabled: p, onClick: l, children: n }) : null
         ] })
       ]
     }
   );
 };
-export { j as ConfirmModal$u };
+export { C as ConfirmModal$u };

package/dist/components/Drawer/Drawer.js

@@ -1,81 +1,81 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { useRef as N, useEffect as l } from "react";
-import { createPortal as R } from "react-dom";
-import { useMountTransition$u as F } from "../../hooks/useMountTransition.js";
-import { useModalFocus$u as T, ModalFocusContext$u as j, isTopModal$u as A } from "../Modal/useModalFocus.js";
-import { getPortalScopeProps$u as D } from "../../shared/uiKitDefaults.js";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { useRef as N, useEffect as c } from "react";
+import { createPortal as T } from "react-dom";
+import { useMountTransition$u as j } from "../../hooks/useMountTransition.js";
+import { useModalFocus$u as A, ModalFocusContext$u as D, isTopModal$u as H } from "../Modal/useModalFocus.js";
+import { kitCls$u as e, kitClasses$u as L, getUiKitPrefix$u as d, getPortalScopeProps$u as O } from "../../shared/uiKitDefaults.js";
 /* empty css                 */
 /* empty css                  */
 /* empty css                                    */
-import { useAutoId$u as H } from "../../hooks/useAutoId.js";
-import { lockKitScroll$u as L, ownKitNode$u as O, isKitEventHandled$u as S, markKitEventHandled$u as B } from "../../vanilla/core/kitRegistry.js";
-import { MOTION_MS$u as q } from "../../vanilla/core/motion.js";
-const tr = ({
+import { useAutoId$u as S } from "../../hooks/useAutoId.js";
+import { lockKitScroll$u as B, ownKitNode$u as U, isKitEventHandled$u as q, markKitEventHandled$u as z } from "../../vanilla/core/kitRegistry.js";
+import { MOTION_MS$u as G } from "../../vanilla/core/motion.js";
+const ir = ({
   open: r,
-  onClose: s,
-  side: k = "right",
-  size: c,
-  title: a,
-  ariaLabel: g,
-  ariaLabelledBy: x,
-  footer: m,
-  children: M,
-  className: f = "",
-  closeOnEscape: p = !0,
-  closeOnBackdrop: E = !0,
-  lockScroll: v = !1,
-  trapFocus: K = !0,
-  initialFocus: P = "first"
+  onClose: m,
+  side: g = "right",
+  size: f,
+  title: n,
+  ariaLabel: x,
+  ariaLabelledBy: C,
+  footer: p,
+  children: K,
+  className: v = "",
+  closeOnEscape: w = !0,
+  closeOnBackdrop: M = !0,
+  lockScroll: _ = !1,
+  trapFocus: P = !0,
+  initialFocus: E = "first"
 }) => {
-  const i = N(null), w = H(void 0, "u-drawer-title"), { shouldRender: _, status: h, isAnimated: b } = F({ isOpen: r, duration: q.base }), { scope: n, onFocusCapture: $ } = T(i, r, K, P), o = N(s);
-  if (o.current = s, l(() => {
-    if (!r || !p) return;
-    const t = (d) => {
-      d.key !== "Escape" || d.defaultPrevented || S(d) || !A(n) || (B(d), o.current());
+  const s = N(null), h = S(void 0, e("drawer-title")), { shouldRender: b, status: y, isAnimated: $ } = j({ isOpen: r, duration: G.base }), { scope: l, onFocusCapture: I } = A(s, r, P, E), i = N(m);
+  if (i.current = m, c(() => {
+    if (!r || !w) return;
+    const o = (a) => {
+      a.key !== "Escape" || a.defaultPrevented || q(a) || !H(l) || (z(a), i.current());
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [r, p, n]), l(() => {
-    if (!(!r || !v))
-      return L();
-  }, [r, v]), l(() => {
-    const t = i.current;
-    return t ? O(t) : void 0;
-  }, [_]), !_ || typeof document > "u") return null;
-  const C = b && h !== "open", I = b && h === "exiting", y = x ?? (a ? w : void 0);
-  return R(
-    /* @__PURE__ */ e(j.Provider, { value: n, children: /* @__PURE__ */ u(
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [r, w, l]), c(() => {
+    if (!(!r || !_))
+      return B();
+  }, [r, _]), c(() => {
+    const o = s.current;
+    return o ? U(o) : void 0;
+  }, [b]), !b || typeof document > "u") return null;
+  const R = $ && y !== "open", F = $ && y === "exiting", k = C ?? (n ? h : void 0);
+  return T(
+    /* @__PURE__ */ t(D.Provider, { value: l, children: /* @__PURE__ */ u(
       "div",
       {
-        ...D(),
-        className: `u-drawer u-drawer--${k}${C ? " u-drawer--hidden" : ""}${I ? " u-drawer--leaving" : ""}${f ? ` ${f}` : ""}`,
+        ...O(),
+        className: `${d()}-drawer ${d()}-drawer--${g}${R ? ` ${d()}-drawer--hidden` : ""}${F ? ` ${d()}-drawer--leaving` : ""}${v ? ` ${v}` : ""}`,
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "div",
             {
-              className: "u-drawer__backdrop",
+              className: e("drawer__backdrop"),
               "aria-hidden": "true",
-              onClick: E ? () => o.current() : void 0
+              onClick: M ? () => i.current() : void 0
             }
           ),
           /* @__PURE__ */ u(
             "div",
             {
-              ref: i,
-              className: "u-drawer__panel",
+              ref: s,
+              className: e("drawer__panel"),
               role: "dialog",
               tabIndex: -1,
               "aria-modal": r || void 0,
-              "aria-label": y ? void 0 : g,
-              "aria-labelledby": y,
-              style: c ? { "--u-drawer-size": c } : void 0,
-              onFocusCapture: $,
+              "aria-label": k ? void 0 : x,
+              "aria-labelledby": k,
+              style: f ? { [`--${d()}-drawer-size`]: f } : void 0,
+              onFocusCapture: I,
               children: [
-                /* @__PURE__ */ u("div", { className: "u-drawer__header", children: [
-                  a ? /* @__PURE__ */ e("h2", { id: w, className: "u-drawer__title", children: a }) : null,
-                  /* @__PURE__ */ e("button", { type: "button", className: "u-button-cross u-drawer__close", "aria-label": "Закрыть", onClick: () => o.current() })
+                /* @__PURE__ */ u("div", { className: e("drawer__header"), children: [
+                  n ? /* @__PURE__ */ t("h2", { id: h, className: e("drawer__title"), children: n }) : null,
+                  /* @__PURE__ */ t("button", { type: "button", className: L("button-cross", "drawer__close"), "aria-label": "Закрыть", onClick: () => i.current() })
                 ] }),
-                /* @__PURE__ */ e("div", { className: "u-drawer__body", children: M }),
-                m ? /* @__PURE__ */ e("div", { className: "u-drawer__footer", children: m }) : null
+                /* @__PURE__ */ t("div", { className: e("drawer__body"), children: K }),
+                p ? /* @__PURE__ */ t("div", { className: e("drawer__footer"), children: p }) : null
               ]
             }
           )
@@ -85,4 +85,4 @@ const tr = ({
     document.body
   );
 };
-export { tr as Drawer$u };
+export { ir as Drawer$u };

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6E,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlH,OAAO,EAA6C,KAAK,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxH,OAAO,EAEoB,KAAK,cAAc,EAC7C,MAAM,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,2DAA2D,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,aAAa,CAAC;AAC1F,YAAY,EAAE,2BAA2B,EAAE,CAAC;AAc5C,MAAM,WAAW,qBAAqB;IAClC,yFAAyF;IACzF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,qGAAqG;IACrG,YAAY,CAAC,EAAE,2BAA2B,GAAG,MAAM,CAAC;IACpD,oGAAoG;IACpG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAoCD,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,EACxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAChI,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAC7E,oBAAoB,EAAE,iBAAiB,EAAE,OAAe,EAAE,SAAc,EAAE,UAAkB,GAC/F,EAAE,qBAAqB,2CA4HvB"}
+{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6E,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlH,OAAO,EAA6C,KAAK,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxH,OAAO,EAEoB,KAAK,cAAc,EAC7C,MAAM,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,2DAA2D,CAAC;AAGnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,aAAa,CAAC;AAC1F,YAAY,EAAE,2BAA2B,EAAE,CAAC;AAc5C,MAAM,WAAW,qBAAqB;IAClC,yFAAyF;IACzF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,qGAAqG;IACrG,YAAY,CAAC,EAAE,2BAA2B,GAAG,MAAM,CAAC;IACpD,oGAAoG;IACpG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAoCD,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,EACxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAChI,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAC7E,oBAAoB,EAAE,iBAAiB,EAAE,OAAe,EAAE,SAAc,EAAE,UAAkB,GAC/F,EAAE,qBAAqB,2CA4HvB"}