@sberbusiness/triplex-next 1.32.0 → 1.34.0

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,13 +1,13 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import h, { useState as s, useRef as p, useLayoutEffect as R } from "react";
-import { h as g, i as W, p as c } from "../../../chunks/vendor-82AnkPpo.js";
+import p, { useState as s, useRef as h, useLayoutEffect as g } from "react";
+import { g as R, i as W, p as c } from "../../../chunks/vendor-D5cfSbgz.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as N } from "../../../chunks/ModalWindow.module-BkI79oza.js";
+import { s as N } from "../../../chunks/ModalWindow.module-BKssph_P.js";
 const l = "modalWindowViewManagerNodeId", x = () => {
   let e = document.querySelector(`#${l}`);
   return e || (e = document.createElement("div"), e.setAttribute("id", l), document.body.appendChild(e)), e;
-}, V = h.forwardRef((e, i) => {
-  const [n] = s(x), [t, f] = s(), d = p(null), u = (o) => {
+}, V = p.forwardRef((e, i) => {
+  const [n] = s(x), [t, f] = s(), d = h(null), u = (o) => {
     d.current = o, typeof i == "function" ? i(o) : i && (i.current = o);
   }, a = () => {
     if (d.current) {
@@ -18,10 +18,10 @@ const l = "modalWindowViewManagerNodeId", x = () => {
       ) || f(o);
     }
   };
-  R(() => {
+  g(() => {
     a();
   });
-  const { ref: w } = g({
+  const { ref: w } = R({
     handleWidth: !0,
     onResize: a,
     refreshMode: "debounce",

package/components/MonthYearRange/MonthYearRange.js

@@ -1,15 +1,15 @@
 import { jsxs as N, jsx as i } from "react/jsx-runtime";
-import b from "react";
+import v from "react";
 import c from "moment";
-import { CaretleftStrokeSrvIcon20 as v, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { c as d } from "../../chunks/vendor-82AnkPpo.js";
+import { CaretleftStrokeSrvIcon20 as b, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
+import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__1695511d", j = "monthYearRangeButton__6a888e81", w = "separator__3fd52b9a", l = {
+const F = "monthYearRange__9e5da9d5", j = "monthYearRangeButton__491652c5", w = "separator__2aee1427", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
-}, y = b.forwardRef(
+}, y = v.forwardRef(
   ({
     className: R,
     value: p,
@@ -46,7 +46,7 @@ const F = "monthYearRange__1695511d", j = "monthYearRangeButton__6a888e81", w =
     };
     return /* @__PURE__ */ N("div", { className: _, ...S, ref: k, children: [
       !f && h({
-        children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
+        children: /* @__PURE__ */ i(b, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
         onClick: I

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import d, { useContext as s, useEffect as a } from "react";
-import { g as u } from "../../../chunks/vendor-82AnkPpo.js";
+import { j as u } from "../../../chunks/vendor-D5cfSbgz.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CBAmYB__.js";
+import "../../../chunks/DropdownListItem-Db1_Qf-T.js";
 import { EDropdownWidth as f } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,23 +1,23 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
-import { c as d } from "../../../chunks/vendor-82AnkPpo.js";
+import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const f = "multiselectFieldContent__64e34c89", _ = "loaderScreen__ef0f8730", C = "sm__9e805af5", u = "md__6ec1e22e", x = "lg__f289434d", e = {
-  multiselectFieldContent: f,
-  loaderScreen: _,
-  sm: C,
+const _ = "multiselectFieldContent__fe538562", C = "loaderScreen__9ab4eda9", f = "sm__ec673d7e", u = "md__ba645f69", x = "lg__583290a5", e = {
+  multiselectFieldContent: _,
+  loaderScreen: C,
+  sm: f,
   md: u,
   lg: x
-}, F = a(e), y = ({
+}, F = i(e), j = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: n } = m(i);
-  return /* @__PURE__ */ c(
+  const { size: n } = m(a);
+  return /* @__PURE__ */ r(
     "div",
     {
       tabIndex: -1,
@@ -25,12 +25,12 @@ const f = "multiselectFieldContent__64e34c89", _ = "loaderScreen__ef0f8730", C =
       ...l,
       children: [
         t,
-        s && /* @__PURE__ */ r(p, { type: "small", className: e.loaderScreen })
+        s && /* @__PURE__ */ c(p, { type: "small", className: e.loaderScreen })
       ]
     }
   );
 };
 export {
-  y as MultiselectFieldDropdownContent
+  j 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-82AnkPpo.js";
-const i = "multiselectFieldFooter__a9758d62", c = {
+import { c as s } from "../../../chunks/vendor-D5cfSbgz.js";
+const i = "multiselectFieldFooter__b87d1103", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

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

package/components/Notification/Notification.js

@@ -1,40 +1,39 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-82AnkPpo.js";
-import { NotificationBody as d } from "./components/NotificationBody.js";
-import { NotificationClose as p } from "./components/NotificationClose.js";
-import { NotificationIcon as N } from "./components/NotificationIcon.js";
-import { NotificationTime as x } from "./components/NotificationTime.js";
-import { s as i } from "../../chunks/Notification.module-CtpYgvcX.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": "1.32.0",
-      children: a
-    }
-  );
-});
-o.displayName = "Notification";
-o.Icon = N;
-o.Body = d;
-o.Close = p;
-o.Time = x;
+import { jsx as s } from "react/jsx-runtime";
+import { c } from "../../chunks/vendor-D5cfSbgz.js";
+import { NotificationBody as l } from "./components/NotificationBody.js";
+import { NotificationClose as d } from "./components/NotificationClose.js";
+import { NotificationIcon as p } from "./components/NotificationIcon.js";
+import { NotificationTime as N } from "./components/NotificationTime.js";
+import x from "react";
+import { s as o } from "../../chunks/Notification.module-BU6Z_ATv.js";
+const y = Object.assign(
+  x.forwardRef(function({ children: i, className: t, withExtraBottomPadding: a = !1, isShowCloseOnHover: r = !1, onClick: f, ...m }, e) {
+    const n = c(t, o.notification, {
+      [o.showCloseOnHover]: r,
+      [o.extraBottomPadding]: a
+    });
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ...m,
+        role: "alertdialog",
+        className: n,
+        onClick: f,
+        ref: e,
+        "data-tx": "1.34.0",
+        children: i
+      }
+    );
+  }),
+  {
+    Icon: p,
+    Body: l,
+    Close: d,
+    Time: N
+  }
+);
+y.displayName = "Notification";
 export {
-  o as Notification
+  y as Notification
 };
 //# sourceMappingURL=Notification.js.map

package/components/Notification/NotificationGrouped.js

@@ -1,10 +1,15 @@
-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-CtpYgvcX.js";
-const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
-  o,
-  /* @__PURE__ */ r(t, {})
-] });
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { NotificationGroupedFooter as e } from "./components/NotificationGroupedFooter.js";
+import a from "react";
+import { s as f } from "../../chunks/Notification.module-BU6Z_ATv.js";
+const p = a.forwardRef(
+  function({ children: o }, i) {
+    return /* @__PURE__ */ r("div", { className: f.notificationGroupedWrapper, ref: i, children: [
+      o,
+      /* @__PURE__ */ t(e, {})
+    ] });
+  }
+);
 p.displayName = "NotificationGrouped";
 export {
   p as NotificationGrouped

package/components/Notification/components/NotificationBody.js

@@ -1,19 +1,23 @@
-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-CtpYgvcX.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;
+import { jsx as i } from "react/jsx-runtime";
+import r from "react";
+import { NotificationHeader as a } from "./NotificationHeader.js";
+import { NotificationBodyContent as f } from "./NotificationBodyContent.js";
+import { NotificationFooter as n } from "./NotificationFooter.js";
+import { NotificationBodyList as e } from "./NotificationBodyList.js";
+import { s as m } from "../../../chunks/Notification.module-BU6Z_ATv.js";
+const c = Object.assign(
+  r.forwardRef(function({ children: o }, t) {
+    return /* @__PURE__ */ i("div", { className: m.notificationBody, ref: t, children: o });
+  }),
+  {
+    Header: a,
+    Content: f,
+    List: e,
+    Footer: n
+  }
+);
+c.displayName = "NotificationBody";
 export {
-  o as NotificationBody
+  c as NotificationBody
 };
 //# sourceMappingURL=NotificationBody.js.map

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

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import h, { useCallback as l } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as d } from "../../chunks/FormFieldInput-d6WkPngW.js";
+import { F as d } from "../../chunks/FormFieldInput-DFQ9utC5.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

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

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as i } from "../../chunks/vendor-82AnkPpo.js";
+import { c as i } from "../../chunks/vendor-D5cfSbgz.js";
 import { ETextSize as s } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__de523c4c", p = {
+const a = "orderedListItem__bce38484", p = {
   orderedListItem: a
 }, c = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
@@ -16,7 +16,7 @@ const a = "orderedListItem__de523c4c", p = {
       size: s.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.32.0",
+      "data-tx": "1.34.0",
       ref: r
     }
   )

package/components/Overlay/Overlay.js

@@ -1,57 +1,57 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-82AnkPpo.js";
-import { OverlayBase as k } from "./OverlayBase.js";
-import { OverlayMask as B } from "./OverlayMask.js";
-import { OverlayPanel as M } from "./OverlayPanel.js";
-import { s as r } from "../../chunks/Overlay.module-C3WPSJN5.js";
-const s = ({
-  children: o,
-  className: i,
-  direction: c,
-  fixed: f,
-  onClose: a,
-  onClosing: e,
-  onOpening: p,
-  onOpen: y,
-  opened: t,
-  setOpened: v,
-  ...d
-}) => {
-  const [n, l] = h(!1), O = () => {
-    l(!0), e == null || e();
-  }, x = () => {
-    l(!1), a == null || a();
-  };
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: u(r.overlay, i, {
-        [r.closing]: n,
-        [r.fixed]: !!f,
-        [r.opened]: t
-      }),
-      ...d,
-      children: /* @__PURE__ */ m(
-        k,
-        {
-          direction: c,
-          onClose: x,
-          onClosing: O,
-          onOpening: p,
-          onOpen: y,
-          opened: t,
-          setOpened: v,
-          children: o
-        }
-      )
-    }
-  );
-};
-s.displayName = "Overlay";
-s.Mask = B;
-s.Panel = M;
+import { jsx as o } from "react/jsx-runtime";
+import v from "react";
+import { c as O } from "../../chunks/vendor-D5cfSbgz.js";
+import { OverlayBase as x } from "./OverlayBase.js";
+import { OverlayMask as g } from "./OverlayMask.js";
+import { OverlayPanel as h } from "./OverlayPanel.js";
+import { s as r } from "../../chunks/Overlay.module-MZsYSnWB.js";
+const j = Object.assign(
+  v.forwardRef(
+    ({
+      children: l,
+      className: s,
+      direction: m,
+      fixed: i,
+      onClose: t,
+      onClosing: f,
+      onOpening: c,
+      onOpen: n,
+      opened: a,
+      setOpened: y,
+      ...p
+    }, d) => /* @__PURE__ */ o(
+      x,
+      {
+        direction: m,
+        onClose: t,
+        onClosing: f,
+        onOpening: c,
+        onOpen: n,
+        opened: a,
+        setOpened: y,
+        children: (e) => /* @__PURE__ */ o(
+          "div",
+          {
+            className: O(r.overlay, s, {
+              [r.closing]: e.closing,
+              [r.fixed]: !!i,
+              [r.opened]: a
+            }),
+            ref: d,
+            ...p,
+            children: l(e)
+          }
+        )
+      }
+    )
+  ),
+  {
+    Mask: g,
+    Panel: h
+  }
+);
+j.displayName = "Overlay";
 export {
-  s as Overlay
+  j as Overlay
 };
 //# sourceMappingURL=Overlay.js.map

package/components/Overlay/OverlayBase.js

@@ -1,28 +1,32 @@
-import { useState as h, useRef as x, useEffect as B, useLayoutEffect as F } from "react";
-var G = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.LEFT = "left", t.RIGHT = "right", t.TOP = "top", t))(G || {});
-const P = ({
-  children: t,
-  direction: L = "right",
-  opened: r,
-  onClose: s,
-  onClosing: f,
-  onOpen: c,
-  onOpening: u,
-  setOpened: R
+import { useState as p, useRef as T, useLayoutEffect as B, useEffect as m } from "react";
+var k = /* @__PURE__ */ ((r) => (r.BOTTOM = "bottom", r.LEFT = "left", r.RIGHT = "right", r.TOP = "top", r))(k || {});
+const C = ({
+  children: r,
+  direction: F = "right",
+  opened: t,
+  onClose: O,
+  onClosing: R,
+  onOpen: b,
+  onOpening: h,
+  setOpened: L
 }) => {
-  const [I, b] = h(!1), [e, a] = h(!1), [T, m] = h(!1), M = x(r);
+  const [f, l] = p(!1), [a, i] = p(!1), o = T(t), g = T(!0), e = T({ onClose: O, onClosing: R, onOpen: b, onOpening: h });
   return B(() => {
-    b(!0);
-  }, []), F(() => {
-    M.current && !r ? (m(!1), a(!0), f == null || f()) : !M.current && r && (a(!1), m(!0), u == null || u()), M.current = r;
-  }, [r]), B(() => {
-    I && (e ? f == null || f() : s == null || s());
-  }, [e]), B(() => {
-    I && (T ? u == null || u() : c == null || c());
-  }, [T]), t({ closing: e, direction: L, opened: r, opening: T, setClosing: a, setOpened: R, setOpening: m });
+    e.current = { onClose: O, onClosing: R, onOpen: b, onOpening: h };
+  }), B(() => {
+    o.current && !t ? (i(!1), l(!0)) : !o.current && t && (l(!1), i(!0)), o.current = t;
+  }, [t]), m(() => {
+    var s, u, n, c;
+    g.current || (f ? (u = (s = e.current).onClosing) == null || u.call(s) : (c = (n = e.current).onClose) == null || c.call(n));
+  }, [f]), m(() => {
+    var s, u, n, c;
+    g.current || (a ? (u = (s = e.current).onOpening) == null || u.call(s) : (c = (n = e.current).onOpen) == null || c.call(n));
+  }, [a]), m(() => {
+    g.current = !1;
+  }, []), r({ closing: f, direction: F, opened: t, opening: a, setClosing: l, setOpened: L, setOpening: i });
 };
 export {
-  G as EOverlayDirection,
-  P as OverlayBase
+  k as EOverlayDirection,
+  C as OverlayBase
 };
 //# sourceMappingURL=OverlayBase.js.map

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-82AnkPpo.js";
-import { s as a } from "../../chunks/Overlay.module-C3WPSJN5.js";
+import { c as t } from "../../chunks/vendor-D5cfSbgz.js";
+import { s as a } from "../../chunks/Overlay.module-MZsYSnWB.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-82AnkPpo.js";
+import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-C3WPSJN5.js";
+import { s as e } from "../../chunks/Overlay.module-MZsYSnWB.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

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