@sberbusiness/triplex-next 0.23.0 → 0.24.0

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -1,13 +1,13 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import R, { useState as j, useRef as F, useEffect as v, useCallback as B } from "react";
-import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { SuggestFieldMobileDropdown as M } from "./SuggestFieldMobileDropdown.js";
-import { TextFieldBase as $ } from "../../TextField/TextFieldBase.js";
-import { DataTestId as y } from "../../../consts/DataTestId.js";
-import { FormFieldClear as A } from "../../FormField/components/FormFieldClear.js";
+import j, { useState as v, useRef as F, useEffect as B, useCallback as I } from "react";
+import { EComponentSize as M } from "../../../enums/EComponentSize.js";
+import { SuggestFieldMobileDropdown as $ } from "./SuggestFieldMobileDropdown.js";
+import { TextFieldBase as y } from "../../TextField/TextFieldBase.js";
+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 G } from "../../../chunks/FormFieldInput-Dr_WBweC.js";
+import { F as N } from "../../../chunks/FormFieldInput-CP3P-T8_.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -15,69 +15,70 @@ import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTarget.js";
 import "../../FormField/components/FormFieldTextarea.js";
 import "../../FormField/FormField.js";
-import { LoaderSmall as N } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as T } from "../../Loader/LoaderSmall/enum.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-8Km5bFV3.js";
-const lo = ({
+import "../../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
+const po = ({
   value: r,
   options: b,
-  size: n = I.LG,
+  size: n = M.LG,
   placeholder: l,
   "data-test-id": m,
   postfix: x,
   tooltipHint: S,
   loading: p,
-  dropdownListLoading: g,
-  clearInputOnFocus: w,
-  onFilter: D,
-  onSelect: O,
+  tooltipOpen: g,
+  dropdownListLoading: w,
+  clearInputOnFocus: D,
+  onFilter: O,
+  onSelect: h,
   onClear: a,
-  onScrollEnd: h,
+  onScrollEnd: k,
   renderInput: c,
   inputProps: o,
-  ...k
+  ...C
 }) => {
-  const [e, s] = j(!1), i = F(null), d = F(!1), C = c === void 0 ? G : c;
-  v(() => {
+  const [e, s] = v(!1), i = F(null), d = F(!1), E = c === void 0 ? N : c;
+  B(() => {
     d.current && !e && i.current && i.current.scrollIntoView({ block: "center" }), d.current = e;
   }, [e]);
-  const E = B(
-    (L) => {
+  const L = I(
+    (R) => {
       var f;
-      s(!0), (f = o.onFocus) == null || f.call(o, L);
+      s(!0), (f = o.onFocus) == null || f.call(o, R);
     },
     [o]
   );
   return /* @__PURE__ */ u(
-    $,
+    y,
     {
       "data-test-id": m,
       size: n,
-      postfix: /* @__PURE__ */ u(R.Fragment, { children: [
-        a !== void 0 && /* @__PURE__ */ t(A, { onClick: a }),
-        p && /* @__PURE__ */ t(N, { theme: T.BRAND, size: n }),
+      postfix: /* @__PURE__ */ u(j.Fragment, { children: [
+        a !== void 0 && /* @__PURE__ */ t(G, { onClick: a }),
+        p && /* @__PURE__ */ t(T, { theme: V.BRAND, size: n }),
         x
       ] }),
-      ...k,
+      ...C,
       ref: i,
       children: [
         /* @__PURE__ */ t(
-          C,
+          E,
           {
             value: r ? r.label : "",
             placeholder: l,
             role: "combobox",
             "aria-autocomplete": "list",
             "aria-expanded": e,
-            "data-test-id": m && `${m}${y.Suggest.input}`,
+            "data-test-id": m && `${m}${A.Suggest.input}`,
             ...o,
             readOnly: !0,
-            onFocus: E
+            onFocus: L
           }
         ),
         /* @__PURE__ */ t(
-          M,
+          $,
           {
             value: r,
             options: b,
@@ -85,12 +86,13 @@ const lo = ({
             tooltipHint: S,
             opened: e,
             loading: p,
-            dropdownListLoading: g,
-            clearInputOnFocus: w,
+            tooltipOpen: g,
+            dropdownListLoading: w,
+            clearInputOnFocus: D,
             setOpened: s,
-            onFilter: D,
-            onSelect: O,
-            onScrollEnd: h
+            onFilter: O,
+            onSelect: h,
+            onScrollEnd: k
           }
         )
       ]
@@ -98,6 +100,6 @@ const lo = ({
   );
 };
 export {
-  lo as SuggestFieldMobile
+  po as SuggestFieldMobile
 };
 //# sourceMappingURL=SuggestFieldMobile.js.map

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -1,82 +1,83 @@
-import { jsx as t, jsxs as w, Fragment as D } from "react/jsx-runtime";
-import q, { useState as M, useRef as p, useCallback as i } from "react";
+import { jsx as t, jsxs as g, Fragment as w } from "react/jsx-runtime";
+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-C4JE2xV7.js";
+import "../../../chunks/DropdownListItem-D_38hBVf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as z } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as A } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as A } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as G } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as G } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as J } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as J } from "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as K } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as L } from "../../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as Q } from "../../Dropdown/mobile/DropdownMobileLoader.js";
-import { Dropdown as U } from "../../Dropdown/Dropdown.js";
-import { s as W, S as X } from "../../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
-const Y = ({
+import { DropdownMobileInput as K } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as L } from "../../Dropdown/mobile/DropdownMobileList.js";
+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-_Gn-OMhG.js";
+const Z = ({
   value: o,
-  options: C,
-  placeholder: a,
-  tooltipHint: h,
+  options: M,
+  placeholder: C,
+  tooltipHint: a,
   opened: F,
   loading: I,
-  dropdownListLoading: n,
-  clearInputOnFocus: b,
+  tooltipOpen: R,
+  dropdownListLoading: s,
+  clearInputOnFocus: h,
   setOpened: e,
   onSelect: c,
-  onFilter: g,
+  onFilter: b,
   onScrollEnd: l
-}, R) => {
-  const [d, s] = M((o == null ? void 0 : o.label) || ""), [m, B] = M(o);
-  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (B(o), s((o == null ? void 0 : o.label) || ""));
-  const f = p(!1), S = p(null), y = p(null), k = i(() => {
-    s(b ? "" : (o == null ? void 0 : o.label) || "");
-  }, [b, o == null ? void 0 : o.label]), x = i(
+}, B) => {
+  const [d, n] = D((o == null ? void 0 : o.label) || ""), [m, S] = D(o);
+  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (S(o), n((o == null ? void 0 : o.label) || ""));
+  const f = p(!1), y = p(null), H = p(null), k = i(() => {
+    n(h ? "" : (o == null ? void 0 : o.label) || "");
+  }, [h, o == null ? void 0 : o.label]), x = i(
     (r) => {
-      s(r.target.value), g(r.target.value);
+      n(r.target.value), b(r.target.value);
     },
-    [g]
-  ), H = i(() => {
+    [b]
+  ), N = i(() => {
     e(!1);
-  }, [e]), N = i(() => {
+  }, [e]), V = i(() => {
     if (f.current) {
       f.current = !1;
       return;
     }
     d.length === 0 && o !== void 0 && c(void 0);
-  }, [d.length, c, o]), V = i(
+  }, [d.length, c, o]), j = i(
     (r) => {
-      if (l === void 0 || n)
+      if (l === void 0 || s)
         return;
-      const { scrollHeight: j, scrollTop: P, clientHeight: T } = r.currentTarget;
-      j - P - T < 1 && l();
+      const { scrollHeight: P, scrollTop: T, clientHeight: q } = r.currentTarget;
+      P - T - q < 1 && l();
     },
-    [l, n]
+    [l, s]
   );
   return /* @__PURE__ */ t(
-    U,
+    W,
     {
       opened: F,
       setOpened: e,
-      targetRef: y,
-      onClose: N,
+      targetRef: H,
+      onClose: V,
       mobileViewProps: {
-        children: /* @__PURE__ */ w(D, { children: [
+        children: /* @__PURE__ */ g(w, { children: [
           /* @__PURE__ */ t(
-            G,
+            J,
             {
-              controlButtons: /* @__PURE__ */ w(D, { children: [
-                I && /* @__PURE__ */ t(Q, {}),
-                /* @__PURE__ */ t(A, { onClick: H })
+              controlButtons: /* @__PURE__ */ g(w, { children: [
+                I && /* @__PURE__ */ t(U, {}),
+                /* @__PURE__ */ t(G, { onClick: N })
               ] }),
               children: /* @__PURE__ */ t(
-                J,
+                K,
                 {
                   value: d,
-                  placeholder: a,
+                  placeholder: C,
                   autoFocus: !0,
                   onFocus: k,
                   onChange: x
@@ -84,8 +85,8 @@ const Y = ({
               )
             }
           ),
-          /* @__PURE__ */ t(z, { className: W.suggestFieldMobileBody, onScroll: V, children: h ? /* @__PURE__ */ t(X, { children: h }) : /* @__PURE__ */ t(K, { loading: n, ref: S, children: C.map((r) => /* @__PURE__ */ t(
-            L,
+          /* @__PURE__ */ t(A, { className: X.suggestFieldMobileBody, onScroll: j, children: R ? /* @__PURE__ */ t(Y, { children: a }) : /* @__PURE__ */ t(L, { loading: s, ref: y, children: M.map((r) => /* @__PURE__ */ t(
+            Q,
             {
               id: r.id,
               selected: r.id === (o == null ? void 0 : o.id),
@@ -99,11 +100,11 @@ const Y = ({
           )) }) })
         ] })
       },
-      ref: R
+      ref: B
     }
   );
-}, po = q.forwardRef(Y);
+}, ho = z.forwardRef(Z);
 export {
-  po as SuggestFieldMobileDropdown
+  ho as SuggestFieldMobileDropdown
 };
 //# sourceMappingURL=SuggestFieldMobileDropdown.js.map

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
 import "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
+import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
 export {
-  d as SuggestFieldMobileDropdownHint
+  g as SuggestFieldMobileDropdownHint
 };
 //# sourceMappingURL=SuggestFieldMobileDropdownHint.js.map

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-8Km5bFV3.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
-import { jsxs as j, jsx as w } from "react/jsx-runtime";
-import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+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 { c as g } from "../../chunks/vendor---Om3uMV.js";
-const H = "swipeableArea__77bc6eab", V = "content__6d87b477", $ = "disableScroll__3717e4cd", k = "disablePointerEvents__3b69b0f8", q = "swipeAnimationFinish__7d7bccf0", G = "leftContent__f684bebd", J = "rightContent__cf2e3c59", s = {
+const H = "swipeableArea__efa66e47", V = "content__88008cb4", $ = "disableScroll__822ab2f1", k = "disablePointerEvents__d128baee", q = "swipeAnimationFinish__2f8fae84", G = "leftContent__183d721b", J = "rightContent__c13974a3", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -10,8 +10,8 @@ const H = "swipeableArea__77bc6eab", V = "content__6d87b477", $ = "disableScroll
   leftContent: G,
   rightContent: J
 }, p = 24, _ = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
-  ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: b, ...y }, B) => {
-    const [C, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), S = u(null), X = () => {
+  ({ 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), h = u(N), w = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -50,13 +50,13 @@ const H = "swipeableArea__77bc6eab", V = "content__6d87b477", $ = "disableScroll
       const f = n.current + c;
       n.current === 0 ? c > 0 && m ? e(
         Math.min(f, i.current.getBoundingClientRect().width)
-      ) : c < 0 && b && e(
+      ) : c < 0 && C && e(
         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) => {
-        c.touches.length == 1 && S.current && !S.current.contains(c.target) && (a(!0), e(0), d(void 0));
+        c.touches.length == 1 && w.current && !w.current.contains(c.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
@@ -86,38 +86,38 @@ const H = "swipeableArea__77bc6eab", V = "content__6d87b477", $ = "disableScroll
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.23.0",
-        ref: S,
+        "data-tx": "0.24.0",
+        ref: w,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ w(
+          typeof m < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.leftContent, {
-                [_]: C
+                [_]: S
               }),
               ref: i,
               style: { opacity: Y() },
               children: m
             }
           ) : null,
-          typeof b < "u" ? /* @__PURE__ */ w(
+          typeof C < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.rightContent, {
-                [_]: C
+                [_]: S
               }),
               ref: r,
               style: { opacity: P() },
-              children: b
+              children: C
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ A(
             "div",
             {
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [_]: C
+                [_]: S
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

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

package/components/Table/MasterTable.js

@@ -2,16 +2,16 @@ import { jsx as a } 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";
-import { NoColumns as c } from "./NoColumns.js";
-import { FilterPanel as p } from "./FilterPanel.js";
-import { TabsLinePanel as T } from "./TabsLinePanel.js";
-import { TableBasic as f } from "./TableBasic/TableBasic.js";
+import { NoColumns as p } from "./NoColumns.js";
+import { FilterPanel as T } from "./FilterPanel.js";
+import { TabsLinePanel as f } from "./TabsLinePanel.js";
+import { TableBasic as c } from "./TableBasic/TableBasic.js";
 import { TableBasicSettings as P } from "./TableBasicSettings/TableBasicSettings.js";
-import { TableFooter as d } from "./TableFooter/TableFooter.js";
-import { PaginationPanel as u } from "./PaginationPanel.js";
+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__9cd0eddc", g = {
+const x = "masterTable__fdbef478", g = {
   masterTable: x
 }, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
@@ -28,7 +28,7 @@ const x = "masterTable__9cd0eddc", g = {
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "0.23.0",
+          "data-tx": "0.24.0",
           children: t
         }
       )
@@ -36,13 +36,13 @@ const x = "masterTable__9cd0eddc", g = {
   );
 };
 e.displayName = "MasterTable";
-e.NoColumns = c;
-e.FilterPanel = p;
-e.TabsLinePanel = T;
-e.TableBasic = f;
+e.NoColumns = p;
+e.FilterPanel = T;
+e.TabsLinePanel = f;
+e.TableBasic = c;
 e.TableBasicSettings = P;
-e.TableFooter = d;
-e.PaginationPanel = u;
+e.TableFooter = u;
+e.PaginationPanel = d;
 export {
   e as MasterTable
 };

package/components/Table/NoColumns.js

@@ -2,7 +2,7 @@ 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__0236337b", a = "content__4c8d4288", s = {
+const i = "noColumns__2ff0a09b", a = "content__debcd04d", s = {
   noColumns: i,
   content: a
 }, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [

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__f3813bb5", e = {
-  paginationPanel: s
+const e = "paginationPanel__df94d1fe", 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.23.0",
+    "data-tx": "0.24.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-CyxIcdb6.js";
+import { s as a } from "../../../chunks/utils-C9aEOF3O.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-CyxIcdb6.js";
+import { s as r } from "../../../../chunks/utils-C9aEOF3O.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-CyxIcdb6.js";
+import { s as n, m as z } from "../../../../chunks/utils-C9aEOF3O.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-CyxIcdb6.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-C9aEOF3O.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__582ab833", L = "tableSettingsDropdown__7ce87e1e", d = {
+const k = "tableSettingsLink__8f274039", L = "tableSettingsDropdown__5e537b11", d = {
   tableSettingsLink: k,
   tableSettingsDropdown: L
-}, t = ({ children: m, className: p, linkTitle: c, ...b }) => {
-  const r = i(null), s = i(null), f = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+}, t = ({ children: m, className: p, linkTitle: c, ...f }) => {
+  const r = i(null), s = i(null), b = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
     x,
     {
       href: "#",
@@ -38,10 +38,10 @@ const k = "tableSettingsLink__582ab833", L = "tableSettingsDropdown__7ce87e1e",
     a,
     {
       className: l(d.tableSettingsLink, p),
-      renderButton: f,
+      renderButton: b,
       renderDropdown: g,
       dropdownRef: s,
-      ...b
+      ...f
     }
   );
 };

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

@@ -3,20 +3,20 @@ 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 c = "columnSettingsSortableListItemTarget__a44a9c2f", S = "dragging__dac1682b", r = {
+const c = "columnSettingsSortableListItemTarget__0a3c2e5d", S = "dragging__f29022b9", r = {
   columnSettingsSortableListItemTarget: c,
   dragging: S
 }, b = i.forwardRef(
-  ({ children: o, className: a, style: f, dragging: t, ...s }, m) => /* @__PURE__ */ e(
+  ({ children: o, className: s, style: f, dragging: t, ...a }, m) => /* @__PURE__ */ e(
     g,
     {
       className: l(
         r.columnSettingsSortableListItemTarget,
         { [r.dragging]: t },
-        a
+        s
       ),
       dragging: t,
-      ...s,
+      ...a,
       ref: m,
       children: /* @__PURE__ */ e(n, { children: o })
     }

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

@@ -1,11 +1,11 @@
 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__6a56a5f0", a = {
+import c from "react";
+import { c as e } from "../../../../chunks/vendor---Om3uMV.js";
+import { ListItem as o } from "../../../List/components/ListItem.js";
+const n = "columnSettingsStaticListItem__dccacb80", a = {
   columnSettingsStaticListItem: n
-}, r = e.forwardRef(
-  ({ className: t, ...i }, s) => /* @__PURE__ */ m(c, { className: o(a.columnSettingsStaticListItem, t), ...i, ref: s })
+}, r = c.forwardRef(
+  ({ className: t, ...i }, s) => /* @__PURE__ */ m(o, { className: e(a.columnSettingsStaticListItem, t), ...i, ref: s })
 );
 r.displayName = "ColumnSettingsStaticListItem";
 export {