@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,27 +1,27 @@
-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__390e892a", C = "loaderScreen__fe4e352d", f = "sm__05c0123a", u = "md__60d83122", x = "lg__7f335c2d", e = {
+const _ = "multiselectFieldContent__4c10956e", C = "loaderScreen__ace1e88c", f = "sm__f5a99bbb", u = "md__9dcced76", x = "lg__785210bf", e = {
   multiselectFieldContent: _,
   loaderScreen: C,
   sm: f,
   md: u,
   lg: x
-}, F = a(e), y = ({
+}, F = a(e), j = ({
   children: t,
   className: o,
   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,
@@ -31,6 +31,6 @@ const _ = "multiselectFieldContent__390e892a", C = "loaderScreen__fe4e352d", f =
   );
 };
 export {
-  y as MultiselectFieldDropdownContent
+  j as MultiselectFieldDropdownContent
 };
 //# sourceMappingURL=MultiselectFieldDropdownContent.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "../../../chunks/vendor---Om3uMV.js";
-const i = "multiselectFieldFooter__ba6224d4", c = {
+const i = "multiselectFieldFooter__19f8284c", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-const d = "multiselectFieldHeader__fbe78344", c = {
+const d = "multiselectFieldHeader__6a5a2216", c = {
   multiselectFieldHeader: d
-}, m = ({
+}, o = ({
   children: e,
   className: l,
   ...t
 }) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  m 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-C93nRGIm.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.22.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-C93nRGIm.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-Dp--anY3.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__2ff7f4bc", 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.22.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__a4fcd4c1", 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.22.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-CYkgbbXG.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-CYkgbbXG.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-CYkgbbXG.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-DZHBTNJd.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

@@ -5,21 +5,21 @@ 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__0dbf805a", f = "verticalMargin24__e08a7041", v = "verticalMargin16__2168cc45", o = {
-  bodyPage: P,
-  verticalMargin24: 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 = m.forwardRef(
+}, _ = m.forwardRef(
   ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...e }, i) => {
-    const t = d(s, o.bodyPage, _[g]);
+    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-DZHBTNJd.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-DZHBTNJd.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,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-import d from "react";
-const r = "paginationExtended__54a279aa", s = {
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import i from "react";
+const r = "paginationExtended__1ebe5bd7", s = {
   paginationExtended: r
-}, x = d.forwardRef(
-  ({ children: a, className: t, ...n }, e) => /* @__PURE__ */ o(
+}, x = i.forwardRef(
+  ({ children: t, className: n, ...a }, e) => /* @__PURE__ */ o(
     "nav",
     {
-      className: i(s.paginationExtended, t),
-      "data-tx": "0.22.0",
-      ...n,
+      className: d(s.paginationExtended, n),
+      "data-tx": "0.24.0",
+      ...a,
       ref: e,
-      children: a
+      children: t
     }
   )
 );

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,10 +4,10 @@ import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__2fbce526", N = "directionIconNext__fc5862f8", n = {
+const g = "paginationNavigationButton__83843261", N = "directionIconNext__bdfceb8b", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, f = c.forwardRef(
+}, I = c.forwardRef(
   ({ direction: i, ...a }, e) => {
     const r = i === s.BACK;
     return /* @__PURE__ */ t(
@@ -22,8 +22,8 @@ const g = "paginationNavigationButton__2fbce526", N = "directionIconNext__fc5862
     );
   }
 );
-f.displayName = "PaginationNavigationButton";
+I.displayName = "PaginationNavigationButton";
 export {
-  f as PaginationNavigationButton
+  I as PaginationNavigationButton
 };
 //# sourceMappingURL=PaginationNavigationButton.js.map

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-const g = "paginationNavigationExtended__3c3717c0", r = {
+const g = "paginationNavigationExtended__9398a7ec", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: i, ...n }, t) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, i), ...n, ref: t, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -3,6 +3,7 @@ import m from "react";
 import { c as p } from "../../../chunks/vendor---Om3uMV.js";
 import { ETextSize as g } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import { Text as c } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import "../../Button/Button.js";
@@ -10,11 +11,11 @@ import { ButtonBase as s } from "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const P = "paginationPageButton__128ce9ee", u = "currentPage__b018edfd", a = {
+const P = "paginationPageButton__6c5fc4b3", f = "currentPage__d9bb709f", a = {
   paginationPageButton: P,
-  currentPage: u
-}, f = m.forwardRef(
-  ({ isCurrent: t = !1, children: e, className: i, ...r }, n) => /* @__PURE__ */ o(
+  currentPage: f
+}, u = m.forwardRef(
+  ({ isCurrent: t = !1, children: i, className: r, ...e }, n) => /* @__PURE__ */ o(
     s,
     {
       className: p(
@@ -22,17 +23,17 @@ const P = "paginationPageButton__128ce9ee", u = "currentPage__b018edfd", a = {
         {
           [a.currentPage]: t
         },
-        i
+        r
       ),
       "aria-live": t ? "polite" : void 0,
-      ...r,
+      ...e,
       ref: n,
-      children: /* @__PURE__ */ o(c, { size: g.B3, children: e })
+      children: /* @__PURE__ */ o(c, { size: g.B3, children: i })
     }
   )
 );
-f.displayName = "PaginationPageButton";
+u.displayName = "PaginationPageButton";
 export {
-  f as PaginationPageButton
+  u as PaginationPageButton
 };
 //# sourceMappingURL=PaginationPageButton.js.map

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -3,12 +3,13 @@ import { c as p } from "../../../chunks/vendor---Om3uMV.js";
 import e from "react";
 import { ETextSize as r } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import { Text as l } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const n = "paginationPageEllipsis__16240b79", m = {
+const n = "paginationPageEllipsis__593bec62", m = {
   paginationPageEllipsis: n
 }, g = e.forwardRef(
-  ({ children: i, className: a, ...s }, o) => /* @__PURE__ */ t(l, { size: r.B3, className: p(m.paginationPageEllipsis, a), ...s, ref: o, children: i })
+  ({ children: i, className: a, ...o }, s) => /* @__PURE__ */ t(l, { size: r.B3, className: p(m.paginationPageEllipsis, a), ...o, ref: s, children: i })
 );
 g.displayName = "PaginationPageEllipsis";
 export {

package/components/Pagination/components/PaginationSelect.js

@@ -1,27 +1,28 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import m, { useState as p } from "react";
-import { u as d, c as S } from "../../../chunks/vendor---Om3uMV.js";
+import { u as S, c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { ETextSize as g } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import { Text as f } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField as x } from "../../SelectField/SelectField.js";
 import { EComponentSize as u } from "../../../enums/EComponentSize.js";
-const C = "paginationSelect__4d7e0974", z = "paginationSelectControl__7c3ad79c", o = {
+const C = "paginationSelect__70754ba8", b = "paginationSelectControl__a2642c73", o = {
   paginationSelect: C,
-  paginationSelectControl: z
-}, P = m.forwardRef(
-  ({ paginationLabel: t, className: n, options: a, value: r, onChange: l }, c) => {
-    const [i] = p(() => `Pagination-${d()}`);
-    return /* @__PURE__ */ s("div", { className: S(o.paginationSelect, n), ref: c, children: [
-      /* @__PURE__ */ e(f, { size: g.B3, id: i, children: t }),
-      /* @__PURE__ */ e("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ e(
+  paginationSelectControl: b
+}, z = m.forwardRef(
+  ({ paginationLabel: e, className: a, options: n, value: r, onChange: l }, c) => {
+    const [i] = p(() => `Pagination-${S()}`);
+    return /* @__PURE__ */ s("div", { className: d(o.paginationSelect, a), ref: c, children: [
+      /* @__PURE__ */ t(f, { size: g.B3, id: i, children: e }),
+      /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
         x,
         {
           size: u.SM,
           value: r,
-          mobileTitle: t,
-          options: a,
+          mobileTitle: e,
+          options: n,
           onChange: l,
           targetProps: {
             fieldLabel: ""
@@ -32,8 +33,8 @@ const C = "paginationSelect__4d7e0974", z = "paginationSelectControl__7c3ad79c",
     ] });
   }
 );
-P.displayName = "PaginationSelect";
+z.displayName = "PaginationSelect";
 export {
-  P as PaginationSelect
+  z as PaginationSelect
 };
 //# sourceMappingURL=PaginationSelect.js.map

package/components/Radio/Radio.js

@@ -1,13 +1,14 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import N from "react";
-import { c as n } from "../../chunks/vendor---Om3uMV.js";
-import { ETextSize as c } from "../Typography/enums.js";
+import { c as r } from "../../chunks/vendor---Om3uMV.js";
+import { ETextSize as m } from "../Typography/enums.js";
 import "../Typography/Caption.js";
+import "../Typography/CodeText.js";
 import { Text as x } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { EComponentSize as s } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const y = "label__0ead91e3", M = "sm__69de747d", T = "nonempty__f7afcf6f", S = "md__6e63deb9", g = "lg__60bcc1c5", I = "disabled__c0fff92e", R = "radio__36a86b7f", u = "radioIcon__130c736b", o = {
+const y = "label__7a24f902", M = "sm__a1075c48", T = "nonempty__93e10bf6", S = "md__e43e5e1a", g = "lg__a8071fd9", I = "disabled__000b6630", R = "radio__038a5441", u = "radioIcon__7d488283", o = {
   label: y,
   sm: M,
   nonempty: T,
@@ -17,18 +18,18 @@ const y = "label__0ead91e3", M = "sm__69de747d", T = "nonempty__f7afcf6f", S = "
   radio: R,
   radioIcon: u
 }, B = {
-  [a.LG]: c.B2,
-  [a.MD]: c.B3,
-  [a.SM]: c.B4
-}, C = z(o), h = N.forwardRef((d, r) => {
-  const { children: e, className: l, disabled: m, labelAttributes: s, size: t = a.MD, ...p } = d, f = n(o.radio, l, C[t]), _ = n(
+  [s.LG]: m.B2,
+  [s.MD]: m.B3,
+  [s.SM]: m.B4
+}, C = z(o), h = N.forwardRef((c, d) => {
+  const { children: e, className: l, disabled: n, labelAttributes: a, size: t = s.MD, ...p } = c, _ = r(o.radio, l, C[t]), b = r(
     o.label,
     o[t],
-    { [o.disabled]: !!m, [o.nonempty]: !!e },
-    s == null ? void 0 : s.className
+    { [o.disabled]: !!n, [o.nonempty]: !!e },
+    a == null ? void 0 : a.className
   );
-  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "0.22.0", children: [
-    /* @__PURE__ */ i("input", { type: "radio", className: f, disabled: m, ...p, ref: r }),
+  return /* @__PURE__ */ f("label", { ...a, className: b, "data-tx": "0.24.0", children: [
+    /* @__PURE__ */ i("input", { type: "radio", className: _, disabled: n, ...p, ref: d }),
     /* @__PURE__ */ i("span", { className: o.radioIcon }),
     e && /* @__PURE__ */ i(x, { size: B[t], tag: "div", children: e })
   ] });

package/components/Radio/RadioXGroup.js

@@ -1,20 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c as s } from "../../chunks/vendor---Om3uMV.js";
-const _ = "radioXGroup__413e3a87", l = "label__0ead91e3", n = {
-  radioXGroup: _,
-  "indent-12": "indent-12__ddf0883e",
-  label: l,
-  "indent-16": "indent-16__f7c00594",
-  "indent-20": "indent-20__fa6b3760",
-  "indent-24": "indent-24__b4f473ab",
-  "indent-28": "indent-28__d09156a3",
-  "indent-32": "indent-32__6e3df6e6"
-}, c = (e) => {
-  const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
-  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });
+const c = "radioXGroup__669e0e0d", _ = "label__7a24f902", n = {
+  radioXGroup: c,
+  "indent-12": "indent-12__c97cb9ef",
+  label: _,
+  "indent-16": "indent-16__e31604f4",
+  "indent-20": "indent-20__64d0cc93",
+  "indent-24": "indent-24__46ed9e5c",
+  "indent-28": "indent-28__b830e466",
+  "indent-32": "indent-32__5099b2e3"
+}, l = (e) => {
+  const { children: d, className: i, indent: o = 12, ...t } = e, r = s(n.radioXGroup, n[`indent-${o}`], i);
+  return /* @__PURE__ */ a("div", { className: r, role: "radiogroup", ...t, children: d });
 };
-c.displayName = "RadioXGroup";
+l.displayName = "RadioXGroup";
 export {
-  c as RadioXGroup
+  l as RadioXGroup
 };
 //# sourceMappingURL=RadioXGroup.js.map

package/components/Radio/RadioYGroup.js

@@ -1,10 +1,10 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { c as p } from "../../chunks/vendor---Om3uMV.js";
-const t = "radioYGroup__142abb40", d = {
+const t = "radioYGroup__af8b193c", d = {
   radioYGroup: t
 }, e = (o) => {
-  const { children: r, className: s, ...a } = o, i = p(d.radioYGroup, s);
-  return /* @__PURE__ */ c("div", { className: i, role: "radiogroup", ...a, children: r });
+  const { children: r, className: s, ...a } = o, c = p(d.radioYGroup, s);
+  return /* @__PURE__ */ i("div", { className: c, role: "radiogroup", ...a, children: r });
 };
 e.displayName = "RadioYGroup";
 export {