@sberbusiness/triplex-next 0.23.0 → 0.24.0

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,24 +2,24 @@ import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor---Om3uMV.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__db49fd46", _ = "sm__38ebdc57", p = "dot__3c0e23e5", b = "md__9b67686a", i = "lg__f96030e4", N = "neutral__044dec03", f = "brand__942c4b9d", S = "dot1__afc543bb", u = "dot2__ca016542", T = "dot3__6113674f", a = {
+const c = "loaderSmall__2512b850", _ = "sm__9b81d669", b = "dot__82e5562b", p = "md__e843ddd4", i = "lg__cb2e4608", N = "neutral__d7134d9b", S = "brand__be4a7f6d", f = "dot1__46979cbf", u = "dot2__1066bee2", T = "dot3__4ecabbf0", a = {
   loaderSmall: c,
   sm: _,
-  dot: p,
-  md: b,
+  dot: b,
+  md: p,
   lg: i,
   neutral: N,
-  brand: f,
-  dot1: S,
+  brand: S,
+  dot1: f,
   dot2: u,
   dot3: T
 }, g = {
   [s.BRAND]: a.brand,
   [s.NEUTRAL]: a.neutral
-}, x = n(a), L = ({ className: d, theme: l, size: e, ...m }) => /* @__PURE__ */ r(
+}, x = n(a), L = ({ className: d, theme: e, size: l, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[l], x[e], d),
+    className: o(a.loaderSmall, g[e], x[l], d),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -4,25 +4,25 @@ import { ELoaderSmallTheme as i } from "../Loader/LoaderSmall/enum.js";
 import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { c as p } from "../../chunks/vendor---Om3uMV.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__419bb8aa", B = "loaderSmallBackdrop__cbd01b56", k = "loaderMiddleBackdrop__b753041a", e = {
+const S = "loaderScreen__f481c473", B = "loaderSmallBackdrop__aa96261d", k = "loaderMiddleBackdrop__5c94d6a6", d = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
-}, M = ({
-  className: a,
-  size: d = t.MD,
-  type: o,
+}, f = ({
+  className: o,
+  size: a = t.MD,
+  type: e,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(a, e.loaderScreen, {
-    [e.loaderSmallBackdrop]: o === "small",
-    [e.loaderMiddleBackdrop]: o === "middle"
+  const m = p(o, d.loaderScreen, {
+    [d.loaderSmallBackdrop]: e === "small",
+    [d.loaderMiddleBackdrop]: e === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ r(s, { size: d, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+  return /* @__PURE__ */ r("div", { className: m, ...c, children: e === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: d.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
 };
-M.displayName = "LoaderScreen";
+f.displayName = "LoaderScreen";
 export {
-  M as LoaderScreen
+  f as LoaderScreen
 };
 //# sourceMappingURL=LoaderScreen.js.map

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor---Om3uMV.js";
-import { a as t, s as e } from "../../chunks/utils-By-UAq7Y.js";
+import { a as t, s as e } from "../../chunks/utils-BlzKyU4p.js";
 import { Badge as p } from "../Badge/Badge.js";
 import "./enums.js";
 const i = ({ className: a, status: r, ...s }) => /* @__PURE__ */ m(p.Dot, { className: o(t.marker, e[r], a), ...s });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s as t } from "../../chunks/utils-By-UAq7Y.js";
+import { s as t } from "../../chunks/utils-BlzKyU4p.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,40 +1,41 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Marker as S } from "../Marker/Marker.js";
-import { c as k } from "../../chunks/vendor---Om3uMV.js";
-import { s as _ } from "../../chunks/utils-By-UAq7Y.js";
-import { ETextSize as n, EFontType as i, ECaptionSize as f } from "../Typography/enums.js";
+import { Marker as f } from "../Marker/Marker.js";
+import { c as d } from "../../chunks/vendor---Om3uMV.js";
+import { s as k } from "../../chunks/utils-BlzKyU4p.js";
+import { ETextSize as n, EFontType as i, ECaptionSize as _ } from "../Typography/enums.js";
 import { Caption as M } from "../Typography/Caption.js";
+import "../Typography/CodeText.js";
 import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
-const x = "markerStatus__56457e8e", T = "contentContainer__27d93b64", u = "md__4696c2da", z = "markerContainer__d7dbd0ca", E = "lg__02c0b308", e = {
+const x = "markerStatus__c79ff92c", T = "contentContainer__d683ac5e", u = "md__856aaa1f", z = "markerContainer__5003fb7e", E = "lg__a3d262eb", a = {
   markerStatus: x,
   contentContainer: T,
   md: u,
   markerContainer: z,
   lg: E
 }, h = {
-  [a.MD]: n.B4,
-  [a.LG]: n.B3
-}, D = N(e), F = ({
+  [e.MD]: n.B4,
+  [e.LG]: n.B3
+}, D = N(a), G = ({
   children: p,
   className: l,
   description: o,
   status: m,
-  size: r = a.MD,
+  size: r = e.MD,
   ...C
 }) => {
-  const d = k(e.markerStatus, D[r], _[m], l);
-  return /* @__PURE__ */ s("div", { className: d, "data-tx": "0.23.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
-    /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
+  const S = d(a.markerStatus, D[r], k[m], l);
+  return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.24.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: a.markerContainer, children: /* @__PURE__ */ t(f, { status: m, size: r }) }),
+    /* @__PURE__ */ s("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ t(c, { size: h[r], children: p }),
-      o && (r === a.MD ? /* @__PURE__ */ t(M, { size: f.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+      o && (r === e.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
     ] })
   ] });
 };
 export {
-  F as MarkerStatus
+  G as MarkerStatus
 };
 //# sourceMappingURL=MarkerStatus.js.map

package/components/ModalWindow/ModalWindow.js

@@ -4,7 +4,7 @@ import { Portal as F } from "../Portal/Portal.js";
 import { c as N, C as j, F as q } from "../../chunks/vendor---Om3uMV.js";
 import { ModalWindowViewManager as A } from "./components/ModalWindowViewManager.js";
 import { useToken as D } from "../ThemeProvider/useToken.js";
-import { s as n } from "../../chunks/ModalWindow.module-Ciwlg3WX.js";
+import { s as n } from "../../chunks/ModalWindow.module-DZdMA7rm.js";
 import { EComponentSize as V } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as G } from "../../utils/classNameMaps.js";
 const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidden"], I = G(n), J = $.forwardRef((w, a) => {

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as i } from "../../../chunks/vendor---Om3uMV.js";
 import { Island as n } from "../../Island/Island.js";
 import { EComponentSize as t } from "../../../enums/EComponentSize.js";
 import { EIslandType as r } from "../../Island/enums.js";
-const a = "modalWindowBody__229c7566", l = {
+const a = "modalWindowBody__6b98503c", l = {
   modalWindowBody: a
 }, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
   n,

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,11 +6,11 @@ import { Button as i } from "../../Button/Button.js";
 import { CrossStrokeSrvIcon20 as l } from "@sberbusiness/icons-next";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { EButtonTheme as d } from "../../Button/enums.js";
-const C = "modalWindowClose__087539e1", a = {
-  modalWindowClose: C
+const a = "modalWindowClose__34ad6c09", C = {
+  modalWindowClose: a
 }, p = (t) => {
   const e = n(null);
-  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     i,
     {
       title: "Закрыть",

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-Ciwlg3WX.js";
+import { s as o } from "../../../chunks/ModalWindow.module-DZdMA7rm.js";
 import { Page as l } from "../../Page/Page.js";
 const W = ({
   isLoading: e,

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,9 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import { HeaderPage as e } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType as i } from "../../Page/components/enums.js";
 import { c as l } from "../../../chunks/vendor---Om3uMV.js";
-const t = "modalWindowHeader__c8d535b2", s = {
+const t = "modalWindowHeader__b87bee3a", s = {
   modalWindowHeader: t
-}, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
+}, o = ({ className: a, children: d, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, a), ...r, type: i.FIRST, children: d });
 o.Title = e.Title;
 o.displayName = "ModalWindowHeader";
 export {

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as m } from "react/jsx-runtime";
 import { useState as r, useRef as u, useEffect as h, useLayoutEffect as p } from "react";
 import { g, i as W, p as a } from "../../../chunks/vendor---Om3uMV.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-Ciwlg3WX.js";
+import { s as R } from "../../../chunks/ModalWindow.module-DZdMA7rm.js";
 const s = "modalWindowViewManagerNodeId", z = () => {
   const [d, c] = r(), [t, l] = r(), o = u(null), n = () => {
     if (o.current) {

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { F as a } from "../../../chunks/vendor---Om3uMV.js";
 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 { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,13 +1,13 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__1902152e", f = "loaderScreen__98c4d61a", C = "sm__205f3bf8", u = "md__848b88bc", x = "lg__30e2fad5", e = {
+const _ = "multiselectFieldContent__4c10956e", C = "loaderScreen__ace1e88c", f = "sm__f5a99bbb", u = "md__9dcced76", x = "lg__785210bf", e = {
   multiselectFieldContent: _,
-  loaderScreen: f,
-  sm: C,
+  loaderScreen: C,
+  sm: f,
   md: u,
   lg: x
 }, F = a(e), j = ({
@@ -16,12 +16,12 @@ const _ = "multiselectFieldContent__1902152e", f = "loaderScreen__98c4d61a", C =
   loading: s,
   ...l
 }) => {
-  const { size: n } = m(i);
-  return /* @__PURE__ */ c(
+  const { size: c } = m(i);
+  return /* @__PURE__ */ n(
     "div",
     {
       tabIndex: -1,
-      className: d(e.multiselectFieldContent, F[n], o),
+      className: d(e.multiselectFieldContent, F[c], o),
       ...l,
       children: [
         t,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,12 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "../../../chunks/vendor---Om3uMV.js";
-const c = "multiselectFieldFooter__54c6c638", i = {
-  multiselectFieldFooter: c
+const i = "multiselectFieldFooter__19f8284c", c = {
+  multiselectFieldFooter: i
 }, m = ({
   children: e,
   className: t,
   ...o
-}) => /* @__PURE__ */ l("div", { className: s(i.multiselectFieldFooter, t), ...o, children: e });
+}) => /* @__PURE__ */ l("div", { className: s(c.multiselectFieldFooter, t), ...o, children: e });
 export {
   m as MultiselectFieldDropdownFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-const i = "multiselectFieldHeader__6a6f2d57", c = {
-  multiselectFieldHeader: i
-}, a = ({
+import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+const d = "multiselectFieldHeader__6a5a2216", c = {
+  multiselectFieldHeader: d
+}, o = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  a as MultiselectFieldDropdownHeader
+  o as MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

package/components/Notification/Notification.js

@@ -4,7 +4,7 @@ import { NotificationBody as d } from "./components/NotificationBody.js";
 import { NotificationClose as p } from "./components/NotificationClose.js";
 import { NotificationIcon as N } from "./components/NotificationIcon.js";
 import { NotificationTime as x } from "./components/NotificationTime.js";
-import { s as i } from "../../chunks/Notification.module-CjpGpuL7.js";
+import { s as i } from "../../chunks/Notification.module-CJl-qcj8.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "0.23.0",
+      "data-tx": "0.24.0",
       children: a
     }
   );

package/components/Notification/NotificationGrouped.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { NotificationGroupedFooter as t } from "./components/NotificationGroupedFooter.js";
-import { s as e } from "../../chunks/Notification.module-CjpGpuL7.js";
+import { s as e } from "../../chunks/Notification.module-CJl-qcj8.js";
 const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
   o,
   /* @__PURE__ */ r(t, {})

package/components/Notification/components/NotificationBody.js

@@ -3,7 +3,7 @@ import { NotificationHeader as n } from "./NotificationHeader.js";
 import { NotificationBodyContent as a } from "./NotificationBodyContent.js";
 import { NotificationFooter as e } from "./NotificationFooter.js";
 import { NotificationBodyList as m } from "./NotificationBodyList.js";
-import { s as f } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as f } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { UnorderedList as t } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as a } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as a } from "../../../chunks/Notification.module-CJl-qcj8.js";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
 const c = ({ className: s, ...i }) => /* @__PURE__ */ o(t, { className: e(a.notificationBodyList, s), ...i, children: i.values.map((m, r) => /* @__PURE__ */ o(t.Item, { children: m }, r)) });
 c.displayName = "NotificationBodyList";

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as m } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as m } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const e = ({ onClick: t, ...i }) => /* @__PURE__ */ o("span", { className: m.notificationClose, children: /* @__PURE__ */ o(s, { ...i, onClick: t, children: /* @__PURE__ */ o(r, { paletteIndex: 5 }) }) });
 e.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as i } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const s = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationFooter, children: o });
 s.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-import { s as o } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as o } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const m = () => /* @__PURE__ */ s("div", { children: [
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.first) }),
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as a } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as a } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
 t.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as t } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
 s.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-CjpGpuL7.js";
+import { s as t } from "../../../chunks/Notification.module-CJl-qcj8.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import h, { useCallback as l } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as d } from "../../chunks/FormFieldInput-Dr_WBweC.js";
+import { F as d } from "../../chunks/FormFieldInput-CP3P-T8_.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -1,16 +1,16 @@
 import { jsx as s } from "react/jsx-runtime";
-import o from "react";
-import { c as d } from "../../chunks/vendor---Om3uMV.js";
+import d from "react";
+import { c as o } from "../../chunks/vendor---Om3uMV.js";
 import { OrderedListItem as i } from "./OrderedListItem.js";
-const m = "orderedList__82626b6c", a = {
+const m = "orderedList__d4023b2e", a = {
   orderedList: m
 }, c = Object.assign(
-  o.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ s(
+  d.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ s(
     "ol",
     {
-      className: d(a.orderedList, r),
+      className: o(a.orderedList, r),
       ...e,
-      "data-tx": "0.23.0",
+      "data-tx": "0.24.0",
       ref: t
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,27 +1,28 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor---Om3uMV.js";
-import { ETextSize as i } from "../Typography/enums.js";
+import { c as i } from "../../chunks/vendor---Om3uMV.js";
+import { ETextSize as s } from "../Typography/enums.js";
 import "../Typography/Caption.js";
+import "../Typography/CodeText.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__ec5cf617", c = {
+const a = "orderedListItem__849a858f", p = {
   orderedListItem: a
-}, p = m.forwardRef(
+}, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     d,
     {
-      className: s(c.orderedListItem, t),
-      size: i.B3,
+      className: i(p.orderedListItem, t),
+      size: s.B3,
       tag: "li",
       ...e,
-      "data-tx": "0.23.0",
+      "data-tx": "0.24.0",
       ref: r
     }
   )
 );
-p.displayName = "OrderedListItem";
+f.displayName = "OrderedListItem";
 export {
-  p as OrderedListItem
+  f as OrderedListItem
 };
 //# sourceMappingURL=OrderedListItem.js.map

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as u } from "../../chunks/vendor---Om3uMV.js";
 import { OverlayBase as k } from "./OverlayBase.js";
 import { OverlayMask as B } from "./OverlayMask.js";
 import { OverlayPanel as M } from "./OverlayPanel.js";
-import { s as r } from "../../chunks/Overlay.module-DPHcy5Kd.js";
+import { s as r } from "../../chunks/Overlay.module-Buw8PcSy.js";
 const s = ({
   children: o,
   className: i,

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
 import { c as t } from "../../chunks/vendor---Om3uMV.js";
-import { s as a } from "../../chunks/Overlay.module-DPHcy5Kd.js";
+import { s as a } from "../../chunks/Overlay.module-Buw8PcSy.js";
 const p = l.forwardRef(
   ({ className: r, opened: s, ...o }, e) => /* @__PURE__ */ m(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import n from "react";
 import { c as P } from "../../chunks/vendor---Om3uMV.js";
 import { EOverlayDirection as a } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-DPHcy5Kd.js";
+import { s as e } from "../../chunks/Overlay.module-Buw8PcSy.js";
 const T = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as i } from "../../chunks/vendor---Om3uMV.js";
 import { BodyPage as p } from "./components/BodyPage.js";
 import { HeaderPage as f } from "./components/HeaderPage.js";
 import { FooterPage as g } from "./components/FooterPage.js";
-import { s as o } from "../../chunks/Page.module-98SUxLiM.js";
+import { s as o } from "../../chunks/Page.module-DIObxp8c.js";
 import "./components/enums.js";
 const c = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, m) {

package/components/Page/components/BodyPage.js

@@ -1,25 +1,25 @@
 import { jsx as a } from "react/jsx-runtime";
-import g from "react";
+import m from "react";
 import { Body as c } from "../../Body/Body.js";
-import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { EBodyPageVerticalMargin as r, EBodyPageType as y } from "./enums.js";
 import { Island as p } from "../../Island/Island.js";
 import { EIslandType as M } from "../../Island/enums.js";
-const P = "bodyPage__dce8534d", v = "verticalMargin24__03051153", f = "verticalMargin16__d446db75", o = {
-  bodyPage: P,
-  verticalMargin24: v,
-  verticalMargin16: f
-}, _ = {
+const f = "bodyPage__f83e3061", P = "verticalMargin24__9b7d0f8b", v = "verticalMargin16__367ba840", o = {
+  bodyPage: f,
+  verticalMargin24: P,
+  verticalMargin16: v
+}, b = {
   [r.LARGE]: o.verticalMargin24,
   [r.SMALL]: o.verticalMargin16
-}, b = g.forwardRef(
-  ({ className: s, type: n, size: l, verticalMargin: d = r.LARGE, ...e }, i) => {
-    const t = m(s, o.bodyPage, _[d]);
+}, _ = m.forwardRef(
+  ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...e }, i) => {
+    const t = d(s, o.bodyPage, b[g]);
     return n === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: l, children: /* @__PURE__ */ a(c, { ...e }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...e });
   }
 );
-b.displayName = "BodyPage";
+_.displayName = "BodyPage";
 export {
-  b as BodyPage
+  _ as BodyPage
 };
 //# sourceMappingURL=BodyPage.js.map

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType as g } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as n } from "../../../chunks/Page.module-98SUxLiM.js";
+import { s as n } from "../../../chunks/Page.module-DIObxp8c.js";
 const N = Object.assign(
   R.forwardRef(
     ({ className: m, type: r, size: a, sticky: p, ...f }, o) => {

package/components/Page/components/HeaderPage.js

@@ -6,7 +6,7 @@ import { c as l } from "../../../chunks/vendor---Om3uMV.js";
 import { Island as S } from "../../Island/Island.js";
 import { EIslandType as y } from "../../Island/enums.js";
 import { useStickyCornerRadius as b } from "./useStickyCornerRadius.js";
-import { s as i } from "../../../chunks/Page.module-98SUxLiM.js";
+import { s as i } from "../../../chunks/Page.module-DIObxp8c.js";
 const C = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import i from "react";
-const r = "paginationExtended__f5edeb6e", s = {
+const r = "paginationExtended__1ebe5bd7", s = {
   paginationExtended: r
 }, x = i.forwardRef(
   ({ children: t, className: n, ...a }, e) => /* @__PURE__ */ o(
     "nav",
     {
       className: d(s.paginationExtended, n),
-      "data-tx": "0.23.0",
+      "data-tx": "0.24.0",
       ...a,
       ref: e,
       children: t