@sberbusiness/triplex-next 1.4.0 → 1.6.0

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "react/jsx-runtime";
-import { TabsLineItem as t } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__483d4ce3", p = "tabsLineMobile__ca022d18", l = {
+import { TabsLineItem as c } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__01ad80a7", p = "tabsLineMobile__049d334e", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, u = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+}, u = ({ onChangeTab: r, selectedId: a, tabs: i }) => {
   if (!i.length)
     return null;
-  const a = ({ selected: L, ...e }) => {
-    const b = (c) => {
+  const o = ({ selected: L, ...e }) => {
+    const b = (t) => {
       var s;
-      r(e.id), (s = e.onClick) == null || s.call(e, c);
+      r(e.id), (s = e.onClick) == null || s.call(e, t);
     };
-    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(c, { selected: a === e.id, ...e, onClick: b }, e.id);
   };
-  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(o) }) });
 };
 export {
   u as TabsLineMobile

package/components/Tag/Tag.js

@@ -1,36 +1,36 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import D, { useCallback as S } from "react";
-import { c as E } from "../../chunks/vendor-Ba_pyhza.js";
-import { EditStrokeSrvIcon24 as L, EditStrokeSrvIcon20 as N, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import E, { useCallback as S } from "react";
+import { c as L } from "../../chunks/vendor-D3hUOusX.js";
+import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as d, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
 import { Text as h } from "../Typography/Text.js";
 import { ETextSize as I, EFontType as _ } from "../Typography/enums.js";
 import { ButtonIcon as T } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
 import { EComponentSize as e } from "../../enums/EComponentSize.js";
-const A = "tag__e5da6a0e", R = "sm__19da04d7", w = "md__2b874a84", F = "lg__b6a87358", P = "content__6f0bb8df", l = {
+const A = "tag__951c8030", R = "sm__172693f5", w = "md__587e6f50", F = "lg__c586ec56", P = "content__420fd521", f = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(l), b = {
+}, Y = j(f), q = {
   [e.SM]: I.B4,
   [e.MD]: I.B3,
   [e.LG]: I.B2
-}, q = {
-  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
 }, H = {
+  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
+}, J = {
   [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
   [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
   [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
-}, $ = D.forwardRef(
-  ({ children: f, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+}, b = E.forwardRef(
+  ({ children: l, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
     const k = S(() => {
       const t = n ? _.DISABLED : _.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: b[r], children: f });
-    }, [f, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: q[r], children: l });
+    }, [l, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         T,
@@ -40,10 +40,10 @@ const A = "tag__e5da6a0e", R = "sm__19da04d7", w = "md__2b874a84", F = "lg__b6a8
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: q[r]
+          children: H[r]
         }
       );
-    }, [s, r, n, M, c]), d = S(() => {
+    }, [s, r, n, M, c]), i = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         T,
@@ -53,18 +53,18 @@ const A = "tag__e5da6a0e", R = "sm__19da04d7", w = "md__2b874a84", F = "lg__b6a8
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: J[r]
         }
       );
     }, [s, r, n, x, a]);
-    return /* @__PURE__ */ i("span", { className: E(l.tag, Y[r], u), ...g, ref: C, children: [
+    return /* @__PURE__ */ D("span", { className: L(f.tag, Y[r], u), ...g, ref: C, children: [
       k(),
       c && B(),
-      d()
+      i()
     ] });
   }
 );
 export {
-  $ as Tag
+  b as Tag
 };
 //# sourceMappingURL=Tag.js.map

package/components/TagGroup/TagGroup.js

@@ -1,17 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
-import p from "react";
-import { c } from "../../chunks/vendor-Ba_pyhza.js";
-import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
-const l = "tagGroup__ab1b8190", _ = "sm__8f95e7bf", g = "md__1aaaf24e", i = "lg__93a79982", o = {
-  tagGroup: l,
-  sm: _,
-  md: g,
-  lg: i
-}, n = f(o), x = p.forwardRef(
+import c from "react";
+import { c as p } from "../../chunks/vendor-D3hUOusX.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "tagGroup__5585d0b3", g = "sm__88f9e19e", f = "md__b75653ea", d = "lg__8aba9c9a", o = {
+  tagGroup: _,
+  sm: g,
+  md: f,
+  lg: d
+}, i = l(o), x = c.forwardRef(
   ({ children: a, className: s, size: t, ...r }, m) => /* @__PURE__ */ e(
     "div",
     {
-      className: c(o.tagGroup, n[t], s),
+      className: p(o.tagGroup, i[t], s),
       role: "group",
       ...r,
       ref: m,

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-CO7yZP0Q.js";
+import { F as r } from "../../chunks/FormFieldInput-BBhoiftf.js";
 import { TextFieldBase as t } from "./TextFieldBase.js";
 const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
 m.displayName = "TextField";

package/components/TextareaField/TextareaField.js

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-CO7yZP0Q.js";
+import "../../chunks/FormFieldInput-BBhoiftf.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { useState as c, useEffect as i } from "react";
-import { q as x, s as d, w as f } from "../../chunks/vendor-Ba_pyhza.js";
+import { useState as x, useEffect as i } from "react";
+import { w as c, x as d, y as f } from "../../chunks/vendor-D3hUOusX.js";
 import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
@@ -11,11 +11,11 @@ const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
   theme: r = u.LIGHT,
   tokens: s
 }) => {
-  const [e, a] = c(o || m("triplex-next-theme-"));
+  const [e, a] = x(o || m("triplex-next-theme-"));
   return i(() => {
     a(o || m("triplex-next-theme-"));
   }, [o]), i(() => {
-    if (x()) {
+    if (c()) {
       const p = `.${e} {${S.getStyle(r, s || {})}}`;
       d(p, `triplex-next-dynamic-tokens-${e}`);
     } else

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ 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 { h as g } from "../../../chunks/vendor-Ba_pyhza.js";
+import { m as g } from "../../../chunks/vendor-D3hUOusX.js";
 const I = ({
   children: s,
   scopeClassName: r,

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

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import r from "react";
-import { c as s } from "../../../../chunks/vendor-Ba_pyhza.js";
+import { c as s } from "../../../../chunks/vendor-D3hUOusX.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-D72ObNia.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-Cx6fDiek.js";
 const d = r.forwardRef(({ className: m, ...i }, t) => {
   const e = s(f.tooltipBody, m);
   return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: e, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: e, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });

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

@@ -1,34 +1,34 @@
 import { jsx as t } from "react/jsx-runtime";
-import s from "react";
-import { c as p } from "../../../../chunks/vendor-Ba_pyhza.js";
-import { MobileView as n } from "../../../MobileView/MobileView.js";
-const c = "tooltipLink__ca8acc6a", k = "desktop__b9b441c9", r = "mobile__dc5fd737", o = {
-  tooltipLink: c,
-  desktop: k,
-  mobile: r
-}, m = s.forwardRef(
-  ({ children: i, className: e, ...a }, l) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
+import n from "react";
+import { c as s } from "../../../../chunks/vendor-D3hUOusX.js";
+import { MobileView as a } from "../../../MobileView/MobileView.js";
+const k = "tooltipLink__4f257dcf", r = "desktop__8e17437d", m = "mobile__62cf3ffe", o = {
+  tooltipLink: k,
+  desktop: r,
+  mobile: m
+}, c = n.forwardRef(
+  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
     "a",
     {
-      className: p(o.tooltipLink, o.desktop, e),
-      ...a,
-      "data-tx": "1.4.0",
-      ref: l,
+      className: s(o.tooltipLink, o.desktop, e),
+      ...l,
+      "data-tx": "1.6.0",
+      ref: p,
       children: i
     }
   ), children: /* @__PURE__ */ t(
     "a",
     {
-      className: p(o.tooltipLink, o.mobile, e),
-      ...a,
-      "data-tx": "1.4.0",
-      ref: l,
+      className: s(o.tooltipLink, o.mobile, e),
+      ...l,
+      "data-tx": "1.6.0",
+      ref: p,
       children: i
     }
   ) })
 );
-m.displayName = "TooltipLink";
+c.displayName = "TooltipLink";
 export {
-  m as TooltipLink
+  c as TooltipLink
 };
 //# sourceMappingURL=TooltipLink.js.map

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-D72ObNia.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-Cx6fDiek.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

@@ -3,13 +3,13 @@ var H = (p, a, i) => a in p ? _(p, a, { enumerable: !0, configurable: !0, writab
 var t = (p, a, i) => H(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-Ba_pyhza.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-D3hUOusX.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-D72ObNia.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-Cx6fDiek.js";
 const Q = {
   column: "translateX",
   row: "translateY"

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

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import p from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
-import { c } from "../../../../../chunks/vendor-Ba_pyhza.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-D72ObNia.js";
+import { c } from "../../../../../chunks/vendor-D3hUOusX.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-Cx6fDiek.js";
 const l = p.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

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

@@ -1,50 +1,46 @@
-import { jsxs as l, Fragment as b, jsx as s } from "react/jsx-runtime";
-import { useContext as f, useRef as u, useEffect as M } from "react";
-import { TooltipContext as C } from "../../TootlipContext.js";
-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-Ba_pyhza.js";
-const T = "tooltipMobile__cd044b3c", g = "tooltipMobileContent__fd6829ce", H = "headerless__8cd0ef50", r = {
-  tooltipMobile: T,
-  tooltipMobileContent: g,
-  headerless: H
-}, z = ({
-  children: N,
-  className: d,
-  renderContainer: R,
-  targetRef: j,
-  disableAdaptiveMode: D,
+import { jsxs as r, Fragment as f, jsx as s } from "react/jsx-runtime";
+import { useContext as b, useRef as u, useEffect as x } from "react";
+import { TooltipContext as M } from "../../TootlipContext.js";
+import { Portal as C } from "../../../Portal/Portal.js";
+import { DropdownMobile as T } from "../../../Dropdown/mobile/DropdownMobile.js";
+import { DropdownMobileBody as y } from "../../../Dropdown/mobile/DropdownMobileBody.js";
+import { s as l, T as B } from "../../../../chunks/TooltipMobileCloseButton-BUyQFHWX.js";
+import { c as g } from "../../../../chunks/vendor-D3hUOusX.js";
+const P = ({
+  children: H,
+  className: m,
+  renderContainer: N,
+  targetRef: R,
+  disableAdaptiveMode: h,
   isOpen: o,
   onShow: t,
-  ...c
+  ...d
 }) => {
-  const { elements: e, setTooltipOpen: p } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, d);
-  M(() => {
+  const { elements: e, setTooltipOpen: a } = b(M), i = u(null), p = g(l.tooltipMobile, { [l.headerless]: e.mobileHeader === null }, m);
+  x(() => {
     o && (t == null || t(i.current));
   }, [o]);
-  const a = () => {
+  const c = () => {
     var n;
-    return /* @__PURE__ */ s(y, { ...(n = e.closeButton) == null ? void 0 : n.props });
+    return /* @__PURE__ */ s(B, { ...(n = e.closeButton) == null ? void 0 : n.props });
   };
-  return /* @__PURE__ */ l(b, { children: [
+  return /* @__PURE__ */ r(f, { children: [
     e.target,
-    /* @__PURE__ */ s(x, { container: document.body, children: /* @__PURE__ */ l(
-      _,
+    /* @__PURE__ */ s(C, { container: document.body, children: /* @__PURE__ */ r(
+      T,
       {
-        className: m,
+        className: p,
         tabIndex: -1,
         opened: o,
-        setOpened: p,
-        ...c,
+        setOpened: a,
+        ...d,
         ref: i,
         children: [
           e.mobileHeader,
-          /* @__PURE__ */ l(h, { className: r.tooltipMobileContent, children: [
+          /* @__PURE__ */ r(y, { className: l.tooltipMobileContent, children: [
             e.body,
             e.link,
-            e.mobileHeader === null && a()
+            e.mobileHeader === null && c()
           ] })
         ]
       }
@@ -52,6 +48,6 @@ const T = "tooltipMobile__cd044b3c", g = "tooltipMobileContent__fd6829ce", H = "
   ] });
 };
 export {
-  z as TooltipMobile
+  P as TooltipMobile
 };
 //# sourceMappingURL=TooltipMobile.js.map

package/components/Tooltip/components/mobile/components/TooltipMobileCloseButton.js

@@ -1,14 +1,9 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useContext as l } from "react";
-import { DropdownMobileClose as s } from "../../../../Dropdown/mobile/DropdownMobileClose.js";
-import { TooltipContext as i } from "../../../TootlipContext.js";
-const d = ({ onClick: o, ...t }) => {
-  const { setTooltipOpen: e } = l(i);
-  return /* @__PURE__ */ p(s, { onClick: (r) => {
-    e(!1), o == null || o(r);
-  }, ...t });
-};
+import "react/jsx-runtime";
+import "react";
+import "../../../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../../TootlipContext.js";
+import { T as e } from "../../../../../chunks/TooltipMobileCloseButton-BUyQFHWX.js";
 export {
-  d as TooltipMobileCloseButton
+  e as TooltipMobileCloseButton
 };
 //# sourceMappingURL=TooltipMobileCloseButton.js.map

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

@@ -2,15 +2,15 @@ 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 { T as s } from "../../../../../chunks/TooltipMobileCloseButton-BUyQFHWX.js";
+import { Text as l } from "../../../../Typography/Text.js";
 import { EFontType as d, ETextSize as f } 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 }) });
+    return /* @__PURE__ */ o(s, { ...(t = i.closeButton) == null ? void 0 : t.props });
+  }, ...r, children: /* @__PURE__ */ o(l, { size: f.B3, type: d.PRIMARY, tag: "div", children: e }) });
 };
 export {
   b as TooltipMobileHeader

package/components/TopOverlay/TopOverlay.js

@@ -0,0 +1,85 @@
+import { jsx as o, jsxs as I, 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-D3hUOusX.js";
+const D = "topOverlayMask__2d678efd", E = "topOverlayWrapper__07e10636", A = "closing__5fa60bcf", V = "opened__38bfeb9f", $ = "topOverlayPanel__038124dc", q = "topOverlay__eee20d5b", 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, d] = y(!1), [x, f] = y(!1), [u, c] = y(0), p = g(e), s = g(null), m = () => {
+    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 = () => {
+    m(), f(!0), n == null || n();
+  };
+  C(() => {
+    p.current && !e ? d(!0) : !p.current && e && m(), p.current = e;
+  }, [e]);
+  const M = () => {
+    d(!1), c(0), l == null || l();
+  }, T = () => f(!1), b = (r) => /* @__PURE__ */ I(B, { children: [
+    /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
+    /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
+  ] }), F = () => {
+  }, N = S(t.topOverlayWrapper, {
+    [t.closing]: W,
+    [t.opened]: e
+  }), P = /* @__PURE__ */ o(
+    O,
+    {
+      onClose: M,
+      onClosing: T,
+      onOpen: k,
+      opened: e,
+      setOpened: F,
+      ...h,
+      className: t.topOverlay,
+      direction: R.TOP,
+      children: b
+    }
+  );
+  return /* @__PURE__ */ o(
+    j,
+    {
+      active: x,
+      ...a,
+      focusTrapOptions: {
+        clickOutsideDeactivates: !0,
+        preventScroll: !0,
+        ...a == null ? void 0 : a.focusTrapOptions
+      },
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: N,
+          ref: s,
+          style: u ? { top: `${u}px` } : void 0,
+          children: P
+        }
+      )
+    }
+  );
+};
+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

@@ -3,15 +3,16 @@ var h = (r, d, e) => d in r ? c(r, d, { enumerable: !0, configurable: !0, writab
 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 u } from "../../utils/keyboard.js";
-import l from "react";
+import m from "react";
 import { TreeViewAbstractNodeUtils as i } from "./TreeViewAbstractNodeUtils.js";
-import { TreeViewContext as m } from "./TreeViewContext.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-Ba_pyhza.js";
-const w = "rootNode";
-class n extends l.Component {
+import { c as v } from "../../chunks/vendor-D3hUOusX.js";
+import { s as w } from "../../chunks/TreeView.module-oeG4_2Ve.js";
+const R = "rootNode";
+class n extends m.Component {
   constructor(e) {
     super(e);
     s(this, "abstractRootNode");
@@ -51,7 +52,7 @@ class n extends l.Component {
     s(this, "handleKeyDown", (e) => {
       i.getActiveNode(this.abstractRootNode) && (u.ARROW_DOWN === e.keyCode ? (i.setActiveNextNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))) : u.ARROW_UP === e.keyCode && (i.setActivePrevNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))));
     });
-    this.abstractRootNode = new C({ id: w }), this.state = {
+    this.abstractRootNode = new C({ id: R }), this.state = {
       updateCount: 0
     };
   }
@@ -64,7 +65,7 @@ class n extends l.Component {
   render() {
     const { children: e, className: t, ...o } = this.props, { updateCount: a } = this.state;
     return /* @__PURE__ */ N(
-      m.Provider,
+      l.Provider,
       {
         value: {
           getNode: this.getNode,
@@ -76,7 +77,7 @@ class n extends l.Component {
           setOpenedNode: this.setOpenedNode,
           updateCount: a
         },
-        children: /* @__PURE__ */ N("ul", { className: v("cssClass[treeView]", t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
+        children: /* @__PURE__ */ N("ul", { className: v(w.treeView, t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
       }
     );
   }

package/components/TreeView/components/TreeViewGroup.js

@@ -1,6 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-const p = ({ children: e, ...r }) => /* @__PURE__ */ o("ul", { role: "group", className: "cssClass[treeViewGroup]", ...r, children: e });
+import { s } from "../../../chunks/TreeView.module-oeG4_2Ve.js";
+const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
 export {
-  p as TreeViewGroup
+  m as TreeViewGroup
 };
 //# sourceMappingURL=TreeViewGroup.js.map