@sberbusiness/triplex-next 0.24.0 → 0.26.0

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,10 @@
 import { jsxs as A, jsx as a } from "react/jsx-runtime";
-import { useState as c, useRef as h, useEffect as K, createElement as j } from "react";
+import { useState as m, useRef as h, useEffect as j, createElement as z } from "react";
 import { u as H, c as w } from "../../../chunks/vendor---Om3uMV.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-D_38hBVf.js";
+import "../../../chunks/DropdownListItem-CRdOVwlq.js";
 import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -20,8 +20,8 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 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 m } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-h8aBK1Tw.js";
+import { isKey as p } from "../../../utils/keyboard.js";
+import { s as t } from "../../../chunks/TabsLine.module-BEA3Lssg.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
 import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
@@ -35,12 +35,12 @@ const X = J(t), _e = ({
   label: M,
   onClickTab: R,
   selected: g,
-  size: p = G.MD,
+  size: c = G.MD,
   targetHtmlAttributes: L,
   ...x
 }) => {
-  const [D, y] = c(void 0), [o, d] = c(!1), [O, N] = c(!1), [_, E] = c(!1), l = h(null), C = h(null), I = h(H());
-  K(() => {
+  const [D, y] = m(void 0), [o, d] = m(!1), [O, N] = m(!1), [_, E] = m(!1), l = h(null), C = h(null), I = h(H());
+  j(() => {
     if (!o)
       return;
     const e = (r) => {
@@ -54,13 +54,13 @@ const X = J(t), _e = ({
   const k = () => {
     d(!o);
   }, P = (e) => {
-    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), d(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && d(!1);
+    o || (p(e.code, "ARROW_UP") || p(e.code, "ARROW_DOWN")) && (e.preventDefault(), d(!0)), o && (p(e.code, "TAB") || p(e.code, "ESCAPE")) && d(!1);
   }, F = (e) => {
     R(e), d(!o);
   }, W = () => {
-    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = L || {}, f = w(t.tab, X[p], t.dropdownTarget, {
+    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = L || {}, f = w(t.tab, X[c], t.dropdownTarget, {
       [t.active]: T
-    }), B = w(t.dropdownTargetCaret, { [t.opened]: o });
+    }), K = w(t.dropdownTargetCaret, { [t.opened]: o });
     return /* @__PURE__ */ a(
       "button",
       {
@@ -90,28 +90,28 @@ const X = J(t), _e = ({
           /* @__PURE__ */ a(
             Q,
             {
-              size: V[p],
+              size: V[c],
               type: T || O || _ ? b.PRIMARY : b.SECONDARY,
               children: M
             }
           ),
-          /* @__PURE__ */ a(Z, { className: B, paletteIndex: 5 })
+          /* @__PURE__ */ a(Z, { className: K, paletteIndex: 5 })
         ] }) })
       }
     );
-  }, z = () => /* @__PURE__ */ a(
+  }, B = () => /* @__PURE__ */ a(
     U,
     {
       className: t.dropdown,
       opened: o,
       setOpened: d,
-      size: p,
+      size: c,
       width: q.MIN_TARGET,
       targetRef: l,
       ref: C,
-      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(S, { dropdownOpened: o, id: I.current, children: v.map((e) => {
+      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(S, { dropdownOpened: o, id: I.current, size: c, children: v.map((e) => {
         const { id: r, label: n, showNotificationIcon: s, ...u } = e, f = w(t.dropdownItem);
-        return /* @__PURE__ */ j(
+        return /* @__PURE__ */ z(
           S.Item,
           {
             ...u,
@@ -131,7 +131,7 @@ const X = J(t), _e = ({
   );
   return /* @__PURE__ */ A("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
     W(),
-    z()
+    B()
   ] });
 };
 export {

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-h8aBK1Tw.js";
+import { s as e } from "../../../chunks/TabsLine.module-BEA3Lssg.js";
 const L = N(e), R = y.forwardRef(
   ({
     id: l,

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "react/jsx-runtime";
-import { TabsLineItem as c } from "./TabsLineItem.js";
-const p = "tabsLineMobileWrapper__fa113360", d = "tabsLineMobile__f7693e73", l = {
-  tabsLineMobileWrapper: p,
-  tabsLineMobile: d
-}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+import { TabsLineItem as t } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__a5c54ef1", p = "tabsLineMobile__a3b95d89", l = {
+  tabsLineMobileWrapper: d,
+  tabsLineMobile: p
+}, h = ({ onChangeTab: r, selectedId: a, tabs: i }) => {
   if (!i.length)
     return null;
-  const a = ({ selected: L, ...e }) => {
-    const b = (t) => {
+  const o = ({ selected: L, ...e }) => {
+    const b = (c) => {
       var s;
-      r(e.id), (s = e.onClick) == null || s.call(e, t);
+      r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(c, { selected: o === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(t, { 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 {
   h as TabsLineMobile

package/components/Tag/Tag.js

@@ -6,31 +6,31 @@ 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__ea3cdf86", R = "sm__962adaf5", w = "md__9947ecfc", F = "lg__52df2226", P = "content__d4eb926b", f = {
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+const A = "tag__6d82a31a", R = "sm__f7754786", w = "md__7dbfa628", F = "lg__caabdd5a", P = "content__a8a368f2", f = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
 }, Y = j(f), q = {
-  [e.SM]: I.B4,
-  [e.MD]: I.B3,
-  [e.LG]: I.B2
+  [r.SM]: I.B4,
+  [r.MD]: I.B3,
+  [r.LG]: I.B2
 }, H = {
-  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
+  [r.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
 }, J = {
-  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+  [r.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
 }, b = D.forwardRef(
-  ({ children: l, id: s, className: g, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
+  ({ children: l, id: s, className: g, size: e, 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: f.content, type: t, size: q[r], children: l });
-    }, [l, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: q[e], children: l });
+    }, [l, e, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         _,
@@ -40,10 +40,10 @@ const A = "tag__ea3cdf86", R = "sm__962adaf5", w = "md__9947ecfc", F = "lg__52df
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: H[e]
         }
       );
-    }, [s, r, n, M, c]), d = S(() => {
+    }, [s, e, n, M, c]), d = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         _,
@@ -53,11 +53,11 @@ const A = "tag__ea3cdf86", R = "sm__962adaf5", w = "md__9947ecfc", F = "lg__52df
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: J[r]
+          children: J[e]
         }
       );
-    }, [s, r, n, x, a]);
-    return /* @__PURE__ */ i("span", { className: E(f.tag, Y[r], g), ...u, ref: C, children: [
+    }, [s, e, n, x, a]);
+    return /* @__PURE__ */ i("span", { className: E(f.tag, Y[e], g), ...u, ref: C, children: [
       k(),
       c && B(),
       d()

package/components/TagColor/TagColor.js

@@ -1,33 +1,33 @@
-import { jsx as c } from "react/jsx-runtime";
-import f from "react";
-import { c as l } from "../../chunks/vendor---Om3uMV.js";
-import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
+import { jsx as t } from "react/jsx-runtime";
+import l from "react";
+import { c as m } from "../../chunks/vendor---Om3uMV.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const i = "tagColor__712251a0", g = "sm__e9e2f628", C = "md__81abccb5", S = "lg__3ec28722", d = "success__82eb71ff", p = "info__5868cf9a", A = "warning__1e098366", T = "error__fb5fc365", N = "content__7f1d035f", o = {
-  tagColor: i,
-  sm: g,
-  md: C,
-  lg: S,
-  default: "default__57f6c6c8",
-  success: d,
+const d = "tagColor__445a0040", i = "sm__3dbde2f1", g = "md__d4b79913", C = "lg__e03d1d41", S = "success__20cc8af6", p = "info__d86caac8", A = "warning__49d4ccf8", T = "error__bb47b8aa", N = "content__6fde4384", o = {
+  tagColor: d,
+  sm: i,
+  md: g,
+  lg: C,
+  default: "default__4ea7951a",
+  success: S,
   info: p,
   warning: A,
   error: T,
   content: N
-}, u = m(o), E = {
+}, u = f(o), E = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, R = f.forwardRef(
-  ({ children: t, className: r, size: n, status: a = s.DEFAULT, ...e }, _) => /* @__PURE__ */ c(
+}, R = l.forwardRef(
+  ({ children: a, className: c, size: r, status: n = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: l(o.tagColor, u[n], E[a], r),
+      className: m(o.tagColor, u[r], E[n], c),
       ...e,
       ref: _,
-      children: /* @__PURE__ */ c("span", { className: o.content, children: t })
+      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
     }
   )
 );

package/components/TagColor/index.js

@@ -1,5 +1,7 @@
-import { TagColor as a } from "./TagColor.js";
+import { TagColor as t } from "./TagColor.js";
+import { ETagColorStatus as e } from "./enums.js";
 export {
-  a as TagColor
+  e as ETagColorStatus,
+  t as TagColor
 };
 //# sourceMappingURL=index.js.map

package/components/TagGroup/TagGroup.js

@@ -1,19 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
 import c from "react";
 import { c as p } from "../../chunks/vendor---Om3uMV.js";
-import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-const l = "tagGroup__e4990e70", _ = "sm__9cf48e95", f = "md__b54c692c", i = "lg__ea0883ba", o = {
-  tagGroup: l,
-  sm: _,
-  md: f,
-  lg: i
-}, n = g(o), N = c.forwardRef(
-  ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ e(
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const d = "tagGroup__d86058e9", g = "sm__f6de8486", l = "md__47d96fdf", _ = "lg__5060fbfc", o = {
+  tagGroup: d,
+  sm: g,
+  md: l,
+  lg: _
+}, i = f(o), N = c.forwardRef(
+  ({ children: s, className: r, size: t, ...a }, m) => /* @__PURE__ */ e(
     "div",
     {
-      className: p(o.tagGroup, n[r], a),
+      className: p(o.tagGroup, i[t], r),
       role: "group",
-      ...t,
+      ...a,
       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-CP3P-T8_.js";
+import { F as r } from "../../chunks/FormFieldInput-CyAOOwnJ.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

@@ -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-CP3P-T8_.js";
+import "../../chunks/FormFieldInput-CyAOOwnJ.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---Om3uMV.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-oXI2FLzE.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-hff_h0-q.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,28 +1,28 @@
 import { jsx as t } from "react/jsx-runtime";
-import n from "react";
-import { c as l } from "../../../../chunks/vendor---Om3uMV.js";
-import { MobileView as k } from "../../../MobileView/MobileView.js";
-const a = "tooltipLink__be3ec873", r = "desktop__4dbef7fd", m = "mobile__130e83f4", o = {
-  tooltipLink: a,
+import l from "react";
+import { c as s } from "../../../../chunks/vendor---Om3uMV.js";
+import { MobileView as n } from "../../../MobileView/MobileView.js";
+const k = "tooltipLink__40bfe0a6", r = "desktop__d3a40ac3", m = "mobile__214a105e", o = {
+  tooltipLink: k,
   desktop: r,
   mobile: m
-}, c = n.forwardRef(
-  ({ children: i, className: e, ...p }, s) => /* @__PURE__ */ t(k, { fallback: /* @__PURE__ */ t(
+}, c = l.forwardRef(
+  ({ children: i, className: e, ...a }, p) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
     "a",
     {
-      className: l(o.tooltipLink, o.desktop, e),
-      ...p,
-      "data-tx": "0.24.0",
-      ref: s,
+      className: s(o.tooltipLink, o.desktop, e),
+      ...a,
+      "data-tx": "0.26.0",
+      ref: p,
       children: i
     }
   ), children: /* @__PURE__ */ t(
     "a",
     {
-      className: l(o.tooltipLink, o.mobile, e),
-      ...p,
-      "data-tx": "0.24.0",
-      ref: s,
+      className: s(o.tooltipLink, o.mobile, e),
+      ...a,
+      "data-tx": "0.26.0",
+      ref: p,
       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-oXI2FLzE.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-hff_h0-q.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-oXI2FLzE.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-hff_h0-q.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---Om3uMV.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-oXI2FLzE.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-hff_h0-q.js";
 const m = a.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

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

@@ -6,7 +6,7 @@ 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---Om3uMV.js";
-const N = "tooltipMobile__7d1c15b8", T = "tooltipMobileContent__fc0d15a9", g = "headerless__d8106a98", H = "closeButton__71e7ef44", e = {
+const N = "tooltipMobile__a349c088", T = "tooltipMobileContent__f4b635a3", g = "headerless__dcf3561f", H = "closeButton__7273adaa", e = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,
@@ -19,9 +19,9 @@ const N = "tooltipMobile__7d1c15b8", T = "tooltipMobileContent__fc0d15a9", g = "
   disableAdaptiveMode: D,
   isOpen: t,
   onShow: l,
-  ...d
+  ...a
 }) => {
-  const { elements: o, setTooltipOpen: p } = f(C), i = u(null), a = y(e.tooltipMobile, { [e.headerless]: o.mobileHeader === null }, c);
+  const { elements: o, setTooltipOpen: d } = f(C), i = u(null), p = y(e.tooltipMobile, { [e.headerless]: o.mobileHeader === null }, c);
   M(() => {
     t && (l == null || l(i.current));
   }, [t]);
@@ -34,11 +34,11 @@ const N = "tooltipMobile__7d1c15b8", T = "tooltipMobileContent__fc0d15a9", g = "
     /* @__PURE__ */ n(B, { container: document.body, children: /* @__PURE__ */ r(
       _,
       {
-        className: a,
+        className: p,
         tabIndex: -1,
         opened: t,
-        setOpened: p,
-        ...d,
+        setOpened: d,
+        ...a,
         ref: i,
         children: [
           o.mobileHeader,

package/components/TopOverlay/TopOverlay.js

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as I, Fragment as B } from "react/jsx-runtime";
-import { useState as y, useRef as g, useEffect as R } from "react";
-import { EOverlayDirection as S } from "../Overlay/OverlayBase.js";
+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 b, F as j } from "../../chunks/vendor---Om3uMV.js";
-const E = "topOverlayMask__39715c3a", w = "topOverlayWrapper__ee6f9ce2", A = "closing__270003e9", D = "opened__6186c047", V = "topOverlayPanel__9e31b2f9", $ = "topOverlay__7c6c9d3c", t = {
+import { c as S, F as j } from "../../chunks/vendor---Om3uMV.js";
+const E = "topOverlayMask__803db744", w = "topOverlayWrapper__c727476d", A = "closing__55dfb1ce", D = "opened__34daee73", V = "topOverlayPanel__00d5697c", $ = "topOverlay__bf3c7d1e", t = {
   topOverlayMask: E,
   topOverlayWrapper: w,
   closing: A,
@@ -18,7 +18,7 @@ const E = "topOverlayMask__39715c3a", w = "topOverlayWrapper__ee6f9ce2", A = "cl
   onOpen: n,
   ...h
 }) => {
-  const [W, u] = y(!1), [x, d] = y(!1), [f, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [W, d] = y(!1), [x, u] = y(!1), [f, 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(
@@ -29,21 +29,21 @@ const E = "topOverlayMask__39715c3a", w = "topOverlayWrapper__ee6f9ce2", A = "cl
       );
     }
   }, k = () => {
-    m(), d(!0), n == null || n();
+    m(), u(!0), n == null || n();
   };
-  R(() => {
-    p.current && !e ? u(!0) : !p.current && e && m(), p.current = e;
+  B(() => {
+    p.current && !e ? d(!0) : !p.current && e && m(), p.current = e;
   }, [e]);
   const M = () => {
-    u(!1), c(0), l == null || l();
-  }, T = () => d(!1), F = (r) => /* @__PURE__ */ I(B, { children: [
+    d(!1), c(0), l == null || l();
+  }, T = () => u(!1), F = (r) => /* @__PURE__ */ C(I, { children: [
     /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
     /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
   ] }), N = () => {
-  }, P = b(t.topOverlayWrapper, {
+  }, P = S(t.topOverlayWrapper, {
     [t.closing]: W,
     [t.opened]: e
-  }), C = /* @__PURE__ */ o(
+  }), b = /* @__PURE__ */ o(
     O,
     {
       onClose: M,
@@ -53,7 +53,7 @@ const E = "topOverlayMask__39715c3a", w = "topOverlayWrapper__ee6f9ce2", A = "cl
       setOpened: N,
       ...h,
       className: t.topOverlay,
-      direction: S.TOP,
+      direction: R.TOP,
       children: F
     }
   );
@@ -73,7 +73,7 @@ const E = "topOverlayMask__39715c3a", w = "topOverlayWrapper__ee6f9ce2", A = "cl
           className: P,
           ref: s,
           style: f ? { top: `${f}px` } : void 0,
-          children: C
+          children: b
         }
       )
     }

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---Om3uMV.js";
-import { s as w } from "../../chunks/TreeView.module-C6t2uuwa.js";
+import { s as w } from "../../chunks/TreeView.module-C-XaQJbB.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-C6t2uuwa.js";
+import { s } from "../../../chunks/TreeView.module-C-XaQJbB.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---Om3uMV.js";
-import { s as C } from "../../../chunks/TreeView.module-C6t2uuwa.js";
+import { s as C } from "../../../chunks/TreeView.module-C-XaQJbB.js";
 class V extends l.Component {
   constructor(e) {
     super(e);

package/components/Typography/Caption.js

@@ -2,8 +2,8 @@ import { jsx as E } from "react/jsx-runtime";
 import f from "react";
 import { c as S } from "../../chunks/vendor---Om3uMV.js";
 import { ECaptionSize as a, EFontWeightCaption as _, EFontType as T } from "./enums.js";
-import { t, F as g } from "../../chunks/constants-BECBzrfZ.js";
-const C = "caption__dcd21d10", y = "regular__a9f840ef", M = "semibold__9d92130c", R = "c1__c9b30f91", N = "c2__e368abf7", b = "d1__8853cd78", o = {
+import { t, F as g } from "../../chunks/constants-KINy2OSZ.js";
+const C = "caption__d0059699", y = "regular__6439103d", M = "semibold__1af32576", R = "c1__f3eafefd", N = "c2__844c6702", b = "d1__b3b663d3", o = {
   caption: C,
   regular: y,
   semibold: M,

package/components/Typography/CodeText.js

@@ -1,11 +1,11 @@
-import { jsx as d } from "react/jsx-runtime";
-import x from "react";
+import { jsx as x } from "react/jsx-runtime";
+import d from "react";
 import { c as n } from "../../chunks/vendor---Om3uMV.js";
 import { EFontType as y } from "./enums.js";
-import { t as o, F as f } from "../../chunks/constants-BECBzrfZ.js";
-const _ = "codeText__6061ad65", i = {
+import { t as o, F as f } from "../../chunks/constants-KINy2OSZ.js";
+const _ = "codeText__16bc2413", i = {
   codeText: _
-}, l = x.forwardRef(
+}, l = d.forwardRef(
   ({ children: s, className: r, type: a = y.PRIMARY, underline: t, strikethrough: e, tag: c, ...p }, m) => {
     const T = n(
       o.typography,
@@ -18,7 +18,7 @@ const _ = "codeText__6061ad65", i = {
       },
       r
     );
-    return /* @__PURE__ */ d(c || "span", { ref: m, className: T, ...p, children: s });
+    return /* @__PURE__ */ x(c || "span", { ref: m, className: T, ...p, children: s });
   }
 );
 l.displayName = "CodeText";