@sberbusiness/triplex-next 0.27.0 → 0.28.0

package/components/Stepper/Stepper.js

@@ -11,7 +11,7 @@ import { scrollSmoothHorizontally as h } from "../../utils/scroll.js";
 import { EComponentSize as X } from "../../enums/EComponentSize.js";
 import { EScreenWidth as $ } from "../../helpers/breakpoints.js";
 import "./enums.js";
-const q = "stepperCarousel__951f3b17", D = "stepperButtonWrapper__dc06a7bb", F = "prev__b0e3aff4", J = "next__012063ae", K = "stepperButton__54c99757", Q = "sm__8adc9829", U = "md__677f1705", V = "lg__5967ae13", s = {
+const q = "stepperCarousel__af932148", D = "stepperButtonWrapper__d5bd946d", F = "prev__8ca692b1", J = "next__e9978dd9", K = "stepperButton__e551565d", Q = "sm__04b2b5e9", U = "md__90d41c0f", V = "lg__2aa31e1c", s = {
   stepperCarousel: q,
   stepperButtonWrapper: D,
   prev: F,
@@ -79,8 +79,8 @@ const q = "stepperCarousel__951f3b17", D = "stepperButtonWrapper__dc06a7bb", F =
     e && h(t, e);
   }, []), b = p(
     (t, e) => {
-      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: R, width: k } = e.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
-      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, d - f) : f > d ? _(t, e, u - r, u) : f < d && C(t, e, R - o, R);
+      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: R, width: k } = e.getBoundingClientRect(), d = r + a / 2, f = u + k / 2;
+      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, f - d) : d > f ? _(t, e, u - r, u) : d < f && C(t, e, R - o, R);
     },
     [B, _, C]
   );

package/components/Stepper/StepperExtended.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useMemo as x } from "react";
-import { c as a } from "../../chunks/vendor---Om3uMV.js";
-import { StepperStep as i } from "./StepperStep.js";
-import { StepperExtendedContext as l } from "./StepperExtendedContext.js";
+import { c as i } from "../../chunks/vendor---Om3uMV.js";
+import { StepperStep as l } from "./StepperStep.js";
+import { StepperExtendedContext as a } from "./StepperExtendedContext.js";
 import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const E = "stepperExtended__755c9ca5", u = {
+const E = "stepperExtended__e9fcdb3d", u = {
   stepperExtended: E
 }, S = ({
   children: p,
@@ -12,16 +12,16 @@ const E = "stepperExtended__755c9ca5", u = {
   size: e = f.LG,
   onSelectStep: t,
   selectedStepId: r,
-  forwardedRef: m,
-  ...n
+  forwardedRef: d,
+  ...m
 }) => {
-  const d = a(u.stepperExtended, s), c = x(
+  const n = i(u.stepperExtended, s), c = x(
     () => ({ selectedId: r, size: e, onSelectStep: t }),
     [r, e, t]
   );
-  return /* @__PURE__ */ o(l.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
+  return /* @__PURE__ */ o(a.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: n, role: "tablist", ...m, ref: d, children: p }) });
 };
-S.Step = i;
+S.Step = l;
 export {
   S as StepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey as g } from "../../utils/keyboard.js";
 import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
 import { EFocusSource as o } from "../../enums/EFocusSource.js";
 import { EStepperStepType as y } from "./enums.js";
-import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-DJAqKqGz.js";
+import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-DoCkMkMz.js";
 import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
 const Q = F(t), X = ({
   children: N,
@@ -69,7 +69,7 @@ const Q = F(t), X = ({
       ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.27.0", children: [
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.28.0", children: [
           h && P(),
           N
         ] }),

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S as t } from "../../chunks/StepperStepArrowBorder-DJAqKqGz.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-DoCkMkMz.js";
 export {
   t as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BflrX8i-.js";
+import "../../chunks/DropdownListItem-DEMHVloq.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__74215961", z = "suggestDropdownMobileNoOptionsText__e8dcc317", g = {
+const k = "suggestDropdownMobileBody__238c3123", z = "suggestDropdownMobileNoOptionsText__de7c6f29", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -33,12 +33,12 @@ const k = "suggestDropdownMobileBody__74215961", z = "suggestDropdownMobileNoOpt
     noOptionsText: a,
     loading: w,
     clearInputOnFocus: p,
-    dropdownListLoading: h,
-    onSelect: b,
+    dropdownListLoading: f,
+    onSelect: h,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = I(), f = S(null), D = n(
+  } = I(), b = S(null), D = n(
     (o) => {
       if (l === void 0)
         return;
@@ -83,14 +83,14 @@ const k = "suggestDropdownMobileBody__74215961", z = "suggestDropdownMobileNoOpt
         tag: "div",
         children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: h, ref: f, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: f, ref: b, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (r == null ? void 0 : r.id),
         showNotificationIcon: o.showNotificationIcon,
         onSelect: () => {
-          b(o);
+          h(o);
         },
         children: o.content || o.label
       },

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-DC3vUbne.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-q8qt9K5c.js";
+import { F as O } from "../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as q } from "../../FormField/enums.js";
 import { FormFieldClear as ao } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-q8qt9K5c.js";
+import { F as ho } from "../../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BflrX8i-.js";
+import "../../../chunks/DropdownListItem-DEMHVloq.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
-import { D as O } from "../../../chunks/DropdownListItem-BflrX8i-.js";
+import { D as O } from "../../../chunks/DropdownListItem-DEMHVloq.js";
 import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as i } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as l } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DC3vUbne.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -7,7 +7,7 @@ import { DataTestId as A } from "../../../consts/DataTestId.js";
 import { FormFieldClear as G } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as N } from "../../../chunks/FormFieldInput-q8qt9K5c.js";
+import { F as N } from "../../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall as T } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as V } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-DC3vUbne.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 const po = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import z, { useState as D, useRef as p, useCallback as i } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BflrX8i-.js";
+import "../../../chunks/DropdownListItem-DEMHVloq.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as A } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as G } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList as L } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as Q } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as U } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as W } from "../../Dropdown/Dropdown.js";
-import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-DC3vUbne.js";
+import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 const Z = ({
   value: o,
   options: M,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-DC3vUbne.js";
+import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 export {
   g as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as t } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-DC3vUbne.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as A } from "react/jsx-runtime";
-import z, { useState as b, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import z, { useState as _, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
 import { c as g } from "../../chunks/vendor---Om3uMV.js";
-const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll__e5b0077e", k = "disablePointerEvents__6a82c4e1", q = "swipeAnimationFinish__bee2f993", G = "leftContent__c4840b5d", J = "rightContent__c0ff3960", s = {
+const H = "swipeableArea__c47f3c8c", V = "content__ef4b12ba", $ = "disableScroll__edd83d37", k = "disablePointerEvents__1a33a875", q = "swipeAnimationFinish__422c05a2", G = "leftContent__6f60cbe3", J = "rightContent__3f325353", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,9 +9,9 @@ const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, p = 24, _ = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+}, p = 24, b = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
   ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
-    const [S, a] = b(!1), [l, d] = b(), [o, e] = b(0), i = u(null), r = u(null), n = u(0), f = u(N), w = u(null), X = () => {
+    const [S, a] = _(!1), [l, d] = _(), [o, e] = _(0), i = u(null), r = u(null), n = u(0), h = u(N), w = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -24,17 +24,17 @@ const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll
         Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
       );
     }, E = () => {
-      f.current = N, d(void 0), document.removeEventListener("touchend", E);
+      h.current = N, d(void 0), document.removeEventListener("touchend", E);
     };
     M(() => {
       !l && o !== n.current && X();
     }, [l]);
     const x = (t) => {
-      f.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
-      const c = t.touches[0].clientX - f.current.clientX, F = t.touches[0].clientY - f.current.clientY;
+      const c = t.touches[0].clientX - h.current.clientX, F = t.touches[0].clientY - h.current.clientY;
       if (!l) {
         Math.abs(F) > Math.abs(c) ? d(
           "vertical"
@@ -47,12 +47,12 @@ const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll
       }
       if (l === "vertical")
         return;
-      const h = n.current + c;
+      const f = n.current + c;
       n.current === 0 ? c > 0 && m ? e(
-        Math.min(h, i.current.getBoundingClientRect().width)
+        Math.min(f, i.current.getBoundingClientRect().width)
       ) : c < 0 && C && e(
-        Math.max(h, -r.current.getBoundingClientRect().width)
-      ) : n.current > 0 ? c < 0 && e(Math.max(0, h)) : n.current < 0 && c > 0 && e(Math.min(0, h));
+        Math.max(f, -r.current.getBoundingClientRect().width)
+      ) : n.current > 0 ? c < 0 && e(Math.max(0, f)) : n.current < 0 && c > 0 && e(Math.min(0, f));
     }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
     M(() => {
       const t = (c) => {
@@ -86,14 +86,14 @@ const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.27.0",
+        "data-tx": "0.28.0",
         ref: w,
         children: [
           typeof m < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.leftContent, {
-                [_]: S
+                [b]: S
               }),
               ref: i,
               style: { opacity: Y() },
@@ -104,7 +104,7 @@ const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll
             "div",
             {
               className: g(s.rightContent, {
-                [_]: S
+                [b]: S
               }),
               ref: r,
               style: { opacity: P() },
@@ -117,7 +117,7 @@ const H = "swipeableArea__4bf326f1", V = "content__e6d08f75", $ = "disableScroll
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [_]: S
+                [b]: S
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as r } from "../../chunks/vendor---Om3uMV.js";
-const s = "filterPanel__0e365d13", i = {
+const s = "filterPanel__bbe61a9f", i = {
   filterPanel: s
 }, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
   "div",
   {
     className: r(i.filterPanel, l),
     ...t,
-    "data-tx": "0.27.0",
+    "data-tx": "0.28.0",
     children: e
   }
 );

package/components/Table/MasterTable.js

@@ -1,4 +1,4 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
 import { MasterTableContext as n } from "./MasterTableContext.js";
 import { c as b } from "../../chunks/vendor---Om3uMV.js";
@@ -11,11 +11,11 @@ import { TableFooter as u } from "./TableFooter/TableFooter.js";
 import { PaginationPanel as d } from "./PaginationPanel.js";
 import "./TableBasicSettings/components/ColumnSettings.js";
 import "./TableBasic/enums.js";
-const x = "masterTable__e3530730", g = {
+const x = "masterTable__a68d4274", g = {
   masterTable: x
-}, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
+}, a = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(
     n.Provider,
     {
       value: {
@@ -23,27 +23,27 @@ const x = "masterTable__e3530730", g = {
         loading: r,
         setColumns: l
       },
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ e(
         "div",
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "0.27.0",
+          "data-tx": "0.28.0",
           children: t
         }
       )
     }
   );
 };
-e.displayName = "MasterTable";
-e.NoColumns = p;
-e.FilterPanel = T;
-e.TabsLinePanel = c;
-e.TableBasic = f;
-e.TableBasicSettings = P;
-e.TableFooter = u;
-e.PaginationPanel = d;
+a.displayName = "MasterTable";
+a.NoColumns = p;
+a.FilterPanel = T;
+a.TabsLinePanel = c;
+a.TableBasic = f;
+a.TableBasicSettings = P;
+a.TableFooter = u;
+a.PaginationPanel = d;
 export {
-  e as MasterTable
+  a as MasterTable
 };
 //# sourceMappingURL=MasterTable.js.map

package/components/Table/NoColumns.js

@@ -1,11 +1,11 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as e } from "../../chunks/vendor---Om3uMV.js";
 import { Gap as l } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__88d6cbfc", a = "content__fe3dc161", s = {
-  noColumns: i,
-  content: a
-}, p = ({ children: n, className: t, ...c }) => /* @__PURE__ */ m("div", { className: e(s.noColumns, t), ...c, children: [
+const a = "noColumns__c93e1b0e", i = "content__a5648a3f", s = {
+  noColumns: a,
+  content: i
+}, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [
   /* @__PURE__ */ o(r, {}),
   /* @__PURE__ */ o(l, { size: 8 }),
   /* @__PURE__ */ o("div", { className: s.content, children: n })

package/components/Table/PaginationPanel.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor---Om3uMV.js";
-const s = "paginationPanel__58176924", e = {
-  paginationPanel: s
+const e = "paginationPanel__33e62328", s = {
+  paginationPanel: e
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
-    className: o(e.paginationPanel, n),
+    className: o(s.paginationPanel, n),
     ...i,
-    "data-tx": "0.27.0",
+    "data-tx": "0.28.0",
     children: a
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useContext as B, useEffect as N } from "react";
 import { i as T } from "../../../chunks/vendor---Om3uMV.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-CfCPvNY4.js";
+import { s as a } from "../../../chunks/utils-C0T4qN0O.js";
 import { TableBasicHeader as g } from "./components/TableBasicHeader.js";
 import { TableBasicBody as C } from "./components/TableBasicBody.js";
 import { LoaderMiddle as E } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { TableBasicRow as b } from "./TableBasicRow.js";
 import { c as p } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as r } from "../../../../chunks/utils-CfCPvNY4.js";
+import { s as r } from "../../../../chunks/utils-C0T4qN0O.js";
 const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
   if (o.length === 0)
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -5,7 +5,7 @@ import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttribute
 import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
 import { ECellType as T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
 import { c as d } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as n, m as z } from "../../../../chunks/utils-CfCPvNY4.js";
+import { s as n, m as z } from "../../../../chunks/utils-C0T4qN0O.js";
 import { Text as B } from "../../../Typography/Text.js";
 import { ETextSize as v } from "../../../Typography/enums.js";
 const w = ({ columns: u, onOrderBy: l }) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -3,7 +3,7 @@ import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttribute
 import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId as L } from "../../../../consts/DataTestId.js";
 import { c as p } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-CfCPvNY4.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-C0T4qN0O.js";
 import { ECellType as a, EVerticalAlign as f } from "../enums.js";
 import { ETextSize as A } from "../../../Typography/enums.js";
 import { Text as N } from "../../../Typography/Text.js";

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -7,11 +7,11 @@ import { ColumnSettings as w } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter as B } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader as D } from "./components/TableBasicSettingsHeader.js";
 import { Link as x } from "../../Link/Link.js";
-const k = "tableSettingsLink__f964061c", L = "tableSettingsDropdown__f3abe0fa", d = {
+const k = "tableSettingsLink__9a4675e9", L = "tableSettingsDropdown__1f630c29", d = {
   tableSettingsLink: k,
   tableSettingsDropdown: L
 }, t = ({ children: m, className: p, linkTitle: c, ...f }) => {
-  const r = i(null), s = i(null), b = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+  const r = i(null), s = i(null), g = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
     x,
     {
       href: "#",
@@ -24,7 +24,7 @@ const k = "tableSettingsLink__f964061c", L = "tableSettingsDropdown__f3abe0fa",
       ref: r,
       children: c
     }
-  ), g = ({ className: e, ...o }) => /* @__PURE__ */ n(
+  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
     a.Dropdown,
     {
       className: l(d.tableSettingsDropdown, e),
@@ -38,8 +38,8 @@ const k = "tableSettingsLink__f964061c", L = "tableSettingsDropdown__f3abe0fa",
     a,
     {
       className: l(d.tableSettingsLink, p),
-      renderButton: b,
-      renderDropdown: g,
+      renderButton: g,
+      renderDropdown: b,
       dropdownRef: s,
       ...f
     }

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,11 +3,11 @@ import i from "react";
 import { ListSortableItemTarget as g } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls as n } from "../../../List/components/ListSortableItemControls.js";
 import { c as l } from "../../../../chunks/vendor---Om3uMV.js";
-const S = "columnSettingsSortableListItemTarget__3197638d", c = "dragging__f1044023", r = {
+const S = "columnSettingsSortableListItemTarget__e467848e", c = "dragging__a4979857", r = {
   columnSettingsSortableListItemTarget: S,
   dragging: c
 }, b = i.forwardRef(
-  ({ children: o, className: s, style: f, dragging: t, ...m }, a) => /* @__PURE__ */ e(
+  ({ children: o, className: s, style: I, dragging: t, ...a }, m) => /* @__PURE__ */ e(
     g,
     {
       className: l(
@@ -16,8 +16,8 @@ const S = "columnSettingsSortableListItemTarget__3197638d", c = "dragging__f1044
         s
       ),
       dragging: t,
-      ...m,
-      ref: a,
+      ...a,
+      ref: m,
       children: /* @__PURE__ */ e(n, { children: o })
     }
   )

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import e from "react";
 import { c as o } from "../../../../chunks/vendor---Om3uMV.js";
 import { ListItem as c } from "../../../List/components/ListItem.js";
-const n = "columnSettingsStaticListItem__e0989041", a = {
+const n = "columnSettingsStaticListItem__405eb556", a = {
   columnSettingsStaticListItem: n
 }, r = e.forwardRef(
   ({ className: t, ...i }, s) => /* @__PURE__ */ m(c, { className: o(a.columnSettingsStaticListItem, t), ...i, ref: s })

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import o from "react";
 import { c } from "../../../../chunks/vendor---Om3uMV.js";
-const B = "tableBasicSettingsBody__a2dcdfe1", d = {
+const B = "tableBasicSettingsBody__264b3d9f", d = {
   tableBasicSettingsBody: B
 }, l = o.forwardRef(
   ({ children: t, className: s, ...a }, e) => /* @__PURE__ */ i("div", { className: c(d.tableBasicSettingsBody, s), ref: e, ...a, children: t })

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { c as r } from "../../../../chunks/vendor---Om3uMV.js";
-const c = "tableBasicSettingsFooter__c8f883a3", l = {
+const c = "tableBasicSettingsFooter__385307ae", l = {
   tableBasicSettingsFooter: c
 }, n = i.forwardRef(
   ({ children: t, className: e, ...o }, s) => /* @__PURE__ */ a("div", { className: r(l.tableBasicSettingsFooter, e), ref: s, ...o, children: t })

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js

@@ -1,19 +1,19 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
-import { Text as c } from "../../../Typography/Text.js";
-import { EFontWeightText as r, ETextSize as o } from "../../../Typography/enums.js";
-const l = "tableBasicSettingsHeader__6cc0745c", m = {
+import { Text as r } from "../../../Typography/Text.js";
+import { EFontWeightText as o, ETextSize as c } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__f27f7a2f", m = {
   tableBasicSettingsHeader: l
 }, n = ({
   children: e,
   className: t,
   ...a
 }) => /* @__PURE__ */ s(
-  c,
+  r,
   {
     className: i(m.tableBasicSettingsHeader, t),
-    size: o.B3,
-    weight: r.SEMIBOLD,
+    size: c.B3,
+    weight: o.SEMIBOLD,
     tag: "div",
     ...a,
     children: e