@sberbusiness/triplex-next 0.33.0 → 0.34.0

package/components/MonthYearRange/MonthYearRange.js

@@ -1,15 +1,15 @@
-import { jsxs as N, jsx as i } from "react/jsx-runtime";
-import _ from "react";
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import b 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-z35N2Tap.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__d5872d90", j = "monthYearRangeButton__432b9a51", w = "separator__c2b2f624", l = {
+const F = "monthYearRange__4c655615", j = "monthYearRangeButton__65aaa3ea", w = "separator__bc80061d", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
-}, y = _.forwardRef(
+}, y = b.forwardRef(
   ({
     className: R,
     value: p,
@@ -23,11 +23,11 @@ const F = "monthYearRange__d5872d90", j = "monthYearRangeButton__432b9a51", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, x = d(l.monthYearRange, R), b = (e) => {
+    const [t, r] = p, x = d(l.monthYearRange, R), B = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
-    }, B = (e) => {
+    }, I = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
-    }, I = () => {
+    }, M = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -35,7 +35,7 @@ const F = "monthYearRange__d5872d90", j = "monthYearRangeButton__432b9a51", w =
         e.subtract(s, m).format(a),
         n.subtract(s, m).format(a)
       ]);
-    }, M = () => {
+    }, N = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -44,27 +44,27 @@ const F = "monthYearRange__d5872d90", j = "monthYearRangeButton__432b9a51", w =
         n.add(s, m).format(a)
       ]);
     };
-    return /* @__PURE__ */ N("div", { className: x, ...S, ref: k, children: [
+    return /* @__PURE__ */ _("div", { className: x, ...S, ref: k, children: [
       !f && h({
         children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: I
+        onClick: M
       }),
       Y({
-        onChange: b,
+        onChange: B,
         value: t
       }),
       /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       u({
-        onChange: B,
+        onChange: I,
         value: r
       }),
       !f && g({
         children: /* @__PURE__ */ i(C, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: M
+        onClick: N
       })
     ] });
   }

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { F as u } from "../../../chunks/vendor-z35N2Tap.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-9uM7fY6X.js";
+import "../../../chunks/DropdownListItem-Cspd56Yl.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,27 +1,27 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
-import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
+import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as d } from "../../../utils/classNameMaps.js";
+import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__177d55a8", f = "loaderScreen__2cff0b00", C = "sm__f8e602a9", u = "md__a84cd65c", x = "lg__b4d9abab", e = {
+const _ = "multiselectFieldContent__9b14c30d", C = "loaderScreen__54d17b2e", u = "sm__c0df2c32", f = "md__dac88e34", x = "lg__413ab8b3", e = {
   multiselectFieldContent: _,
-  loaderScreen: f,
-  sm: C,
-  md: u,
+  loaderScreen: C,
+  sm: u,
+  md: f,
   lg: x
-}, F = i(e), j = ({
+}, F = d(e), j = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: n } = m(a);
-  return /* @__PURE__ */ c(
+  const { size: c } = m(i);
+  return /* @__PURE__ */ n(
     "div",
     {
       tabIndex: -1,
-      className: d(e.multiselectFieldContent, F[n], o),
+      className: a(e.multiselectFieldContent, F[c], o),
       ...l,
       children: [
         t,

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-z35N2Tap.js";
-const i = "multiselectFieldFooter__1e4b1f57", c = {
+const i = "multiselectFieldFooter__f682b207", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,12 +1,12 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
-const d = "multiselectFieldHeader__87708577", c = {
-  multiselectFieldHeader: d
+import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
+const i = "multiselectFieldHeader__2bcede6b", c = {
+  multiselectFieldHeader: i
 }, m = ({
   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
 };

package/components/Notification/Notification.js

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

package/components/Notification/NotificationGrouped.js

@@ -1,12 +1,17 @@
-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-DGitAi0W.js";
-const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
-  o,
-  /* @__PURE__ */ r(t, {})
-] });
-p.displayName = "NotificationGrouped";
+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 p } from "../../chunks/Notification.module-CgMv6vKH.js";
+const f = a.forwardRef(
+  function({ children: o }, i) {
+    return /* @__PURE__ */ r("div", { className: p.notificationGroupedWrapper, ref: i, children: [
+      o,
+      /* @__PURE__ */ t(e, {})
+    ] });
+  }
+);
+f.displayName = "NotificationGrouped";
 export {
-  p as NotificationGrouped
+  f as NotificationGrouped
 };
 //# sourceMappingURL=NotificationGrouped.js.map

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-DGitAi0W.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-CgMv6vKH.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,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { UnorderedList as t } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as a } from "../../../chunks/Notification.module-DGitAi0W.js";
+import { s as a } from "../../../chunks/Notification.module-CgMv6vKH.js";
 import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
 const c = ({ className: s, ...i }) => /* @__PURE__ */ o(t, { className: e(a.notificationBodyList, s), ...i, children: i.values.map((m, r) => /* @__PURE__ */ o(t.Item, { children: m }, r)) });
 c.displayName = "NotificationBodyList";

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as m } from "../../../chunks/Notification.module-DGitAi0W.js";
+import { s as m } from "../../../chunks/Notification.module-CgMv6vKH.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-DGitAi0W.js";
+import { s as i } from "../../../chunks/Notification.module-CgMv6vKH.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-z35N2Tap.js";
-import { s as o } from "../../../chunks/Notification.module-DGitAi0W.js";
+import { s as o } from "../../../chunks/Notification.module-CgMv6vKH.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-DGitAi0W.js";
+import { s as a } from "../../../chunks/Notification.module-CgMv6vKH.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-DGitAi0W.js";
+import { s as t } from "../../../chunks/Notification.module-CgMv6vKH.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-DGitAi0W.js";
+import { s as t } from "../../../chunks/Notification.module-CgMv6vKH.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-CLHhO8Kh.js";
+import { F as d } from "../../chunks/FormFieldInput-D3Ncfs2O.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../chunks/vendor-z35N2Tap.js";
-import { OrderedListItem as a } from "./OrderedListItem.js";
-const c = "orderedList__59e59288", L = {
-  orderedList: c
+import { OrderedListItem as c } from "./OrderedListItem.js";
+const a = "orderedList__3becc94b", L = {
+  orderedList: a
 }, f = Object.assign(
   i.forwardRef(({ className: t, start: e, style: r, ...d }, o) => /* @__PURE__ */ s(
     "ol",
@@ -15,12 +15,12 @@ const c = "orderedList__59e59288", L = {
         "--start-index-tx": e - 1
       } : r,
       ...d,
-      "data-tx": "0.33.0",
+      "data-tx": "0.34.0",
       ref: o
     }
   )),
   {
-    Item: a
+    Item: c
   }
 );
 f.displayName = "OrderedList";

package/components/OrderedList/OrderedListItem.js

@@ -6,9 +6,9 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__29adb2c2", p = {
+const a = "orderedListItem__9fe4f86d", p = {
   orderedListItem: a
-}, c = m.forwardRef(
+}, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     d,
     {
@@ -16,13 +16,13 @@ const a = "orderedListItem__29adb2c2", p = {
       size: s.B3,
       tag: "li",
       ...e,
-      "data-tx": "0.33.0",
+      "data-tx": "0.34.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,57 +1,57 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-z35N2Tap.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-C4CvBteS.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 e } from "react/jsx-runtime";
+import O from "react";
+import { c as d } from "../../chunks/vendor-z35N2Tap.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-CW1lqxQV.js";
+const j = Object.assign(
+  O.forwardRef(
+    ({
+      children: l,
+      className: s,
+      direction: m,
+      fixed: i,
+      onClose: t,
+      onClosing: c,
+      onOpening: f,
+      onOpen: n,
+      opened: a,
+      setOpened: y,
+      ...p
+    }, v) => /* @__PURE__ */ e(
+      x,
+      {
+        direction: m,
+        onClose: t,
+        onClosing: c,
+        onOpening: f,
+        onOpen: n,
+        opened: a,
+        setOpened: y,
+        children: (o) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: d(r.overlay, s, {
+              [r.closing]: o.closing,
+              [r.fixed]: !!i,
+              [r.opened]: a
+            }),
+            ref: v,
+            ...p,
+            children: l(o)
+          }
+        )
+      }
+    )
+  ),
+  {
+    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-z35N2Tap.js";
-import { s as a } from "../../chunks/Overlay.module-C4CvBteS.js";
+import { s as a } from "../../chunks/Overlay.module-CW1lqxQV.js";
 const p = l.forwardRef(
   ({ className: r, opened: s, ...o }, e) => /* @__PURE__ */ m(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import n from "react";
 import { c as P } from "../../chunks/vendor-z35N2Tap.js";
 import { EOverlayDirection as a } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-C4CvBteS.js";
+import { s as e } from "../../chunks/Overlay.module-CW1lqxQV.js";
 const T = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as i } from "../../chunks/vendor-z35N2Tap.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-C0z8yMeg.js";
+import { s as o } from "../../chunks/Page.module-B9JECpGI.js";
 import "./components/enums.js";
 const c = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, m) {