@sberbusiness/triplex-next 0.31.0 → 0.33.0

package/components/TabsLine/TabsLine.js

@@ -1,17 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as b } from "../../chunks/vendor-z35N2Tap.js";
 import { MobileView as c } from "../MobileView/MobileView.js";
+import "../MobileView/useMobileView.js";
 import { TabsLineDesktop as d } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile as x } from "./components/TabsLineMobile.js";
-import { s as m } from "../../chunks/TabsLine.module-D1SiIi4c.js";
+import { s as m } from "../../chunks/TabsLine.module-DZEuIiZO.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
-const v = ({
-  className: s,
-  dropdownTargetHtmlAttributes: a,
-  maxVisible: e,
+const y = ({
+  className: p,
+  dropdownTargetHtmlAttributes: s,
+  maxVisible: a,
   onChangeTab: i,
-  paddingX: p,
+  paddingX: e,
   selectedId: o,
   tabs: t,
   size: l,
@@ -21,9 +22,9 @@ const v = ({
   "div",
   {
     role: "tablist",
-    className: b(s, m.tabsLineWrapper, { [m.withSeparator]: f }),
+    className: b(p, m.tabsLineWrapper, { [m.withSeparator]: f }),
     ...n,
-    "data-paddingx-size": p,
+    "data-paddingx-size": e,
     children: /* @__PURE__ */ r(
       c,
       {
@@ -33,8 +34,8 @@ const v = ({
             tabs: t,
             onChangeTab: i,
             selectedId: o,
-            dropdownTargetHtmlAttributes: a,
-            maxVisible: e,
+            dropdownTargetHtmlAttributes: s,
+            maxVisible: a,
             size: l
           }
         ),
@@ -44,6 +45,6 @@ const v = ({
   }
 );
 export {
-  v as TabsLine
+  y as TabsLine
 };
 //# sourceMappingURL=TabsLine.js.map

package/components/TabsLine/components/TabsLineDesktop.js

@@ -4,7 +4,7 @@ import { TabsLineDropdown as S } from "./TabsLineDropdown.js";
 import { TabsLineItem as k } from "./TabsLineItem.js";
 import { isKey as u } from "../../../utils/keyboard.js";
 import { l as L } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as J } from "../../../chunks/TabsLine.module-D1SiIi4c.js";
+import { s as J } from "../../../chunks/TabsLine.module-DZEuIiZO.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -4,7 +4,7 @@ import { u as H, c as w } from "../../../chunks/vendor-z35N2Tap.js";
 import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as S } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-D093kwGL.js";
+import "../../../chunks/DropdownListItem-9uM7fY6X.js";
 import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import { EComponentSize as G } from "../../../enums/EComponentSize.js";
 import { Dropdown as U } from "../../Dropdown/Dropdown.js";
 import { CaretdownStrokeSrvIcon16 as Z } from "@sberbusiness/icons-next";
 import { isKey as p } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-D1SiIi4c.js";
+import { s as t } from "../../../chunks/TabsLine.module-DZEuIiZO.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
 import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsLine/components/TabsLineItem.js

@@ -7,7 +7,7 @@ import { EComponentSize as f } from "../../../enums/EComponentSize.js";
 import { Text as v } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap as x } from "../utils.js";
 import { EFontType as c } from "../../Typography/enums.js";
-import { s as e } from "../../../chunks/TabsLine.module-D1SiIi4c.js";
+import { s as e } from "../../../chunks/TabsLine.module-DZEuIiZO.js";
 const L = N(e), R = y.forwardRef(
   ({
     id: l,

package/components/TabsLine/components/TabsLineMobile.js

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

package/components/Tag/Tag.js

@@ -1,36 +1,36 @@
 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-z35N2Tap.js";
-import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as v, EditStrokeSrvIcon16 as y, CrossStrokeSrvIcon24 as z, CrossStrokeSrvIcon20 as G, CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
-import { Text as h } from "../Typography/Text.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 b } from "../Typography/Text.js";
 import { ETextSize as I, EFontType as T } from "../Typography/enums.js";
 import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
-import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
+import { createSizeToClassNameMap as h } from "../../utils/classNameMaps.js";
 import { EComponentSize as e } from "../../enums/EComponentSize.js";
-const A = "tag__6e0ea03b", R = "sm__7af80639", w = "md__1caa190c", F = "lg__8de4c09e", P = "content__41a29b7e", l = {
-  tag: A,
-  sm: R,
-  md: w,
-  lg: F,
-  content: P
-}, Y = j(l), q = {
+const j = "tag__a993bd1e", A = "sm__5b15be11", R = "md__8b6f68f7", w = "lg__e1c6fbc6", F = "content__6cdb41f0", f = {
+  tag: j,
+  sm: A,
+  md: R,
+  lg: w,
+  content: F
+}, P = h(f), Y = {
   [e.SM]: I.B4,
   [e.MD]: I.B3,
   [e.LG]: I.B2
-}, H = {
-  [e.SM]: /* @__PURE__ */ o(y, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+}, q = {
+  [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(d, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(z, { paletteIndex: 5 })
-}, b = E.forwardRef(
-  ({ children: x, id: s, className: g, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: f, editButtonProps: M, ...u }, C) => {
+}, H = {
+  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, $ = E.forwardRef(
+  ({ children: l, id: s, className: g, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
     const k = S(() => {
       const t = n ? T.DISABLED : T.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: q[r], children: x });
-    }, [x, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(b, { className: f.content, type: t, size: Y[r], children: l });
+    }, [l, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         _,
@@ -40,11 +40,11 @@ const A = "tag__6e0ea03b", R = "sm__7af80639", w = "md__1caa190c", F = "lg__8de4
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: q[r]
         }
       );
     }, [s, r, n, M, c]), i = S(() => {
-      const { onClick: t, ...m } = f || {};
+      const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         _,
         {
@@ -53,11 +53,11 @@ const A = "tag__6e0ea03b", R = "sm__7af80639", w = "md__1caa190c", F = "lg__8de4
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: J[r]
+          children: H[r]
         }
       );
-    }, [s, r, n, f, a]);
-    return /* @__PURE__ */ D("span", { className: L(l.tag, Y[r], g), ...u, ref: C, children: [
+    }, [s, r, n, x, a]);
+    return /* @__PURE__ */ D("span", { className: L(f.tag, P[r], g), ...u, ref: C, children: [
       k(),
       c && B(),
       i()
@@ -65,6 +65,6 @@ const A = "tag__6e0ea03b", R = "sm__7af80639", w = "md__1caa190c", F = "lg__8de4
   }
 );
 export {
-  b as Tag
+  $ as Tag
 };
 //# sourceMappingURL=Tag.js.map

package/components/TagColor/TagColor.js

@@ -3,12 +3,12 @@ import f from "react";
 import { c as l } from "../../chunks/vendor-z35N2Tap.js";
 import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const i = "tagColor__aab125ce", g = "sm__a3ac9fa6", d = "md__0408cb94", C = "lg__02a9b36a", S = "success__f1b36f4c", p = "info__92f2bab0", A = "warning__487477e5", T = "error__70bc2c93", N = "content__f5dd9e1f", o = {
+const i = "tagColor__0f212915", d = "sm__a7ad6289", g = "md__15489fed", C = "lg__524ced3f", S = "success__f6f4c305", p = "info__d3e24e2d", A = "warning__76073ec3", T = "error__d3063570", N = "content__020a4ac5", o = {
   tagColor: i,
-  sm: g,
-  md: d,
+  sm: d,
+  md: g,
   lg: C,
-  default: "default__3e5d54d1",
+  default: "default__8ffeb190",
   success: S,
   info: p,
   warning: A,
@@ -20,19 +20,19 @@ const i = "tagColor__aab125ce", g = "sm__a3ac9fa6", d = "md__0408cb94", C = "lg_
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, b = f.forwardRef(
-  ({ children: a, className: c, size: r, status: n = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
+}, R = f.forwardRef(
+  ({ children: r, className: c, size: n, status: a = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: l(o.tagColor, u[r], E[n], c),
+      className: l(o.tagColor, u[n], E[a], c),
       ...e,
       ref: _,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
+      children: /* @__PURE__ */ t("span", { className: o.content, children: r })
     }
   )
 );
-b.displayName = "TagColor";
+R.displayName = "TagColor";
 export {
-  b as TagColor
+  R as TagColor
 };
 //# sourceMappingURL=TagColor.js.map

package/components/TagGroup/TagGroup.js

@@ -2,18 +2,18 @@ import { jsx as c } from "react/jsx-runtime";
 import e from "react";
 import { c as p } from "../../chunks/vendor-z35N2Tap.js";
 import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-const l = "tagGroup__24923ba0", _ = "sm__d0704b4e", f = "md__11c3504c", i = "lg__816becf2", o = {
+const l = "tagGroup__b564cb67", f = "sm__151e19a4", _ = "md__db87ceaf", d = "lg__8cbf46da", o = {
   tagGroup: l,
-  sm: _,
-  md: f,
-  lg: i
-}, n = g(o), x = e.forwardRef(
-  ({ children: s, className: r, size: t, ...a }, m) => /* @__PURE__ */ c(
+  sm: f,
+  md: _,
+  lg: d
+}, i = g(o), x = e.forwardRef(
+  ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ c(
     "div",
     {
-      className: p(o.tagGroup, n[t], r),
+      className: p(o.tagGroup, i[r], a),
       role: "group",
-      ...a,
+      ...t,
       ref: m,
       children: s
     }

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-DEkpK71h.js";
+import { F as r } from "../../chunks/FormFieldInput-CLHhO8Kh.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/TextField/TextFieldBase.js

@@ -4,7 +4,7 @@ import { FormGroup as f } from "../FormGroup/FormGroup.js";
 import "../FormField/components/FormFieldClear.js";
 import { FormFieldCounter as c } from "../FormField/components/FormFieldCounter.js";
 import { FormFieldDescription as h } from "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-DEkpK71h.js";
+import "../../chunks/FormFieldInput-CLHhO8Kh.js";
 import { FormFieldLabel as s } from "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as a } from "../FormField/components/FormFieldPostfix.js";

package/components/TextareaField/TextareaField.js

@@ -3,7 +3,7 @@ import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-DEkpK71h.js";
+import "../../chunks/FormFieldInput-CLHhO8Kh.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

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

@@ -4,7 +4,7 @@ import { c as s } from "../../../../chunks/vendor-z35N2Tap.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--e7kCd3A.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-DK_Fl-Dq.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 }) });

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

@@ -2,17 +2,17 @@ import { jsx as t } from "react/jsx-runtime";
 import n from "react";
 import { c as l } from "../../../../chunks/vendor-z35N2Tap.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__37fae685", r = "desktop__88d04696", m = "mobile__671019d6", o = {
+const k = "tooltipLink__d04a0500", r = "desktop__e7be27b8", m = "mobile__4e3b8566", o = {
   tooltipLink: k,
   desktop: r,
   mobile: m
-}, d = n.forwardRef(
+}, c = n.forwardRef(
   ({ children: i, className: e, ...p }, s) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
     "a",
     {
       className: l(o.tooltipLink, o.desktop, e),
       ...p,
-      "data-tx": "0.31.0",
+      "data-tx": "0.33.0",
       ref: s,
       children: i
     }
@@ -21,14 +21,14 @@ const k = "tooltipLink__37fae685", r = "desktop__88d04696", m = "mobile__671019d
     {
       className: l(o.tooltipLink, o.mobile, e),
       ...p,
-      "data-tx": "0.31.0",
+      "data-tx": "0.33.0",
       ref: s,
       children: i
     }
   ) })
 );
-d.displayName = "TooltipLink";
+c.displayName = "TooltipLink";
 export {
-  d as TooltipLink
+  c as TooltipLink
 };
 //# sourceMappingURL=TooltipLink.js.map

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

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

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

@@ -9,7 +9,7 @@ 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--e7kCd3A.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-DK_Fl-Dq.js";
 const Q = {
   column: "translateX",
   row: "translateY"

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

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import a from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
 import { c } from "../../../../../chunks/vendor-z35N2Tap.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module--e7kCd3A.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-DK_Fl-Dq.js";
 const m = a.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

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

@@ -1,12 +1,12 @@
 import { jsxs as r, Fragment as b, jsx as n } from "react/jsx-runtime";
-import { useContext as u, useRef as f, useEffect as M } from "react";
+import { useContext as f, useRef as u, useEffect as M } from "react";
 import { TooltipContext as C } from "../../TootlipContext.js";
 import { Portal as B } from "../../../Portal/Portal.js";
 import { DropdownMobile as _ } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as x } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton as h } from "./components/TooltipMobileCloseButton.js";
 import { c as y } from "../../../../chunks/vendor-z35N2Tap.js";
-const N = "tooltipMobile__e935976e", T = "tooltipMobileContent__7334d7d6", g = "headerless__90128788", H = "closeButton__228e2b20", o = {
+const N = "tooltipMobile__6698fe80", T = "tooltipMobileContent__1bbeea40", g = "headerless__dcafd2dd", H = "closeButton__ffd6651c", o = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,
@@ -21,11 +21,11 @@ const N = "tooltipMobile__e935976e", T = "tooltipMobileContent__7334d7d6", g = "
   onShow: l,
   ...d
 }) => {
-  const { elements: e, setTooltipOpen: p } = u(C), i = f(null), m = y(o.tooltipMobile, { [o.headerless]: e.mobileHeader === null }, c);
+  const { elements: e, setTooltipOpen: p } = f(C), i = u(null), a = y(o.tooltipMobile, { [o.headerless]: e.mobileHeader === null }, c);
   M(() => {
     t && (l == null || l(i.current));
   }, [t]);
-  const a = () => {
+  const m = () => {
     var s;
     return /* @__PURE__ */ n("div", { className: o.closeButton, children: /* @__PURE__ */ n(h, { ...(s = e.closeButton) == null ? void 0 : s.props }) });
   };
@@ -34,7 +34,7 @@ const N = "tooltipMobile__e935976e", T = "tooltipMobileContent__7334d7d6", g = "
     /* @__PURE__ */ n(B, { container: document.body, children: /* @__PURE__ */ r(
       _,
       {
-        className: m,
+        className: a,
         tabIndex: -1,
         opened: t,
         setOpened: p,
@@ -45,7 +45,7 @@ const N = "tooltipMobile__e935976e", T = "tooltipMobileContent__7334d7d6", g = "
           /* @__PURE__ */ r(x, { className: o.tooltipMobileContent, children: [
             e.body,
             e.link,
-            e.mobileHeader === null && a()
+            e.mobileHeader === null && m()
           ] })
         ]
       }

package/components/TopOverlay/TopOverlay.js

@@ -1,24 +1,25 @@
-import { jsx as a, jsxs as b, Fragment as C } from "react/jsx-runtime";
-import { useState as y, useRef as g, useEffect as I } from "react";
-import { EOverlayDirection as B } from "../Overlay/OverlayBase.js";
+import { jsx as o, jsxs as F, Fragment as I } from "react/jsx-runtime";
+import { useState as y, useRef as g, useEffect as B } from "react";
+import { c as C } from "../../chunks/vendor-z35N2Tap.js";
+import { FocusTrapExtended as E } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay as O } from "../Overlay/Overlay.js";
-import { c as R, F as S } from "../../chunks/vendor-z35N2Tap.js";
-const j = "topOverlayMask__6ad13adf", E = "topOverlayWrapper__9d6a0f6c", w = "closing__e80141ee", A = "opened__6afeb122", D = "topOverlayPanel__e0803e05", V = "topOverlay__95bf6bd6", t = {
-  topOverlayMask: j,
-  topOverlayWrapper: E,
-  closing: w,
-  opened: A,
-  topOverlayPanel: D,
-  topOverlay: V
+import { EOverlayDirection as R } from "../Overlay/OverlayBase.js";
+const S = "topOverlayMask__09a8c7b2", j = "topOverlayWrapper__f3d70386", A = "closing__c2eba3da", D = "opened__0adbd0b4", V = "topOverlayPanel__0e5a40ce", $ = "topOverlay__9c1965ce", t = {
+  topOverlayMask: S,
+  topOverlayWrapper: j,
+  closing: A,
+  opened: D,
+  topOverlayPanel: V,
+  topOverlay: $
 }, K = ({
   children: _,
-  focusTrapProps: o,
+  focusTrapProps: a,
   opened: e,
-  onClose: l,
-  onOpen: n,
+  onClose: n,
+  onOpen: l,
   ...h
 }) => {
-  const [W, d] = y(!1), [$, f] = y(!1), [u, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [x, d] = y(!1), [W, m] = y(!1), [u, 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(
@@ -28,52 +29,51 @@ const j = "topOverlayMask__6ad13adf", E = "topOverlayWrapper__9d6a0f6c", w = "cl
         (v) => parseInt(v, 10) - i.top + parseInt(r, 10)
       );
     }
-  }, x = () => {
-    m(), f(!0), n == null || n();
+  }, M = () => {
+    f(), m(!0), l == null || l();
   };
-  I(() => {
-    p.current && !e ? d(!0) : !p.current && e && m(), p.current = e;
+  B(() => {
+    p.current && !e ? d(!0) : !p.current && e && f(), p.current = e;
   }, [e]);
-  const k = () => {
-    d(!1), c(0), l == null || l();
-  }, M = () => f(!1), T = (r) => /* @__PURE__ */ b(C, { children: [
-    /* @__PURE__ */ a(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
-    /* @__PURE__ */ a(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
-  ] }), F = () => {
-  }, N = R(t.topOverlayWrapper, {
-    [t.closing]: W,
+  const T = () => {
+    d(!1), c(0), n == null || n();
+  }, b = () => m(!1), k = (r) => /* @__PURE__ */ F(I, { children: [
+    /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
+    /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
+  ] }), N = () => {
+  }, P = C(t.topOverlayWrapper, {
+    [t.closing]: x,
     [t.opened]: e
-  }), P = /* @__PURE__ */ a(
-    O,
+  });
+  return /* @__PURE__ */ o(
+    E,
     {
-      onClose: k,
-      onClosing: M,
-      onOpen: x,
-      opened: e,
-      setOpened: F,
-      ...h,
-      className: t.topOverlay,
-      direction: B.TOP,
-      children: T
-    }
-  );
-  return /* @__PURE__ */ a(
-    S,
-    {
-      active: !1,
-      ...o,
+      active: W,
+      ...a,
       focusTrapOptions: {
-        allowOutsideClick: !0,
         preventScroll: !0,
-        ...o == null ? void 0 : o.focusTrapOptions
+        ...a == null ? void 0 : a.focusTrapOptions
       },
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ o(
         "div",
         {
-          className: N,
+          className: P,
           ref: s,
           style: u ? { top: `${u}px` } : void 0,
-          children: P
+          children: /* @__PURE__ */ o(
+            O,
+            {
+              onClose: T,
+              onClosing: b,
+              onOpen: M,
+              opened: e,
+              setOpened: N,
+              ...h,
+              className: t.topOverlay,
+              direction: R.TOP,
+              children: k
+            }
+          )
         }
       )
     }

package/components/TreeView/TreeView.js

@@ -10,7 +10,7 @@ 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-z35N2Tap.js";
-import { s as w } from "../../chunks/TreeView.module-BGGC5iP2.js";
+import { s as w } from "../../chunks/TreeView.module-Bq5-RYgn.js";
 const R = "rootNode";
 class n extends m.Component {
   constructor(e) {

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s } from "../../../chunks/TreeView.module-BGGC5iP2.js";
+import { s } from "../../../chunks/TreeView.module-Bq5-RYgn.js";
 const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
 export {
   m as TreeViewGroup

package/components/TreeView/components/TreeViewNode.js

@@ -7,7 +7,7 @@ import { TreeViewContext as m, withTreeViewContext as x } from "../TreeViewConte
 import { TreeViewAbstractNode as b } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
 import { c as w } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as C } from "../../../chunks/TreeView.module-BGGC5iP2.js";
+import { s as C } from "../../../chunks/TreeView.module-Bq5-RYgn.js";
 class V extends l.Component {
   constructor(e) {
     super(e);