@sberbusiness/triplex-next 0.32.0 → 0.34.0

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
 import { Island as s } from "../../Island/Island.js";
 import { EComponentSize as n } from "../../../enums/EComponentSize.js";
 import { EIslandType as l } from "../../Island/enums.js";
-const t = "modalWindowBody__c8c3854a", r = {
+const t = "modalWindowBody__5bf889ab", r = {
   modalWindowBody: t
 }, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ a(
   s,

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,11 +6,11 @@ import { EButtonTheme as i } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent as l } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES as d } from "../../../utils/keyboard.js";
-const C = "modalWindowClose__73b0fde4", a = {
-  modalWindowClose: C
+const a = "modalWindowClose__4156fa91", C = {
+  modalWindowClose: a
 }, f = (r) => {
   const e = t(null);
-  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     n,
     {
       ref: e,

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
 import l from "react";
 import { LoaderScreen as c } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-DRSCJT-j.js";
+import { s as o } from "../../../chunks/ModalWindow.module-CpZnXDzI.js";
 import { Page as p } from "../../Page/Page.js";
 const f = l.forwardRef(
   ({ isLoading: e, className: r, loadingTitle: m, children: d, ...t }, n) => /* @__PURE__ */ s(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,7 +2,7 @@ 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-z35N2Tap.js";
-const t = "modalWindowHeader__6e963e10", s = {
+const t = "modalWindowHeader__bc4f0410", 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;

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
 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-z35N2Tap.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as N } from "../../../chunks/ModalWindow.module-DRSCJT-j.js";
+import { s as N } from "../../../chunks/ModalWindow.module-CpZnXDzI.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;

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__74ca068b", j = "monthYearRangeButton__d03c2880", w = "separator__fbca46ae", 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__74ca068b", j = "monthYearRangeButton__d03c2880", 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__74ca068b", j = "monthYearRangeButton__d03c2880", 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__74ca068b", j = "monthYearRangeButton__d03c2880", 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-Bp1g9j21.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__116f7753", C = "loaderScreen__7c9c207a", f = "sm__a55b7c5e", u = "md__13bd0b6e", x = "lg__6a6f464a", e = {
+const _ = "multiselectFieldContent__9b14c30d", C = "loaderScreen__54d17b2e", u = "sm__c0df2c32", f = "md__dac88e34", x = "lg__413ab8b3", e = {
   multiselectFieldContent: _,
   loaderScreen: C,
-  sm: f,
-  md: u,
+  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,12 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
-const c = "multiselectFieldFooter__ac3646ce", i = {
-  multiselectFieldFooter: c
+const i = "multiselectFieldFooter__f682b207", c = {
+  multiselectFieldFooter: i
 }, m = ({
   children: e,
   className: t,
   ...o
-}) => /* @__PURE__ */ l("div", { className: s(i.multiselectFieldFooter, t), ...o, children: e });
+}) => /* @__PURE__ */ l("div", { className: s(c.multiselectFieldFooter, t), ...o, children: e });
 export {
   m as MultiselectFieldDropdownFooter
 };

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 c = "multiselectFieldHeader__2113110c", d = {
-  multiselectFieldHeader: c
+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(d.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-XEc1_4xz.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.32.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-XEc1_4xz.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-DZ9wvF_L.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__b08a7209", 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__b08a7209", L = {
         "--start-index-tx": e - 1
       } : r,
       ...d,
-      "data-tx": "0.32.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__1ad732e7", 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__1ad732e7", p = {
       size: s.B3,
       tag: "li",
       ...e,
-      "data-tx": "0.32.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-CG_bCws2.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