@sberbusiness/triplex-next 0.21.0 → 0.23.0

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 C = "modalWindowClose__f96885c2", a = {
+const C = "modalWindowClose__087539e1", a = {
   modalWindowClose: C
-}, f = (t) => {
+}, 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(
     i,
@@ -22,8 +22,8 @@ const C = "modalWindowClose__f96885c2", a = {
     }
   ) }) });
 };
-f.displayName = "ModalWindowClose";
+p.displayName = "ModalWindowClose";
 export {
-  f as ModalWindowClose
+  p as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

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-DaOifQgP.js";
+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-DqMffIcE.js";
+import { s as o } from "../../../chunks/ModalWindow.module-Ciwlg3WX.js";
 import { Page as l } from "../../Page/Page.js";
 const W = ({
   isLoading: e,

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,8 +1,8 @@
 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-DaOifQgP.js";
-const t = "modalWindowHeader__7d3895f5", s = {
+import { c as l } from "../../../chunks/vendor---Om3uMV.js";
+const t = "modalWindowHeader__c8d535b2", s = {
   modalWindowHeader: t
 }, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
 o.Title = e.Title;

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 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-DaOifQgP.js";
+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-DqMffIcE.js";
+import { s as R } from "../../../chunks/ModalWindow.module-Ciwlg3WX.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

@@ -1,65 +1,68 @@
 import { jsx as r } from "react/jsx-runtime";
-import f, { useState as F, useContext as p, useEffect as w } from "react";
-import { F as D } from "../../../chunks/vendor-DaOifQgP.js";
-import { Dropdown as M } from "../../Dropdown/Dropdown.js";
-import { MultiselectFieldDropdownHeader as v } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as x } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as C } from "./MultiselectFieldDropdownFooter.js";
-import { MobileView as O } from "../../MobileView/MobileView.js";
-import { MultiselectFieldContext as h } from "../MultiselectFieldContext.js";
-const N = Object.assign(
-  f.forwardRef(
-    ({ children: l, focusTrapProps: t, opened: e, targetRef: n, mobileViewProps: o, ...c }, d) => {
-      const [a, s] = F(!1), { size: m } = p(h);
-      w(() => {
-        const u = window.setTimeout(() => s(e));
-        return () => window.clearTimeout(u);
-      }, [e]);
-      const i = () => /* @__PURE__ */ r(
-        M,
+import l, { useContext as c } from "react";
+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 { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { Dropdown as F } from "../../Dropdown/Dropdown.js";
+import { MultiselectFieldDropdownHeader as u } 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(
+  l.forwardRef(
+    ({ children: e, focusTrapProps: t, opened: i, targetRef: m, mobileViewProps: o, ...p }, n) => {
+      const { size: d } = c(M);
+      return /* @__PURE__ */ r(
+        F,
         {
-          fixedWidth: !1,
+          width: s.MIN_TARGET,
           mobileViewProps: {
             ...o,
             className: o == null ? void 0 : o.className
           },
-          targetRef: n,
-          opened: e,
-          size: m,
-          ...c,
-          ref: d,
-          children: l
-        }
-      );
-      return /* @__PURE__ */ r(
-        O,
-        {
-          fallback: e ? /* @__PURE__ */ r(
-            D,
+          targetRef: m,
+          opened: i,
+          size: d,
+          ...p,
+          ref: n,
+          children: /* @__PURE__ */ r(
+            a,
             {
-              active: a,
               ...t,
               focusTrapOptions: {
                 clickOutsideDeactivates: !0,
                 preventScroll: !0,
                 ...t == null ? void 0 : t.focusTrapOptions
               },
-              children: i()
+              children: /* @__PURE__ */ r("div", { role: "presentation", children: e })
             }
-          ) : null,
-          children: i()
+          )
         }
       );
     }
   ),
   {
-    Header: v,
-    Content: x,
-    Footer: C
+    Header: u,
+    Content: f,
+    Footer: D
   }
 );
-N.displayName = "MultiselectFieldDropdown";
+w.displayName = "MultiselectFieldDropdown";
 export {
-  N as MultiselectFieldDropdown
+  w as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,29 +1,36 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
+import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
-import { c as l } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const C = "multiselectFieldContentWrapper__b093a7a1", u = "multiselectFieldContent__a63897b4", _ = "loaderScreen__dc4d1b6d", F = "sm__4961d11f", b = "md__7bb020cb", f = "lg__2729dcd9", e = {
-  multiselectFieldContentWrapper: C,
-  multiselectFieldContent: u,
-  loaderScreen: _,
-  sm: F,
-  md: b,
-  lg: f
-}, x = a(e), h = ({
-  children: s,
+const _ = "multiselectFieldContent__1902152e", f = "loaderScreen__98c4d61a", C = "sm__205f3bf8", u = "md__848b88bc", x = "lg__30e2fad5", e = {
+  multiselectFieldContent: _,
+  loaderScreen: f,
+  sm: C,
+  md: u,
+  lg: x
+}, F = a(e), j = ({
+  children: t,
   className: o,
-  loading: n,
-  ...r
+  loading: s,
+  ...l
 }) => {
-  const { size: c } = m(d);
-  return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...r, children: /* @__PURE__ */ i("div", { tabIndex: -1, className: l(e.multiselectFieldContent, x[c]), children: [
-    s,
-    n && /* @__PURE__ */ t(p, { type: "small", className: e.loaderScreen })
-  ] }) });
+  const { size: n } = m(i);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      tabIndex: -1,
+      className: d(e.multiselectFieldContent, F[n], o),
+      ...l,
+      children: [
+        t,
+        s && /* @__PURE__ */ r(p, { type: "small", className: e.loaderScreen })
+      ]
+    }
+  );
 };
 export {
-  h as MultiselectFieldDropdownContent
+  j as MultiselectFieldDropdownContent
 };
 //# sourceMappingURL=MultiselectFieldDropdownContent.js.map

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-DaOifQgP.js";
-const i = "multiselectFieldFooter__46ec261b", c = {
-  multiselectFieldFooter: i
+import { c as s } from "../../../chunks/vendor---Om3uMV.js";
+const c = "multiselectFieldFooter__54c6c638", i = {
+  multiselectFieldFooter: c
 }, m = ({
   children: e,
   className: t,
   ...o
-}) => /* @__PURE__ */ l("div", { className: s(c.multiselectFieldFooter, t), ...o, children: e });
+}) => /* @__PURE__ */ l("div", { className: s(i.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 i } from "../../../chunks/vendor-DaOifQgP.js";
-const d = "multiselectFieldHeader__58353339", c = {
-  multiselectFieldHeader: d
-}, m = ({
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+const i = "multiselectFieldHeader__6a6f2d57", c = {
+  multiselectFieldHeader: i
+}, a = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  m 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-DaOifQgP.js";
+import { c as l } from "../../chunks/vendor---Om3uMV.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-CPSD8BYw.js";
+import { s as i } from "../../chunks/Notification.module-CjpGpuL7.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "0.21.0",
+      "data-tx": "0.23.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-CPSD8BYw.js";
+import { s as e } from "../../chunks/Notification.module-CjpGpuL7.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-CPSD8BYw.js";
+import { s as f } from "../../../chunks/Notification.module-CjpGpuL7.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-CPSD8BYw.js";
-import { c as e } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as a } from "../../../chunks/Notification.module-CjpGpuL7.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";
 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-CPSD8BYw.js";
+import { s as m } from "../../../chunks/Notification.module-CjpGpuL7.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-CPSD8BYw.js";
+import { s as i } from "../../../chunks/Notification.module-CjpGpuL7.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-DaOifQgP.js";
-import { s as o } from "../../../chunks/Notification.module-CPSD8BYw.js";
+import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+import { s as o } from "../../../chunks/Notification.module-CjpGpuL7.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-CPSD8BYw.js";
+import { s as a } from "../../../chunks/Notification.module-CjpGpuL7.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-CPSD8BYw.js";
+import { s as t } from "../../../chunks/Notification.module-CjpGpuL7.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-CPSD8BYw.js";
+import { s as t } from "../../../chunks/Notification.module-CjpGpuL7.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -1,16 +1,16 @@
 import { jsx as g } from "react/jsx-runtime";
 import h, { useCallback as l } from "react";
-import "../FormField/FormField.js";
-import "../FormField/components/FormFieldDescription.js";
+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 "../FormField/components/FormFieldLabel.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldTarget.js";
-import { F as d } from "../../chunks/FormFieldInput-C75omt8Y.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 import { getCaretPosition as F, setCaretPosition as D } from "../../utils/inputUtils.js";
 import { StringUtils as p } from "../../utils/stringUtils.js";
 import { AmountConst as f } from "../../consts/AmountConst.js";

package/components/OrderedList/OrderedList.js

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

package/components/OrderedList/OrderedListItem.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor-DaOifQgP.js";
+import { c as s } from "../../chunks/vendor---Om3uMV.js";
 import { ETextSize as i } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__d654f66e", p = {
+const a = "orderedListItem__ec5cf617", c = {
   orderedListItem: a
-}, f = m.forwardRef(
+}, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     d,
     {
-      className: s(p.orderedListItem, t),
+      className: s(c.orderedListItem, t),
       size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "0.21.0",
+      "data-tx": "0.23.0",
       ref: r
     }
   )
 );
-f.displayName = "OrderedListItem";
+p.displayName = "OrderedListItem";
 export {
-  f as OrderedListItem
+  p 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-DaOifQgP.js";
+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-B5Hl3baB.js";
+import { s as r } from "../../chunks/Overlay.module-DPHcy5Kd.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-DaOifQgP.js";
-import { s as a } from "../../chunks/Overlay.module-B5Hl3baB.js";
+import { c as t } from "../../chunks/vendor---Om3uMV.js";
+import { s as a } from "../../chunks/Overlay.module-DPHcy5Kd.js";
 const p = l.forwardRef(
   ({ className: r, opened: s, ...o }, e) => /* @__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 P } from "../../chunks/vendor-DaOifQgP.js";
+import { c as P } from "../../chunks/vendor---Om3uMV.js";
 import { EOverlayDirection as a } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-B5Hl3baB.js";
+import { s as e } from "../../chunks/Overlay.module-DPHcy5Kd.js";
 const T = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as i } from "../../chunks/vendor-DaOifQgP.js";
+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-BbrHHqMK.js";
+import { s as o } from "../../chunks/Page.module-98SUxLiM.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 m from "react";
+import g from "react";
 import { Body as c } from "../../Body/Body.js";
-import { c as d } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as m } 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 f = "bodyPage__1f9e8a7d", P = "verticalMargin24__62d37ef0", v = "verticalMargin16__0ae04f3a", e = {
-  bodyPage: f,
-  verticalMargin24: P,
-  verticalMargin16: v
+const P = "bodyPage__dce8534d", v = "verticalMargin24__03051153", f = "verticalMargin16__d446db75", o = {
+  bodyPage: P,
+  verticalMargin24: v,
+  verticalMargin16: f
 }, _ = {
-  [r.LARGE]: e.verticalMargin24,
-  [r.SMALL]: e.verticalMargin16
-}, E = m.forwardRef(
-  ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...o }, i) => {
-    const t = d(s, e.bodyPage, _[g]);
-    return n === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: l, children: /* @__PURE__ */ a(c, { ...o }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...o });
+  [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]);
+    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 });
   }
 );
-E.displayName = "BodyPage";
+b.displayName = "BodyPage";
 export {
-  E as BodyPage
+  b as BodyPage
 };
 //# sourceMappingURL=BodyPage.js.map

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import R, { useRef as u } from "react";
-import { c as T } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as T } from "../../../chunks/vendor---Om3uMV.js";
 import { Footer as s } from "../../Footer/Footer.js";
 import { EFooterPageType as i } from "./enums.js";
 import { useStickyCornerRadius as y } from "./useStickyCornerRadius.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-BbrHHqMK.js";
+import { s as n } from "../../../chunks/Page.module-98SUxLiM.js";
 const N = Object.assign(
   R.forwardRef(
     ({ className: m, type: r, size: a, sticky: p, ...f }, o) => {

package/components/Page/components/HeaderPage.js

@@ -2,11 +2,11 @@ import { jsx as s } from "react/jsx-runtime";
 import T, { useRef as R } from "react";
 import { Header as e } from "../../Header/Header.js";
 import { EHeaderPageType as t } from "./enums.js";
-import { c as l } from "../../../chunks/vendor-DaOifQgP.js";
+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-BbrHHqMK.js";
+import { s as i } from "../../../chunks/Page.module-98SUxLiM.js";
 const C = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {