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

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/ErrorScreenIllustration.js

@@ -1,57 +1,57 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-const c = "var(--u-color-text, #222222)", C = "var(--u-color-primary, #1E4391)";
-function n({ y: e, gapFrom: i, gapTo: a }) {
-  const o = e + 72;
-  return /* @__PURE__ */ t("g", { stroke: c, strokeWidth: "3", strokeLinecap: "round", fill: "none", children: [
-    /* @__PURE__ */ r("path", { d: `M${i} ${o}H8C4.686 ${o} 2 ${o - 2.686} 2 ${o - 6}V${e + 6}C2 ${e + 2.686} 4.686 ${e} 8 ${e}H102C105.314 ${e} 108 ${e + 2.686} 108 ${e + 6}V${o - 6}C108 ${o - 2.686} 105.314 ${o} 102 ${o}H${a}` }),
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+const s = "var(--u-color-text, #222222)", l = "var(--u-color-primary, #1E4391)";
+function c({ y: e, gapFrom: i, gapTo: a }) {
+  const t = e + 72;
+  return /* @__PURE__ */ o("g", { style: { stroke: s }, strokeWidth: "3", strokeLinecap: "round", fill: "none", children: [
+    /* @__PURE__ */ r("path", { d: `M${i} ${t}H8C4.686 ${t} 2 ${t - 2.686} 2 ${t - 6}V${e + 6}C2 ${e + 2.686} 4.686 ${e} 8 ${e}H102C105.314 ${e} 108 ${e + 2.686} 108 ${e + 6}V${t - 6}C108 ${t - 2.686} 105.314 ${t} 102 ${t}H${a}` }),
     /* @__PURE__ */ r("path", { d: `M8.5 ${e + 15}H101.5` }),
     /* @__PURE__ */ r("path", { d: `M95.5 ${e + 5}L99.5 ${e + 9}M99.5 ${e + 5}L95.5 ${e + 9}` }),
     /* @__PURE__ */ r("path", { d: `M84.5 ${e + 9}H88.5` })
   ] });
 }
-const l = "M32.274 64.071C33.354 61.036 37.646 61.036 38.726 64.071C39.406 65.983 41.589 66.887 43.422 66.016C46.331 64.633 49.367 67.669 47.984 70.578C47.113 72.411 48.017 74.594 49.929 75.274C52.964 76.354 52.964 80.646 49.929 81.726C48.017 82.406 47.113 84.589 47.984 86.422C49.367 89.331 46.331 92.367 43.422 90.984C41.589 90.113 39.406 91.017 38.726 92.929C37.646 95.964 33.354 95.964 32.274 92.929C31.594 91.017 29.411 90.113 27.578 90.984C24.669 92.367 21.633 89.331 23.016 86.422C23.887 84.589 22.983 82.406 21.071 81.726C18.036 80.646 18.036 76.354 21.071 75.274C22.983 74.594 23.887 72.411 23.016 70.578C21.633 67.669 24.669 64.633 27.578 66.016C29.411 66.887 31.594 65.983 32.274 64.071Z", L = "M25.235 29.369C25.993 27.238 29.007 27.238 29.765 29.369C30.242 30.711 31.775 31.346 33.062 30.735C35.105 29.764 37.236 31.895 36.265 33.938C35.654 35.225 36.289 36.758 37.631 37.235C39.762 37.993 39.762 41.007 37.631 41.765C36.289 42.242 35.654 43.775 36.265 45.062C37.236 47.105 35.105 49.236 33.062 48.265C31.775 47.654 30.242 48.289 29.765 49.631C29.007 51.762 25.993 51.762 25.235 49.631C24.758 48.289 23.225 47.654 21.938 48.265C19.895 49.236 17.764 47.105 18.735 45.062C19.346 43.775 18.711 42.242 17.369 41.765C15.238 41.007 15.238 37.993 17.369 37.235C18.711 36.758 19.346 35.225 18.735 33.938C17.764 31.895 19.895 29.764 21.938 30.735C23.225 31.346 24.758 30.711 25.235 29.369Z";
-function s() {
-  return /* @__PURE__ */ t("g", { stroke: c, strokeWidth: "3", children: [
-    /* @__PURE__ */ r("path", { d: l }),
+const C = "M32.274 64.071C33.354 61.036 37.646 61.036 38.726 64.071C39.406 65.983 41.589 66.887 43.422 66.016C46.331 64.633 49.367 67.669 47.984 70.578C47.113 72.411 48.017 74.594 49.929 75.274C52.964 76.354 52.964 80.646 49.929 81.726C48.017 82.406 47.113 84.589 47.984 86.422C49.367 89.331 46.331 92.367 43.422 90.984C41.589 90.113 39.406 91.017 38.726 92.929C37.646 95.964 33.354 95.964 32.274 92.929C31.594 91.017 29.411 90.113 27.578 90.984C24.669 92.367 21.633 89.331 23.016 86.422C23.887 84.589 22.983 82.406 21.071 81.726C18.036 80.646 18.036 76.354 21.071 75.274C22.983 74.594 23.887 72.411 23.016 70.578C21.633 67.669 24.669 64.633 27.578 66.016C29.411 66.887 31.594 65.983 32.274 64.071Z", L = "M25.235 29.369C25.993 27.238 29.007 27.238 29.765 29.369C30.242 30.711 31.775 31.346 33.062 30.735C35.105 29.764 37.236 31.895 36.265 33.938C35.654 35.225 36.289 36.758 37.631 37.235C39.762 37.993 39.762 41.007 37.631 41.765C36.289 42.242 35.654 43.775 36.265 45.062C37.236 47.105 35.105 49.236 33.062 48.265C31.775 47.654 30.242 48.289 29.765 49.631C29.007 51.762 25.993 51.762 25.235 49.631C24.758 48.289 23.225 47.654 21.938 48.265C19.895 49.236 17.764 47.105 18.735 45.062C19.346 43.775 18.711 42.242 17.369 41.765C15.238 41.007 15.238 37.993 17.369 37.235C18.711 36.758 19.346 35.225 18.735 33.938C17.764 31.895 19.895 29.764 21.938 30.735C23.225 31.346 24.758 30.711 25.235 29.369Z";
+function n() {
+  return /* @__PURE__ */ o("g", { style: { stroke: s }, strokeWidth: "3", children: [
+    /* @__PURE__ */ r("path", { d: C }),
     /* @__PURE__ */ r("circle", { cx: "35.5", cy: "78.5", r: "7" }),
     /* @__PURE__ */ r("path", { d: L }),
     /* @__PURE__ */ r("circle", { cx: "27.5", cy: "39.5", r: "4" })
   ] });
 }
 function d() {
-  return /* @__PURE__ */ t("svg", { className: "u-error-screen-illustration", width: "110", height: "134", viewBox: "0 0 110 134", fill: "none", "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ r(n, { y: 7, gapFrom: 10.894, gapTo: 31.11 }),
-    /* @__PURE__ */ r("rect", { x: "23.5", y: "36.5", width: "73", height: "96", rx: "4.5", fill: "var(--u-color-surface, #FFFFFF)", stroke: c, strokeWidth: "3" }),
-    /* @__PURE__ */ r("g", { stroke: c, strokeWidth: "3", strokeLinecap: "round", children: /* @__PURE__ */ r("path", { d: "M36.5 49.5H83.5M36.5 60.5H83.5M36.5 71.5H83.5" }) }),
-    /* @__PURE__ */ t("g", { stroke: C, strokeWidth: "3", fill: "none", children: [
+  return /* @__PURE__ */ o("svg", { className: "u-error-screen-illustration", width: "110", height: "134", viewBox: "0 0 110 134", fill: "none", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ r(c, { y: 7, gapFrom: 10.894, gapTo: 31.11 }),
+    /* @__PURE__ */ r("rect", { x: "23.5", y: "36.5", width: "73", height: "96", rx: "4.5", style: { fill: "var(--u-color-surface, #FFFFFF)", stroke: s }, strokeWidth: "3" }),
+    /* @__PURE__ */ r("g", { style: { stroke: s }, strokeWidth: "3", strokeLinecap: "round", children: /* @__PURE__ */ r("path", { d: "M36.5 49.5H83.5M36.5 60.5H83.5M36.5 71.5H83.5" }) }),
+    /* @__PURE__ */ o("g", { style: { stroke: l }, strokeWidth: "3", fill: "none", children: [
       /* @__PURE__ */ r("circle", { cx: "59.5", cy: "104.5", r: "14" }),
       /* @__PURE__ */ r("path", { d: "M50.7 95.7L67.6 113.9" })
     ] })
   ] });
 }
 function h() {
-  return /* @__PURE__ */ t("svg", { className: "u-error-screen-illustration", width: "110", height: "100", viewBox: "0 0 110 100", fill: "none", "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ r(n, { y: 2, gapFrom: 10.56, gapTo: 62.5 }),
-    /* @__PURE__ */ r(s, {}),
-    /* @__PURE__ */ r("path", { d: "M79.286 27.85C80.063 26.558 81.937 26.558 82.714 27.85L100.828 57.969C101.63 59.302 100.67 61 99.114 61H62.886C61.331 61 60.37 59.302 61.172 57.969Z", stroke: c, strokeWidth: "3" }),
-    /* @__PURE__ */ r("path", { d: "M80.312 49.752L79.976 43.2H82.048L81.698 49.752H80.312ZM81.012 53.098C80.685 53.098 80.414 52.991 80.2 52.776C79.985 52.561 79.878 52.305 79.878 52.006C79.878 51.707 79.985 51.455 80.2 51.25C80.414 51.035 80.685 50.928 81.012 50.928C81.338 50.928 81.604 51.035 81.81 51.25C82.015 51.455 82.118 51.707 82.118 52.006C82.118 52.305 82.015 52.561 81.81 52.776C81.604 52.991 81.338 53.098 81.012 53.098Z", fill: c })
+  return /* @__PURE__ */ o("svg", { className: "u-error-screen-illustration", width: "110", height: "100", viewBox: "0 0 110 100", fill: "none", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ r(c, { y: 2, gapFrom: 10.56, gapTo: 62.5 }),
+    /* @__PURE__ */ r(n, {}),
+    /* @__PURE__ */ r("path", { d: "M79.286 27.85C80.063 26.558 81.937 26.558 82.714 27.85L100.828 57.969C101.63 59.302 100.67 61 99.114 61H62.886C61.331 61 60.37 59.302 61.172 57.969Z", style: { stroke: s }, strokeWidth: "3" }),
+    /* @__PURE__ */ r("path", { d: "M80.312 49.752L79.976 43.2H82.048L81.698 49.752H80.312ZM81.012 53.098C80.685 53.098 80.414 52.991 80.2 52.776C79.985 52.561 79.878 52.305 79.878 52.006C79.878 51.707 79.985 51.455 80.2 51.25C80.414 51.035 80.685 50.928 81.012 50.928C81.338 50.928 81.604 51.035 81.81 51.25C82.015 51.455 82.118 51.707 82.118 52.006C82.118 52.305 82.015 52.561 81.81 52.776C81.604 52.991 81.338 53.098 81.012 53.098Z", style: { fill: s } })
   ] });
 }
 function u() {
-  return /* @__PURE__ */ t("svg", { className: "u-error-screen-illustration", width: "110", height: "100", viewBox: "0 0 110 100", fill: "none", "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ r(n, { y: 2, gapFrom: 10.56, gapTo: 62.5 }),
-    /* @__PURE__ */ r(s, {}),
-    /* @__PURE__ */ r("path", { d: "M89.309 64.31L73.681 54.994C73.555 54.919 73.404 54.9 73.265 54.943L68.076 56.518C67.8 56.602 67.5 56.563 67.256 56.41L61.932 53.085C61.768 52.982 61.637 52.834 61.555 52.658L58.125 45.281C57.705 44.379 58.717 43.484 59.561 44.011L67.65 49.063C68.118 49.355 68.735 49.213 69.028 48.744L73.329 41.857C73.622 41.389 73.479 40.772 73.011 40.479L64.922 35.428C64.078 34.9 64.438 33.598 65.433 33.58L73.567 33.425C73.761 33.422 73.952 33.474 74.116 33.577L79.495 36.937C79.707 37.069 79.862 37.276 79.929 37.517L81.228 42.199C81.263 42.322 81.343 42.428 81.453 42.493L96.845 51.668C100.387 53.78 101.502 58.389 99.318 61.887C97.197 65.283 92.749 66.36 89.309 64.31Z", stroke: c, strokeWidth: "3" })
+  return /* @__PURE__ */ o("svg", { className: "u-error-screen-illustration", width: "110", height: "100", viewBox: "0 0 110 100", fill: "none", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ r(c, { y: 2, gapFrom: 10.56, gapTo: 62.5 }),
+    /* @__PURE__ */ r(n, {}),
+    /* @__PURE__ */ r("path", { d: "M89.309 64.31L73.681 54.994C73.555 54.919 73.404 54.9 73.265 54.943L68.076 56.518C67.8 56.602 67.5 56.563 67.256 56.41L61.932 53.085C61.768 52.982 61.637 52.834 61.555 52.658L58.125 45.281C57.705 44.379 58.717 43.484 59.561 44.011L67.65 49.063C68.118 49.355 68.735 49.213 69.028 48.744L73.329 41.857C73.622 41.389 73.479 40.772 73.011 40.479L64.922 35.428C64.078 34.9 64.438 33.598 65.433 33.58L73.567 33.425C73.761 33.422 73.952 33.474 74.116 33.577L79.495 36.937C79.707 37.069 79.862 37.276 79.929 37.517L81.228 42.199C81.263 42.322 81.343 42.428 81.453 42.493L96.845 51.668C100.387 53.78 101.502 58.389 99.318 61.887C97.197 65.283 92.749 66.36 89.309 64.31Z", style: { stroke: s }, strokeWidth: "3" })
   ] });
 }
 function p({ name: e }) {
   return e === "forbidden" ? /* @__PURE__ */ r(d, {}) : e === "maintenance" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(h, {});
 }
 function g() {
-  return /* @__PURE__ */ r("span", { className: "u-error-screen-decor", "aria-hidden": "true", children: /* @__PURE__ */ t("span", { className: "u-error-screen-decor-stars", children: [
-    /* @__PURE__ */ r("svg", { className: "u-error-screen-decor-star u-error-screen-decor-star--big", width: "85", height: "85", viewBox: "0 0 85 85", focusable: "false", children: /* @__PURE__ */ r("path", { d: "M42.503 0L43.621 39.794L72.552 12.449L45.202 41.383L85 42.5L45.202 43.624L72.552 72.551L43.621 45.206L42.503 85L41.38 45.206L12.448 72.551L39.798 43.624L0 42.5L39.798 41.383L12.448 12.449L41.38 39.794Z", fill: "var(--u-error-screen-decor-color, #003DA6)" }) }),
-    /* @__PURE__ */ r("svg", { className: "u-error-screen-decor-star u-error-screen-decor-star--small", width: "37", height: "37", viewBox: "0 0 37 37", focusable: "false", children: /* @__PURE__ */ r("path", { d: "M37 18.5C26.784 18.5 18.5 10.216 18.5 0C18.5 10.216 10.216 18.5 0 18.5C10.216 18.5 18.5 26.784 18.5 37C18.5 26.784 26.784 18.5 37 18.5Z", fill: "var(--u-error-screen-decor-color, #003DA6)" }) }),
-    /* @__PURE__ */ r("svg", { className: "u-error-screen-decor-star u-error-screen-decor-star--ring", width: "65", height: "65", viewBox: "0 0 65 65", fill: "none", focusable: "false", children: /* @__PURE__ */ r("path", { d: "M32.212 0.032L32.722 7.962C33.012 12.442 39.042 13.642 41.022 9.612L44.522 2.482L41.962 10.002C40.512 14.252 45.632 17.662 48.992 14.702L54.962 9.452L49.712 15.422C46.752 18.792 50.162 23.902 54.412 22.462L61.932 19.902L54.802 23.412C50.782 25.392 51.982 31.422 56.452 31.712L64.382 32.222L56.452 32.732C51.972 33.022 50.772 39.052 54.802 41.032L61.932 44.542L54.412 41.982C50.162 40.532 46.752 45.652 49.712 49.022L54.962 54.992L48.992 49.742C45.622 46.782 40.512 50.192 41.962 54.442L44.522 61.962L41.022 54.832C39.042 50.802 33.012 52.002 32.722 56.482L32.212 64.412L31.702 56.482C31.412 52.002 25.382 50.802 23.402 54.832L19.902 61.962L22.462 54.442C23.912 50.192 18.792 46.782 15.422 49.742L9.452 54.992L14.702 49.022C17.662 45.652 14.252 40.542 10.002 41.982L2.482 44.542L9.612 41.032C13.642 39.052 12.442 33.022 7.962 32.732L0.032 32.222L7.962 31.712C12.442 31.422 13.642 25.392 9.612 23.412L2.482 19.902L10.002 22.462C14.242 23.912 17.662 18.792 14.702 15.422L9.452 9.452L15.422 14.702C18.792 17.662 23.902 14.252 22.462 10.002L19.902 2.482L23.402 9.612C25.382 13.642 31.412 12.442 31.702 7.962Z", stroke: "var(--u-error-screen-decor-color, #174496)" }) })
+  return /* @__PURE__ */ r("span", { className: "u-error-screen-decor", "aria-hidden": "true", children: /* @__PURE__ */ o("span", { className: "u-error-screen-decor-stars", children: [
+    /* @__PURE__ */ r("svg", { className: "u-error-screen-decor-star u-error-screen-decor-star--big", width: "85", height: "85", viewBox: "0 0 85 85", focusable: "false", children: /* @__PURE__ */ r("path", { d: "M42.503 0L43.621 39.794L72.552 12.449L45.202 41.383L85 42.5L45.202 43.624L72.552 72.551L43.621 45.206L42.503 85L41.38 45.206L12.448 72.551L39.798 43.624L0 42.5L39.798 41.383L12.448 12.449L41.38 39.794Z", style: { fill: "var(--u-error-screen-decor-color, #003DA6)" } }) }),
+    /* @__PURE__ */ r("svg", { className: "u-error-screen-decor-star u-error-screen-decor-star--small", width: "37", height: "37", viewBox: "0 0 37 37", focusable: "false", children: /* @__PURE__ */ r("path", { d: "M37 18.5C26.784 18.5 18.5 10.216 18.5 0C18.5 10.216 10.216 18.5 0 18.5C10.216 18.5 18.5 26.784 18.5 37C18.5 26.784 26.784 18.5 37 18.5Z", style: { fill: "var(--u-error-screen-decor-color, #003DA6)" } }) }),
+    /* @__PURE__ */ r("svg", { className: "u-error-screen-decor-star u-error-screen-decor-star--ring", width: "65", height: "65", viewBox: "0 0 65 65", fill: "none", focusable: "false", children: /* @__PURE__ */ r("path", { d: "M32.212 0.032L32.722 7.962C33.012 12.442 39.042 13.642 41.022 9.612L44.522 2.482L41.962 10.002C40.512 14.252 45.632 17.662 48.992 14.702L54.962 9.452L49.712 15.422C46.752 18.792 50.162 23.902 54.412 22.462L61.932 19.902L54.802 23.412C50.782 25.392 51.982 31.422 56.452 31.712L64.382 32.222L56.452 32.732C51.972 33.022 50.772 39.052 54.802 41.032L61.932 44.542L54.412 41.982C50.162 40.532 46.752 45.652 49.712 49.022L54.962 54.992L48.992 49.742C45.622 46.782 40.512 50.192 41.962 54.442L44.522 61.962L41.022 54.832C39.042 50.802 33.012 52.002 32.722 56.482L32.212 64.412L31.702 56.482C31.412 52.002 25.382 50.802 23.402 54.832L19.902 61.962L22.462 54.442C23.912 50.192 18.792 46.782 15.422 49.742L9.452 54.992L14.702 49.022C17.662 45.652 14.252 40.542 10.002 41.982L2.482 44.542L9.612 41.032C13.642 39.052 12.442 33.022 7.962 32.732L0.032 32.222L7.962 31.712C12.442 31.422 13.642 25.392 9.612 23.412L2.482 19.902L10.002 22.462C14.242 23.912 17.662 18.792 14.702 15.422L9.452 9.452L15.422 14.702C18.792 17.662 23.902 14.252 22.462 10.002L19.902 2.482L23.402 9.612C25.382 13.642 31.412 12.442 31.702 7.962Z", style: { stroke: "var(--u-error-screen-decor-color, #174496)" } }) })
   ] }) });
 }
 export { g as ErrorScreenDecor$u, p as ErrorScreenIllustration$u };

package/dist/components/InputExpandTextarea/InputExpandTextarea.js

@@ -129,7 +129,7 @@ const me = ({
                 id: `input_expand${n}`
               }
             ),
-            m && /* @__PURE__ */ o("div", { className: "u-input-expand-textarea-counter", style: Q ? { color: "#ef302b" } : void 0, children: [
+            m && /* @__PURE__ */ o("div", { className: "u-input-expand-textarea-counter", style: Q ? { color: "var(--u-color-error, #ef302b)" } : void 0, children: [
               N,
               "/",
               t

package/dist/components/InputTime/InputTime.js

@@ -55,7 +55,7 @@ const Ce = ({
   }), U = ue(St), V = f(null), r = f(null), I = f(!1), j = f(null), L = f(null), [g, $] = d(!1), { shouldRender: X, status: Mt, isAnimated: Ct } = Jt({
     isOpen: g && !s,
     duration: Yt
-  }), [h, p] = d(null), [Dt, m] = d(0), [Z, kt] = d(0), [At, Nt] = d(0), [S, J] = d(!1), [M, Q] = d(() => String(i ?? v ?? "")), Y = f(i), [Ft, Ht] = d(!1);
+  }), [h, p] = d(null), [Dt, m] = d(0), [Z, At] = d(0), [kt, Nt] = d(0), [S, J] = d(!1), [M, Q] = d(() => String(i ?? v ?? "")), Y = f(i), [Ft, Ht] = d(!1);
   O(() => {
     S || i !== Y.current && (Q(String(i ?? "")), Y.current = i);
   }, [i, S]);
@@ -67,7 +67,7 @@ const Ce = ({
   se(r, o, s);
   const C = w(() => /^\d{2}:\d{2}$/.test(o || ""), [o]), q = f(String(i ?? v ?? "")), D = f(
     /^\d{2}:\d{2}$/.test(String(i ?? v ?? "")) ? String(i ?? v ?? "") : ""
-  ), k = w(() => C ? (o || "").split(":")[0] : null, [o, C]), A = w(() => C ? (o || "").split(":")[1] : null, [o, C]), Ot = w(() => Array.from({ length: 24 }, (t, e) => String(e).padStart(2, "0")), []), Bt = w(() => Array.from({ length: 60 }, (t, e) => String(e).padStart(2, "0")), []);
+  ), A = w(() => C ? (o || "").split(":")[0] : null, [o, C]), k = w(() => C ? (o || "").split(":")[1] : null, [o, C]), Ot = w(() => Array.from({ length: 24 }, (t, e) => String(e).padStart(2, "0")), []), Bt = w(() => Array.from({ length: 60 }, (t, e) => String(e).padStart(2, "0")), []);
   O(() => {
     const t = () => {
       Ht(window.innerWidth <= 900);
@@ -91,8 +91,8 @@ const Ce = ({
       const H = e.getBoundingClientRect(), b = F.getBoundingClientRect(), x = b.top - H.top;
       x >= 0 && x + b.height <= e.clientHeight || (e.scrollTop += x - (e.clientHeight - b.height) / 2);
     };
-    t(j.current, k), t(L.current, A);
-  }, [g, X, k, A]);
+    t(j.current, A), t(L.current, k);
+  }, [g, X, A, k]);
   const c = B((t) => {
     if (Q(t), q.current = t, /^\d{2}:\d{2}$/.test(t) && (D.current = t), !E) return;
     E({
@@ -115,7 +115,7 @@ const Ce = ({
   }, Et = (t) => {
     const e = String(t.target.value ?? "");
     if (/[^0-9:]/.test(e)) {
-      c(e.replace(/[^0-9:]/g, ""));
+      c(e.replaceAll(/[^0-9:]/g, ""));
       return;
     }
     t.target.value || (p("hour"), m(0)), c(t.target.value);
@@ -130,7 +130,7 @@ const Ce = ({
     if (!l) return;
     const t = r.current;
     !t || document.activeElement !== t || !h || y(h);
-  }, [o, h, y, At, l]), it(() => {
+  }, [o, h, y, kt, l]), it(() => {
     if (!l || Z === 0) return;
     const t = r.current;
     !t || document.activeElement !== t || t.setSelectionRange(0, t.value.length);
@@ -151,7 +151,7 @@ const Ce = ({
   }, Vt = (t) => {
     if (!l) return;
     if (t.preventDefault(), t.detail >= 2) {
-      I.current = !1, p(null), m(0), kt((n) => n + 1);
+      I.current = !1, p(null), m(0), At((n) => n + 1);
       return;
     }
     const e = I.current || (t.currentTarget.selectionStart ?? 0) <= 2 ? "hour" : "minute";
@@ -166,9 +166,9 @@ const Ce = ({
     if (/^\d{2}:\d{2}$/.test(t)) return;
     !(G && t.trim() === "") && /^\d{2}:\d{2}$/.test(D.current) && (c(D.current), p(null), m(0));
   }, qt = (t) => {
-    c(`${t}:${A ?? "00"}`);
+    c(`${t}:${k ?? "00"}`);
   }, Wt = (t) => {
-    c(`${k ?? "00"}:${t}`), $(!1);
+    c(`${A ?? "00"}:${t}`), $(!1);
   };
   oe({
     disabled: s,
@@ -251,7 +251,7 @@ const Ce = ({
               W(), (t = r.current) == null || t.focus();
             },
             "aria-label": "Открыть выбор времени",
-            children: /* @__PURE__ */ u("span", { className: "u-react-input-time-icon", "aria-hidden": !0, children: /* @__PURE__ */ u(ee, { name: "clock", color: "#1E4391", size: 20 }) })
+            children: /* @__PURE__ */ u("span", { className: "u-react-input-time-icon", "aria-hidden": !0, children: /* @__PURE__ */ u(ee, { name: "clock", color: "var(--u-color-primary, #1E4391)", size: 20 }) })
           }
         ),
         X && /* @__PURE__ */ u(
@@ -259,8 +259,8 @@ const Ce = ({
           {
             hours: Ot,
             minutes: Bt,
-            selectedHour: k,
-            selectedMinute: A,
+            selectedHour: A,
+            selectedMinute: k,
             hoursColumnRef: j,
             minutesColumnRef: L,
             onSelectHour: qt,

package/dist/components/Menu/Menu.js

@@ -1,9 +1,9 @@
-import { jsx as i, Fragment as D, jsxs as f } from "react/jsx-runtime";
-import { useRef as F, useEffect as h, useState as O } from "react";
+import { jsx as i, Fragment as B, jsxs as f } from "react/jsx-runtime";
+import { useRef as D, useEffect as h, useState as F } from "react";
 /* empty css                 */
-import { useAutoId$u as R } from "../../hooks/useAutoId.js";
+import { useAutoId$u as O } from "../../hooks/useAutoId.js";
 /* empty css                                  */
-import { isPlainLeftClick$u as U } from "../../vanilla/core/linkClick.js";
+import { isPlainLeftClick$u as R } from "../../vanilla/core/linkClick.js";
 const H = ({
   onClickSection: a,
   onClickSwitchMenu: l,
@@ -21,13 +21,13 @@ const H = ({
   LinkComponent: u,
   id: E
 }) => {
-  const m = F(null), d = R(E, "u-collapsible-menu"), L = u, k = (e) => typeof e == "number" ? `${e}px` : String(e), p = (e) => {
+  const m = D(null), d = O(E, "u-collapsible-menu"), L = u, k = (e) => typeof e == "number" ? `${e}px` : String(e), p = (e) => {
     if (e == null) return;
     if (typeof e == "number")
       return `calc(${e} * var(--u-unit, 1px))`;
     const t = String(e).trim(), n = t.match(/^(-?\d+(?:\.\d+)?)px$/i);
     return n ? `calc(${n[1]} * var(--u-unit, 1px))` : t;
-  }, I = (e) => e && e.replace(/(-?\d+(?:\.\d+)?)px\b/gi, (t, n) => `calc(${n} * var(--u-unit, 1px))`);
+  }, I = (e) => e && e.replaceAll(/(-?\d+(?:\.\d+)?)px\b/gi, (t, n) => `calc(${n} * var(--u-unit, 1px))`);
   h(() => {
     if (s || typeof l != "function") return;
     const e = (t) => {
@@ -38,7 +38,7 @@ const H = ({
     };
     return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
   }, [l, s, r]);
-  const [P, j] = O(
+  const [P, j] = F(
     () => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(`(max-width: ${r}px)`).matches : !1
   );
   h(() => {
@@ -46,8 +46,8 @@ const H = ({
     const e = window.matchMedia(`(max-width: ${r}px)`), t = () => j(e.matches);
     return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, [r]);
-  const B = P ? "u-collapsible-menu--overlay" : "";
-  return /* @__PURE__ */ i(D, { children: x === "collapsible" && /* @__PURE__ */ f(
+  const A = P ? "u-collapsible-menu--overlay" : "";
+  return /* @__PURE__ */ i(B, { children: x === "collapsible" && /* @__PURE__ */ f(
     "div",
     {
       ref: m,
@@ -56,7 +56,7 @@ const H = ({
         "--max-width": k(y),
         width: "100%"
       },
-      className: `u-collapsible-menu ${B} ${w}`.trim(),
+      className: `u-collapsible-menu ${A} ${w}`.trim(),
       children: [
         /* @__PURE__ */ i(
           "input",
@@ -91,7 +91,7 @@ const H = ({
                       {
                         className: o == e.id ? "u-collapsible-menu-list-item u-menu-active" : "u-collapsible-menu-list-item",
                         id: String(e.id),
-                        onClick: (c) => a && U(c) && a(e),
+                        onClick: (c) => a && R(c) && a(e),
                         children: u ? /* @__PURE__ */ i(L, { to: e.url, className: "u-collapsible-menu-list-item-link", "aria-current": n, children: e.title }) : /* @__PURE__ */ i(
                           "a",
                           {

package/dist/components/Modal/Modal.js

@@ -11,69 +11,69 @@ import { useModalTitleClearance$u as J } from "./useModalTitleClearance.js";
 /* empty css                                   */
 /* empty css       */
 import { getPortalScopeProps$u as Q, getUiKitDefaults$u as V } from "../../shared/uiKitDefaults.js";
-import { MOTION_EASE$u as W, motionMs$u as X, MOTION_MS$u as N } from "../../vanilla/core/motion.js";
-import { lockKitScroll$u as Y, ownKitNode$u as Z, isKitEventHandled$u as ee, markKitEventHandled$u as oe } from "../../vanilla/core/kitRegistry.js";
-const ge = ({
+import { MOTION_EASE$u as W, motionMs$u as X, MOTION_MS$u as x } from "../../vanilla/core/motion.js";
+import { lockKitScroll$u as Y, ownKitNode$u as Z, isKitEventHandled$u as oo, markKitEventHandled$u as eo } from "../../vanilla/core/kitRegistry.js";
+const Eo = ({
   onCancel: n,
-  active: o,
-  ariaLabel: _,
+  active: e,
+  ariaLabel: N,
   ariaLabelledBy: m,
   children: c,
-  maxWidth: k = "900px",
-  maxHeight: v,
+  maxWidth: _ = "900px",
+  maxHeight: k,
   className: w = "",
   height: P = "",
   notCloseClickOnBack: f,
   closeOnEscape: S,
   closeButtonInside: p = !1,
-  lockScroll: b = !1,
+  lockScroll: y = !1,
   unmountOnClose: T = !1,
   portalOn: s = !0,
   trapFocus: $ = !0,
   initialFocus: K = "first",
   mobileSheet: A
 }) => {
-  const y = A ?? V().mobileSheets, i = F(null), [e] = H(
+  const b = A ?? V().mobileSheets, i = F(null), [o] = H(
     () => typeof document > "u" ? null : document.createElement("div")
   );
   L(() => {
-    if (!(!s || !e))
-      return e.className = "u-react-modal-portal", document.body.appendChild(e), () => e.remove();
-  }, [s, e]), R(() => {
-    if (!s || !e) return;
+    if (!(!s || !o))
+      return o.className = "u-react-modal-portal", document.body.appendChild(o), () => o.remove();
+  }, [s, o]), R(() => {
+    if (!s || !o) return;
     const t = Q()["data-u-kit"];
-    if (t ? e.setAttribute("data-u-kit", t) : e.removeAttribute("data-u-kit"), o) {
+    if (t ? o.setAttribute("data-u-kit", t) : o.removeAttribute("data-u-kit"), e) {
       const r = document.activeElement;
-      document.body.appendChild(e), r instanceof HTMLElement && e.contains(r) && r.focus({ preventScroll: !0 });
+      document.body.appendChild(o), r instanceof HTMLElement && o.contains(r) && r.focus({ preventScroll: !0 });
     }
-  }, [o, s, e]);
+  }, [e, s, o]);
   const { shouldRender: g, status: j, isAnimated: C } = O({
-    isOpen: !!o,
-    duration: y ? N.base : N.fast
-  }), d = C && j === "exiting", E = !!o || d, h = d ? { opacity: 0, transition: `opacity ${X("fast")}ms ${W.exit}` } : null, { scope: u, onFocusCapture: D } = U(i, !!o, $, K);
+    isOpen: !!e,
+    duration: b ? x.base : x.fast
+  }), d = C && j === "exiting", E = !!e || d, h = d ? { opacity: 0, transition: `opacity ${X("fast")}ms ${W.exit}` } : null, { scope: u, onFocusCapture: D } = U(i, !!e, $, K);
   J(i, E, m, c, p);
   const M = S ?? !f;
   if (l(() => {
-    if (!o || !M || typeof n != "function") return;
+    if (!e || !M || typeof n != "function") return;
     const t = (r) => {
-      r.key !== "Escape" || r.defaultPrevented || ee(r) || !B(u) || G(i.current, r.target) || (oe(r), n(r));
+      r.key !== "Escape" || r.defaultPrevented || oo(r) || !B(u) || G(i.current, r.target) || (eo(r), n(r));
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [o, M, n, u]), l(() => {
-    if (!(!o || !b))
+  }, [e, M, n, u]), l(() => {
+    if (!(!e || !y))
       return Y();
-  }, [o, b]), l(() => {
+  }, [e, y]), l(() => {
     const t = i.current;
     return t ? Z(t) : void 0;
   }, [g, s]), T && !g) return null;
-  const x = /* @__PURE__ */ a(q.Provider, { value: u, children: /* @__PURE__ */ a(
+  const v = /* @__PURE__ */ a(q.Provider, { value: u, children: /* @__PURE__ */ a(
     "div",
     {
-      className: `${E ? "u-modal u-modal-active" : "u-modal"}${y ? " u-react-modal-sheet" : ""}${d ? " u-react-modal-closing" : ""} ${w}`,
+      className: `${E ? "u-modal u-modal-active" : "u-modal"}${b ? " u-react-modal-sheet" : ""}${d ? " u-react-modal-closing" : ""} ${w}`,
       style: { backgroundColor: "unset" },
       onMouseDown: f ? () => {
       } : n,
-      children: /* @__PURE__ */ a("div", { className: "u-modal__container", style: Object.assign({ backgroundColor: "#0006" }, h), children: /* @__PURE__ */ I(
+      children: /* @__PURE__ */ a("div", { className: "u-modal__container", style: Object.assign({ backgroundColor: "var(--u-modal-overlay, #0006)" }, h), children: /* @__PURE__ */ I(
         "div",
         {
           className: `u-modal__body${p ? " u-modal__body--close-inside" : ""}`,
@@ -81,15 +81,15 @@ const ge = ({
           tabIndex: -1,
           onFocusCapture: D,
           role: "dialog",
-          "aria-label": _,
+          "aria-label": N,
           "aria-labelledby": m,
-          "aria-modal": o || void 0,
-          "aria-hidden": !o || void 0,
+          "aria-modal": e || void 0,
+          "aria-hidden": !e || void 0,
           onMouseDown: (t) => {
             t.stopPropagation();
           },
           style: Object.assign(
-            { width: "100%", maxWidth: k, height: P, maxHeight: v, zIndex: 1001 },
+            { width: "100%", maxWidth: _, height: P, maxHeight: k, zIndex: 1001 },
             h
           ),
           children: [
@@ -100,6 +100,6 @@ const ge = ({
       ) })
     }
   ) });
-  return !s || !e ? x : z(x, e);
+  return !s || !o ? v : z(v, o);
 };
-export { ge as Modal$u };
+export { Eo as Modal$u };