@sberbusiness/triplex-next 1.28.0 → 1.30.0

package/components/MonthYearField/MonthYearField.js

@@ -1,38 +1,38 @@
 import { jsx as a } from "react/jsx-runtime";
-import C, { useState as T, useEffect as v } from "react";
+import T, { useState as C, useEffect as v } from "react";
 import { DatePickerExtended as y } from "../DatePickerExtended/DatePickerExtended.js";
-import { dateFormatYYYYMMDD as F, globalLimitRange as S } from "../../consts/DateConst.js";
+import { dateFormatYYYYMMDD as F, globalLimitRange as R } from "../../consts/DateConst.js";
 import { MonthYearPickerUtils as p } from "./utils.js";
-import { DropdownMobileInput as V } from "../Dropdown/mobile/DropdownMobileInput.js";
-import { ECalendarPickType as w } from "../Calendar/enums.js";
-import { MonthYearFieldContext as x } from "./MonthYearFieldContext.js";
-import { MonthYearFieldTarget as R } from "./MonthYearFieldTarget.js";
-const b = C.forwardRef((s, m) => {
+import { DropdownMobileInput as S } from "../Dropdown/mobile/DropdownMobileInput.js";
+import { ECalendarPickType as V } from "../Calendar/enums.js";
+import { MonthYearFieldContext as w } from "./MonthYearFieldContext.js";
+import { MonthYearFieldTarget as x } from "./MonthYearFieldTarget.js";
+const E = T.forwardRef((s, u) => {
   const {
-    size: u,
-    status: c,
+    size: d,
+    status: m,
     value: n,
-    label: d,
+    label: c,
     placeholder: i,
     format: r = F,
-    limitRange: t = S,
+    limitRange: t = R,
     onChange: l,
     onClear: f,
     targetProps: g,
     ...P
-  } = s, [o, h] = T(p.getPickerValues(n, r, t));
+  } = s, [o, h] = C(p.getPickerValues(n, r, t));
   v(() => {
     const e = p.getPickerValues(n, r, t);
     e.inputString !== o.inputString && h(e);
   }, [n, r, t]);
   const k = () => {
     const { inputProps: e, ...M } = g || {};
-    return /* @__PURE__ */ a(x.Provider, { value: { onChange: l }, children: /* @__PURE__ */ a(
-      R,
+    return /* @__PURE__ */ a(w.Provider, { value: { onChange: l }, children: /* @__PURE__ */ a(
+      x,
       {
-        size: u,
-        status: c,
-        label: d,
+        size: d,
+        status: m,
+        label: c,
         onClear: f,
         inputProps: {
           value: o.inputString,
@@ -43,7 +43,7 @@ const b = C.forwardRef((s, m) => {
         ...M
       }
     ) });
-  }, Y = () => /* @__PURE__ */ a(V, { value: o.inputString, placeholder: i, readOnly: !0 }), D = (e) => {
+  }, Y = () => /* @__PURE__ */ a(S, { value: o.inputString, placeholder: i, readOnly: !0 }), D = (e) => {
     l(e.format(r));
   };
   return /* @__PURE__ */ a(
@@ -52,17 +52,17 @@ const b = C.forwardRef((s, m) => {
       renderTarget: k,
       renderDropdownHeaderTarget: Y,
       pickedDate: o.calendarDate,
-      pickType: w.monthYearPick,
+      pickType: V.MONTH_YEAR,
       format: r,
       limitRange: t,
       onDateChange: D,
       ...P,
-      ref: m
+      ref: u
     }
   );
 });
-b.displayName = "MonthYearField";
+E.displayName = "MonthYearField";
 export {
-  b as MonthYearField
+  E as MonthYearField
 };
 //# sourceMappingURL=MonthYearField.js.map

package/components/MonthYearRange/MonthYearRange.js

@@ -1,15 +1,15 @@
-import { jsxs as N, jsx as i } from "react/jsx-runtime";
-import b from "react";
+import { jsxs as M, jsx as i } from "react/jsx-runtime";
+import N from "react";
 import c from "moment";
 import { CaretleftStrokeSrvIcon20 as v, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { c as d } from "../../chunks/vendor-DudMBGKr.js";
+import { c as d } from "../../chunks/vendor-82AnkPpo.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__62f3a4e2", j = "monthYearRangeButton__bfe9de25", w = "separator__adffe0c2", l = {
+const F = "monthYearRange__2bb5a505", j = "monthYearRangeButton__fe0fbbd0", w = "separator__2d268f05", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
-}, y = b.forwardRef(
+}, y = N.forwardRef(
   ({
     className: R,
     value: p,
@@ -22,12 +22,12 @@ const F = "monthYearRange__62f3a4e2", j = "monthYearRangeButton__bfe9de25", w =
     renderButtonForward: g,
     renderButtonBack: h,
     ...S
-  }, k) => {
-    const [t, r] = p, _ = d(l.monthYearRange, R), x = (e) => {
+  }, b) => {
+    const [t, r] = p, k = d(l.monthYearRange, R), _ = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
-    }, B = (e) => {
+    }, x = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
-    }, I = () => {
+    }, B = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -35,7 +35,7 @@ const F = "monthYearRange__62f3a4e2", j = "monthYearRangeButton__bfe9de25", w =
         e.subtract(s, m).format(a),
         n.subtract(s, m).format(a)
       ]);
-    }, M = () => {
+    }, I = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -44,27 +44,27 @@ const F = "monthYearRange__62f3a4e2", j = "monthYearRangeButton__bfe9de25", w =
         n.add(s, m).format(a)
       ]);
     };
-    return /* @__PURE__ */ N("div", { className: _, ...S, ref: k, children: [
+    return /* @__PURE__ */ M("div", { className: k, ...S, ref: b, children: [
       !f && h({
         children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: I
+        onClick: B
       }),
       u({
-        onChange: x,
+        onChange: _,
         value: t
       }),
       /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       Y({
-        onChange: B,
+        onChange: x,
         value: r
       }),
       !f && g({
         children: /* @__PURE__ */ i(C, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: M
+        onClick: I
       })
     ] });
   }

package/components/MultiselectField/MultiselectField.js

@@ -1,22 +1,27 @@
-import { jsx as e } from "react/jsx-runtime";
-import d from "react";
-import { SelectExtendedField as m } from "../SelectExtendedField/SelectExtendedField.js";
+import { jsx as r } from "react/jsx-runtime";
+import p, { useRef as s } from "react";
+import { SelectExtendedField as a } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
-import { SelectExtendedFieldTarget as p } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
-import { MultiselectFieldContext as n } from "./MultiselectFieldContext.js";
-import { MultiselectFieldDropdown as c } from "./components/MultiselectFieldDropdown.js";
-import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const a = Object.assign(
-  d.forwardRef(
-    ({ children: t, className: r, size: o = f.MD, ...i }, l) => /* @__PURE__ */ e(n.Provider, { value: { size: o }, children: /* @__PURE__ */ e(m, { className: r, ref: l, ...i, children: t }) })
+import { SelectExtendedFieldTarget as n } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { MultiselectFieldContext as u } from "./MultiselectFieldContext.js";
+import { MultiselectFieldDropdown as F } from "./components/MultiselectFieldDropdown.js";
+import { EComponentSize as x } from "../../enums/EComponentSize.js";
+const R = Object.assign(
+  p.forwardRef(
+    ({ children: i, className: l, size: o = x.MD, onMouseDown: e, ...d }, m) => {
+      const t = s(!1), c = (f) => {
+        t.current = !0, e == null || e(f);
+      };
+      return /* @__PURE__ */ r(u.Provider, { value: { size: o, mouseUsedRef: t }, children: /* @__PURE__ */ r(a, { className: l, onMouseDown: c, ref: m, ...d, children: i }) });
+    }
   ),
   {
-    Dropdown: c,
-    Target: p
+    Dropdown: F,
+    Target: n
   }
 );
-a.displayName = "MultiselectField";
+R.displayName = "MultiselectField";
 export {
-  a as MultiselectField
+  R as MultiselectField
 };
 //# sourceMappingURL=MultiselectField.js.map

package/components/MultiselectField/MultiselectFieldContext.js

@@ -1,8 +1,9 @@
-import t from "react";
-import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
 const o = {
-  size: e.MD
-}, n = t.createContext(o);
+  size: t.MD,
+  mouseUsedRef: { current: !1 }
+}, n = e.createContext(o);
 export {
   n as MultiselectFieldContext,
   o as initialMultiselectFieldContext

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,11 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import n, { useContext as c } from "react";
-import { g as a } from "../../../chunks/vendor-DudMBGKr.js";
+import { jsx as i } from "react/jsx-runtime";
+import d, { useContext as s, useEffect as a } from "react";
+import { g as u } from "../../../chunks/vendor-82AnkPpo.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CVJjluxY.js";
-import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
+import "../../../chunks/DropdownListItem-PhDNj_sI.js";
+import { EDropdownWidth as f } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -17,38 +17,41 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Dropdown as u } from "../../Dropdown/Dropdown.js";
-import { MultiselectFieldDropdownHeader as f } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as F } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as D } from "./MultiselectFieldDropdownFooter.js";
-import { MultiselectFieldContext as M } from "../MultiselectFieldContext.js";
-const w = Object.assign(
-  n.forwardRef(
-    ({ children: e, focusTrapProps: t, opened: i, targetRef: m, mobileViewProps: o, ...p }, d) => {
-      const { size: l } = c(M);
-      return /* @__PURE__ */ r(
-        u,
+import { Dropdown as F } from "../../Dropdown/Dropdown.js";
+import { MultiselectFieldDropdownHeader as D } from "./MultiselectFieldDropdownHeader.js";
+import { MultiselectFieldDropdownContent as M } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter as w } from "./MultiselectFieldDropdownFooter.js";
+import { MultiselectFieldContext as x } from "../MultiselectFieldContext.js";
+const O = Object.assign(
+  d.forwardRef(
+    ({ children: m, focusTrapProps: t, opened: e, targetRef: n, mobileViewProps: r, ...p }, l) => {
+      const { size: c, mouseUsedRef: o } = s(x);
+      return a(() => {
+        e || (o.current = !1);
+      }, [e, o]), /* @__PURE__ */ i(
+        F,
         {
-          width: s.MIN_TARGET,
+          width: f.MIN_TARGET,
           mobileViewProps: {
-            ...o,
-            className: o == null ? void 0 : o.className
+            ...r,
+            className: r == null ? void 0 : r.className
           },
-          targetRef: m,
-          opened: i,
-          size: l,
+          targetRef: n,
+          opened: e,
+          size: c,
           ...p,
-          ref: d,
-          children: /* @__PURE__ */ r(
-            a.FocusTrap,
+          ref: l,
+          children: /* @__PURE__ */ i(
+            u.FocusTrap,
             {
               ...t,
               focusTrapOptions: {
                 clickOutsideDeactivates: !0,
                 preventScroll: !0,
+                returnFocusOnDeactivate: !o.current,
                 ...t == null ? void 0 : t.focusTrapOptions
               },
-              children: /* @__PURE__ */ r("div", { role: "presentation", children: e })
+              children: /* @__PURE__ */ i("div", { role: "presentation", children: m })
             }
           )
         }
@@ -56,13 +59,13 @@ const w = Object.assign(
     }
   ),
   {
-    Header: f,
-    Content: F,
-    Footer: D
+    Header: D,
+    Content: M,
+    Footer: w
   }
 );
-w.displayName = "MultiselectFieldDropdown";
+O.displayName = "MultiselectFieldDropdown";
 export {
-  w as MultiselectFieldDropdown
+  O as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,16 +1,16 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as d } from "../../../utils/classNameMaps.js";
-import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
+import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
+import { c as d } from "../../../chunks/vendor-82AnkPpo.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__48f6463c", C = "loaderScreen__07537dce", u = "sm__9e331332", f = "md__b50c694d", x = "lg__231548e8", e = {
+const _ = "multiselectFieldContent__6ce9dfe1", f = "loaderScreen__b818fbe0", C = "sm__3539a052", u = "md__fb335a3d", x = "lg__561c7928", e = {
   multiselectFieldContent: _,
-  loaderScreen: C,
-  sm: u,
-  md: f,
+  loaderScreen: f,
+  sm: C,
+  md: u,
   lg: x
-}, F = d(e), j = ({
+}, F = a(e), j = ({
   children: t,
   className: o,
   loading: s,
@@ -21,7 +21,7 @@ const _ = "multiselectFieldContent__48f6463c", C = "loaderScreen__07537dce", u =
     "div",
     {
       tabIndex: -1,
-      className: a(e.multiselectFieldContent, F[n], o),
+      className: d(e.multiselectFieldContent, F[n], o),
       ...l,
       children: [
         t,

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-DudMBGKr.js";
-const i = "multiselectFieldFooter__40a54232", c = {
+import { c as s } from "../../../chunks/vendor-82AnkPpo.js";
+const i = "multiselectFieldFooter__04c69d88", 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-DudMBGKr.js";
-const d = "multiselectFieldHeader__69a81aa3", a = {
-  multiselectFieldHeader: d
-}, o = ({
+import { c as d } from "../../../chunks/vendor-82AnkPpo.js";
+const i = "multiselectFieldHeader__27cdadf0", c = {
+  multiselectFieldHeader: i
+}, a = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: i(a.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  o as MultiselectFieldDropdownHeader
+  a as MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-DudMBGKr.js";
+import { c as l } from "../../chunks/vendor-82AnkPpo.js";
 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-B9uJ73NL.js";
+import { s as i } from "../../chunks/Notification.module-OkzyDWlc.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.28.0",
+      "data-tx": "1.30.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-B9uJ73NL.js";
+import { s as e } from "../../chunks/Notification.module-OkzyDWlc.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-B9uJ73NL.js";
+import { s as f } from "../../../chunks/Notification.module-OkzyDWlc.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyList.js

@@ -1,8 +1,8 @@
 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-B9uJ73NL.js";
-import { c as e } from "../../../chunks/vendor-DudMBGKr.js";
+import { s as a } from "../../../chunks/Notification.module-OkzyDWlc.js";
+import { c as e } from "../../../chunks/vendor-82AnkPpo.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";
 export {

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-B9uJ73NL.js";
+import { s as m } from "../../../chunks/Notification.module-OkzyDWlc.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-B9uJ73NL.js";
+import { s as i } from "../../../chunks/Notification.module-OkzyDWlc.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-DudMBGKr.js";
-import { s as o } from "../../../chunks/Notification.module-B9uJ73NL.js";
+import { c as i } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as o } from "../../../chunks/Notification.module-OkzyDWlc.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-B9uJ73NL.js";
+import { s as a } from "../../../chunks/Notification.module-OkzyDWlc.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-B9uJ73NL.js";
+import { s as t } from "../../../chunks/Notification.module-OkzyDWlc.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-B9uJ73NL.js";
+import { s as t } from "../../../chunks/Notification.module-OkzyDWlc.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-BTVRGCId.js";
+import { F as d } from "../../chunks/FormFieldInput-Du3nMTry.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../chunks/vendor-DudMBGKr.js";
+import { c as m } from "../../chunks/vendor-82AnkPpo.js";
 import { OrderedListItem as a } from "./OrderedListItem.js";
-const c = "orderedList__6fcb17d6", f = {
+const c = "orderedList__a35fe786", f = {
   orderedList: c
 }, L = Object.assign(
   i.forwardRef(({ className: t, start: e, style: r, ...d }, o) => /* @__PURE__ */ s(
@@ -15,7 +15,7 @@ const c = "orderedList__6fcb17d6", f = {
         "--start-index-tx": e - 1
       } : r,
       ...d,
-      "data-tx": "1.28.0",
+      "data-tx": "1.30.0",
       ref: o
     }
   )),

package/components/OrderedList/OrderedListItem.js

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

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-DudMBGKr.js";
+import { c as u } from "../../chunks/vendor-82AnkPpo.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-D6x0Rc2c.js";
+import { s as r } from "../../chunks/Overlay.module-CBlckNkR.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-DudMBGKr.js";
-import { s as a } from "../../chunks/Overlay.module-D6x0Rc2c.js";
+import { c as t } from "../../chunks/vendor-82AnkPpo.js";
+import { s as a } from "../../chunks/Overlay.module-CBlckNkR.js";
 const f = l.forwardRef(
   ({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import n from "react";
-import { c as d } from "../../chunks/vendor-DudMBGKr.js";
+import { c as d } from "../../chunks/vendor-82AnkPpo.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-D6x0Rc2c.js";
+import { s as e } from "../../chunks/Overlay.module-CBlckNkR.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
-import { c as i } from "../../chunks/vendor-DudMBGKr.js";
+import { c as i } from "../../chunks/vendor-82AnkPpo.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-Dp-a8BZr.js";
+import { s as o } from "../../chunks/Page.module-BkDd7q7x.js";
 import "./components/enums.js";
 const d = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, t) {

package/components/Page/components/BodyPage.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import m from "react";
 import { Body as c } from "../../Body/Body.js";
-import { c as d } from "../../../chunks/vendor-DudMBGKr.js";
+import { c as d } from "../../../chunks/vendor-82AnkPpo.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 f = "bodyPage__a1391528", P = "verticalMargin24__4615968b", v = "verticalMargin16__7e6f9740", o = {
+const f = "bodyPage__b9482016", P = "verticalMargin24__94fcaaa9", v = "verticalMargin16__5a5862e7", o = {
   bodyPage: f,
   verticalMargin24: P,
   verticalMargin16: v