@sberbusiness/triplex-next 1.3.0 → 1.5.0

package/components/ModalWindow/components/ModalWindowContent.js

@@ -0,0 +1,13 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../../chunks/vendor-9KVE23Ri.js";
+import { LoaderScreen as t } from "../../LoaderScreen/LoaderScreen.js";
+import { s as o } from "../../../chunks/ModalWindow.module-DGcF8-xJ.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 })
+] });
+export {
+  w as ModalWindowContent
+};
+//# sourceMappingURL=ModalWindowContent.js.map

package/components/ModalWindow/components/ModalWindowFooter.js

@@ -0,0 +1,10 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FooterPage as o } from "../../Page/components/FooterPage.js";
+import { EFooterPageType as p } from "../../Page/components/enums.js";
+const r = ({ children: e, ...t }) => /* @__PURE__ */ i(o, { ...t, type: p.FIRST, children: e });
+r.Description = o.Description;
+r.displayName = "ModalWindowFooter";
+export {
+  r as ModalWindowFooter
+};
+//# sourceMappingURL=ModalWindowFooter.js.map

package/components/ModalWindow/components/ModalWindowHeader.js

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

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -0,0 +1,45 @@
+import { jsx as i, jsxs as f } 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, m as a } from "../../../chunks/vendor-9KVE23Ri.js";
+import { Portal as M } from "../../Portal/Portal.js";
+import { s as R } from "../../../chunks/ModalWindow.module-DGcF8-xJ.js";
+const s = "modalWindowViewManagerNodeId", z = () => {
+  const [d, c] = r(), [t, l] = r(), o = u(null), n = () => {
+    if (o.current) {
+      const e = o.current.getBoundingClientRect();
+      W(
+        a(t, ["top", "left", "width", "height"]),
+        a(e, ["top", "left", "width", "height"])
+      ) || l(e);
+    }
+  }, w = () => {
+    let e = document.querySelector(`#${s}`);
+    e || (e = document.createElement("div"), e.setAttribute("id", s), document.body.appendChild(e)), c(e);
+  };
+  h(() => {
+    w();
+  }, []), p(() => {
+    n();
+  });
+  const { ref: m } = g({
+    handleWidth: !0,
+    onResize: n,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  return d ? /* @__PURE__ */ i(M, { container: d, children: /* @__PURE__ */ f("div", { ref: o, style: { height: "100%" }, children: [
+    /* @__PURE__ */ i("div", { ref: m, className: R.modalWindowResizeWrapper }),
+    t && /* @__PURE__ */ i("style", { children: `
+                            :root {
+                                --modalWindow-screen-left: ${t.x >= 0 ? t.x : 0}px;
+                                --modalWindow-screen-width: ${t.width}px;
+                                --modalWindow-screen-top: ${t.height}px;
+                            }
+                        ` })
+  ] }) }) : null;
+};
+export {
+  z as ModalWindowViewManager,
+  s as modalWindowViewManagerNodeId
+};
+//# sourceMappingURL=ModalWindowViewManager.js.map

package/components/ModalWindow/index.js

@@ -0,0 +1,17 @@
+import { ModalWindow as d } from "./ModalWindow.js";
+import { ModalWindowBody as a } from "./components/ModalWindowBody.js";
+import { ModalWindowClose as t } from "./components/ModalWindowClose.js";
+import { ModalWindowContent as l } from "./components/ModalWindowContent.js";
+import { ModalWindowFooter as M } from "./components/ModalWindowFooter.js";
+import { ModalWindowHeader as m } from "./components/ModalWindowHeader.js";
+import { ModalWindowViewManager as x } from "./components/ModalWindowViewManager.js";
+export {
+  d as ModalWindow,
+  a as ModalWindowBody,
+  t as ModalWindowClose,
+  l as ModalWindowContent,
+  M as ModalWindowFooter,
+  m as ModalWindowHeader,
+  x as ModalWindowViewManager
+};
+//# sourceMappingURL=index.js.map

package/components/MonthYearField/MonthYearField.js

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

package/components/MonthYearField/MonthYearFieldContext.js

@@ -0,0 +1,9 @@
+import t from "react";
+const o = t.createContext({
+  onChange: () => {
+  }
+});
+export {
+  o as MonthYearFieldContext
+};
+//# sourceMappingURL=MonthYearFieldContext.js.map

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import M, { useContext as p } from "react";
+import { CalendarStrokeSrvIcon20 as s, CalendarStrokeSrvIcon16 as w } from "@sberbusiness/icons-next";
+import { TextField as y } from "../TextField/TextField.js";
+import { DatePickerExtendedContext as P } from "../DatePickerExtended/DatePickerExtendedContext.js";
+import { MonthYearFieldContext as T } from "./MonthYearFieldContext.js";
+import { EFormFieldStatus as g } from "../FormField/enums.js";
+import { FormFieldClear as B } from "../FormField/components/FormFieldClear.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { ButtonIcon as K } from "../Button/ButtonIcon.js";
+import { isKey as C } from "../../utils/keyboard.js";
+const O = {
+  [r.SM]: /* @__PURE__ */ t(w, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ t(s, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ t(s, { paletteIndex: 5 })
+}, q = ({
+  size: d = r.MD,
+  postfix: l,
+  inputProps: f,
+  ...c
+}) => {
+  const { dropdownOpen: e, setDropdownOpen: n } = p(P), { onChange: x } = p(T), { status: u } = c, { onKeyDown: i, onClick: a, ...I } = f, m = u === g.DISABLED, h = (o) => {
+    n(!e), a == null || a(o);
+  }, k = (o) => {
+    C(o.code, "ENTER") ? n(!e) : C(o.code, "SPACE") && (o.preventDefault(), n(!e)), i == null || i(o);
+  }, D = () => n(!e), S = () => x(""), F = () => /* @__PURE__ */ E(M.Fragment, { children: [
+    /* @__PURE__ */ t(B, { onClick: S }),
+    /* @__PURE__ */ t(
+      K,
+      {
+        role: "presentation",
+        tabIndex: -1,
+        active: e,
+        disabled: m,
+        onClick: D,
+        children: O[d]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ t(
+    y,
+    {
+      size: d,
+      inputProps: {
+        readOnly: !0,
+        disabled: m,
+        onClick: h,
+        onKeyDown: k,
+        ...I
+      },
+      postfix: l !== void 0 ? l : F(),
+      ...c
+    }
+  );
+};
+export {
+  q as MonthYearFieldTarget
+};
+//# sourceMappingURL=MonthYearFieldTarget.js.map

package/components/MonthYearField/constants.js

@@ -0,0 +1,5 @@
+const t = "MMM YYYY";
+export {
+  t as inputMonthYearFormat
+};
+//# sourceMappingURL=constants.js.map

package/components/MonthYearField/index.js

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

package/components/MonthYearField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/MonthYearField/utils.js

@@ -0,0 +1,22 @@
+import { h as i } from "../../chunks/vendor-9KVE23Ri.js";
+import { inputMonthYearFormat as l } from "./constants.js";
+const n = {
+  /** Получить значения пикера. */
+  getPickerValues: (t, a, r) => {
+    if (t.length === 0)
+      return { calendarDate: null, inputString: "" };
+    const e = n.getCalendarDate(t, a, r);
+    return e === null ? { calendarDate: null, inputString: "" } : { calendarDate: e, inputString: e.format(l) };
+  },
+  /** Получить календарную дату. */
+  getCalendarDate: (t, a, r) => {
+    const e = i(t, a, !0);
+    return !e.isValid() || !n.isAvailableDate(e, t, r) ? null : e;
+  },
+  /** Является ли дата доступной. */
+  isAvailableDate: (t, a, r) => !(t.isBefore(r.dateFrom, "day") || t.isAfter(r.dateTo, "day"))
+};
+export {
+  n as MonthYearPickerUtils
+};
+//# sourceMappingURL=utils.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-CehxOAkM.js";
+import { c as l } from "../../chunks/vendor-9KVE23Ri.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-MX1NZXsu.js";
+import { s as i } from "../../chunks/Notification.module-Cj_Pd4DQ.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.3.0",
+      "data-tx": "1.5.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-MX1NZXsu.js";
+import { s as e } from "../../chunks/Notification.module-Cj_Pd4DQ.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-MX1NZXsu.js";
+import { s as f } from "../../../chunks/Notification.module-Cj_Pd4DQ.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-MX1NZXsu.js";
+import { s as i } from "../../../chunks/Notification.module-Cj_Pd4DQ.js";
 const n = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationBodyContent, children: o });
 n.displayName = "NotificationBodyContent";
 export {

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

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-qaJqBTBV.js";
+import { F as d } from "../../chunks/FormFieldInput-BSxKZxcq.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/OrderedList/OrderedList.js

@@ -1,21 +1,21 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as o } from "../../chunks/vendor-CehxOAkM.js";
-import { OrderedListItem as a } from "./OrderedListItem.js";
-const i = "orderedList__aa9b1235", m = {
-  orderedList: i
+import { c as o } from "../../chunks/vendor-9KVE23Ri.js";
+import { OrderedListItem as i } from "./OrderedListItem.js";
+const a = "orderedList__ca439878", m = {
+  orderedList: a
 }, c = Object.assign(
   d.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ s(
     "ol",
     {
       className: o(m.orderedList, r),
       ...e,
-      "data-tx": "1.3.0",
+      "data-tx": "1.5.0",
       ref: t
     }
   )),
   {
-    Item: a
+    Item: i
   }
 );
 c.displayName = "OrderedList";

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-CehxOAkM.js";
+import { c as s } from "../../chunks/vendor-9KVE23Ri.js";
 import "../Typography/Title.js";
-import { Text as d } from "../Typography/Text.js";
+import { Text as i } from "../Typography/Text.js";
 import "../Typography/Caption.js";
-import { ETextSize as i } from "../Typography/enums.js";
-const a = "orderedListItem__40ec81d5", p = {
+import { ETextSize as d } from "../Typography/enums.js";
+const a = "orderedListItem__0cc3c53f", c = {
   orderedListItem: a
-}, c = m.forwardRef(
+}, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
-    d,
+    i,
     {
-      className: s(p.orderedListItem, t),
-      size: i.B3,
+      className: s(c.orderedListItem, t),
+      size: d.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.3.0",
+      "data-tx": "1.5.0",
       ref: r
     }
   )
 );
-c.displayName = "OrderedListItem";
+f.displayName = "OrderedListItem";
 export {
-  c as OrderedListItem
+  f 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-CehxOAkM.js";
+import { c as u } from "../../chunks/vendor-9KVE23Ri.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-B1IlIRoo.js";
+import { s as r } from "../../chunks/Overlay.module-BqJXvoeX.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-CehxOAkM.js";
-import { s as a } from "../../chunks/Overlay.module-B1IlIRoo.js";
+import { c as t } from "../../chunks/vendor-9KVE23Ri.js";
+import { s as a } from "../../chunks/Overlay.module-BqJXvoeX.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-CehxOAkM.js";
+import { c as d } from "../../chunks/vendor-9KVE23Ri.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-B1IlIRoo.js";
+import { s as e } from "../../chunks/Overlay.module-BqJXvoeX.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,23 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import m from "react";
-import { c as s } from "../../chunks/vendor-CehxOAkM.js";
-import { BodyPage as i } from "./components/BodyPage.js";
+import { jsx as m } from "react/jsx-runtime";
+import s from "react";
+import { c as i } from "../../chunks/vendor-9KVE23Ri.js";
+import { BodyPage as p } from "./components/BodyPage.js";
 import { HeaderPage as f } from "./components/HeaderPage.js";
-import { FooterPage as p } from "./components/FooterPage.js";
-import { s as d } from "../../chunks/Page.module-Cwb_zvqj.js";
+import { FooterPage as g } from "./components/FooterPage.js";
+import { s as o } from "../../chunks/Page.module-DUQ6i8Ez.js";
 import "./components/enums.js";
-const g = Object.assign(
-  m.forwardRef(function({ children: o, className: r, ...e }, a) {
-    return /* @__PURE__ */ t("div", { className: s(d.page, r), ...e, ref: a, children: o });
+const d = Object.assign(
+  s.forwardRef(function({ children: r, className: e, ...a }, t) {
+    return /* @__PURE__ */ m("div", { className: i(o.page, o["global-page"], e), ...a, ref: t, children: r });
   }),
   {
-    Body: i,
+    Body: p,
     Header: f,
-    Footer: p
+    Footer: g
   }
 );
-g.displayName = "Page";
+d.displayName = "Page";
 export {
-  g as Page
+  d as Page
 };
 //# sourceMappingURL=Page.js.map

package/components/Page/components/BodyPage.js

@@ -1,8 +1,8 @@
 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-CehxOAkM.js";
-import { s as f } from "../../../chunks/Page.module-Cwb_zvqj.js";
+import { c as t } from "../../../chunks/vendor-9KVE23Ri.js";
+import { s as f } from "../../../chunks/Page.module-DUQ6i8Ez.js";
 const d = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ m(e, { className: t(f.bodyPage, o), ...r, ref: a }));
 d.displayName = "BodyPage";
 export {