@sberbusiness/triplex-next 1.7.0 → 1.8.0

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,14 +1,14 @@
-var N = Object.defineProperty;
-var R = (c, i, e) => i in c ? N(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsxs as w, jsx as a } from "react/jsx-runtime";
-import m, { createElement as I } from "react";
-import { a as T, c as h } from "../../../chunks/vendor-D3hUOusX.js";
+var R = Object.defineProperty;
+var N = (c, r, e) => r in c ? R(c, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[r] = e;
+var t = (c, r, e) => N(c, typeof r != "symbol" ? r + "" : r, e);
+import { jsxs as w, jsx as d } from "react/jsx-runtime";
+import l, { createElement as T } from "react";
+import { a as I, c as h } from "../../../chunks/vendor-D3hUOusX.js";
 import { Dropdown as v } from "../../Dropdown/Dropdown.js";
 import { DropdownListContext as S } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as D } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DjvVx10v.js";
+import "../../../chunks/DropdownListItem-BcXHt5bk.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -20,71 +20,69 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as k } from "../../../enums/EComponentSize.js";
-import { CaretdownStrokeSrvIcon16 as b } from "@sberbusiness/icons-next";
+import { EComponentSize as b } from "../../../enums/EComponentSize.js";
+import { CaretdownStrokeSrvIcon16 as k } from "@sberbusiness/icons-next";
 import { isKey as p } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-Cr-x0ll4.js";
+import { s as o } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
 import { createSizeToClassNameMap as O } from "../../../utils/classNameMaps.js";
-const A = O(t);
-class te extends m.PureComponent {
+const A = O(o);
+class te extends l.PureComponent {
   constructor(e) {
     super(e);
-    o(this, "state", {
+    t(this, "state", {
       activeDescendant: void 0,
       opened: !1
     });
-    o(this, "targetRef");
-    o(this, "dropdownRef");
-    o(this, "instanceId", T());
+    t(this, "targetRef");
+    t(this, "dropdownRef");
+    t(this, "instanceId", I());
     /** Установка значения activeDescendant. */
-    o(this, "setActiveDescendant", (e) => {
+    t(this, "setActiveDescendant", (e) => {
       this.setState({ activeDescendant: e });
     });
     /** Рендер кнопки, раскрывающей список. */
-    o(this, "renderTarget", () => {
-      const { active: e, label: n, targetHtmlAttributes: r, size: d = k.MD } = this.props, { activeDescendant: s, opened: l } = this.state, f = h(t.tab, A[d], t.dropdownTarget, {
-        [t.active]: e
-      }), u = h(t.dropdownTargetCaret, { [t.opened]: l });
-      return /* @__PURE__ */ a(
+    t(this, "renderTarget", () => {
+      const { active: e, label: n, targetHtmlAttributes: i, size: a = b.MD } = this.props, { activeDescendant: s, opened: m } = this.state, f = h(o.tab, A[a], o.dropdownTarget, {
+        [o.active]: e
+      }), u = h(o.dropdownTargetCaret, { [o.opened]: m });
+      return /* @__PURE__ */ d(
         "button",
         {
-          ...r,
+          ...i,
           className: f,
           onClick: this.handleTargetClick,
           onKeyDown: this.handleTargetKeyDown,
           type: "button",
           role: "tab",
           "aria-haspopup": "menu",
-          "aria-expanded": l,
+          "aria-expanded": m,
           "aria-controls": this.instanceId,
           "aria-activedescendant": s,
-          children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ w("span", { className: t.dropdownTargetInner, children: [
+          children: /* @__PURE__ */ d("span", { className: o.tabInner, children: /* @__PURE__ */ w("span", { className: o.dropdownTargetInner, children: [
             n,
-            /* @__PURE__ */ a(b, { className: u, paletteIndex: 5 })
+            /* @__PURE__ */ d(k, { className: u, paletteIndex: 5 })
           ] }) })
         }
       );
     });
     /** Рендер дропдаун списка. */
-    o(this, "renderDropdown", () => {
-      const { selected: e, tabs: n } = this.props, { activeDescendant: r, opened: d } = this.state;
-      return /* @__PURE__ */ a(
+    t(this, "renderDropdown", () => {
+      const { selected: e, tabs: n } = this.props, { activeDescendant: i, opened: a } = this.state;
+      return /* @__PURE__ */ d(
         v,
         {
-          className: t.dropdown,
-          opened: d,
+          className: o.dropdown,
+          opened: a,
           setOpened: this.setOpenedDropdown,
           targetRef: this.targetRef,
           ref: this.dropdownRef,
-          children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ d(
             S.Provider,
             {
-              value: { activeDescendant: r, setActiveDescendant: this.setActiveDescendant },
-              children: /* @__PURE__ */ a(D, { dropdownOpened: d, id: this.instanceId, children: n.map((s) => {
-                const { id: l, label: f, showNotificationIcon: u, ...C } = s, g = h(t.dropdownItem, {
-                  [t.withNotification]: !!s.showNotificationIcon
-                });
-                return /* @__PURE__ */ I(
+              value: { activeDescendant: i, setActiveDescendant: this.setActiveDescendant },
+              children: /* @__PURE__ */ d(D, { dropdownOpened: a, id: this.instanceId, children: n.map((s) => {
+                const { id: m, label: f, showNotificationIcon: u, ...C } = s, g = h(o.dropdownItem);
+                return /* @__PURE__ */ T(
                   D.Item,
                   {
                     ...C,
@@ -94,10 +92,10 @@ class te extends m.PureComponent {
                     onSelect: () => {
                       this.handleClickTab(s);
                     },
-                    selected: s === e
+                    selected: s === e,
+                    showNotificationIcon: s.showNotificationIcon
                   },
-                  /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: s.label }),
-                  s.showNotificationIcon && /* @__PURE__ */ a("span", { className: t.notificationIcon })
+                  /* @__PURE__ */ d("span", { className: o.dropdownItemInner, children: s.label })
                 );
               }) })
             }
@@ -106,31 +104,31 @@ class te extends m.PureComponent {
       );
     });
     /** Открывает/закрывает Dropdown. */
-    o(this, "setOpenedDropdown", (e) => {
+    t(this, "setOpenedDropdown", (e) => {
       this.setState({ opened: e });
     });
     /** Обработчик кнопки, раскрывающей список. */
-    o(this, "handleTargetClick", () => {
+    t(this, "handleTargetClick", () => {
       const { opened: e } = this.state;
       this.setState({ opened: !e });
     });
     /** Обработчик клика по табу. */
-    o(this, "handleClickTab", (e) => {
-      const { onClickTab: n } = this.props, { opened: r } = this.state;
-      n(e), this.setState({ opened: !r });
+    t(this, "handleClickTab", (e) => {
+      const { onClickTab: n } = this.props, { opened: i } = this.state;
+      n(e), this.setState({ opened: !i });
     });
     /** Обработчик нажатия клавиш по кнопке, раскрывающей список. */
-    o(this, "handleTargetKeyDown", (e) => {
+    t(this, "handleTargetKeyDown", (e) => {
       const { opened: n } = this.state;
       n || (p(e.code, "ARROW_UP") || p(e.code, "ARROW_DOWN")) && (e.preventDefault(), this.setState({ opened: !0 })), n && (p(e.code, "TAB") || p(e.code, "ESCAPE")) && this.setState({ opened: !1 });
     });
     /** Обработчик клика вне дропдауна. */
-    o(this, "handleClickOutside", (e) => {
-      var r, d;
+    t(this, "handleClickOutside", (e) => {
+      var i, a;
       const { opened: n } = this.state;
-      n && !((r = this.targetRef.current) != null && r.contains(e.target)) && !((d = this.dropdownRef.current) != null && d.contains(e.target)) && this.setState({ opened: !1 });
+      n && !((i = this.targetRef.current) != null && i.contains(e.target)) && !((a = this.dropdownRef.current) != null && a.contains(e.target)) && this.setState({ opened: !1 });
     });
-    this.targetRef = m.createRef(), this.dropdownRef = m.createRef();
+    this.targetRef = l.createRef(), this.dropdownRef = l.createRef();
   }
   componentDidMount() {
     document.addEventListener("mouseup", this.handleClickOutside);
@@ -139,7 +137,7 @@ class te extends m.PureComponent {
     document.removeEventListener("mouseup", this.handleClickOutside);
   }
   render() {
-    return /* @__PURE__ */ w("div", { className: t.tabsLineDropdown, ref: this.targetRef, children: [
+    return /* @__PURE__ */ w("div", { className: o.tabsLineDropdown, ref: this.targetRef, children: [
       this.renderTarget(),
       this.renderDropdown()
     ] });

package/components/TabsLine/components/TabsLineItem.js

@@ -1,27 +1,28 @@
 import { jsx as n } from "react/jsx-runtime";
-import p, { createElement as c } from "react";
-import { c as l } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as e } from "../../../chunks/TabsLine.module-Cr-x0ll4.js";
-import { EComponentSize as f } from "../../../enums/EComponentSize.js";
+import c, { createElement as p } from "react";
+import { c as f } from "../../../chunks/vendor-D3hUOusX.js";
+import { EComponentSize as l } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as b } from "../../../utils/classNameMaps.js";
-const N = b(e), u = p.forwardRef(
-  ({ id: t, label: o, selected: a, showNotificationIcon: s, size: m = f.MD, ...r }, i) => /* @__PURE__ */ c(
+import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
+import { s as o } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
+const u = b(o), y = c.forwardRef(
+  ({ id: e, label: a, selected: t, showNotificationIcon: m, size: r = l.MD, ...i }, s) => /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      ...r,
-      key: t,
-      className: l(e.tab, N[m], { [e.active]: !!a }),
+      ...i,
+      key: e,
+      className: f(o.tab, u[r], { [o.active]: !!t }),
       role: "tab",
-      "aria-selected": a,
-      ref: i
+      "aria-selected": t,
+      ref: s
     },
-    o,
-    s && /* @__PURE__ */ n("span", { className: e.notificationIcon })
+    a,
+    m && /* @__PURE__ */ n(N, { className: o.notificationIcon })
   )
 );
-u.displayName = "TabsLineItem";
+y.displayName = "TabsLineItem";
 export {
-  u as TabsLineItem
+  y as TabsLineItem
 };
 //# sourceMappingURL=TabsLineItem.js.map

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__ecc42e7f", p = "tabsLineMobile__70f58f0d", l = {
+const d = "tabsLineMobileWrapper__71dd5b87", p = "tabsLineMobile__01cecb18", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+}, u = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const a = ({ selected: L, ...e }) => {
-    const b = (c) => {
+  const b = ({ selected: L, ...e }) => {
+    const a = (c) => {
       var s;
       r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: a }, 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(b) }) });
 };
 export {
-  h as TabsLineMobile
+  u as TabsLineMobile
 };
 //# sourceMappingURL=TabsLineMobile.js.map

package/components/Tag/Tag.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as D } from "react/jsx-runtime";
-import d, { useCallback as S } from "react";
+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-D3hUOusX.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";
@@ -7,13 +7,13 @@ 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__18b9eee7", R = "sm__d33d00c3", w = "md__c4749a35", F = "lg__ba87174f", P = "content__68c69eb2", l = {
+const A = "tag__721cc946", R = "sm__baf206f5", w = "md__05e5af2e", F = "lg__2c2eed4a", P = "content__b441d8df", f = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(l), q = {
+}, Y = j(f), q = {
   [e.SM]: I.B4,
   [e.MD]: I.B3,
   [e.LG]: I.B2
@@ -25,12 +25,12 @@ const A = "tag__18b9eee7", R = "sm__d33d00c3", w = "md__c4749a35", F = "lg__ba87
   [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: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+}, b = D.forwardRef(
+  ({ children: l, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
     const k = S(() => {
       const t = n ? _.DISABLED : _.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: q[r], children: f });
-    }, [f, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: q[r], children: l });
+    }, [l, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         T,
@@ -43,7 +43,7 @@ const A = "tag__18b9eee7", R = "sm__d33d00c3", w = "md__c4749a35", F = "lg__ba87
           children: H[r]
         }
       );
-    }, [s, r, n, M, c]), i = S(() => {
+    }, [s, r, n, M, c]), d = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         T,
@@ -57,10 +57,10 @@ const A = "tag__18b9eee7", R = "sm__d33d00c3", w = "md__c4749a35", F = "lg__ba87
         }
       );
     }, [s, r, n, x, a]);
-    return /* @__PURE__ */ D("span", { className: E(l.tag, Y[r], u), ...g, ref: C, children: [
+    return /* @__PURE__ */ i("span", { className: E(f.tag, Y[r], u), ...g, ref: C, children: [
       k(),
       c && B(),
-      i()
+      d()
     ] });
   }
 );

package/components/TagGroup/TagGroup.js

@@ -1,20 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import p from "react";
-import { c } from "../../chunks/vendor-D3hUOusX.js";
-import { createSizeToClassNameMap as d } from "../../utils/classNameMaps.js";
-const l = "tagGroup__d1981edb", _ = "sm__fa7d897d", g = "md__3a9e427d", f = "lg__b48e5455", o = {
-  tagGroup: l,
-  sm: _,
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+import { c as p } from "../../chunks/vendor-D3hUOusX.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "tagGroup__de0b32a1", d = "sm__eed52c29", g = "md__93b1e2d8", f = "lg__90cc40c3", o = {
+  tagGroup: _,
+  sm: d,
   md: g,
   lg: f
-}, i = d(o), N = p.forwardRef(
-  ({ children: s, className: a, size: t, ...r }, m) => /* @__PURE__ */ e(
+}, i = l(o), N = c.forwardRef(
+  ({ children: s, className: t, size: a, ...r }, e) => /* @__PURE__ */ m(
     "div",
     {
-      className: c(o.tagGroup, i[t], a),
+      className: p(o.tagGroup, i[a], t),
       role: "group",
       ...r,
-      ref: m,
+      ref: e,
       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-Dc0f4nno.js";
+import { F as r } from "../../chunks/FormFieldInput-BnHKlreA.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-Dc0f4nno.js";
+import "../../chunks/FormFieldInput-BnHKlreA.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

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

@@ -4,7 +4,7 @@ import { c as s } from "../../../../chunks/vendor-D3hUOusX.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
 import { Text as l } from "../../../Typography/Text.js";
 import { ELineType as p, ETextSize as c } from "../../../Typography/enums.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-D3epe_HW.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-krYzO0tT.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

@@ -2,17 +2,17 @@ import { jsx as t } from "react/jsx-runtime";
 import n from "react";
 import { c as s } from "../../../../chunks/vendor-D3hUOusX.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__d9ed648f", r = "desktop__f516cbed", d = "mobile__6b7e7a3c", o = {
+const k = "tooltipLink__0f1f826f", r = "desktop__af90942e", m = "mobile__9f820388", o = {
   tooltipLink: k,
   desktop: r,
-  mobile: d
-}, m = n.forwardRef(
+  mobile: m
+}, f = n.forwardRef(
   ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
     "a",
     {
       className: s(o.tooltipLink, o.desktop, e),
       ...l,
-      "data-tx": "1.7.0",
+      "data-tx": "1.8.0",
       ref: p,
       children: i
     }
@@ -21,14 +21,14 @@ const k = "tooltipLink__d9ed648f", r = "desktop__f516cbed", d = "mobile__6b7e7a3
     {
       className: s(o.tooltipLink, o.mobile, e),
       ...l,
-      "data-tx": "1.7.0",
+      "data-tx": "1.8.0",
       ref: p,
       children: i
     }
   ) })
 );
-m.displayName = "TooltipLink";
+f.displayName = "TooltipLink";
 export {
-  m as TooltipLink
+  f as TooltipLink
 };
 //# sourceMappingURL=TooltipLink.js.map

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ import { TooltipContext as M } from "../../TootlipContext.js";
 import { Portal as C } from "../../../Portal/Portal.js";
 import { DropdownMobile as T } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as y } from "../../../Dropdown/mobile/DropdownMobileBody.js";
-import { s as l, T as B } from "../../../../chunks/TooltipMobileCloseButton-BCyljTIq.js";
+import { s as l, T as B } from "../../../../chunks/TooltipMobileCloseButton-D5h1S51t.js";
 import { c as g } from "../../../../chunks/vendor-D3hUOusX.js";
 const P = ({
   children: H,

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../../TootlipContext.js";
-import { T as e } from "../../../../../chunks/TooltipMobileCloseButton-BCyljTIq.js";
+import { T as e } from "../../../../../chunks/TooltipMobileCloseButton-D5h1S51t.js";
 export {
   e as TooltipMobileCloseButton
 };

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

@@ -1,16 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as n } from "react";
-import { DropdownMobileHeader as p } from "../../../../Dropdown/mobile/DropdownMobileHeader.js";
-import { TooltipContext as m } from "../../../TootlipContext.js";
-import { T as s } from "../../../../../chunks/TooltipMobileCloseButton-BCyljTIq.js";
-import { Text as l } from "../../../../Typography/Text.js";
-import { EFontType as d, ETextSize as f } from "../../../../Typography/enums.js";
+import { useContext as p } from "react";
+import { DropdownMobileHeader as m } from "../../../../Dropdown/mobile/DropdownMobileHeader.js";
+import { TooltipContext as s } from "../../../TootlipContext.js";
+import { T as l } from "../../../../../chunks/TooltipMobileCloseButton-D5h1S51t.js";
+import { Text as f } from "../../../../Typography/Text.js";
+import { EFontType as T, ETextSize as c } from "../../../../Typography/enums.js";
 const b = ({ children: e, ...r }) => {
-  const { elements: i } = n(m);
-  return /* @__PURE__ */ o(p, { closeButton: () => {
-    var t;
-    return /* @__PURE__ */ o(s, { ...(t = i.closeButton) == null ? void 0 : t.props });
-  }, ...r, children: /* @__PURE__ */ o(l, { size: f.B3, type: d.PRIMARY, tag: "div", children: e }) });
+  var t;
+  const { elements: i } = p(s), n = /* @__PURE__ */ o(l, { ...(t = i.closeButton) == null ? void 0 : t.props });
+  return /* @__PURE__ */ o(m, { controlButtons: n, ...r, children: /* @__PURE__ */ o(f, { size: c.B3, type: T.PRIMARY, tag: "div", children: e }) });
 };
 export {
   b as TooltipMobileHeader

package/components/TopOverlay/TopOverlay.js

@@ -3,7 +3,7 @@ import { useState as y, useRef as g, useEffect as C } from "react";
 import { EOverlayDirection as R } from "../Overlay/OverlayBase.js";
 import { Overlay as O } from "../Overlay/Overlay.js";
 import { c as S, F as j } from "../../chunks/vendor-D3hUOusX.js";
-const D = "topOverlayMask__277b2d39", E = "topOverlayWrapper__a1a0af7f", A = "closing__ff349286", V = "opened__90f24c8b", $ = "topOverlayPanel__638c6c93", q = "topOverlay__5795314a", t = {
+const D = "topOverlayMask__c4a21b0f", E = "topOverlayWrapper__409f5736", A = "closing__5a3d5a31", V = "opened__7e6ca180", $ = "topOverlayPanel__05d818b5", q = "topOverlay__ee8394a6", t = {
   topOverlayMask: D,
   topOverlayWrapper: E,
   closing: A,
@@ -18,7 +18,7 @@ const D = "topOverlayMask__277b2d39", E = "topOverlayWrapper__a1a0af7f", A = "cl
   onOpen: n,
   ...h
 }) => {
-  const [W, f] = y(!1), [x, u] = y(!1), [d, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [W, u] = y(!1), [x, d] = 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,14 +29,14 @@ const D = "topOverlayMask__277b2d39", E = "topOverlayWrapper__a1a0af7f", A = "cl
       );
     }
   }, k = () => {
-    m(), u(!0), n == null || n();
+    m(), d(!0), n == null || n();
   };
   C(() => {
-    p.current && !e ? f(!0) : !p.current && e && m(), p.current = e;
+    p.current && !e ? u(!0) : !p.current && e && m(), p.current = e;
   }, [e]);
   const M = () => {
-    f(!1), c(0), l == null || l();
-  }, T = () => u(!1), F = (r) => /* @__PURE__ */ b(B, { children: [
+    u(!1), c(0), l == null || l();
+  }, T = () => d(!1), F = (r) => /* @__PURE__ */ b(B, { children: [
     /* @__PURE__ */ a(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
     /* @__PURE__ */ a(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
   ] }), N = () => {
@@ -72,7 +72,7 @@ const D = "topOverlayMask__277b2d39", E = "topOverlayWrapper__a1a0af7f", A = "cl
         {
           className: P,
           ref: s,
-          style: d ? { top: `${d}px` } : void 0,
+          style: f ? { top: `${f}px` } : void 0,
           children: I
         }
       )

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

package/components/Typography/Caption.js

@@ -2,9 +2,9 @@ import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { c as y } from "../../chunks/vendor-D3hUOusX.js";
 import { EFontWeightText as e, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as R } from "../../chunks/utils-D9oDaQiI.js";
-const b = "caption__ff69bbe9", E = "regular__38e21628", u = "semibold__662912d9", x = "c1__e9514ac7", S = "c2__9e49659f", h = "d1__477474d1", o = {
-  caption: b,
+import { t as s, m as b } from "../../chunks/utils-Bg2EU04u.js";
+const R = "caption__e4dcf583", E = "regular__14042282", u = "semibold__b99e67cc", x = "c1__3ce87d85", S = "c2__34125536", h = "d1__5bfdbf24", o = {
+  caption: R,
   regular: E,
   semibold: u,
   c1: x,
@@ -33,7 +33,7 @@ const b = "caption__ff69bbe9", E = "regular__38e21628", u = "semibold__662912d9"
       s.typography,
       o.caption,
       A[r],
-      R[m],
+      b[m],
       F[l],
       {
         [s.strikethrough]: !!a && !t,