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

package/dist/components/Calendar/Calendar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,+FAA+F;AAC/F,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,uHAAuH;IACvH,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B;yFACqF;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC,CAAC,CAAC"}
+{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,+FAA+F;AAC/F,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,mGAAmG;IACnG,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,uHAAuH;IACvH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,oBAAoB,CAAA;KAAE,GAAG,IAAI,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B;yFACqF;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAI3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAWnD,eAAO,MAAM,IAAI,GAAI,sFASlB,cAAc,4CA2FhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAM3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AASnD,eAAO,MAAM,IAAI,GAAI,sFASlB,cAAc,4CAkGhB,CAAC"}

package/dist/components/Card/Card.js

@@ -1,56 +1,62 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { useState as N, useRef as C, useLayoutEffect as R } from "react";
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { useState as S, useRef as x, useLayoutEffect as I } from "react";
 /* empty css                 */
 /* empty css                                  */
-import { Icon$u as L } from "../Icon/Icon.js";
-import { useAutoId$u as O } from "../../hooks/useAutoId.js";
-const A = 220, H = 'button, a, input, select, textarea, label, [role="button"], [contenteditable="true"]', k = 5, M = 20, z = ({
+import { Icon$u as M } from "../Icon/Icon.js";
+import { useAutoId$u as H } from "../../hooks/useAutoId.js";
+import { prefersReducedMotion$u as O } from "../../vanilla/core/motion.js";
+import { collapseMotionMs$u as k } from "../../vanilla/core/collapseMotion.js";
+const A = 'button, a, input, select, textarea, label, [role="button"], [contenteditable="true"]', L = 5, T = 20, V = ({
   children: c,
-  className: E = "",
-  bordered: x = !1,
+  className: C = "",
+  bordered: E = !1,
   collapsible: e = !1,
   header: a,
-  defaultOpen: b = !0,
+  defaultOpen: R = !0,
   open: d,
   onToggle: o
 }) => {
-  const [h, v] = N(b), i = O(null, "u-card-body"), u = typeof d == "boolean", r = e ? u ? d : h : !0, l = C(null), [w, m] = N(!0), f = C(!0);
-  R(() => {
+  const [b, h] = S(R), u = H(null, "u-card-body"), l = typeof d == "boolean", r = e ? l ? d : b : !0, m = x(null), [v, s] = S(!0), f = x(!0);
+  I(() => {
     if (f.current) {
       f.current = !1;
       return;
     }
-    m(!1);
-    const t = window.setTimeout(() => m(!0), A + M);
+    if (O()) {
+      s(!0);
+      return;
+    }
+    s(!1);
+    const t = window.setTimeout(() => s(!0), k(r) + T);
     return () => window.clearTimeout(t);
   }, [r]);
   const _ = [
     "cardStyle",
-    x && "u-react-card--bordered",
+    E && "u-react-card--bordered",
     e && "u-react-card--collapsible",
     e && (r ? "u-react-card--open" : "u-react-card--closed"),
-    e && r && w && "u-react-card--settled",
-    E
-  ].filter(Boolean).join(" "), I = a != null && a !== !1;
-  if (!e && !I)
+    e && r && v && "u-react-card--settled",
+    C
+  ].filter(Boolean).join(" "), w = a != null && a !== !1;
+  if (!e && !w)
     return /* @__PURE__ */ n("div", { className: _, children: c });
-  const y = () => {
+  const p = () => {
     const t = !r;
-    u || v(t), o == null || o(t);
+    l || h(t), o == null || o(t);
   };
-  return /* @__PURE__ */ p("div", { className: _, children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ N("div", { className: _, children: [
+    /* @__PURE__ */ N(
       "div",
       {
         className: "u-react-card__header",
         onPointerDown: e ? (t) => {
-          l.current = { x: t.clientX, y: t.clientY };
+          m.current = { x: t.clientX, y: t.clientY };
         } : void 0,
         onClick: e ? (t) => {
-          var S;
-          if (t.target.closest(H)) return;
-          const s = l.current;
-          s && Math.hypot(t.clientX - s.x, t.clientY - s.y) > k || (S = window.getSelection()) != null && S.toString() || y();
+          var y;
+          if (t.target.closest(A)) return;
+          const i = m.current;
+          i && Math.hypot(t.clientX - i.x, t.clientY - i.y) > L || (y = window.getSelection()) != null && y.toString() || p();
         } : void 0,
         children: [
           /* @__PURE__ */ n("div", { className: "u-react-card__header-content", children: a }),
@@ -59,17 +65,17 @@ const A = 220, H = 'button, a, input, select, textarea, label, [role="button"],
             {
               type: "button",
               className: "u-react-card__toggle",
-              onClick: y,
+              onClick: p,
               "aria-expanded": r,
-              "aria-controls": i,
+              "aria-controls": u,
               "aria-label": r ? "Свернуть" : "Развернуть",
-              children: /* @__PURE__ */ n(L, { name: "up", size: 20, rotate: r ? 0 : 180 })
+              children: /* @__PURE__ */ n(M, { name: "up", size: 20, rotate: r ? 0 : 180 })
             }
           ) : null
         ]
       }
     ),
-    e ? /* @__PURE__ */ n("div", { className: "u-react-card__body", id: i, children: /* @__PURE__ */ n("div", { className: "u-react-card__body-inner", children: c }) }) : /* @__PURE__ */ n("div", { className: "u-react-card__body-static", children: c })
+    e ? /* @__PURE__ */ n("div", { className: "u-react-card__body", id: u, children: /* @__PURE__ */ n("div", { className: "u-react-card__body-inner", children: c }) }) : /* @__PURE__ */ n("div", { className: "u-react-card__body-static", children: c })
   ] });
 };
-export { z as Card$u };
+export { V as Card$u };

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSettings/ColumnSettings.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,QAAsB,EACtB,OAAmB,EACnB,KAAuC,EACvC,IAAgB,EAChB,WAAiC,EACjC,SAAiB,EACjB,KAAe,EACf,aAAmB,EACnB,SAAc,GACjB,EAAE,mBAAmB,CAAC,GAAG,CAAC,2CAuR1B"}
+{"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSettings/ColumnSettings.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,QAAsB,EACtB,OAAmB,EACnB,KAAuC,EACvC,IAAgB,EAChB,WAAiC,EACjC,SAAiB,EACjB,KAAe,EACf,aAAmB,EACnB,SAAc,GACjB,EAAE,mBAAmB,CAAC,GAAG,CAAC,2CA0R1B"}

package/dist/components/ColumnSettings/ColumnSettings.js

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

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

@@ -0,0 +1,11 @@
+import type { DrawerProperties } from './Drawer.types';
+
+import '../../styles/tokens.less';
+
+/**
+ * Панель поверх страницы: сбоку или шторкой снизу. Окно того же стека, что и Modal
+ * (`useModalFocus`): Escape, ловушка фокуса и его возврат действуют только у верхнего окна
+ * всех копий кита, вложенные Modal и попапы знают своего родителя.
+ */
+export declare const Drawer: ({ open, onClose, side, size, title, ariaLabel, ariaLabelledBy, footer, children, className, closeOnEscape, closeOnBackdrop, lockScroll, trapFocus, initialFocus, }: DrawerProperties) => import("react").ReactPortal;
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,87 @@
+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";
+/* 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 { MOTION_MS$u as q } from "../../vanilla/core/motion.js";
+const er = ({
+  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"
+}) => {
+  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(() => {
+    if (!r || !p) return;
+    const t = (o) => {
+      o.key !== "Escape" || o.defaultPrevented || A(o) || !H(i) || (B(o), d.current());
+    };
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [r, p, i]), l(() => {
+    if (!(!r || !v))
+      return O();
+  }, [r, v]), l(() => {
+    const t = n.current;
+    return t ? S(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(
+      "div",
+      {
+        ...L(),
+        className: `u-drawer u-drawer--${k}${C ? " u-drawer--hidden" : ""}${I ? " u-drawer--leaving" : ""}${f ? ` ${f}` : ""}`,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "u-drawer__backdrop",
+              "aria-hidden": "true",
+              onClick: E ? () => d.current() : void 0
+            }
+          ),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              ref: n,
+              className: "u-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: $,
+              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("div", { className: "u-drawer__body", children: M }),
+                m ? /* @__PURE__ */ e("div", { className: "u-drawer__footer", children: m }) : null
+              ]
+            }
+          )
+        ]
+      }
+    ) }),
+    document.body
+  );
+};
+export { er as Drawer$u };

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

@@ -0,0 +1,44 @@
+import type { ReactNode } from 'react';
+/** С какого края выезжает панель. */
+export type DrawerSide = 'right' | 'left' | 'bottom';
+export type DrawerProperties = {
+    /** Открыта ли панель. */
+    open: boolean;
+    /** Запрос закрыть панель: крестик, подложка, Escape. Состояние меняет потребитель. */
+    onClose: () => void;
+    /** Край экрана. По умолчанию `right`. */
+    side?: DrawerSide;
+    /**
+     * Ширина боковой панели или наибольшая высота шторки снизу — любое значение CSS.
+     * По умолчанию 480 px сбоку и 85% высоты экрана снизу; шире экрана панель не становится.
+     */
+    size?: string;
+    /** Заголовок панели; он же доступное имя окна. */
+    title?: ReactNode;
+    /** Доступное имя, если видимого заголовка нет. */
+    ariaLabel?: string;
+    /** id внешнего заголовка, если он не передан через `title`. */
+    ariaLabelledBy?: string;
+    /** Нижняя панель действий — например, кнопки «Сохранить» и «Отмена». */
+    footer?: ReactNode;
+    children?: ReactNode;
+    /** Класс корня `.u-drawer`. */
+    className?: string;
+    /** Закрывать по Escape. По умолчанию true. */
+    closeOnEscape?: boolean;
+    /** Закрывать нажатием на затемнение. По умолчанию true. */
+    closeOnBackdrop?: boolean;
+    /**
+     * Блокировать прокрутку страницы под панелью. По умолчанию выключено, как у Modal:
+     * приложение работает внутри Qiankun, и стиль `document.body` затрагивает оболочку ЛК.
+     */
+    lockScroll?: boolean;
+    /** Удерживать фокус в панели и возвращать его после закрытия. По умолчанию true. */
+    trapFocus?: boolean;
+    /**
+     * Куда поставить фокус при открытии: `first` (по умолчанию) — на первый интерактивный
+     * элемент, `dialog` — на саму панель (на телефоне не раскрывает клавиатуру).
+     */
+    initialFocus?: 'first' | 'dialog';
+};
+//# sourceMappingURL=Drawer.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,qCAAqC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,yBAAyB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,sFAAsF;IACtF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACrC,CAAC"}

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;AAIlH,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,2CAsHvB"}
+{"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"}