@sberbusiness/triplex-next 0.19.0 → 0.21.0

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-DE8Zvm0w.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-DaOifQgP.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 T } from "../Typography/enums.js";
 import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
 import { EComponentSize as e } from "../../enums/EComponentSize.js";
-const A = "tag__2537178b", R = "sm__9e216dbd", w = "md__41c40ef8", F = "lg__6dd5eefd", P = "content__8b182c36", l = {
+const A = "tag__66bdb8f1", R = "sm__c37f23e7", w = "md__4efae8bb", F = "lg__0adc7420", P = "content__f42115a8", f = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(l), q = {
+}, Y = j(f), b = {
   [e.SM]: I.B4,
   [e.MD]: I.B3,
   [e.LG]: I.B2
-}, H = {
+}, q = {
   [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
-}, J = {
+  [e.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
+}, H = {
   [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
   [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
   [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
-}, b = D.forwardRef(
-  ({ children: f, id: s, className: g, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
+}, $ = 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: f });
-    }, [f, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: b[r], children: l });
+    }, [l, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         _,
@@ -40,10 +40,10 @@ const A = "tag__2537178b", R = "sm__9e216dbd", w = "md__41c40ef8", F = "lg__6dd5
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: q[r]
         }
       );
-    }, [s, r, n, M, c]), d = S(() => {
+    }, [s, r, n, M, c]), i = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         _,
@@ -53,18 +53,18 @@ const A = "tag__2537178b", R = "sm__9e216dbd", w = "md__41c40ef8", F = "lg__6dd5
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: J[r]
+          children: H[r]
         }
       );
     }, [s, r, n, x, a]);
-    return /* @__PURE__ */ i("span", { className: E(l.tag, Y[r], g), ...u, ref: C, children: [
+    return /* @__PURE__ */ D("span", { className: L(f.tag, Y[r], g), ...u, ref: C, children: [
       k(),
       c && B(),
-      d()
+      i()
     ] });
   }
 );
 export {
-  b as Tag
+  $ as Tag
 };
 //# sourceMappingURL=Tag.js.map

package/components/TagColor/TagColor.js

@@ -1,36 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import m from "react";
-import { c as l } from "../../chunks/vendor-DE8Zvm0w.js";
-import { createSizeToClassNameMap as _ } from "../../utils/classNameMaps.js";
+import l from "react";
+import { c as m } from "../../chunks/vendor-DaOifQgP.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const f = "tagColor__5a9a9f81", i = "sm__3ad180f8", d = "md__40ef8fdd", g = "lg__f54ddb22", p = "success__022649c5", C = "info__e3611bbc", u = "warning__99849b9b", N = "error__81eec159", b = "content__8c1b371d", o = {
-  tagColor: f,
+const d = "tagColor__04aec91f", i = "sm__231b0073", g = "md__d68d11bf", C = "lg__3636a750", S = "success__397a8fb0", p = "info__e8dcb0e1", A = "warning__66466d3e", T = "error__da8d399d", N = "content__7e6f1607", o = {
+  tagColor: d,
   sm: i,
-  md: d,
-  lg: g,
-  default: "default__1b977386",
-  success: p,
-  info: C,
-  warning: u,
-  error: N,
-  content: b
-}, T = _(o), R = {
+  md: g,
+  lg: C,
+  default: "default__a3d106b3",
+  success: S,
+  info: p,
+  warning: A,
+  error: T,
+  content: N
+}, u = f(o), E = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, F = m.forwardRef(
-  ({ children: a, className: r, size: c, status: n = s.DEFAULT, ...e }) => /* @__PURE__ */ t(
+}, R = l.forwardRef(
+  ({ children: r, className: n, size: a, status: c = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: l(o.tagColor, T[c], R[n], r),
+      className: m(o.tagColor, u[a], E[c], n),
       ...e,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
+      ref: _,
+      children: /* @__PURE__ */ t("span", { className: o.content, children: r })
     }
   )
 );
+R.displayName = "TagColor";
 export {
-  F as TagColor
+  R as TagColor
 };
 //# sourceMappingURL=TagColor.js.map

package/components/TagGroup/TagGroup.js

@@ -1,21 +1,21 @@
 import { jsx as c } from "react/jsx-runtime";
 import e from "react";
-import { c as p } from "../../chunks/vendor-DE8Zvm0w.js";
-import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-const l = "tagGroup__d89caa3a", f = "sm__086410ea", _ = "md__ad8eac60", d = "lg__c819f7fc", o = {
-  tagGroup: l,
-  sm: f,
+import { c as p } from "../../chunks/vendor-DaOifQgP.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const g = "tagGroup__05abdf64", l = "sm__ccc6af08", _ = "md__97693bf5", i = "lg__09500ee8", o = {
+  tagGroup: g,
+  sm: l,
   md: _,
-  lg: d
-}, i = g(o), N = e.forwardRef(
-  ({ children: a, className: s, size: r, ...t }, m) => /* @__PURE__ */ c(
+  lg: i
+}, n = f(o), N = e.forwardRef(
+  ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ c(
     "div",
     {
-      className: p(o.tagGroup, i[r], s),
+      className: p(o.tagGroup, n[r], a),
       role: "group",
       ...t,
       ref: m,
-      children: a
+      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-ClOpQErr.js";
+import { F as r } from "../../chunks/FormFieldInput-C75omt8Y.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-ClOpQErr.js";
+import "../../chunks/FormFieldInput-C75omt8Y.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-DE8Zvm0w.js";
+import { useState as x, useEffect as i } from "react";
+import { w as c, x as d, y as f } from "../../chunks/vendor-DaOifQgP.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,8 +6,8 @@ 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 { j as g } from "../../../chunks/vendor-DE8Zvm0w.js";
-const H = ({
+import { k as g } from "../../../chunks/vendor-DaOifQgP.js";
+const I = ({
   children: s,
   scopeClassName: r,
   scopeRef: t,
@@ -31,6 +31,6 @@ const H = ({
   return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: s });
 };
 export {
-  H as ThemeProviderView
+  I as ThemeProviderView
 };
 //# sourceMappingURL=ThemeProviderView.js.map

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

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as s } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as s } from "../../../../chunks/vendor-DaOifQgP.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-DB_qJpGS.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-CC_4-ATz.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

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import n from "react";
-import { c as l } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as l } from "../../../../chunks/vendor-DaOifQgP.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__64094d8a", r = "desktop__f7963cce", c = "mobile__d33cfefe", o = {
+const k = "tooltipLink__87359dd3", r = "desktop__5bfa79d9", d = "mobile__536f366d", o = {
   tooltipLink: k,
   desktop: r,
-  mobile: c
+  mobile: d
 }, m = 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.19.0",
+      "data-tx": "0.21.0",
       ref: s,
       children: i
     }
@@ -21,7 +21,7 @@ const k = "tooltipLink__64094d8a", r = "desktop__f7963cce", c = "mobile__d33cfef
     {
       className: l(o.tooltipLink, o.mobile, e),
       ...p,
-      "data-tx": "0.19.0",
+      "data-tx": "0.21.0",
       ref: s,
       children: i
     }

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-DB_qJpGS.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-CC_4-ATz.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 _ = (p, a, i) => a in p ? H(p, a, { enumerable: !0, configurable: !0, writab
 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-DE8Zvm0w.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-DaOifQgP.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-DB_qJpGS.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-CC_4-ATz.js";
 const Q = {
   column: "translateX",
   row: "translateY"

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

@@ -1,8 +1,8 @@
 import { jsx as p } from "react/jsx-runtime";
 import a from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
-import { c } from "../../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-DB_qJpGS.js";
+import { c } from "../../../../../chunks/vendor-DaOifQgP.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-CC_4-ATz.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-DE8Zvm0w.js";
-const N = "tooltipMobile__088b36d1", T = "tooltipMobileContent__3e69b047", g = "headerless__3456ecec", H = "closeButton__373c1877", o = {
+import { c as y } from "../../../../chunks/vendor-DaOifQgP.js";
+const N = "tooltipMobile__5954f505", T = "tooltipMobileContent__15d3ff6a", g = "headerless__3617f464", H = "closeButton__567c585a", e = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,
@@ -21,31 +21,31 @@ const N = "tooltipMobile__088b36d1", T = "tooltipMobileContent__3e69b047", 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: o, setTooltipOpen: p } = f(C), i = u(null), a = y(e.tooltipMobile, { [e.headerless]: o.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 }) });
+    return /* @__PURE__ */ n("div", { className: e.closeButton, children: /* @__PURE__ */ n(h, { ...(s = o.closeButton) == null ? void 0 : s.props }) });
   };
   return /* @__PURE__ */ r(b, { children: [
-    e.target,
+    o.target,
     /* @__PURE__ */ n(B, { container: document.body, children: /* @__PURE__ */ r(
       _,
       {
-        className: m,
+        className: a,
         tabIndex: -1,
         opened: t,
         setOpened: p,
         ...d,
         ref: i,
         children: [
-          e.mobileHeader,
-          /* @__PURE__ */ r(x, { className: o.tooltipMobileContent, children: [
-            e.body,
-            e.link,
-            e.mobileHeader === null && a()
+          o.mobileHeader,
+          /* @__PURE__ */ r(x, { className: e.tooltipMobileContent, children: [
+            o.body,
+            o.link,
+            o.mobileHeader === null && m()
           ] })
         ]
       }

package/components/Tooltip/index.js

@@ -1,8 +1,16 @@
-import { Tooltip as r } from "./Tooltip.js";
-import { ETooltipPreferPlace as t, ETooltipSize as i } from "./enums.js";
+import { Tooltip as i } from "./Tooltip.js";
+import { ETooltipAlign as p, ETooltipAxesType as l, ETooltipDirection as T, ETooltipEndCoordinates as r, ETooltipFlowTypes as E, ETooltipPreferPlace as a, ETooltipSize as n, ETooltipSizeParameter as m, ETooltipStartCoordinates as s, ETooltipTypeName as d } from "./enums.js";
 export {
-  t as ETooltipPreferPlace,
-  i as ETooltipSize,
-  r as Tooltip
+  p as ETooltipAlign,
+  l as ETooltipAxesType,
+  T as ETooltipDirection,
+  r as ETooltipEndCoordinates,
+  E as ETooltipFlowTypes,
+  a as ETooltipPreferPlace,
+  n as ETooltipSize,
+  m as ETooltipSizeParameter,
+  s as ETooltipStartCoordinates,
+  d as ETooltipTypeName,
+  i as Tooltip
 };
 //# sourceMappingURL=index.js.map

package/components/TopOverlay/TopOverlay.js

@@ -1,24 +1,24 @@
-import { jsx as a, jsxs as I, Fragment as B } from "react/jsx-runtime";
-import { useState as y, useRef as g, useEffect as C } from "react";
+import { jsx as o, jsxs as C, Fragment as I } from "react/jsx-runtime";
+import { useState as y, useRef as g, useEffect as B } 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-DE8Zvm0w.js";
-const D = "topOverlayMask__14bbbf76", E = "topOverlayWrapper__4dd56f4e", A = "closing__fecc79ca", V = "opened__d698dea2", $ = "topOverlayPanel__87b92139", q = "topOverlay__a821b85d", t = {
-  topOverlayMask: D,
-  topOverlayWrapper: E,
+import { c as S, F as j } from "../../chunks/vendor-DaOifQgP.js";
+const E = "topOverlayMask__a44536bf", w = "topOverlayWrapper__8563bbff", A = "closing__b6663613", D = "opened__a9afa935", V = "topOverlayPanel__6b1e76de", $ = "topOverlay__ee675b49", t = {
+  topOverlayMask: E,
+  topOverlayWrapper: w,
   closing: A,
-  opened: V,
-  topOverlayPanel: $,
-  topOverlay: q
+  opened: D,
+  topOverlayPanel: V,
+  topOverlay: $
 }, K = ({
   children: _,
-  focusTrapProps: o,
+  focusTrapProps: a,
   opened: e,
   onClose: l,
   onOpen: n,
   ...h
 }) => {
-  const [W, d] = y(!1), [x, u] = y(!1), [f, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [W, u] = y(!1), [b, f] = y(!1), [d, 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(
@@ -28,27 +28,27 @@ const D = "topOverlayMask__14bbbf76", E = "topOverlayWrapper__4dd56f4e", A = "cl
         (v) => parseInt(v, 10) - i.top + parseInt(r, 10)
       );
     }
-  }, b = () => {
-    m(), u(!0), n == null || n();
+  }, x = () => {
+    m(), f(!0), n == null || n();
   };
-  C(() => {
-    p.current && !e ? d(!0) : !p.current && e && m(), p.current = e;
+  B(() => {
+    p.current && !e ? u(!0) : !p.current && e && m(), p.current = e;
   }, [e]);
   const k = () => {
-    d(!1), c(0), l == null || l();
-  }, M = () => u(!1), T = (r) => /* @__PURE__ */ I(B, { children: [
-    /* @__PURE__ */ a(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
-    /* @__PURE__ */ a(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
+    u(!1), c(0), l == null || l();
+  }, M = () => f(!1), T = (r) => /* @__PURE__ */ C(I, { 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__ */ a(
+  }), P = /* @__PURE__ */ o(
     O,
     {
       onClose: k,
       onClosing: M,
-      onOpen: b,
+      onOpen: x,
       opened: e,
       setOpened: F,
       ...h,
@@ -57,22 +57,22 @@ const D = "topOverlayMask__14bbbf76", E = "topOverlayWrapper__4dd56f4e", A = "cl
       children: T
     }
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     j,
     {
-      active: x,
-      ...o,
+      active: b,
+      ...a,
       focusTrapOptions: {
-        clickOutsideDeactivates: !0,
+        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,
           ref: s,
-          style: f ? { top: `${f}px` } : void 0,
+          style: d ? { top: `${d}px` } : void 0,
           children: P
         }
       )

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-DE8Zvm0w.js";
-import { s as w } from "../../chunks/TreeView.module-DToAhAOL.js";
+import { c as v } from "../../chunks/vendor-DaOifQgP.js";
+import { s as w } from "../../chunks/TreeView.module-CmGHGs81.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-DToAhAOL.js";
+import { s } from "../../../chunks/TreeView.module-CmGHGs81.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

@@ -6,8 +6,8 @@ import l from "react";
 import { TreeViewContext as m, withTreeViewContext as x } from "../TreeViewContext.js";
 import { TreeViewAbstractNode as b } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
-import { c as w } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as C } from "../../../chunks/TreeView.module-DToAhAOL.js";
+import { c as w } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as C } from "../../../chunks/TreeView.module-CmGHGs81.js";
 class V extends l.Component {
   constructor(e) {
     super(e);

package/components/Typography/Caption.js

@@ -1,48 +1,48 @@
 import { jsx as E } from "react/jsx-runtime";
 import S from "react";
-import { c as f } from "../../chunks/vendor-DE8Zvm0w.js";
-import { ECaptionSize as s, EFontWeightCaption as _, EFontType as T } from "./enums.js";
-import { t, F as g } from "../../chunks/constants-BJYXBm7r.js";
-const C = "caption__68d4a435", y = "regular__f79a82f3", M = "semibold__26cd13ca", R = "c1__8043bf06", N = "c2__9240308a", L = "d1__937ada93", o = {
+import { c as f } from "../../chunks/vendor-DaOifQgP.js";
+import { ECaptionSize as a, EFontWeightCaption as _, EFontType as T } from "./enums.js";
+import { t, F as g } from "../../chunks/constants-BamiEgAW.js";
+const C = "caption__891b9f3e", y = "regular__c5ad160d", M = "semibold__25582dc5", R = "c1__e61d3530", N = "c2__7c0f73c4", b = "d1__fc26b168", o = {
   caption: C,
   regular: y,
   semibold: M,
   c1: R,
   c2: N,
-  d1: L
+  d1: b
+}, L = {
+  [a.C1]: o.c1,
+  [a.C2]: o.c2,
+  [a.D1]: o.d1
 }, O = {
-  [s.C1]: o.c1,
-  [s.C2]: o.c2,
-  [s.D1]: o.d1
-}, b = {
   [_.REGULAR]: o.regular,
   [_.SEMIBOLD]: o.semibold
 }, u = S.forwardRef(
   ({
     children: r,
     className: n,
-    size: p,
-    tag: e,
+    size: e,
+    tag: p,
     weight: i = _.REGULAR,
     type: m = T.PRIMARY,
-    underline: a,
-    strikethrough: c,
-    ...l
-  }, d) => {
+    underline: c,
+    strikethrough: s,
+    ...d
+  }, l) => {
     const A = f(
       t.typography,
       o.caption,
-      O[p],
-      b[i],
+      L[e],
+      O[i],
       g[m],
       {
-        [t.strikethrough]: !!c && !a,
-        [t.underline]: !!a && !c,
-        [t.underlineStrikethrough]: !!c && !!a
+        [t.strikethrough]: !!s && !c,
+        [t.underline]: !!c && !s,
+        [t.underlineStrikethrough]: !!s && !!c
       },
       n
     );
-    return /* @__PURE__ */ E(e || "span", { ref: d, className: A, ...l, children: r });
+    return /* @__PURE__ */ E(p || "span", { ref: l, className: A, ...d, children: r });
   }
 );
 u.displayName = "Caption";