@sberbusiness/triplex-next 1.6.1 → 1.8.0

package/components/ModalWindow/ModalWindow.js

@@ -1,30 +1,31 @@
-import { jsxs as d, Fragment as z, jsx as t } from "react/jsx-runtime";
-import L, { useState as P, useRef as k, useEffect as f } from "react";
-import { Portal as B } from "../Portal/Portal.js";
-import { c as N, C as $, h as j } from "../../chunks/vendor-D3hUOusX.js";
-import { ModalWindowViewManager as D } from "./components/ModalWindowViewManager.js";
-import { useToken as F } from "../ThemeProvider/useToken.js";
-import { s as n } from "../../chunks/ModalWindow.module-C7N9wjxW.js";
-import { EComponentSize as _ } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as q } from "../../utils/classNameMaps.js";
-const l = "ufs-modal-window", A = 300, i = ["modal-open", "no-hash-overflow-hidden"], V = q(n), G = L.forwardRef((C, a) => {
+import { jsxs as d, Fragment as L, jsx as t } from "react/jsx-runtime";
+import $, { useState as k, useRef as B, useEffect as f } from "react";
+import { Portal as j } from "../Portal/Portal.js";
+import { c as N, C as D, h as F } from "../../chunks/vendor-D3hUOusX.js";
+import { ModalWindowViewManager as _ } from "./components/ModalWindowViewManager.js";
+import { useToken as q } from "../ThemeProvider/useToken.js";
+import { s as n } from "../../chunks/ModalWindow.module-Bf1JWUeo.js";
+import { EComponentSize as A } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as V } from "../../utils/classNameMaps.js";
+const l = "ufs-modal-window", G = 300, i = ["modal-open", "no-hash-overflow-hidden"], H = V(n), I = $.forwardRef((w, a) => {
   const {
     isOpen: r,
-    children: h,
-    containerClassName: w,
+    children: C,
+    containerClassName: h,
     focusTrapProps: s,
     onExited: c,
     closeButton: v,
-    size: y = _.MD,
-    className: E,
+    size: y = A.MD,
+    className: x,
+    topPosition: E = 100,
     ...M
-  } = C, [x, m] = P(!1), o = k(null), { scopeClassName: W } = F();
+  } = w, W = { "--modal-window-top": `${E}px` }, [T, m] = k(!1), o = B(null), { scopeClassName: b } = q();
   f(() => () => {
     u(), p();
   }, []), f(() => {
-    r && (T(), m(!0));
+    r && (O(), m(!0));
   }, [r]);
-  const T = () => {
+  const O = () => {
     let e = document.querySelector(`#${l}-wrapper`);
     e || (e = document.createElement("div"), e.setAttribute("id", `${l}-wrapper`), document.body.appendChild(e)), o.current = document.createElement("div"), o.current.className = `${l}-portal-node`, e && e.appendChild(o.current);
   }, u = () => {
@@ -33,32 +34,32 @@ const l = "ufs-modal-window", A = 300, i = ["modal-open", "no-hash-overflow-hidd
   }, p = () => {
     const e = document.body.classList;
     e.contains(i[0]) && e.remove(...i);
-  }, b = () => {
+  }, S = () => {
     const e = document.body.classList;
     e.contains(i[0]) || e.add(...i);
-  }, O = () => {
+  }, P = () => {
     u(), p(), m(!1), c && c();
-  }, S = (e) => {
+  }, R = (e) => {
     typeof a == "function" ? a(e) : a && (a.current = e);
   };
-  if (!x || !o.current) return null;
-  const R = N(W, n.modalWindowContainer, w), g = N(n.modalWindow, V[y], E);
-  return /* @__PURE__ */ d(z, { children: [
-    /* @__PURE__ */ t(B, { container: o.current, children: /* @__PURE__ */ t(
-      $,
+  if (!T || !o.current) return null;
+  const g = N(b, n.modalWindowContainer, h), z = N(n.modalWindow, H[y], x);
+  return /* @__PURE__ */ d(L, { children: [
+    /* @__PURE__ */ t(j, { container: o.current, children: /* @__PURE__ */ t(
+      D,
       {
         in: r,
-        timeout: A,
+        timeout: G,
         classNames: "global-modalWindowTransition",
         appear: !0,
         enter: !0,
         exit: !0,
-        onEnter: b,
-        onExited: O,
+        onEnter: S,
+        onExited: P,
         mountOnEnter: !0,
         unmountOnExit: !0,
         children: /* @__PURE__ */ t(
-          j.FocusTrap,
+          F.FocusTrap,
           {
             active: r,
             ...s,
@@ -67,7 +68,7 @@ const l = "ufs-modal-window", A = 300, i = ["modal-open", "no-hash-overflow-hidd
               preventScroll: !0,
               ...s == null ? void 0 : s.focusTrapOptions
             },
-            children: /* @__PURE__ */ d("div", { className: R, children: [
+            children: /* @__PURE__ */ d("div", { className: g, style: W, children: [
               /* @__PURE__ */ t("div", { className: n.modalWindowBackdrop }),
               /* @__PURE__ */ t(
                 "div",
@@ -75,10 +76,10 @@ const l = "ufs-modal-window", A = 300, i = ["modal-open", "no-hash-overflow-hidd
                   role: "dialog",
                   "aria-modal": "true",
                   ...M,
-                  ref: S,
-                  className: g,
+                  ref: R,
+                  className: z,
                   children: /* @__PURE__ */ d("div", { className: n.modalWindowContentWrapper, children: [
-                    h,
+                    C,
                     v
                   ] })
                 }
@@ -88,11 +89,11 @@ const l = "ufs-modal-window", A = 300, i = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ t(D, {})
+    /* @__PURE__ */ t(_, {})
   ] });
 });
-G.displayName = "ModalWindow";
+I.displayName = "ModalWindow";
 export {
-  G as ModalWindow
+  I as ModalWindow
 };
 //# sourceMappingURL=ModalWindow.js.map

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,16 +1,16 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
-import { Island as i } from "../../Island/Island.js";
-import { EComponentSize as n } from "../../../enums/EComponentSize.js";
-import { EIslandType as t } from "../../Island/enums.js";
-const r = "modalWindowBody__5fe4aafe", e = {
-  modalWindowBody: r
+import { c as i } from "../../../chunks/vendor-D3hUOusX.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__c12d5531", l = {
+  modalWindowBody: a
 }, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
-  i,
+  n,
   {
-    className: a(e.modalWindowBody, d),
-    type: t.TYPE_1,
-    size: n.MD,
+    className: i(l.modalWindowBody, d),
+    type: r.TYPE_1,
+    size: t.MD,
     ...m,
     children: o
   }

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,9 +6,9 @@ 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 a = "modalWindowClose__f2ae4706", C = {
+const a = "modalWindowClose__1a3c51d6", C = {
   modalWindowClose: a
-}, f = (t) => {
+}, p = (t) => {
   const e = n(null);
   return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     i,
@@ -22,8 +22,8 @@ const a = "modalWindowClose__f2ae4706", C = {
     }
   ) }) });
 };
-f.displayName = "ModalWindowClose";
+p.displayName = "ModalWindowClose";
 export {
-  f as ModalWindowClose
+  p as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,13 +1,19 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-D3hUOusX.js";
-import { LoaderScreen as t } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-C7N9wjxW.js";
-import { Page as d } from "../../Page/Page.js";
-const w = ({ isLoading: e, loadingTitle: m, children: a }) => /* @__PURE__ */ n("div", { className: s(o.modalWindowContent, { [o.isLoading]: !!e }), children: [
-  /* @__PURE__ */ r(d, { className: o.modalWindowContentPage, children: a }),
-  e && /* @__PURE__ */ r(t, { className: o.modalWindowLoaderScreen, type: "middle", children: m })
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
+import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
+import { s as o } from "../../../chunks/ModalWindow.module-Bf1JWUeo.js";
+import { Page as l } from "../../Page/Page.js";
+const W = ({
+  isLoading: e,
+  className: m,
+  loadingTitle: a,
+  children: n,
+  ...s
+}) => /* @__PURE__ */ t("div", { className: d(o.modalWindowContent, m, { [o.isLoading]: !!e }), ...s, children: [
+  /* @__PURE__ */ r(l, { className: o.modalWindowContentPage, children: n }),
+  e && /* @__PURE__ */ r(i, { className: o.modalWindowLoaderScreen, type: "middle", children: a })
 ] });
 export {
-  w as ModalWindowContent
+  W as ModalWindowContent
 };
 //# sourceMappingURL=ModalWindowContent.js.map

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,12 +2,12 @@ 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-D3hUOusX.js";
-const t = "modalWindowHeader__d9dd20ea", s = {
+const t = "modalWindowHeader__9e98c5ed", s = {
   modalWindowHeader: t
-}, d = ({ className: o, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, o), ...r, type: i.FIRST, children: a });
-d.Title = e.Title;
-d.displayName = "ModalWindowHeader";
+}, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
+o.Title = e.Title;
+o.displayName = "ModalWindowHeader";
 export {
-  d as ModalWindowHeader
+  o as ModalWindowHeader
 };
 //# sourceMappingURL=ModalWindowHeader.js.map

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 { u as g, i as W, j as a } from "../../../chunks/vendor-D3hUOusX.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-C7N9wjxW.js";
+import { s as R } from "../../../chunks/ModalWindow.module-Bf1JWUeo.js";
 const s = "modalWindowViewManagerNodeId", z = () => {
   const [d, c] = r(), [t, l] = r(), o = u(null), n = () => {
     if (o.current) {

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -3,13 +3,13 @@ import { useContext as m } from "react";
 import { MultiselectFieldContext as c } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as r } from "../../../utils/classNameMaps.js";
 import { c as l } from "../../../chunks/vendor-D3hUOusX.js";
-const d = "multiselectFieldContentWrapper__bba73fd4", a = "multiselectFieldContent__843fc9e5", p = "sm__12b659d4", C = "md__6be0bb09", u = "lg__8ed061d9", e = {
+const d = "multiselectFieldContentWrapper__fdda599f", a = "multiselectFieldContent__9279782c", p = "sm__7e328862", C = "md__e63154fc", u = "lg__75a61759", e = {
   multiselectFieldContentWrapper: d,
   multiselectFieldContent: a,
   sm: p,
   md: C,
   lg: u
-}, F = r(e), N = ({
+}, F = r(e), W = ({
   children: s,
   className: o,
   ...n
@@ -18,6 +18,6 @@ const d = "multiselectFieldContentWrapper__bba73fd4", a = "multiselectFieldConte
   return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...n, children: /* @__PURE__ */ t("div", { tabIndex: -1, className: l(e.multiselectFieldContent, F[i]), children: s }) });
 };
 export {
-  N as MultiselectFieldDropdownContent
+  W 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-D3hUOusX.js";
-const i = "multiselectFieldFooter__0e374149", c = {
+const i = "multiselectFieldFooter__25fe992a", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,12 +1,12 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-D3hUOusX.js";
-const c = "multiselectFieldHeader__24286c98", d = {
-  multiselectFieldHeader: c
+import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
+const i = "multiselectFieldHeader__66edcf21", c = {
+  multiselectFieldHeader: i
 }, m = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: i(d.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
 export {
   m as MultiselectFieldDropdownHeader
 };

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-ByRBfuR2.js";
+import { s as i } from "../../chunks/Notification.module-BRB3HPvc.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.6.1",
+      "data-tx": "1.8.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-ByRBfuR2.js";
+import { s as e } from "../../chunks/Notification.module-BRB3HPvc.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-ByRBfuR2.js";
+import { s as f } from "../../../chunks/Notification.module-BRB3HPvc.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-ByRBfuR2.js";
+import { s as i } from "../../../chunks/Notification.module-BRB3HPvc.js";
 const n = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationBodyContent, children: o });
 n.displayName = "NotificationBodyContent";
 export {

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-ByRBfuR2.js";
+import { s as a } from "../../../chunks/Notification.module-BRB3HPvc.js";
 import { c as e } from "../../../chunks/vendor-D3hUOusX.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-ByRBfuR2.js";
+import { s as m } from "../../../chunks/Notification.module-BRB3HPvc.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-ByRBfuR2.js";
+import { s as i } from "../../../chunks/Notification.module-BRB3HPvc.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-D3hUOusX.js";
-import { s as o } from "../../../chunks/Notification.module-ByRBfuR2.js";
+import { s as o } from "../../../chunks/Notification.module-BRB3HPvc.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-ByRBfuR2.js";
+import { s as a } from "../../../chunks/Notification.module-BRB3HPvc.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-ByRBfuR2.js";
+import { s as t } from "../../../chunks/Notification.module-BRB3HPvc.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-ByRBfuR2.js";
+import { s as t } from "../../../chunks/Notification.module-BRB3HPvc.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NotificationIcon/NotificationIcon.js

@@ -0,0 +1,10 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "../../chunks/vendor-D3hUOusX.js";
+const t = "notificationIcon__3f9c9c7c", a = {
+  notificationIcon: t
+}, s = ({ className: o, ...c }) => /* @__PURE__ */ i("span", { ...c, className: n(a.notificationIcon, o) });
+s.displayName = "NotificationIcon";
+export {
+  s as NotificationIcon
+};
+//# sourceMappingURL=NotificationIcon.js.map

package/components/NotificationIcon/index.js

@@ -0,0 +1,5 @@
+import { NotificationIcon as t } from "./NotificationIcon.js";
+export {
+  t as NotificationIcon
+};
+//# sourceMappingURL=index.js.map

package/components/NumberField/NumberFieldInput.js

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as d } from "../../chunks/FormFieldInput-BL8yYnKo.js";
+import { F as d } from "../../chunks/FormFieldInput-BnHKlreA.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import d from "react";
 import { c as o } from "../../chunks/vendor-D3hUOusX.js";
 import { OrderedListItem as i } from "./OrderedListItem.js";
-const m = "orderedList__88443ce3", a = {
+const m = "orderedList__61f897ed", a = {
   orderedList: m
 }, c = Object.assign(
   d.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s(
@@ -10,7 +10,7 @@ const m = "orderedList__88443ce3", a = {
     {
       className: o(a.orderedList, e),
       ...r,
-      "data-tx": "1.6.1",
+      "data-tx": "1.8.0",
       ref: t
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -5,9 +5,9 @@ import "../Typography/Title.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as i } from "../Typography/enums.js";
-const a = "orderedListItem__4b1667d5", p = {
+const a = "orderedListItem__3ce4d819", p = {
   orderedListItem: a
-}, f = m.forwardRef(
+}, c = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     d,
     {
@@ -15,13 +15,13 @@ const a = "orderedListItem__4b1667d5", p = {
       size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.6.1",
+      "data-tx": "1.8.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

@@ -4,7 +4,7 @@ import { c as u } from "../../chunks/vendor-D3hUOusX.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-EIMAbb4c.js";
+import { s as r } from "../../chunks/Overlay.module-BPWZrFj3.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-D3hUOusX.js";
-import { s as a } from "../../chunks/Overlay.module-EIMAbb4c.js";
+import { s as a } from "../../chunks/Overlay.module-BPWZrFj3.js";
 const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__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 d } from "../../chunks/vendor-D3hUOusX.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-EIMAbb4c.js";
+import { s as e } from "../../chunks/Overlay.module-BPWZrFj3.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as i } from "../../chunks/vendor-D3hUOusX.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-BokYwJr5.js";
+import { s as o } from "../../chunks/Page.module-qLhls7XX.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,25 @@
-import { jsx as m } from "react/jsx-runtime";
-import s from "react";
-import { Body as e } from "../../Body/Body.js";
-import { c as t } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as f } from "../../../chunks/Page.module-BokYwJr5.js";
-const d = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ m(e, { className: t(f.bodyPage, o), ...r, ref: a }));
-d.displayName = "BodyPage";
+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-D3hUOusX.js";
+import { EBodyPageVerticalMargin as r, EBodyPageType as y } from "./enums.js";
+import { Island as p } from "../../Island/Island.js";
+import { EIslandType as f } from "../../Island/enums.js";
+const M = "bodyPage__b0cffe5d", P = "verticalMargin24__60468f0e", v = "verticalMargin16__b954be94", e = {
+  bodyPage: M,
+  verticalMargin24: P,
+  verticalMargin16: v
+}, _ = {
+  [r.LARGE]: e.verticalMargin24,
+  [r.SMALL]: e.verticalMargin16
+}, b = m.forwardRef(
+  ({ className: s, type: l, size: n, verticalMargin: g = r.LARGE, ...o }, i) => {
+    const t = d(s, e.bodyPage, _[g]);
+    return l === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: f.TYPE_1, ref: i, size: n, children: /* @__PURE__ */ a(c, { ...o }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...o });
+  }
+);
+b.displayName = "BodyPage";
 export {
-  d as BodyPage
+  b 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 c } from "../../../chunks/Page.module-BokYwJr5.js";
+import { s as c } from "../../../chunks/Page.module-qLhls7XX.js";
 const w = Object.assign(
   F.forwardRef(
     ({ className: m, type: r, size: n, sticky: f, ...p }, o) => {

package/components/Page/components/HeaderPage.js

@@ -6,7 +6,7 @@ import { c as p } from "../../../chunks/vendor-D3hUOusX.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-BokYwJr5.js";
+import { s as i } from "../../../chunks/Page.module-qLhls7XX.js";
 const j = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {

package/components/Page/components/enums.js

@@ -1,6 +1,8 @@
-var n = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(n || {}), s = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(s || {});
+var s = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(s || {}), S = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(S || {}), n = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(n || {}), t = /* @__PURE__ */ ((r) => (r.LARGE = "large", r.SMALL = "small", r))(t || {});
 export {
-  s as EFooterPageType,
-  n as EHeaderPageType
+  n as EBodyPageType,
+  t as EBodyPageVerticalMargin,
+  S as EFooterPageType,
+  s as EHeaderPageType
 };
 //# sourceMappingURL=enums.js.map

package/components/Page/index.js

@@ -1,8 +1,10 @@
-import { Page as r } from "./Page.js";
-import { EFooterPageType as p, EHeaderPageType as g } from "./components/enums.js";
+import { Page as o } from "./Page.js";
+import { EBodyPageType as g, EBodyPageVerticalMargin as p, EFooterPageType as y, EHeaderPageType as P } from "./components/enums.js";
 export {
-  p as EFooterPageType,
-  g as EHeaderPageType,
-  r as Page
+  g as EBodyPageType,
+  p as EBodyPageVerticalMargin,
+  y as EFooterPageType,
+  P as EHeaderPageType,
+  o as Page
 };
 //# sourceMappingURL=index.js.map