@sberbusiness/triplex-next 0.1.9 → 0.10.0

package/components/TextareaField/TextareaField.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-BoG8X8Sc.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import { FormFieldTextarea as m } from "../FormField/components/FormFieldTextarea.js";
+const j = ({ textareaProps: o, ...t }) => /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(m, { ...o }) });
+export {
+  j as TextareaField
+};
+//# sourceMappingURL=TextareaField.js.map

package/components/TextareaField/index.js

@@ -0,0 +1,5 @@
+import { TextareaField as a } from "./TextareaField.js";
+export {
+  a as TextareaField
+};
+//# sourceMappingURL=index.js.map

package/components/TextareaField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/ThemeProvider/ThemeProvider.js

@@ -1,28 +1,28 @@
 import { jsx as l } from "react/jsx-runtime";
-import { useState as c, useEffect as m } from "react";
-import { k as x, l as d, m as f } from "../../chunks/vendor-CF2m175I.js";
+import { useState as x, useEffect as i } from "react";
+import { s as c, w as d, x as f } from "../../chunks/vendor-BlJo2ILB.js";
 import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
-const i = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, w = ({
+const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
   children: t,
   scopeClassName: o,
   scopeRef: n,
   theme: r = u.LIGHT,
   tokens: s
 }) => {
-  const [e, a] = c(o || i("triplex-next-theme-"));
-  return m(() => {
-    a(o || i("triplex-next-theme-"));
-  }, [o]), m(() => {
-    if (x()) {
+  const [e, a] = x(o || m("triplex-next-theme-"));
+  return i(() => {
+    a(o || m("triplex-next-theme-"));
+  }, [o]), i(() => {
+    if (c()) {
       const p = `.${e} {${S.getStyle(r, s || {})}}`;
       d(p, `triplex-next-dynamic-tokens-${e}`);
     } else
       console.log("ThemeProvider", "SSR do not support dynamic theme with css variables.");
-  }, [e, r, s]), m(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
+  }, [e, r, s]), i(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
 };
 export {
-  w as ThemeProvider
+  g as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map

package/components/ThemeProvider/ThemeProviderContext.js

@@ -7,8 +7,8 @@ const m = {
   scopeClassName: "",
   theme: o.LIGHT,
   tokens: { ...t, ...r }
-}, c = e.createContext(m);
+}, x = e.createContext(m);
 export {
-  c as ThemeProviderContext
+  x as ThemeProviderContext
 };
 //# sourceMappingURL=ThemeProviderContext.js.map

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,13 +6,13 @@ import { DesignTokensCore as D } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as d } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as v } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as x } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { f as g } from "../../../chunks/vendor-CF2m175I.js";
+import { k as g } from "../../../chunks/vendor-BlJo2ILB.js";
 const I = ({
-  children: f,
+  children: s,
   scopeClassName: r,
   scopeRef: t,
   theme: e,
-  tokens: s
+  tokens: f
 }) => {
   const o = u("");
   k(() => {
@@ -24,11 +24,11 @@ const I = ({
   }, [r]);
   const T = g(
     {},
-    s,
+    f,
     e === m.LIGHT ? D : d,
     e === m.LIGHT ? v : x
   );
-  return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: f });
+  return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: s });
 };
 export {
   I as ThemeProviderView

package/components/Tooltip/Tooltip.js

@@ -1,15 +1,15 @@
 import { jsx as n } from "react/jsx-runtime";
-import d, { useState as E, useRef as X, useEffect as _, useCallback as v } from "react";
-import { TooltipContext as W } from "./TootlipContext.js";
-import { MobileView as x } from "../MobileView/MobileView.js";
-import { TooltipDesktop as D } from "./components/desktop/TooltipDesktop.js";
-import { TooltipMobile as L } from "./components/mobile/TooltipMobile.js";
+import d, { useState as E, useRef as X, useEffect as v, useCallback as W } from "react";
+import { TooltipContext as x } from "./TootlipContext.js";
+import { MobileView as D } from "../MobileView/MobileView.js";
+import { TooltipDesktop as L } from "./components/desktop/TooltipDesktop.js";
+import { TooltipMobile as V } from "./components/mobile/TooltipMobile.js";
 import { TooltipBody as T } from "./components/common/TooltipBody.js";
 import { TooltipLink as y } from "./components/common/TooltipLink.js";
 import { TooltipTarget as b } from "./components/common/TooltipTarget.js";
 import { TooltipXButton as M } from "./components/common/TooltipXButton.js";
 import { TooltipMobileHeader as k } from "./components/mobile/components/TooltipMobileHeader.js";
-import { useTooltipTheme as V } from "./utils/useTooltipTheme.js";
+import { useTooltipTheme as _ } from "./utils/useTooltipTheme.js";
 import { useMatchMedia as j } from "../MediaWidth/useMatchMedia.js";
 import { EScreenWidth as c } from "../../helpers/breakpoints.js";
 import "./enums.js";
@@ -26,10 +26,10 @@ const t = ({
     `(max-width: ${c.SM_MAX})`,
     window.innerWidth <= parseInt(c.SM_MAX)
   ), [O, S] = E(!1), m = X(!1), i = r ?? O;
-  V(i, C && !a ? document.body : s.renderContainer ?? document.body), _(() => {
+  _(i, C && !a ? document.body : s.renderContainer ?? document.body), v(() => {
     r === !1 && (m.current = !1);
   }, [r]);
-  const H = v(() => {
+  const H = W(() => {
     const o = {
       body: null,
       link: null,
@@ -42,9 +42,9 @@ const t = ({
     }), o;
   }, [p]), R = (o) => {
     r === void 0 && (o || (m.current = !1), S(o)), l == null || l(o);
-  }, u = () => /* @__PURE__ */ n(D, { isOpen: i, toggleType: f, preferPlace: B, ...s }), w = () => /* @__PURE__ */ n(L, { isOpen: i, ...s });
+  }, u = () => /* @__PURE__ */ n(L, { isOpen: i, toggleType: f, preferPlace: B, ...s }), w = () => /* @__PURE__ */ n(V, { isOpen: i, ...s });
   return /* @__PURE__ */ n(
-    W.Provider,
+    x.Provider,
     {
       value: {
         elements: H(),
@@ -53,7 +53,7 @@ const t = ({
         toggleType: f,
         tooltipOpen: i
       },
-      children: a ? u() : /* @__PURE__ */ n(x, { fallback: u(), children: w() })
+      children: a ? u() : /* @__PURE__ */ n(D, { fallback: u(), children: w() })
     }
   );
 };

package/components/Tooltip/components/common/TooltipBody.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import r from "react";
-import { MobileView as s } from "../../../MobileView/MobileView.js";
-import { Text as a } from "../../../Typography/Text.js";
-import { ELineType as l, ETextSize as p } from "../../../Typography/enums.js";
-import { c } from "../../../../chunks/vendor-CF2m175I.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-CvcpQSlC.js";
-const d = r.forwardRef(({ className: m, ...i }, t) => {
-  const e = c(f.tooltipBody, m);
-  return /* @__PURE__ */ o(s, { fallback: /* @__PURE__ */ o("div", { className: e, ...i, ref: t }), children: /* @__PURE__ */ o(a, { className: e, size: p.B3, line: l.NORMAL, tag: "div", ...i, ref: t }) });
+import e from "react";
+import { c as s } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { MobileView as a } from "../../../MobileView/MobileView.js";
+import { Text as l } from "../../../Typography/Text.js";
+import { ELineType as p, ETextSize as c } from "../../../Typography/enums.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-B10Gb93w.js";
+const d = e.forwardRef(({ className: r, ...i }, t) => {
+  const m = s(f.tooltipBody, r);
+  return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: m, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: m, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });
 });
 d.displayName = "TooltipBody";
 export {

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,34 +1,34 @@
 import { jsx as t } from "react/jsx-runtime";
 import n from "react";
-import { c as s } from "../../../../chunks/vendor-CF2m175I.js";
+import { c as l } from "../../../../chunks/vendor-BlJo2ILB.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__7f9e1238", r = "desktop__558576b3", m = "mobile__4403db34", o = {
+const k = "tooltipLink__cff3dbab", r = "desktop__8594cbca", c = "mobile__99691f60", o = {
   tooltipLink: k,
   desktop: r,
-  mobile: m
-}, d = n.forwardRef(
-  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
+  mobile: c
+}, m = n.forwardRef(
+  ({ children: i, className: e, ...p }, s) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
     "a",
     {
-      className: s(o.tooltipLink, o.desktop, e),
-      ...l,
-      "data-tx": "0.1.9",
-      ref: p,
+      className: l(o.tooltipLink, o.desktop, e),
+      ...p,
+      "data-tx": "0.10.0",
+      ref: s,
       children: i
     }
   ), children: /* @__PURE__ */ t(
     "a",
     {
-      className: s(o.tooltipLink, o.mobile, e),
-      ...l,
-      "data-tx": "0.1.9",
-      ref: p,
+      className: l(o.tooltipLink, o.mobile, e),
+      ...p,
+      "data-tx": "0.10.0",
+      ref: s,
       children: i
     }
   ) })
 );
-d.displayName = "TooltipLink";
+m.displayName = "TooltipLink";
 export {
-  d as TooltipLink
+  m as TooltipLink
 };
 //# sourceMappingURL=TooltipLink.js.map

package/components/Tooltip/components/common/TooltipTarget.js

@@ -2,16 +2,16 @@ import r, { useContext as d } from "react";
 import { TooltipContext as m } from "../../TootlipContext.js";
 import { isKey as T } from "../../../../utils/keyboard.js";
 const y = ({ children: c }) => {
-  const { toggleType: i, tooltipOpen: l, targetHoveredRef: n, setTooltipOpen: p } = d(m), o = r.Children.only(c), s = (t) => (e) => {
-    const f = e.code || e.keyCode;
-    T(f, "TAB") && l && p(!1), t == null || t(e);
-  }, a = (t) => (e) => {
-    (i === "click" || i === "hover" && !n.current && e.currentTarget.contains(e.target)) && p(!l), t == null || t(e);
+  const { toggleType: i, tooltipOpen: l, targetHoveredRef: n, setTooltipOpen: p } = d(m), e = r.Children.only(c), s = (t) => (o) => {
+    const f = o.code || o.keyCode;
+    T(f, "TAB") && l && p(!1), t == null || t(o);
+  }, a = (t) => (o) => {
+    (i === "click" || i === "hover" && !n.current && o.currentTarget.contains(o.target)) && p(!l), t == null || t(o);
   };
-  return r.isValidElement(o) ? r.cloneElement(o, {
-    onClick: a(o.props.onClick),
-    onKeyDown: s(o.props.onKeyDown)
-  }) : o;
+  return r.isValidElement(e) ? r.cloneElement(e, {
+    onClick: a(e.props.onClick),
+    onKeyDown: s(e.props.onKeyDown)
+  }) : e;
 };
 export {
   y as TooltipTarget

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext as p } from "react";
 import { CrossStrokeSrvIcon16 as n } from "@sberbusiness/icons-next";
 import { TooltipContext as i } from "../../TootlipContext.js";
 import { ButtonIcon as l } from "../../../Button/ButtonIcon.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-CvcpQSlC.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-B10Gb93w.js";
 const I = ({ onClick: t, ...r }) => {
   const { setTooltipOpen: e } = p(i), s = (m) => {
     e(!1), t == null || t(m);

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -1,15 +1,15 @@
-var _ = Object.defineProperty;
-var H = (p, a, i) => a in p ? _(p, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : p[a] = i;
-var t = (p, a, i) => H(p, typeof a != "symbol" ? a + "" : a, i);
+var H = Object.defineProperty;
+var _ = (p, a, i) => a in p ? H(p, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : p[a] = i;
+var t = (p, a, i) => _(p, typeof a != "symbol" ? a + "" : a, i);
 import { jsxs as S, Fragment as P, jsx as x } from "react/jsx-runtime";
 import O from "react";
-import { i as M, c as $ } from "../../../../../chunks/vendor-CF2m175I.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-BlJo2ILB.js";
 import { TooltipContext as X } from "../../../TootlipContext.js";
 import { Portal as Y } from "../../../../Portal/Portal.js";
 import { ETooltipPreferPlace as u, ETooltipDirection as B, ETooltipAlign as z, ETooltipFlowTypes as I, ETooltipSizeParameter as r, ETooltipTypeName as C, ETooltipEndCoordinates as N, ETooltipStartCoordinates as R, ETooltipAxesType as G, ETooltipSize as U } from "../../../enums.js";
 import { TooltipDesktopTip as V } from "./TooltipDesktopTip.js";
 import { pickZone as j, axes as q, calcRelPos as K, centerOfBoundsFromBounds as Z, calcBounds as L, equalCoords as J } from "../../../utils/Positioning.js";
-import { s as f } from "../../../../../chunks/TooltipDesktop.module-CvcpQSlC.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-B10Gb93w.js";
 const Q = {
   column: "translateX",
   row: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
-import p from "react";
+import { jsx as p } from "react/jsx-runtime";
+import a from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
-import { c } from "../../../../../chunks/vendor-CF2m175I.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-CvcpQSlC.js";
-const l = p.forwardRef((r, i) => {
+import { c } from "../../../../../chunks/vendor-BlJo2ILB.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-B10Gb93w.js";
+const m = a.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;
   switch (s) {
@@ -20,10 +20,10 @@ const l = p.forwardRef((r, i) => {
       o = t.right;
       break;
   }
-  return /* @__PURE__ */ a("div", { className: c(t.tooltipDesktopTip, o), ref: i });
+  return /* @__PURE__ */ p("div", { className: c(t.tooltipDesktopTip, o), ref: i });
 });
-l.displayName = "TooltipDesktopTip";
+m.displayName = "TooltipDesktopTip";
 export {
-  l as TooltipDesktopTip
+  m as TooltipDesktopTip
 };
 //# sourceMappingURL=TooltipDesktopTip.js.map

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,14 +5,14 @@ import { Portal as x } from "../../../Portal/Portal.js";
 import { DropdownMobile as _ } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as h } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton as y } from "./components/TooltipMobileCloseButton.js";
-import { c as B } from "../../../../chunks/vendor-CF2m175I.js";
-const T = "tooltipMobile__5a4b582f", g = "tooltipMobileContent__b145fdc1", H = "headerless__d68fc936", r = {
+import { c as B } from "../../../../chunks/vendor-BlJo2ILB.js";
+const T = "tooltipMobile__11cc8e45", g = "tooltipMobileContent__00dc848c", H = "headerless__eee8e955", r = {
   tooltipMobile: T,
   tooltipMobileContent: g,
   headerless: H
 }, z = ({
   children: N,
-  className: d,
+  className: c,
   renderContainer: R,
   targetRef: j,
   disableAdaptiveMode: D,
@@ -20,7 +20,7 @@ const T = "tooltipMobile__5a4b582f", g = "tooltipMobileContent__b145fdc1", H = "
   onShow: t,
   ...p
 }) => {
-  const { elements: e, setTooltipOpen: c } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, d);
+  const { elements: e, setTooltipOpen: d } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, c);
   M(() => {
     o && (t == null || t(i.current));
   }, [o]);
@@ -36,7 +36,7 @@ const T = "tooltipMobile__5a4b582f", g = "tooltipMobileContent__b145fdc1", H = "
         className: m,
         tabIndex: -1,
         opened: o,
-        setOpened: c,
+        setOpened: d,
         ...p,
         ref: i,
         children: [

package/components/Tooltip/components/mobile/components/TooltipMobileHeader.js

@@ -1,16 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as n } from "react";
-import { DropdownMobileHeader as p } from "../../../../Dropdown/mobile/DropdownMobileHeader.js";
-import { TooltipContext as m } from "../../../TootlipContext.js";
-import { TooltipMobileCloseButton as l } from "./TooltipMobileCloseButton.js";
-import { Text as s } from "../../../../Typography/Text.js";
-import { EFontType as d, ETextSize as f } from "../../../../Typography/enums.js";
+import { useContext as p } from "react";
+import { DropdownMobileHeader as m } from "../../../../Dropdown/mobile/DropdownMobileHeader.js";
+import { TooltipContext as l } from "../../../TootlipContext.js";
+import { TooltipMobileCloseButton as s } from "./TooltipMobileCloseButton.js";
+import { Text as f } from "../../../../Typography/Text.js";
+import { EFontType as c, ETextSize as d } from "../../../../Typography/enums.js";
 const b = ({ children: e, ...r }) => {
-  const { elements: i } = n(m);
-  return /* @__PURE__ */ o(p, { closeButton: () => {
-    var t;
-    return /* @__PURE__ */ o(l, { ...(t = i.closeButton) == null ? void 0 : t.props });
-  }, ...r, children: /* @__PURE__ */ o(s, { size: f.B3, type: d.PRIMARY, tag: "div", children: e }) });
+  var t;
+  const { elements: i } = p(l), n = /* @__PURE__ */ o(s, { ...(t = i.closeButton) == null ? void 0 : t.props });
+  return /* @__PURE__ */ o(m, { controlButtons: n, ...r, children: /* @__PURE__ */ o(f, { size: d.B3, type: c.PRIMARY, tag: "div", children: e }) });
 };
 export {
   b as TooltipMobileHeader

package/components/TopOverlay/TopOverlay.js

@@ -0,0 +1,85 @@
+import { jsx as o, jsxs as b, Fragment as B } from "react/jsx-runtime";
+import { useState as y, useRef as g, useEffect as C } from "react";
+import { EOverlayDirection as R } from "../Overlay/OverlayBase.js";
+import { Overlay as O } from "../Overlay/Overlay.js";
+import { c as S, F as j } from "../../chunks/vendor-BlJo2ILB.js";
+const D = "topOverlayMask__93e9fb78", E = "topOverlayWrapper__1b9673c3", A = "closing__7c83e748", V = "opened__d9e1209d", $ = "topOverlayPanel__c741e31a", q = "topOverlay__16c238cc", t = {
+  topOverlayMask: D,
+  topOverlayWrapper: E,
+  closing: A,
+  opened: V,
+  topOverlayPanel: $,
+  topOverlay: q
+}, K = ({
+  children: _,
+  focusTrapProps: a,
+  opened: e,
+  onClose: l,
+  onOpen: n,
+  ...h
+}) => {
+  const [W, u] = y(!1), [x, d] = y(!1), [m, c] = y(0), p = g(e), s = g(null), f = () => {
+    if (s.current) {
+      const r = getComputedStyle(s.current).getPropertyValue("--lightBox-screen-top") || "0", i = s.current.getBoundingClientRect();
+      i.top < 0 ? c(
+        (v) => parseInt(v, 10) + Math.abs(i.top) + parseInt(r, 10)
+      ) : c(
+        // Оверлей расположен ниже, чем нужно.
+        (v) => parseInt(v, 10) - i.top + parseInt(r, 10)
+      );
+    }
+  }, k = () => {
+    f(), d(!0), n == null || n();
+  };
+  C(() => {
+    p.current && !e ? u(!0) : !p.current && e && f(), p.current = e;
+  }, [e]);
+  const M = () => {
+    u(!1), c(0), l == null || l();
+  }, T = () => d(!1), F = (r) => /* @__PURE__ */ b(B, { children: [
+    /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
+    /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
+  ] }), N = () => {
+  }, P = S(t.topOverlayWrapper, {
+    [t.closing]: W,
+    [t.opened]: e
+  }), I = /* @__PURE__ */ o(
+    O,
+    {
+      onClose: M,
+      onClosing: T,
+      onOpen: k,
+      opened: e,
+      setOpened: N,
+      ...h,
+      className: t.topOverlay,
+      direction: R.TOP,
+      children: F
+    }
+  );
+  return /* @__PURE__ */ o(
+    j,
+    {
+      active: x,
+      ...a,
+      focusTrapOptions: {
+        clickOutsideDeactivates: !0,
+        preventScroll: !0,
+        ...a == null ? void 0 : a.focusTrapOptions
+      },
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: P,
+          ref: s,
+          style: m ? { top: `${m}px` } : void 0,
+          children: I
+        }
+      )
+    }
+  );
+};
+export {
+  K as TopOverlay
+};
+//# sourceMappingURL=TopOverlay.js.map

package/components/TopOverlay/index.js

@@ -0,0 +1,5 @@
+import { TopOverlay as e } from "./TopOverlay.js";
+export {
+  e as TopOverlay
+};
+//# sourceMappingURL=index.js.map

package/components/TreeView/TreeView.js

@@ -0,0 +1,89 @@
+var c = Object.defineProperty;
+var h = (r, d, e) => d in r ? c(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
+var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
+import { jsx as N } from "react/jsx-runtime";
+import { EVENT_KEY_CODES as p } from "../../utils/keyboard.js";
+import m from "react";
+import { TreeViewAbstractNodeUtils as i } from "./TreeViewAbstractNodeUtils.js";
+import { TreeViewContext as l } from "./TreeViewContext.js";
+import { TreeViewAbstractNode as C } from "./TreeViewAbstractNode.js";
+import { TreeViewNode as f } from "./components/TreeViewNode.js";
+import { TreeViewGroup as b } from "./components/TreeViewGroup.js";
+import { c as v } from "../../chunks/vendor-BlJo2ILB.js";
+import { s as w } from "../../chunks/TreeView.module-oFkxX2oe.js";
+const R = "rootNode";
+class n extends m.Component {
+  constructor(e) {
+    super(e);
+    s(this, "abstractRootNode");
+    s(this, "treeNode", null);
+    /**
+     * Обработка изменения контекста.
+     * Установка tabIndex={0} для первой ноды, и tabIndex={-1} для остальных.
+     */
+    s(this, "updateTabIndexNodes", () => {
+      const e = this.abstractRootNode.getChildren();
+      let t = !1;
+      e.forEach((o, a) => {
+        a === 0 && o.getTabIndex() !== 0 ? (o.setTabIndex(0), t = !0) : a !== 0 && o.getTabIndex() === 0 && (o.setTabIndex(-1), t = !0);
+      }), t && this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Добавляет ноду в родительскую ноду. */
+    s(this, "registerNode", (e, t, o, a) => {
+      t.addChild(e, o, a), this.updateTabIndexNodes(), this.setState(({ updateCount: u }) => ({ updateCount: u++ }));
+    });
+    /** Удаляет ноду из родительской ноды. */
+    s(this, "removeNode", (e) => {
+      var t;
+      (t = e.getParent()) == null || t.removeChild(e), this.updateTabIndexNodes();
+    });
+    /** Установка флага активности ноды. */
+    s(this, "setActiveNode", (e, t) => {
+      i.setActiveNode(e, this.abstractRootNode, t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Установка флага opened ноды. */
+    s(this, "setOpenedNode", (e, t) => {
+      e.setOpened(t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Возвращает AbstractNode по id. */
+    s(this, "getNode", (e) => i.getNode(e, this.abstractRootNode));
+    s(this, "setTreeDOMNode", (e) => this.treeNode = e);
+    /** Обработка нажатия на клавиш для навигации с клавиатуры. */
+    s(this, "handleKeyDown", (e) => {
+      i.getActiveNode(this.abstractRootNode) && (p.ARROW_DOWN === e.keyCode ? (i.setActiveNextNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))) : p.ARROW_UP === e.keyCode && (i.setActivePrevNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))));
+    });
+    this.abstractRootNode = new C({ id: R }), this.state = {
+      updateCount: 0
+    };
+  }
+  componentDidMount() {
+    window.addEventListener("keydown", this.handleKeyDown);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.handleKeyDown);
+  }
+  render() {
+    const { children: e, className: t, ...o } = this.props, { updateCount: a } = this.state;
+    return /* @__PURE__ */ N(
+      l.Provider,
+      {
+        value: {
+          getNode: this.getNode,
+          parentNode: this.abstractRootNode,
+          registerNode: this.registerNode,
+          removeNode: this.removeNode,
+          rootNode: this.abstractRootNode,
+          setActiveNode: this.setActiveNode,
+          setOpenedNode: this.setOpenedNode,
+          updateCount: a
+        },
+        children: /* @__PURE__ */ N("ul", { className: v(w.treeView, t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
+      }
+    );
+  }
+}
+s(n, "displayName", "TreeView"), s(n, "Node", f), s(n, "Group", b);
+export {
+  n as TreeView
+};
+//# sourceMappingURL=TreeView.js.map

package/components/TreeView/TreeViewAbstractNode.js

@@ -0,0 +1,38 @@
+var s = Object.defineProperty;
+var n = (d, i, e) => i in d ? s(d, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[i] = e;
+var t = (d, i, e) => n(d, typeof i != "symbol" ? i + "" : i, e);
+import { AbstractTreeNode as o } from "../AbstractTree/AbstractTreeNode.js";
+class r extends o {
+  constructor(e) {
+    super();
+    t(this, "id");
+    t(this, "active");
+    t(this, "opened");
+    t(this, "tabIndex", -1);
+    /** Возвращает tabIndex ноды. */
+    t(this, "getTabIndex", () => this.tabIndex);
+    /** Устанавливает tabIndex ноды. */
+    t(this, "setTabIndex", (e) => {
+      this.tabIndex = e;
+    });
+    /** Возвращает id ноды. */
+    t(this, "getId", () => this.id);
+    /** Возвращает флаг активности ноды. */
+    t(this, "getActive", () => !!this.active);
+    /** Устанавливает флаг активности ноды. */
+    t(this, "setActive", (e) => {
+      this.active = e;
+    });
+    /** Возвращает флаг раскрытости ноды. */
+    t(this, "getOpened", () => !!this.opened);
+    /** Устанавливает флаг раскрытости ноды. */
+    t(this, "setOpened", (e) => {
+      this.opened = e;
+    });
+    this.id = e.id;
+  }
+}
+export {
+  r as TreeViewAbstractNode
+};
+//# sourceMappingURL=TreeViewAbstractNode.js.map