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

package/dist/components/ConfirmModal/ConfirmModal.js

@@ -2,39 +2,38 @@ 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";
-/* empty css              */
 /* empty css                                           */
-const k = ({
+const j = ({
   active: m,
   title: c,
   description: r,
   onCancel: t,
-  onConfirm: o,
+  onConfirm: l,
   confirmText: d = "Да",
   cancelText: n = "Нет",
   confirmVariant: s = "primary",
   confirmDisabled: u = !1,
-  className: p = "",
-  ...f
+  className: f = "",
+  ...p
 }) => {
-  const l = h(void 0, "u-confirm-modal-title");
+  const o = h(void 0, "u-confirm-modal-title");
   return /* @__PURE__ */ a(
     _,
     {
-      ...f,
-      ariaLabelledBy: l,
+      ...p,
+      ariaLabelledBy: o,
       active: m,
       onCancel: t,
-      className: `u-react-confirm-modal ${p}`,
+      className: `u-react-confirm-modal ${f}`,
       children: [
-        /* @__PURE__ */ i("h3", { id: l, className: "u-react-confirm-modal__title", children: c }),
+        /* @__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 }),
-          o ? /* @__PURE__ */ i(e, { type: "button", variant: s, disabled: u, onClick: o, children: d }) : null
+          l ? /* @__PURE__ */ i(e, { type: "button", variant: s, disabled: u, onClick: l, children: d }) : null
         ] })
       ]
     }
   );
 };
-export { k as ConfirmModal$u };
+export { j as ConfirmModal$u };

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,qDAAqD,CAAC;AAE7D;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,oKAgBpB,gBAAgB,gCAyElB,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,qDAAqD,CAAC;AAG7D;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,oKAgBpB,gBAAgB,gCAyElB,CAAC"}

package/dist/components/Drawer/Drawer.js

@@ -1,15 +1,16 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { useRef as N, useId as R, useEffect as l } from "react";
-import { createPortal as F } from "react-dom";
-import { useMountTransition$u as T } from "../../hooks/useMountTransition.js";
-import { useModalFocus$u as j, ModalFocusContext$u as D, isTopModal$u as H } from "../Modal/useModalFocus.js";
-import { getPortalScopeProps$u as L } from "../../shared/uiKitDefaults.js";
+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";
 /* empty css                 */
 /* empty css                  */
 /* empty css                                    */
-import { lockKitScroll$u as O, ownKitNode$u as S, isKitEventHandled$u as A, markKitEventHandled$u as B } from "../../vanilla/core/kitRegistry.js";
+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 er = ({
+const tr = ({
   open: r,
   onClose: s,
   side: k = "right",
@@ -26,26 +27,26 @@ const er = ({
   trapFocus: K = !0,
   initialFocus: P = "first"
 }) => {
-  const n = N(null), w = R(), { shouldRender: _, status: h, isAnimated: b } = T({ isOpen: r, duration: q.base }), { scope: i, onFocusCapture: $ } = j(n, r, K, P), d = N(s);
-  if (d.current = s, l(() => {
+  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 = (o) => {
-      o.key !== "Escape" || o.defaultPrevented || A(o) || !H(i) || (B(o), d.current());
+    const t = (d) => {
+      d.key !== "Escape" || d.defaultPrevented || S(d) || !A(n) || (B(d), o.current());
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [r, p, i]), l(() => {
+  }, [r, p, n]), l(() => {
     if (!(!r || !v))
-      return O();
+      return L();
   }, [r, v]), l(() => {
-    const t = n.current;
-    return t ? S(t) : void 0;
+    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 F(
-    /* @__PURE__ */ e(D.Provider, { value: i, children: /* @__PURE__ */ u(
+  return R(
+    /* @__PURE__ */ e(j.Provider, { value: n, children: /* @__PURE__ */ u(
       "div",
       {
-        ...L(),
+        ...D(),
         className: `u-drawer u-drawer--${k}${C ? " u-drawer--hidden" : ""}${I ? " u-drawer--leaving" : ""}${f ? ` ${f}` : ""}`,
         children: [
           /* @__PURE__ */ e(
@@ -53,13 +54,13 @@ const er = ({
             {
               className: "u-drawer__backdrop",
               "aria-hidden": "true",
-              onClick: E ? () => d.current() : void 0
+              onClick: E ? () => o.current() : void 0
             }
           ),
           /* @__PURE__ */ u(
             "div",
             {
-              ref: n,
+              ref: i,
               className: "u-drawer__panel",
               role: "dialog",
               tabIndex: -1,
@@ -71,7 +72,7 @@ const er = ({
               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: () => d.current() })
+                  /* @__PURE__ */ e("button", { type: "button", className: "u-button-cross u-drawer__close", "aria-label": "Закрыть", onClick: () => o.current() })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "u-drawer__body", children: M }),
                 m ? /* @__PURE__ */ e("div", { className: "u-drawer__footer", children: m }) : null
@@ -84,4 +85,4 @@ const er = ({
     document.body
   );
 };
-export { er as Drawer$u };
+export { tr as Drawer$u };

package/dist/components/ErrorScreen/ErrorScreen.js

@@ -1,15 +1,15 @@
-import { jsxs as a, jsx as o, Fragment as le } from "react/jsx-runtime";
-import { useRef as P, useState as y, useEffect as ce, useLayoutEffect as ve, useMemo as Ee } from "react";
-import { useAutoId$u as be } from "../../hooks/useAutoId.js";
+import { jsxs as a, jsx as n, Fragment as ne } from "react/jsx-runtime";
+import { useRef as x, useState as y, useEffect as oe, useLayoutEffect as Ee, useMemo as be } from "react";
+import { useAutoId$u as we } from "../../hooks/useAutoId.js";
 import { Button$u as N } from "../Button/Button.js";
 import { Card$u as Ce } from "../Card/Card.js";
-import { Message$u as we } from "../Message/Message.js";
-import { Modal$u as ge } from "../Modal/Modal.js";
-import { ErrorScreenIllustration$u as ye, ErrorScreenDecor$u as q } from "./ErrorScreenIllustration.js";
+import { Message$u as ge } from "../Message/Message.js";
+import { Modal$u as ye } from "../Modal/Modal.js";
+import { ErrorScreenIllustration$u as Ne, ErrorScreenDecor$u as j } from "./ErrorScreenIllustration.js";
 /* empty css                  */
 /* empty css                                          */
-import { describeError$u as Ne, DEFAULT_SUPPORT_EMAIL$u as Se, DEFAULT_SUPPORT_LABEL$u as Le, formatErrorDetails$u as Re, getErrorReportConfig$u as ke, supportMailto$u as Ae } from "../../vanilla/core/describeError.js";
-const _e = {
+import { describeError$u as Se, DEFAULT_SUPPORT_EMAIL$u as Le, DEFAULT_SUPPORT_LABEL$u as Re, supportMailto$u as le, formatErrorDetails$u as Ae, getErrorReportConfig$u as _e } from "../../vanilla/core/describeError.js";
+const ke = {
   notFound: { code: "404", title: "Страница не найдена", text: "Возможно, страница была удалена или адрес введён с ошибкой." },
   forbidden: { code: "403", title: "Нет доступа к странице", text: "Права вашей роли не позволяют открыть этот раздел." },
   serverError: { code: "500", title: "Ошибка в работе сервиса", text: "Попробуйте обновить страницу. Если ошибка повторится, обратитесь в техническую поддержку." },
@@ -20,64 +20,64 @@ const _e = {
   serverError: "error",
   maintenance: "maintenance"
 }, Oe = '[id^="__qiankun_microapp_wrapper_for_"]';
-function Ie() {
+function De() {
   return typeof window < "u" && !!window.__POWERED_BY_QIANKUN__;
 }
-function xe(r) {
+function Ie(r) {
   for (let e = r.parentElement; e && e !== document.body; e = e.parentElement) {
-    const { overflowY: t } = getComputedStyle(e);
-    if (t === "auto" || t === "scroll") return e;
+    const { overflowY: o } = getComputedStyle(e);
+    if (o === "auto" || o === "scroll") return e;
   }
   return r;
 }
-function Pe(r, e) {
-  const t = [];
-  for (let n = r; n && n !== e; n = n.parentElement) {
-    const d = n.parentElement;
+function xe(r, e) {
+  const o = [];
+  for (let t = r; t && t !== e; t = t.parentElement) {
+    const d = t.parentElement;
     if (!d) break;
     for (const i of Array.from(d.children))
-      i !== n && i instanceof HTMLElement && !i.inert && (i.inert = !0, t.push(i));
+      i !== t && i instanceof HTMLElement && !i.inert && (i.inert = !0, o.push(i));
   }
-  return () => t.forEach((n) => {
-    n.inert = !1;
+  return () => o.forEach((t) => {
+    t.inert = !1;
   });
 }
 function Je({
   variant: r,
   error: e,
-  subject: t,
-  operation: n,
+  subject: o,
+  operation: t,
   notFoundIsPage: d,
   onRetry: i,
   onLogin: u,
   onHome: m,
   showDetails: b,
-  supportEmail: C,
+  supportEmail: w,
   supportLabel: S,
   onSupport: L,
-  title: z,
+  title: P,
   text: R,
   code: p,
-  illustration: k,
+  illustration: A,
   reasons: h,
   reasonsTitle: F,
   onAction: s,
-  actionLabel: A,
+  actionLabel: _,
   secondaryActionLabel: K,
   onSecondaryAction: Y,
   loading: V = !1,
-  className: B = "",
-  fullScreen: w = !1
+  className: z = "",
+  fullScreen: C = !1
 }) {
-  const G = P(null), J = P(null), D = P(null), [ie] = y(Ie), [se, ae] = y(null), [ue, de] = y(!1), v = w && ie && !ue;
-  ce(() => {
+  const G = x(null), J = x(null), B = x(null), [ce] = y(De), [ie, se] = y(null), [ae, de] = y(!1), v = C && ce && !ae;
+  oe(() => {
     const c = G.current;
-    if (!w || v || !c) return;
-    const f = (T) => T.preventDefault();
-    return c.setAttribute("closedby", "none"), c.addEventListener("cancel", f), c.showModal(), oe(D.current), () => {
+    if (!C || v || !c) return;
+    const f = (O) => O.preventDefault();
+    return c.setAttribute("closedby", "none"), c.addEventListener("cancel", f), c.showModal(), te(B.current), () => {
       c.removeEventListener("cancel", f), c.close();
     };
-  }, [w, v]), ve(() => {
+  }, [C, v]), Ee(() => {
     const c = J.current;
     if (!v || !c) return;
     const f = c.closest(Oe);
@@ -85,48 +85,48 @@ function Je({
       de(!0);
       return;
     }
-    const T = xe(f), O = () => {
-      const I = T.getBoundingClientRect();
-      ae({ top: I.top, left: I.left, width: I.width, height: I.height });
+    const O = Ie(f), D = () => {
+      const I = O.getBoundingClientRect();
+      se({ top: I.top, left: I.left, width: I.width, height: I.height });
     };
-    O();
-    const E = typeof ResizeObserver > "u" ? null : new ResizeObserver(O);
-    E == null || E.observe(T), window.addEventListener("resize", O);
-    const he = Pe(c, f), j = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    return oe(D.current), () => {
-      E == null || E.disconnect(), window.removeEventListener("resize", O), he(), j == null || j.focus();
+    D();
+    const E = typeof ResizeObserver > "u" ? null : new ResizeObserver(D);
+    E == null || E.observe(O), window.addEventListener("resize", D);
+    const ve = xe(c, f), W = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    return te(B.current), () => {
+      E == null || E.disconnect(), window.removeEventListener("resize", D), ve(), W == null || W.focus();
     };
   }, [v]);
-  const l = Ee(() => {
+  const l = be(() => {
     if (e == null) return;
-    const c = Ne(e, { subject: t, operation: n, notFoundIsPage: d });
+    const c = Se(e, { subject: o, operation: t, notFoundIsPage: d });
     return c.group === "aborted" ? void 0 : c;
-  }, [e, t, n, d]), X = r ?? (l == null ? void 0 : l.variant) ?? "serverError", _ = _e[X], M = p !== void 0 ? p : l ? l.code : _.code, U = k ?? (p != null ? "none" : Te[X]), g = h != null && h.length ? h : null, $ = M ?? void 0, H = z ?? (l == null ? void 0 : l.title) ?? _.title, Q = typeof H == "string" ? H : _.title, me = !!(K && Y), Z = ze(l, { onAction: s, actionLabel: A, onRetry: i, onLogin: u, onHome: m }), ee = Me({ supportEmail: C, supportLabel: S, onSupport: L }), re = !!l && b !== !1, [fe, te] = y(!1), pe = [
+  }, [e, o, t, d]), X = r ?? (l == null ? void 0 : l.variant) ?? "serverError", k = ke[X], M = p !== void 0 ? p : l ? l.code : k.code, U = A ?? (p != null ? "none" : Te[X]), g = h != null && h.length ? h : null, $ = M ?? void 0, H = P ?? (l == null ? void 0 : l.title) ?? k.title, T = typeof H == "string" ? H : k.title, ue = !!(K && Y), Z = Pe(l, { onAction: s, actionLabel: _, onRetry: i, onLogin: u, onHome: m }), ee = Me({ supportEmail: w, supportLabel: S, onSupport: L }), me = !!l && b !== !1, [fe, pe] = y(!1), he = [
     "u-error-screen-card",
     U !== "none" && "u-error-screen-card--illustrated",
     g && "u-error-screen-card--reasons"
-  ].filter(Boolean).join(" "), W = /* @__PURE__ */ a(Ce, { className: pe, children: [
-    U !== "none" ? /* @__PURE__ */ o(ye, { name: U }) : M !== null && /* @__PURE__ */ o("span", { className: "u-error-screen-code", "aria-hidden": "true", children: M }),
+  ].filter(Boolean).join(" "), Q = /* @__PURE__ */ a(Ce, { className: he, children: [
+    U !== "none" ? /* @__PURE__ */ n(Ne, { name: U }) : M !== null && /* @__PURE__ */ n("span", { className: "u-error-screen-code", "aria-hidden": "true", children: M }),
     /* @__PURE__ */ a("div", { className: "u-error-screen-message", children: [
-      /* @__PURE__ */ o("p", { className: "u-error-screen-title", children: H }),
-      (R !== void 0 || l || !g) && /* @__PURE__ */ o("p", { className: "u-error-screen-description", children: De(R ?? (l == null ? void 0 : l.text) ?? _.text, ee.email, re ? () => te(!0) : void 0) }),
+      /* @__PURE__ */ n("p", { className: "u-error-screen-title", children: H }),
+      (R !== void 0 || l || !g) && /* @__PURE__ */ n("p", { className: "u-error-screen-description", children: Be(R ?? (l == null ? void 0 : l.text) ?? k.text, ee.email, l ? { ...l, title: T } : void 0) }),
       g && /* @__PURE__ */ a("div", { className: "u-error-screen-reasons", children: [
-        /* @__PURE__ */ o("p", { className: "u-error-screen-reasons-title", children: F ?? (g.length > 1 ? "Причины" : "Причина") }),
-        /* @__PURE__ */ o("ul", { className: "u-error-screen-reasons-list", children: g.map((c, f) => /* @__PURE__ */ o("li", { children: c }, f)) })
+        /* @__PURE__ */ n("p", { className: "u-error-screen-reasons-title", children: F ?? (g.length > 1 ? "Причины" : "Причина") }),
+        /* @__PURE__ */ n("ul", { className: "u-error-screen-reasons-list", children: g.map((c, f) => /* @__PURE__ */ n("li", { children: c }, f)) })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "u-error-screen-actions", ref: D, children: [
-      me && /* @__PURE__ */ o(N, { size: "small", variant: "simple", disabled: V, onClick: Y, children: K }),
-      /* @__PURE__ */ o(N, { size: "small", loading: V, onClick: Z.onClick, children: Z.label })
+    /* @__PURE__ */ a("div", { className: "u-error-screen-actions", ref: B, children: [
+      ue && /* @__PURE__ */ n(N, { size: "small", variant: "simple", disabled: V, onClick: Y, children: K }),
+      /* @__PURE__ */ n(N, { size: "small", loading: V, onClick: Z.onClick, children: Z.label })
     ] }),
-    l && re && /* @__PURE__ */ o(
+    l && me && /* @__PURE__ */ n(
       Ue,
       {
-        description: { ...l, title: Q },
-        inDialog: w && !v,
+        description: { ...l, title: T },
+        inDialog: C && !v,
         support: ee,
         open: fe,
-        onOpenChange: te
+        onOpenChange: pe
       }
     )
   ] });
@@ -135,118 +135,120 @@ function Je({
     {
       ref: J,
       role: "dialog",
-      "aria-label": Q,
-      style: se ?? void 0,
+      "aria-label": T,
+      style: ie ?? void 0,
       "data-error-code": $,
-      className: `u-error-screen u-error-screen-fullscreen u-error-screen-area ${B}`,
+      className: `u-error-screen u-error-screen-fullscreen u-error-screen-area ${z}`,
       children: [
-        /* @__PURE__ */ o(q, {}),
-        W
+        /* @__PURE__ */ n(j, {}),
+        Q
       ]
     }
-  ) : w ? /* @__PURE__ */ a(
+  ) : C ? /* @__PURE__ */ a(
     "dialog",
     {
       ref: G,
-      className: `u-error-screen u-error-screen-fullscreen ${B}`,
-      "aria-label": Q,
+      className: `u-error-screen u-error-screen-fullscreen ${z}`,
+      "aria-label": T,
       "data-error-code": $,
       children: [
-        /* @__PURE__ */ o(q, {}),
-        W
+        /* @__PURE__ */ n(j, {}),
+        Q
       ]
     }
-  ) : /* @__PURE__ */ a("div", { className: `u-error-screen ${B}`, role: "alert", "data-error-code": $, children: [
-    /* @__PURE__ */ o(q, {}),
-    W
+  ) : /* @__PURE__ */ a("div", { className: `u-error-screen ${z}`, role: "alert", "data-error-code": $, children: [
+    /* @__PURE__ */ n(j, {}),
+    Q
   ] });
 }
-const ne = () => window.location.reload();
-function oe(r) {
+const re = () => window.location.reload();
+function te(r) {
   var e;
   (e = r == null ? void 0 : r.querySelector("button:last-of-type")) == null || e.focus();
 }
-function ze(r, e) {
-  const t = e.actionLabel;
-  if (e.onAction) return { label: t ?? (r ? "Повторить" : "Обновить страницу"), onClick: e.onAction };
-  if (!r) return { label: t ?? "Обновить страницу", onClick: e.onRetry ?? ne };
-  const n = { label: t ?? "Обновить страницу", onClick: ne };
+function Pe(r, e) {
+  const o = e.actionLabel;
+  if (e.onAction) return { label: o ?? (r ? "Повторить" : "Обновить страницу"), onClick: e.onAction };
+  if (!r) return { label: o ?? "Обновить страницу", onClick: e.onRetry ?? re };
+  const t = { label: o ?? "Обновить страницу", onClick: re };
   switch (r.action) {
     case "login":
-      return e.onLogin ? { label: t ?? r.actionLabel, onClick: e.onLogin } : n;
+      return e.onLogin ? { label: o ?? r.actionLabel, onClick: e.onLogin } : t;
     case "home":
-      return e.onHome ? { label: t ?? r.actionLabel, onClick: e.onHome } : n;
+      return e.onHome ? { label: o ?? r.actionLabel, onClick: e.onHome } : t;
     case "retry":
     case "wait":
     case "fix":
-      return e.onRetry ? { label: t ?? r.actionLabel, onClick: e.onRetry } : n;
+      return e.onRetry ? { label: o ?? r.actionLabel, onClick: e.onRetry } : t;
     default:
-      return n;
+      return t;
   }
 }
-const Be = 2e3, x = "техническую поддержку";
-function De(r, e, t) {
-  if (typeof r != "string") return r;
-  const n = r.indexOf(x);
-  return n < 0 || !e && !t ? r : /* @__PURE__ */ a(le, { children: [
-    r.slice(0, n),
-    t ? /* @__PURE__ */ o("button", { type: "button", className: "u-link u-error-screen-support-link", onClick: t, children: x }) : x,
-    e && `: ${e}`,
-    r.slice(n + x.length)
+const ze = 2e3, q = "техническую поддержку";
+function Be(r, e, o) {
+  if (typeof r != "string" || !e) return r;
+  const t = r.indexOf(q) + q.length;
+  if (t < q.length) return r;
+  const d = o ? le(o, e) : `mailto:${e}`;
+  return /* @__PURE__ */ a(ne, { children: [
+    r.slice(0, t),
+    ": ",
+    /* @__PURE__ */ n("a", { className: "u-link", href: d, children: e }),
+    r.slice(t)
   ] });
 }
 function Me(r) {
-  const e = ke();
-  return { email: r.supportEmail !== void 0 ? r.supportEmail : e.supportEmail !== void 0 ? e.supportEmail : Se, label: r.supportLabel ?? e.supportLabel ?? Le, onSupport: r.onSupport ?? e.onSupport };
+  const e = _e();
+  return { email: r.supportEmail !== void 0 ? r.supportEmail : e.supportEmail !== void 0 ? e.supportEmail : Le, label: r.supportLabel ?? e.supportLabel ?? Re, onSupport: r.onSupport ?? e.onSupport };
 }
-function Ue({ description: r, support: e, inDialog: t, open: n, onOpenChange: d }) {
-  const i = e.email, [u, m] = y("idle"), b = P(null), C = Re(r), S = () => {
+function Ue({ description: r, support: e, inDialog: o, open: t, onOpenChange: d }) {
+  const i = e.email, [u, m] = y("idle"), b = x(null), w = Ae(r), S = () => {
     const s = window.getSelection();
     s && b.current && s.selectAllChildren(b.current);
-  }, L = (s, A) => {
+  }, L = (s, _) => {
     if (!navigator.clipboard) {
-      S(), A();
+      S(), _();
       return;
     }
-    navigator.clipboard.writeText(C).then(s, () => {
-      S(), A();
+    navigator.clipboard.writeText(w).then(s, () => {
+      S(), _();
     });
-  }, z = () => L(() => m("copied"), () => m("selected")), R = () => {
-    const s = i ? Ae(r, i) : null;
+  }, P = () => L(() => m("copied"), () => m("selected")), R = () => {
+    const s = i ? le(r, i) : null;
     if (e.onSupport) {
-      e.onSupport({ report: C, description: r, mailto: s });
+      e.onSupport({ report: w, description: r, mailto: s });
       return;
     }
     s && (L(() => m("mailCopied"), () => m("mailSelected")), window.open(s, "_self"));
   };
-  ce(() => {
+  oe(() => {
     if (u !== "copied") return;
-    const s = setTimeout(() => m("idle"), Be);
+    const s = setTimeout(() => m("idle"), ze);
     return () => clearTimeout(s);
   }, [u]);
-  const p = u === "copied" ? "Скопировано" : u === "selected" ? "Выделено — нажмите Ctrl+C" : "Скопировать", k = u === "mailCopied" ? `Открываем письмо. Если почта не открылась — текст скопирован, вставьте его в письмо на ${i}` : u === "mailSelected" ? `Открываем письмо. Если почта не открылась — текст выделен: нажмите Ctrl+C и вставьте его в письмо на ${i}` : "", h = be(void 0, "u-error-screen-details-title");
-  return /* @__PURE__ */ a(le, { children: [
-    /* @__PURE__ */ o(N, { size: "small", variant: "text", onClick: () => d(!0), children: "Подробности для технической поддержки" }),
+  const p = u === "copied" ? "Скопировано" : u === "selected" ? "Выделено — нажмите Ctrl+C" : "Скопировать", A = u === "mailCopied" ? `Открываем письмо. Если почта не открылась — текст скопирован, вставьте его в письмо на ${i}` : u === "mailSelected" ? `Открываем письмо. Если почта не открылась — текст выделен: нажмите Ctrl+C и вставьте его в письмо на ${i}` : "", h = we(void 0, "u-error-screen-details-title");
+  return /* @__PURE__ */ a(ne, { children: [
+    /* @__PURE__ */ n(N, { size: "small", variant: "text", onClick: () => d(!0), children: "Подробности для технической поддержки" }),
     /* @__PURE__ */ a(
-      ge,
+      ye,
       {
-        active: n,
+        active: t,
         onCancel: () => {
           d(!1), m("idle");
         },
         unmountOnClose: !0,
-        portalOn: !t,
+        portalOn: !o,
         ariaLabelledBy: h,
         maxWidth: "640px",
         className: "u-error-screen-details-modal",
         children: [
-          /* @__PURE__ */ o("h3", { id: h, className: "u-error-screen-details-title", children: "Подробности для технической поддержки" }),
-          /* @__PURE__ */ o("pre", { ref: b, className: "u-error-screen-report", children: C }),
+          /* @__PURE__ */ n("h3", { id: h, className: "u-error-screen-details-title", children: "Подробности для технической поддержки" }),
+          /* @__PURE__ */ n("pre", { ref: b, className: "u-error-screen-report", children: w }),
           /* @__PURE__ */ a("div", { className: "u-error-screen-copy", children: [
-            /* @__PURE__ */ o(N, { size: "small", variant: "text", onClick: z, children: p }),
-            (i || e.onSupport) && /* @__PURE__ */ o(N, { size: "small", onClick: R, children: e.label })
+            /* @__PURE__ */ n(N, { size: "small", variant: "text", onClick: P, children: p }),
+            (i || e.onSupport) && /* @__PURE__ */ n(N, { size: "small", onClick: R, children: e.label })
           ] }),
-          /* @__PURE__ */ o("div", { className: "u-error-screen-copy-status", role: "status", "aria-live": "polite", children: k ? /* @__PURE__ */ o(we, { size: "small", children: k }) : u !== "idle" && /* @__PURE__ */ o("span", { className: "u-error-screen-sr-only", children: p }) })
+          /* @__PURE__ */ n("div", { className: "u-error-screen-copy-status", role: "status", "aria-live": "polite", children: A ? /* @__PURE__ */ n(ge, { size: "small", children: A }) : u !== "idle" && /* @__PURE__ */ n("span", { className: "u-error-screen-sr-only", children: p }) })
         ]
       }
     )