@sberbusiness/triplex-next 1.32.0 → 1.34.0

package/components/TabsLine/components/TabsLineItem.js

@@ -1,60 +1,60 @@
-import { jsx as n } from "react/jsx-runtime";
-import y, { useState as f, createElement as z } from "react";
-import { c as E } from "../../../chunks/vendor-82AnkPpo.js";
+import { jsx as i } from "react/jsx-runtime";
+import h, { useState as f, createElement as y } from "react";
+import { c as E } from "../../../chunks/vendor-D5cfSbgz.js";
 import { createSizeToClassNameMap as N } from "../../../utils/classNameMaps.js";
 import { Badge as S } from "../../Badge/Badge.js";
-import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { Text as v } from "../../Typography/Text.js";
-import { tabsLineSizeToTextSizeMap as x } from "../utils.js";
-import { EFontType as l } from "../../Typography/enums.js";
-import { s as e } from "../../../chunks/TabsLine.module-BWx30e5X.js";
-const L = N(e), R = y.forwardRef(
+import { EComponentSize as v } from "../../../enums/EComponentSize.js";
+import { Text as x } from "../../Typography/Text.js";
+import { tabsLineSizeToTextSizeMap as L } from "../utils.js";
+import { EFontType as p } from "../../Typography/enums.js";
+import { s as e } from "../../../chunks/TabsLine.module-DzWGxbiq.js";
+const R = N(e), z = h.forwardRef(
   ({
-    id: c,
-    label: d,
+    id: l,
+    label: c,
     selected: t,
-    showNotificationIcon: u,
-    size: r = p.MD,
-    onFocus: o,
-    onBlur: a,
+    showNotificationIcon: d,
+    size: o = v.MD,
+    onFocus: a,
+    onBlur: s,
     onMouseEnter: C,
-    onMouseLeave: D,
-    ...M
-  }, T) => {
-    const [b, m] = f(!1), [h, i] = f(!1);
-    return /* @__PURE__ */ z(
+    onMouseLeave: I,
+    ...u
+  }, M) => {
+    const [T, m] = f(!1), [b, n] = f(!1);
+    return /* @__PURE__ */ y(
       "button",
       {
         type: "button",
-        onFocus: (s) => {
-          m(!0), o == null || o(s);
+        onFocus: (r) => {
+          m(!0), a == null || a(r);
         },
-        onBlur: (s) => {
-          m(!1), a == null || a(s);
+        onBlur: (r) => {
+          m(!1), s == null || s(r);
         },
-        onMouseEnter: () => i(!0),
-        onMouseLeave: () => i(!1),
-        ...M,
-        key: c,
-        className: E(e.tab, L[r], { [e.active]: !!t }),
+        onMouseEnter: () => n(!0),
+        onMouseLeave: () => n(!1),
+        ...u,
+        key: l,
+        className: E(e.tab, R[o], { [e.active]: !!t }),
         role: "tab",
         "aria-selected": t,
-        ref: T
+        ref: M
       },
-      /* @__PURE__ */ n(
-        v,
+      /* @__PURE__ */ i(
+        x,
         {
-          size: x[r],
-          type: t || b || h ? l.PRIMARY : l.SECONDARY,
-          children: d
+          size: L[o],
+          type: t || T || b ? p.PRIMARY : p.SECONDARY,
+          children: c
         }
       ),
-      u && /* @__PURE__ */ n(S.Dot, { size: p.MD, className: e.notificationIcon })
+      d && /* @__PURE__ */ i(S.Dot, { size: o, className: e.notificationIcon })
     );
   }
 );
-R.displayName = "TabsLineItem";
+z.displayName = "TabsLineItem";
 export {
-  R as TabsLineItem
+  z as TabsLineItem
 };
 //# sourceMappingURL=TabsLineItem.js.map

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__449b191c", p = "tabsLineMobile__dcc8bba8", l = {
+import { TabsLineItem as c } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__06bea8ea", p = "tabsLineMobile__d3684a17", a = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, u = ({ onChangeTab: r, selectedId: b, tabs: i }) => {
+}, u = ({ onChangeTab: l, selectedId: r, tabs: i }) => {
   if (!i.length)
     return null;
   const o = ({ selected: L, ...e }) => {
-    const a = (c) => {
+    const b = (t) => {
       var s;
-      r(e.id), (s = e.onClick) == null || s.call(e, c);
+      l(e.id), (s = e.onClick) == null || s.call(e, t);
     };
-    return /* @__PURE__ */ n(t, { selected: b === e.id, ...e, onClick: a }, e.id);
+    return /* @__PURE__ */ n(c, { selected: r === 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: a.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: a.tabsLineMobile, children: i.map(o) }) });
 };
 export {
   u as TabsLineMobile

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-82AnkPpo.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 { jsx as o, jsxs as i } from "react/jsx-runtime";
+import D, { useCallback as S } from "react";
+import { c as E } from "../../chunks/vendor-D5cfSbgz.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 { Text as h } from "../Typography/Text.js";
-import { ETextSize as f, EFontType as _ } from "../Typography/enums.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__ae45340f", R = "sm__1938a49f", w = "md__5f9e4afc", F = "lg__f383b39b", P = "content__7c9af774", I = {
+const A = "tag__9c2afc90", R = "sm__81c30cb4", w = "md__ed515c10", F = "lg__3a96ddb3", P = "content__bee5b380", l = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(I), q = {
-  [e.SM]: f.B4,
-  [e.MD]: f.B3,
-  [e.LG]: f.B2
+}, Y = j(l), b = {
+  [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(y, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(v, { 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: l, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+  [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) => {
     const k = S(() => {
       const t = n ? _.DISABLED : _.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: I.content, type: t, size: q[r], children: l });
-    }, [l, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: b[r], children: f });
+    }, [f, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         T,
@@ -40,10 +40,10 @@ const A = "tag__ae45340f", R = "sm__1938a49f", w = "md__5f9e4afc", F = "lg__f383
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: q[r]
         }
       );
-    }, [s, r, n, M, c]), i = S(() => {
+    }, [s, r, n, M, c]), d = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         T,
@@ -53,18 +53,18 @@ const A = "tag__ae45340f", R = "sm__1938a49f", w = "md__5f9e4afc", F = "lg__f383
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: J[r]
+          children: H[r]
         }
       );
     }, [s, r, n, x, a]);
-    return /* @__PURE__ */ D("span", { className: L(I.tag, Y[r], u), ...g, ref: C, children: [
+    return /* @__PURE__ */ i("span", { className: E(l.tag, Y[r], u), ...g, ref: C, children: [
       k(),
       c && B(),
-      i()
+      d()
     ] });
   }
 );
 export {
-  b as Tag
+  $ as Tag
 };
 //# sourceMappingURL=Tag.js.map

package/components/TagColor/TagColor.js

@@ -1,30 +1,30 @@
 import { jsx as t } from "react/jsx-runtime";
 import l from "react";
-import { c as m } from "../../chunks/vendor-82AnkPpo.js";
-import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+import { c as f } from "../../chunks/vendor-D5cfSbgz.js";
+import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const i = "tagColor__8e3091b3", g = "sm__47f81917", d = "md__23666b36", C = "lg__08d0d864", S = "success__67a0ec01", p = "info__172405a3", A = "warning__979fce21", T = "error__f5ca13a0", u = "content__078daeeb", o = {
+const i = "tagColor__e821cda0", d = "sm__453140e6", g = "md__44cb9056", C = "lg__0812c8ef", S = "success__0b5f4097", p = "info__882ad9c9", A = "warning__a4b9f4d1", T = "error__bf10d86e", u = "content__190c9814", o = {
   tagColor: i,
-  sm: g,
-  md: d,
+  sm: d,
+  md: g,
   lg: C,
-  default: "default__0e1a9832",
+  default: "default__a9b81f38",
   success: S,
   info: p,
   warning: A,
   error: T,
   content: u
-}, N = f(o), E = {
+}, N = m(o), E = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
 }, R = l.forwardRef(
-  ({ children: r, className: a, size: n, status: c = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
+  ({ children: r, className: c, size: n, status: a = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: m(o.tagColor, N[n], E[c], a),
+      className: f(o.tagColor, N[n], E[a], c),
       ...e,
       ref: _,
       children: /* @__PURE__ */ t("span", { className: o.content, children: r })

package/components/TagGroup/TagGroup.js

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-import c from "react";
-import { c as p } from "../../chunks/vendor-82AnkPpo.js";
+import p from "react";
+import { c } from "../../chunks/vendor-D5cfSbgz.js";
 import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
-const d = "tagGroup__7dafdfd7", l = "sm__47572636", _ = "md__60de2bf4", g = "lg__530f97c6", o = {
-  tagGroup: d,
-  sm: l,
-  md: _,
-  lg: g
-}, i = f(o), N = c.forwardRef(
-  ({ children: s, className: t, size: a, ...r }, m) => /* @__PURE__ */ e(
+const l = "tagGroup__2723ff95", _ = "sm__d8eaad87", g = "md__0a0b0461", d = "lg__16aa995f", o = {
+  tagGroup: l,
+  sm: _,
+  md: g,
+  lg: d
+}, i = f(o), N = p.forwardRef(
+  ({ children: a, className: s, size: t, ...r }, m) => /* @__PURE__ */ e(
     "div",
     {
-      className: p(o.tagGroup, i[a], t),
+      className: c(o.tagGroup, i[t], s),
       role: "group",
       ...r,
       ref: m,
-      children: s
+      children: a
     }
   )
 );

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-d6WkPngW.js";
+import { F as r } from "../../chunks/FormFieldInput-DFQ9utC5.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 n } from "../FormGroup/FormGroup.js";
 import "../FormField/components/FormFieldClear.js";
 import { FormFieldCounter as a } from "../FormField/components/FormFieldCounter.js";
 import { FormFieldDescription as c } from "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-d6WkPngW.js";
+import "../../chunks/FormFieldInput-DFQ9utC5.js";
 import { FormFieldLabel as h } from "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } 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-d6WkPngW.js";
+import "../../chunks/FormFieldInput-DFQ9utC5.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useMemo as p, useLayoutEffect as m } from "react";
-import { t as l, w as c, x } from "../../chunks/vendor-82AnkPpo.js";
+import { t as l, w as c, x } from "../../chunks/vendor-D5cfSbgz.js";
 import { DesignTokenUtils as d } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as f } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ import { DesignTokensCore as p } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as v } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as x } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as c } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { m as g } from "../../../chunks/vendor-82AnkPpo.js";
+import { m as g } from "../../../chunks/vendor-D5cfSbgz.js";
 const w = ({
   children: T,
   scopeClassName: o,

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-82AnkPpo.js";
+import { c as s } from "../../../../chunks/vendor-D5cfSbgz.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-BkTwHXKO.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-Bfmd95Xq.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-82AnkPpo.js";
-import { MobileView as n } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__307daf52", r = "desktop__1716aa3a", m = "mobile__0c2431a5", o = {
+import n from "react";
+import { c as s } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { MobileView as a } from "../../../MobileView/MobileView.js";
+const k = "tooltipLink__c371af42", d = "desktop__f2d9323d", r = "mobile__d006d0e2", o = {
   tooltipLink: k,
-  desktop: r,
-  mobile: m
-}, c = s.forwardRef(
-  ({ children: i, className: e, ...a }, l) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
+  desktop: d,
+  mobile: r
+}, m = 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.32.0",
-      ref: l,
+      className: s(o.tooltipLink, o.desktop, e),
+      ...l,
+      "data-tx": "1.34.0",
+      ref: p,
       children: i
     }
   ), children: /* @__PURE__ */ t(
     "a",
     {
-      className: p(o.tooltipLink, o.mobile, e),
-      ...a,
-      "data-tx": "1.32.0",
-      ref: l,
+      className: s(o.tooltipLink, o.mobile, e),
+      ...l,
+      "data-tx": "1.34.0",
+      ref: p,
       children: i
     }
   ) })
 );
-c.displayName = "TooltipLink";
+m.displayName = "TooltipLink";
 export {
-  c as TooltipLink
+  m 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-BkTwHXKO.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-Bfmd95Xq.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

@@ -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-82AnkPpo.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-D5cfSbgz.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-BkTwHXKO.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-Bfmd95Xq.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-82AnkPpo.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-BkTwHXKO.js";
+import { c } from "../../../../../chunks/vendor-D5cfSbgz.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-Bfmd95Xq.js";
 const l = p.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 f, useRef as u, useEffect as M } from "react";
+import { useContext as u, useRef as f, 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-82AnkPpo.js";
-const N = "tooltipMobile__1bc96b47", T = "tooltipMobileContent__ab6f874c", g = "headerless__7bfcd15a", H = "closeButton__d49f0133", e = {
+import { c as y } from "../../../../chunks/vendor-D5cfSbgz.js";
+const N = "tooltipMobile__b12d7a45", T = "tooltipMobileContent__664a0655", g = "headerless__79a260dc", H = "closeButton__8fa22548", e = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,
@@ -21,7 +21,7 @@ const N = "tooltipMobile__1bc96b47", T = "tooltipMobileContent__ab6f874c", g = "
   onShow: l,
   ...d
 }) => {
-  const { elements: o, setTooltipOpen: p } = f(C), i = u(null), a = y(e.tooltipMobile, { [e.headerless]: o.mobileHeader === null }, c);
+  const { elements: o, setTooltipOpen: a } = u(C), i = f(null), p = y(e.tooltipMobile, { [e.headerless]: o.mobileHeader === null }, c);
   M(() => {
     t && (l == null || l(i.current));
   }, [t]);
@@ -34,10 +34,10 @@ const N = "tooltipMobile__1bc96b47", T = "tooltipMobileContent__ab6f874c", g = "
     /* @__PURE__ */ n(B, { container: document.body, children: /* @__PURE__ */ r(
       _,
       {
-        className: a,
+        className: p,
         tabIndex: -1,
         opened: t,
-        setOpened: p,
+        setOpened: a,
         ...d,
         ref: i,
         children: [

package/components/TopOverlay/TopOverlay.js

@@ -1,24 +1,25 @@
-import { jsx as o, jsxs as P, 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 I, Fragment as B } from "react/jsx-runtime";
+import { useState as y, useRef as g, useEffect as C } from "react";
+import { c as E } from "../../chunks/vendor-D5cfSbgz.js";
+import { FocusTrapExtended as R } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay as O } from "../Overlay/Overlay.js";
-import { c as R, F as S } from "../../chunks/vendor-82AnkPpo.js";
-const j = "topOverlayMask__ae4b34b8", E = "topOverlayWrapper__db866a3f", w = "closing__dcc44208", A = "opened__69c780b4", D = "topOverlayPanel__d9edc523", V = "topOverlay__161cfd81", t = {
-  topOverlayMask: j,
-  topOverlayWrapper: E,
-  closing: w,
-  opened: A,
-  topOverlayPanel: D,
-  topOverlay: V
+import { EOverlayDirection as S } from "../Overlay/OverlayBase.js";
+const b = "topOverlayMask__a0a144ce", j = "topOverlayWrapper__09a83da3", A = "closing__633ddfe1", D = "opened__c2c0e0fd", V = "topOverlayPanel__3242ed65", $ = "topOverlay__80fe3bfd", t = {
+  topOverlayMask: b,
+  topOverlayWrapper: j,
+  closing: A,
+  opened: D,
+  topOverlayPanel: V,
+  topOverlay: $
 }, K = ({
   children: _,
   focusTrapProps: a,
   opened: e,
-  onClose: l,
-  onOpen: n,
+  onClose: n,
+  onOpen: l,
   ...h
 }) => {
-  const [W, d] = y(!1), [$, u] = y(!1), [f, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [x, d] = y(!1), [W, f] = y(!1), [m, c] = y(0), p = g(e), s = g(null), u = () => {
     if (s.current) {
       const r = getComputedStyle(s.current).getPropertyValue("--lightBox-screen-top") || "0", i = s.current.getBoundingClientRect();
       i.top < 0 ? c(
@@ -28,42 +29,28 @@ const j = "topOverlayMask__ae4b34b8", E = "topOverlayWrapper__db866a3f", w = "cl
         (v) => parseInt(v, 10) - i.top + parseInt(r, 10)
       );
     }
-  }, x = () => {
-    m(), u(!0), n == null || n();
+  }, M = () => {
+    u(), f(!0), l == null || l();
   };
-  I(() => {
-    p.current && !e ? d(!0) : !p.current && e && m(), p.current = e;
+  C(() => {
+    p.current && !e ? d(!0) : !p.current && e && u(), p.current = e;
   }, [e]);
-  const k = () => {
-    d(!1), c(0), l == null || l();
-  }, M = () => u(!1), T = (r) => /* @__PURE__ */ P(C, { children: [
+  const T = () => {
+    d(!1), c(0), n == null || n();
+  }, k = () => f(!1), N = (r) => /* @__PURE__ */ I(B, { children: [
     /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
     /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
-  ] }), b = () => {
-  }, F = R(t.topOverlayWrapper, {
-    [t.closing]: W,
+  ] }), P = () => {
+  }, F = E(t.topOverlayWrapper, {
+    [t.closing]: x,
     [t.opened]: e
-  }), N = /* @__PURE__ */ o(
-    O,
-    {
-      onClose: k,
-      onClosing: M,
-      onOpen: x,
-      opened: e,
-      setOpened: b,
-      ...h,
-      className: t.topOverlay,
-      direction: B.TOP,
-      children: T
-    }
-  );
+  });
   return /* @__PURE__ */ o(
-    S,
+    R,
     {
-      active: !1,
+      active: W,
       ...a,
       focusTrapOptions: {
-        allowOutsideClick: !0,
         preventScroll: !0,
         ...a == null ? void 0 : a.focusTrapOptions
       },
@@ -72,8 +59,21 @@ const j = "topOverlayMask__ae4b34b8", E = "topOverlayWrapper__db866a3f", w = "cl
         {
           className: F,
           ref: s,
-          style: f ? { top: `${f}px` } : void 0,
-          children: N
+          style: m ? { top: `${m}px` } : void 0,
+          children: /* @__PURE__ */ o(
+            O,
+            {
+              onClose: T,
+              onClosing: k,
+              onOpen: M,
+              opened: e,
+              setOpened: P,
+              ...h,
+              className: t.topOverlay,
+              direction: S.TOP,
+              children: N
+            }
+          )
         }
       )
     }

package/components/TreeView/TreeView.js

@@ -9,8 +9,8 @@ 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-82AnkPpo.js";
-import { s as w } from "../../chunks/TreeView.module-seYxUon6.js";
+import { c as v } from "../../chunks/vendor-D5cfSbgz.js";
+import { s as w } from "../../chunks/TreeView.module-zhlptASD.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-seYxUon6.js";
+import { s } from "../../../chunks/TreeView.module-zhlptASD.js";
 const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
 export {
   m as TreeViewGroup