@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -0,0 +1,65 @@
+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-BlJo2ILB.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,
+        {
+          fixedWidth: !1,
+          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,
+            {
+              active: a,
+              ...t,
+              focusTrapOptions: {
+                clickOutsideDeactivates: !0,
+                preventScroll: !0,
+                ...t == null ? void 0 : t.focusTrapOptions
+              },
+              children: i()
+            }
+          ) : null,
+          children: i()
+        }
+      );
+    }
+  ),
+  {
+    Header: v,
+    Content: x,
+    Footer: C
+  }
+);
+N.displayName = "MultiselectFieldDropdown";
+export {
+  N as MultiselectFieldDropdown
+};
+//# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as c } from "react";
+import { MultiselectFieldContext as m } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as r } from "../../../utils/classNameMaps.js";
+import { c as l } from "../../../chunks/vendor-BlJo2ILB.js";
+const a = "multiselectFieldContentWrapper__aa274f66", d = "multiselectFieldContent__3cc2990e", p = "sm__2e6ebf39", C = "md__c77e1160", u = "lg__1a979caf", e = {
+  multiselectFieldContentWrapper: a,
+  multiselectFieldContent: d,
+  sm: p,
+  md: C,
+  lg: u
+}, F = r(e), W = ({
+  children: s,
+  className: o,
+  ...n
+}) => {
+  const { size: i } = c(m);
+  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 {
+  W as MultiselectFieldDropdownContent
+};
+//# sourceMappingURL=MultiselectFieldDropdownContent.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -0,0 +1,13 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as s } from "../../../chunks/vendor-BlJo2ILB.js";
+const i = "multiselectFieldFooter__24ff875b", c = {
+  multiselectFieldFooter: i
+}, m = ({
+  children: e,
+  className: t,
+  ...o
+}) => /* @__PURE__ */ l("div", { className: s(c.multiselectFieldFooter, t), ...o, children: e });
+export {
+  m as MultiselectFieldDropdownFooter
+};
+//# sourceMappingURL=MultiselectFieldDropdownFooter.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -0,0 +1,13 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+const d = "multiselectFieldHeader__10b6b779", c = {
+  multiselectFieldHeader: d
+}, m = ({
+  children: e,
+  className: l,
+  ...t
+}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
+export {
+  m as MultiselectFieldDropdownHeader
+};
+//# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

package/components/MultiselectField/components/index.js

@@ -0,0 +1,11 @@
+import { MultiselectFieldDropdown as t } from "./MultiselectFieldDropdown.js";
+import { MultiselectFieldDropdownHeader as l } from "./MultiselectFieldDropdownHeader.js";
+import { MultiselectFieldDropdownContent as i } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter as n } from "./MultiselectFieldDropdownFooter.js";
+export {
+  t as MultiselectFieldDropdown,
+  i as MultiselectFieldDropdownContent,
+  n as MultiselectFieldDropdownFooter,
+  l as MultiselectFieldDropdownHeader
+};
+//# sourceMappingURL=index.js.map

package/components/MultiselectField/index.js

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

package/components/Notification/Notification.js

@@ -0,0 +1,40 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as l } from "../../chunks/vendor-BlJo2ILB.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-CoXNIHHx.js";
+const o = ((t) => {
+  const {
+    children: a,
+    className: r,
+    withExtraBottomPadding: s = !1,
+    isShowCloseOnHover: e = !1,
+    onClick: m,
+    ...n
+  } = t, c = l(r, i.notification, {
+    [i.showCloseOnHover]: e,
+    [i.extraBottomPadding]: s
+  });
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ...n,
+      role: "alertdialog",
+      className: c,
+      onClick: m,
+      "data-tx": "0.10.0",
+      children: a
+    }
+  );
+});
+o.displayName = "Notification";
+o.Icon = N;
+o.Body = d;
+o.Close = p;
+o.Time = x;
+export {
+  o as Notification
+};
+//# sourceMappingURL=Notification.js.map

package/components/Notification/NotificationGrouped.js

@@ -0,0 +1,12 @@
+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-CoXNIHHx.js";
+const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
+  o,
+  /* @__PURE__ */ r(t, {})
+] });
+p.displayName = "NotificationGrouped";
+export {
+  p as NotificationGrouped
+};
+//# sourceMappingURL=NotificationGrouped.js.map

package/components/Notification/components/NotificationBody.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+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-CoXNIHHx.js";
+const o = ((t) => {
+  const { children: i } = t;
+  return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });
+});
+o.displayName = "NotificationBody";
+o.Header = n;
+o.Content = a;
+o.List = m;
+o.Footer = e;
+export {
+  o as NotificationBody
+};
+//# sourceMappingURL=NotificationBody.js.map

package/components/Notification/components/NotificationBodyContent.js

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

package/components/Notification/components/NotificationBodyList.js

@@ -0,0 +1,11 @@
+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-CoXNIHHx.js";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.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 {
+  c as NotificationBodyList
+};
+//# sourceMappingURL=NotificationBodyList.js.map

package/components/Notification/components/NotificationClose.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CrossStrokeSrvIcon16 as r } from "@sberbusiness/icons-next";
+import "../../Button/Button.js";
+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-CoXNIHHx.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 {
+  e as NotificationClose
+};
+//# sourceMappingURL=NotificationClose.js.map

package/components/Notification/components/NotificationFooter.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as i } from "../../../chunks/Notification.module-CoXNIHHx.js";
+const s = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationFooter, children: o });
+s.displayName = "NotificationFooter";
+export {
+  s as NotificationFooter
+};
+//# sourceMappingURL=NotificationFooter.js.map

package/components/Notification/components/NotificationGroupedFooter.js

@@ -0,0 +1,11 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as o } from "../../../chunks/Notification.module-CoXNIHHx.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) })
+] });
+export {
+  m as NotificationGroupedFooter
+};
+//# sourceMappingURL=NotificationGroupedFooter.js.map

package/components/Notification/components/NotificationHeader.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { s as a } from "../../../chunks/Notification.module-CoXNIHHx.js";
+const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
+t.displayName = "NotificationHeader";
+export {
+  t as NotificationHeader
+};
+//# sourceMappingURL=NotificationHeader.js.map

package/components/Notification/components/NotificationIcon.js

@@ -0,0 +1,8 @@
+import { jsx as i } from "react/jsx-runtime";
+import { s as t } from "../../../chunks/Notification.module-CoXNIHHx.js";
+const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
+s.displayName = "NotificationIcon";
+export {
+  s as NotificationIcon
+};
+//# sourceMappingURL=NotificationIcon.js.map

package/components/Notification/components/NotificationTime.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { s as t } from "../../../chunks/Notification.module-CoXNIHHx.js";
+const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
+s.displayName = "NotificationTime";
+export {
+  s as NotificationTime
+};
+//# sourceMappingURL=NotificationTime.js.map

package/components/Notification/index.js

@@ -0,0 +1,7 @@
+import { Notification as t } from "./Notification.js";
+import { NotificationGrouped as f } from "./NotificationGrouped.js";
+export {
+  t as Notification,
+  f as NotificationGrouped
+};
+//# sourceMappingURL=index.js.map

package/components/NotificationIcon/NotificationIcon.js

@@ -0,0 +1,10 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../chunks/vendor-BlJo2ILB.js";
+const t = "notificationIcon__4a5cad92", a = {
+  notificationIcon: t
+}, s = ({ className: o, ...i }) => /* @__PURE__ */ n("span", { ...i, className: c(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/NumberField.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { NumberFieldInput as o } from "./NumberFieldInput.js";
+import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
+const l = ({ inputProps: e, ...m }) => /* @__PURE__ */ r(i, { ...m, children: /* @__PURE__ */ r(o, { ...e }) });
+export {
+  l as NumberField
+};
+//# sourceMappingURL=NumberField.js.map

package/components/NumberField/NumberFieldInput.js

@@ -0,0 +1,38 @@
+import { jsx as g } from "react/jsx-runtime";
+import h, { useCallback as l } from "react";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+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-BoG8X8Sc.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.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";
+const q = h.forwardRef(
+  ({ onChange: o, ...n }, c) => {
+    const a = l((t, e) => {
+      const r = [], s = t.length;
+      let m = -1;
+      for (let i = 0; i < s; i++)
+        p.isDigit(t[i]) ? r.push(t[i]) : p.isDecimalSeparator(t[i]) ? m == -1 ? (r.push(f.DecimalComma), m = r.length - 1) : i > e && (r.push(f.DecimalComma), r[m] = "", m = r.length - 1) : i === 0 && p.isUnaryMinus(t[i]) && r.push("-");
+      return r.join("");
+    }, []), u = l(
+      (t) => {
+        const e = F(t.target), r = a(t.target.value, e), s = r.length - t.target.value.length;
+        t.target.value = r, D(t.target, e + s), o == null || o(t);
+      },
+      [a, o]
+    );
+    return /* @__PURE__ */ g(d, { onChange: u, ...n, ref: c });
+  }
+);
+export {
+  q as NumberFieldInput
+};
+//# sourceMappingURL=NumberFieldInput.js.map

package/components/NumberField/index.js

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

package/components/NumberField/types.js

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

package/components/OrderedList/OrderedList.js

@@ -0,0 +1,25 @@
+import { jsx as s } from "react/jsx-runtime";
+import d from "react";
+import { c as o } from "../../chunks/vendor-BlJo2ILB.js";
+import { OrderedListItem as i } from "./OrderedListItem.js";
+const m = "orderedList__47a9de55", a = {
+  orderedList: m
+}, c = Object.assign(
+  d.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ s(
+    "ol",
+    {
+      className: o(a.orderedList, r),
+      ...e,
+      "data-tx": "0.10.0",
+      ref: t
+    }
+  )),
+  {
+    Item: i
+  }
+);
+c.displayName = "OrderedList";
+export {
+  c as OrderedList
+};
+//# sourceMappingURL=OrderedList.js.map

package/components/OrderedList/OrderedListItem.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "react";
+import { c as s } from "../../chunks/vendor-BlJo2ILB.js";
+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__f03dd4fb", f = {
+  orderedListItem: a
+}, p = m.forwardRef(
+  ({ className: t, ...e }, r) => /* @__PURE__ */ o(
+    d,
+    {
+      className: s(f.orderedListItem, t),
+      size: i.B3,
+      tag: "li",
+      ...e,
+      "data-tx": "0.10.0",
+      ref: r
+    }
+  )
+);
+p.displayName = "OrderedListItem";
+export {
+  p as OrderedListItem
+};
+//# sourceMappingURL=OrderedListItem.js.map

package/components/OrderedList/index.js

@@ -0,0 +1,7 @@
+import { OrderedList as t } from "./OrderedList.js";
+import { OrderedListItem as o } from "./OrderedListItem.js";
+export {
+  t as OrderedList,
+  o as OrderedListItem
+};
+//# sourceMappingURL=index.js.map

package/components/OrderedList/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.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-CF2m175I.js";
+import { c as u } from "../../chunks/vendor-BlJo2ILB.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-Q2gyaG66.js";
+import { s as r } from "../../chunks/Overlay.module-DqeHrg4k.js";
 const s = ({
   children: o,
   className: i,

package/components/Overlay/OverlayMask.js

@@ -1,19 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
-import { c as t } from "../../chunks/vendor-CF2m175I.js";
-import { s as a } from "../../chunks/Overlay.module-Q2gyaG66.js";
-const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
+import { c as t } from "../../chunks/vendor-BlJo2ILB.js";
+import { s as a } from "../../chunks/Overlay.module-DqeHrg4k.js";
+const p = l.forwardRef(({ className: r, opened: s, ...o }, e) => /* @__PURE__ */ m(
   "div",
   {
     className: t(a.overlayMask, r, {
       [a.overlayOpened]: s
     }),
-    ref: o,
-    ...e
+    ref: e,
+    ...o
   }
 ));
-f.displayName = "OverlayMask";
+p.displayName = "OverlayMask";
 export {
-  f as OverlayMask
+  p as OverlayMask
 };
 //# sourceMappingURL=OverlayMask.js.map

package/components/Overlay/OverlayPanel.js

@@ -1,19 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
 import n from "react";
-import { c as d } from "../../chunks/vendor-CF2m175I.js";
-import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-Q2gyaG66.js";
-const P = n.forwardRef(
+import { c as P } from "../../chunks/vendor-BlJo2ILB.js";
+import { EOverlayDirection as a } from "./OverlayBase.js";
+import { s as e } from "../../chunks/Overlay.module-DqeHrg4k.js";
+const T = n.forwardRef(
   ({
     children: s,
     className: m,
-    closing: T,
-    direction: a,
+    closing: d,
+    direction: r,
     onTransitionEnd: l,
     opened: f,
     opening: h,
     setClosing: p,
-    setOpened: u,
+    setOpened: x,
     setOpening: c,
     ...y
   }, O) => {
@@ -24,12 +24,12 @@ const P = n.forwardRef(
     return /* @__PURE__ */ o(
       "div",
       {
-        className: d(e.overlayPanel, m, {
-          [e.bottom]: a === r.BOTTOM,
-          [e.left]: a === r.LEFT,
+        className: P(e.overlayPanel, m, {
+          [e.bottom]: r === a.BOTTOM,
+          [e.left]: r === a.LEFT,
           [e.opened]: f,
-          [e.right]: a === r.RIGHT,
-          [e.top]: a === r.TOP
+          [e.right]: r === a.RIGHT,
+          [e.top]: r === a.TOP
         }),
         onTransitionEnd: v,
         ref: O,
@@ -39,8 +39,8 @@ const P = n.forwardRef(
     );
   }
 );
-P.displayName = "OverlayPanel";
+T.displayName = "OverlayPanel";
 export {
-  P as OverlayPanel
+  T as OverlayPanel
 };
 //# sourceMappingURL=OverlayPanel.js.map

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-CF2m175I.js";
-import { BodyPage as i } from "./components/BodyPage.js";
+import s from "react";
+import { c as i } from "../../chunks/vendor-BlJo2ILB.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-DxiWg_8o.js";
+import { FooterPage as g } from "./components/FooterPage.js";
+import { s as o } from "../../chunks/Page.module-JyadpNMJ.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 c = Object.assign(
+  s.forwardRef(function({ children: r, className: e, ...a }, m) {
+    return /* @__PURE__ */ t("div", { className: i(o.page, o["global-page"], e), ...a, ref: m, children: r });
   }),
   {
-    Body: i,
+    Body: p,
     Header: f,
-    Footer: p
+    Footer: g
   }
 );
-g.displayName = "Page";
+c.displayName = "Page";
 export {
-  g as Page
+  c as Page
 };
 //# sourceMappingURL=Page.js.map

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-CF2m175I.js";
-import { s as f } from "../../../chunks/Page.module-DxiWg_8o.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-BlJo2ILB.js";
+import { EBodyPageVerticalMargin as r, EBodyPageType as y } from "./enums.js";
+import { Island as p } from "../../Island/Island.js";
+import { EIslandType as M } from "../../Island/enums.js";
+const P = "bodyPage__0d877190", v = "verticalMargin24__1edaa378", f = "verticalMargin16__8c8d0851", o = {
+  bodyPage: P,
+  verticalMargin24: v,
+  verticalMargin16: f
+}, _ = {
+  [r.LARGE]: o.verticalMargin24,
+  [r.SMALL]: o.verticalMargin16
+}, E = m.forwardRef(
+  ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...e }, i) => {
+    const t = d(s, o.bodyPage, _[g]);
+    return n === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: l, children: /* @__PURE__ */ a(c, { ...e }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...e });
+  }
+);
+E.displayName = "BodyPage";
 export {
-  d as BodyPage
+  E as BodyPage
 };
 //# sourceMappingURL=BodyPage.js.map