asma-ui-core 3.108.2 → 3.108.4

package/dist/components/utils/popover/StyledPopover.js

@@ -1,124 +1,134 @@
 import { cn as Y } from "../../../helpers/cn.js";
-import { resolveSx as R } from "../../../helpers/sx.js";
-import { tabbableWithin as y } from "../../../helpers/focusable.js";
-import { TOP_LAYER_PROPS as W, TOP_LAYER_RESET_STYLE as $, getOpenModalDialogAncestor as j, shouldUsePopoverTopLayer as q, useTopLayerRef as B } from "../../../hooks/useTopLayer.hook.js";
-import { useEffect as P, useMemo as G, useRef as J, useState as h } from "react";
-import { jsx as T } from "react/jsx-runtime";
-import { FloatingPortal as Q, autoUpdate as V, flip as X, offset as Z, shift as C, useDismiss as ee, useFloating as te, useInteractions as oe, useMergeRefs as ne } from "@floating-ui/react";
-var re = {
+import { resolveSx as h } from "../../../helpers/sx.js";
+import { tabbableWithin as g } from "../../../helpers/focusable.js";
+import { TOP_LAYER_PROPS as W, TOP_LAYER_RESET_STYLE as $, getOpenModalDialogAncestor as j, shouldUsePopoverTopLayer as q, useTopLayerRef as C } from "../../../hooks/useTopLayer.hook.js";
+import { OverlayBackOwnerContext as G, useBackCloses as J } from "../../../hooks/useBackCloses.hook.js";
+import { useEffect as w, useMemo as Q, useRef as V, useState as x } from "react";
+import { jsx as P } from "react/jsx-runtime";
+import { FloatingPortal as X, autoUpdate as Z, flip as ee, offset as te, shift as oe, useDismiss as ne, useFloating as re, useInteractions as se, useMergeRefs as ie } from "@floating-ui/react";
+var ae = {
   vertical: "bottom",
   horizontal: "left"
-}, se = {
+}, ce = {
   vertical: "top",
   horizontal: "left"
-}, ie = (o, t) => `${t.vertical === "bottom" ? "top" : t.vertical === "top" ? "bottom" : o.vertical === "top" ? "top" : "bottom"}${o.horizontal === "left" ? "-start" : o.horizontal === "right" ? "-end" : ""}`, ve = ({ open: o, anchorEl: t, onClose: u, anchorOrigin: b = re, transformOrigin: L = se, id: x, className: D, sx: K, slotProps: l, onClick: S, children: _, keepMounted: E = !1, tabIntoContent: d = !0 }) => {
-  const F = G(() => ie(b, L), [b, L]), [w, O] = h(o), c = J(!1);
-  o && !w && O(!0);
-  const m = o || E && w, p = j(t), [v, k] = h(p);
-  t && v !== p && k(p);
-  const { refs: a, floatingStyles: M, context: A } = te({
-    open: o,
-    placement: F,
+}, fe = (t, o) => `${o.vertical === "bottom" ? "top" : o.vertical === "top" ? "bottom" : t.vertical === "top" ? "top" : "bottom"}${t.horizontal === "left" ? "-start" : t.horizontal === "right" ? "-end" : ""}`, Pe = ({ open: t, anchorEl: o, onClose: c, anchorOrigin: b = ae, transformOrigin: L = ce, id: D, className: T, sx: K, slotProps: l, onClick: k, children: E, keepMounted: O = !1, tabIntoContent: d = !0, registerBackClose: S = !0 }) => {
+  const _ = Q(() => fe(b, L), [b, L]), [R, F] = x(t), f = V(!1);
+  t && !R && F(!0);
+  const m = t || O && R, p = j(o), [v, M] = x(p);
+  o && v !== p && M(p);
+  const { refs: i, floatingStyles: A, context: N } = re({
+    open: t,
+    placement: _,
     strategy: "fixed",
-    whileElementsMounted: V,
-    elements: { reference: t ?? void 0 },
+    whileElementsMounted: Z,
+    elements: { reference: o ?? void 0 },
     middleware: [
-      Z(4),
-      X({ padding: 8 }),
-      C({ padding: 8 })
+      te(4),
+      ee({ padding: 8 }),
+      oe({ padding: 8 })
     ],
     onOpenChange: (e, r, n) => {
-      e || u?.(r ?? {}, n === "escape-key" ? "escapeKeyDown" : "backdropClick");
+      e || c?.(r ?? {}, n === "escape-key" ? "escapeKeyDown" : "backdropClick");
     }
-  }), { getFloatingProps: N } = oe([ee(A, {
+  }), { getFloatingProps: z } = se([ne(N, {
     outsidePress: (e) => {
       const r = e.target;
-      return !(t instanceof Element && r instanceof Node && t.contains(r));
+      return !(o instanceof Element && r instanceof Node && o.contains(r));
     },
     escapeKey: !0
-  })]), f = q(v), z = ne([B(a.setFloating, f)]);
-  P(() => {
-    if (!o) return;
-    const e = t instanceof HTMLElement ? t : null, r = () => a.floating.current?.contains(document.activeElement) ?? !1;
+  })]);
+  J({
+    active: t && S,
+    requestClose: (e) => c ? c(e ?? new Event("overlayBack"), "escapeKeyDown") : !1,
+    ownerRef: i.floating
+  });
+  const u = q(v), H = ie([C(i.setFloating, u)]);
+  w(() => {
+    if (!t) return;
+    const e = o instanceof HTMLElement ? o : null, r = () => i.floating.current?.contains(document.activeElement) ?? !1;
     let n = r();
     const s = () => {
       n = r();
     };
     return document.addEventListener("focusin", s), () => {
       document.removeEventListener("focusin", s);
-      const i = document.activeElement, g = !i || i === document.body || r();
-      n && g && e?.isConnected && e.focus({ preventScroll: !0 });
+      const a = document.activeElement, y = !a || a === document.body || r();
+      n && y && e?.isConnected && e.focus({ preventScroll: !0 });
     };
   }, [
-    o,
     t,
-    a.floating
-  ]), P(() => {
-    if (!o) return;
+    o,
+    i.floating
+  ]), w(() => {
+    if (!t) return;
     const e = (n) => {
-      if (c.current = n.key === "Tab", !d || !c.current || n.shiftKey || n.defaultPrevented) return;
-      const s = a.floating.current;
-      if (!s || !(t instanceof Element) || !t.contains(document.activeElement)) return;
-      const [i] = y(s);
-      i && (n.preventDefault(), i.focus({ preventScroll: !0 }), c.current = !1);
+      if (f.current = n.key === "Tab", !d || !f.current || n.shiftKey || n.defaultPrevented) return;
+      const s = i.floating.current;
+      if (!s || !(o instanceof Element) || !o.contains(document.activeElement)) return;
+      const [a] = g(s);
+      a && (n.preventDefault(), a.focus({ preventScroll: !0 }), f.current = !1);
     }, r = (n) => {
-      const s = n.target, i = s instanceof Node && ((a.floating.current?.contains(s) ?? !1) || t instanceof Element && t.contains(s));
-      c.current && !i && u?.(n, "tabKeyDown"), c.current = !1;
+      const s = n.target, a = s instanceof Node && ((i.floating.current?.contains(s) ?? !1) || o instanceof Element && o.contains(s));
+      f.current && !a && c?.(n, "tabKeyDown"), f.current = !1;
     };
     return document.addEventListener("keydown", e, !0), document.addEventListener("focusin", r), () => {
       document.removeEventListener("keydown", e, !0), document.removeEventListener("focusin", r);
     };
   }, [
-    o,
     t,
-    u,
-    a.floating,
+    o,
+    c,
+    i.floating,
     d
   ]);
-  const H = o ? N({
-    onClick: S,
+  const U = t ? z({
+    onClick: k,
     onKeyDown: (e) => {
-      if (e.key !== "Tab" || e.defaultPrevented || !(t instanceof HTMLElement)) return;
-      const r = e.currentTarget, n = y(r), s = n.indexOf(document.activeElement);
+      if (e.key !== "Tab" || e.defaultPrevented || !(o instanceof HTMLElement)) return;
+      const r = e.currentTarget, n = g(r), s = n.indexOf(document.activeElement);
       if (s === -1 || (e.shiftKey ? s !== 0 : s !== n.length - 1)) return;
       e.preventDefault();
-      const i = y(document).filter((I) => !r.contains(I)), g = i[i.indexOf(t) + (e.shiftKey ? -1 : 1)], U = (d && e.shiftKey ? void 0 : g) ?? t;
-      c.current = !1, U.focus({ preventScroll: !0 }), u?.(e, "tabKeyDown");
+      const a = g(document).filter((I) => !r.contains(I)), y = a[a.indexOf(o) + (e.shiftKey ? -1 : 1)], B = (d && e.shiftKey ? void 0 : y) ?? o;
+      f.current = !1, B.focus({ preventScroll: !0 }), c?.(e, "tabKeyDown");
     }
   }) : {};
-  return P(() => {
-    if (!m || !f) return;
-    const e = a.floating.current;
+  return w(() => {
+    if (!m || !u) return;
+    const e = i.floating.current;
     if (!(!e || typeof e.showPopover != "function"))
       try {
-        o && !e.matches(":popover-open") && e.showPopover(), !o && e.matches(":popover-open") && e.hidePopover();
+        t && !e.matches(":popover-open") && e.showPopover(), !t && e.matches(":popover-open") && e.hidePopover();
       } catch {
       }
   }, [
-    o,
+    t,
     m,
-    f,
-    a.floating
-  ]), m ? /* @__PURE__ */ T(Q, {
+    u,
+    i.floating
+  ]), m ? /* @__PURE__ */ P(X, {
     root: v,
-    children: /* @__PURE__ */ T("div", {
-      ref: z,
-      id: x,
-      ...f ? W : {},
+    children: /* @__PURE__ */ P("div", {
+      ref: H,
+      id: D,
+      ...u ? W : {},
       style: {
-        ...f ? $ : {},
-        ...o ? M : {},
-        ...R(K),
-        ...R(l?.paper?.sx),
+        ...u ? $ : {},
+        ...t ? A : {},
+        ...h(K),
+        ...h(l?.paper?.sx),
         ...l?.paper?.style,
-        ...o ? null : { display: "none" }
+        ...t ? null : { display: "none" }
       },
-      ...H,
-      className: Y("z-[1300] overflow-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.15)]", D ?? "my-1", l?.paper?.className),
-      children: _
+      ...U,
+      className: Y("z-[1300] overflow-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.15)]", T ?? "my-1", l?.paper?.className),
+      children: /* @__PURE__ */ P(G.Provider, {
+        value: i.floating,
+        children: E
+      })
     })
   }) : null;
 };
 export {
-  ve as StyledPopover
+  Pe as StyledPopover
 };

package/dist/datetime/components/date-picker/StyledDatePicker.js

@@ -1,40 +1,44 @@
-import { setPickerPosition as P } from "./helpers.js";
-import { StyledDayPicker as k } from "./components/StyledDayPicker.js";
-import { StyledCalendarPicker as v } from "./components/StyledCalendarPicker.js";
-import { DatePickerInputIndex as y } from "./components/DatePickerInputIndex.js";
+import { isOverlayBackEnabled as k, useBackCloses as P } from "../../../hooks/useBackCloses.hook.js";
+import { setPickerPosition as v } from "./helpers.js";
+import { StyledDayPicker as y } from "./components/StyledDayPicker.js";
+import { StyledCalendarPicker as C } from "./components/StyledCalendarPicker.js";
+import { DatePickerInputIndex as b } from "./components/DatePickerInputIndex.js";
 import { useIsMobileView as x } from "../../hooks/useWindowWidthSize.hook.js";
-import { StyledDrawer as b } from "../../../components/navigation/drawer/StyledDrawer.js";
-import { useBackNavigationClose as h } from "../../hooks/useBackNavigationClose.hook.js";
-import { useEffect as C, useState as s } from "react";
-import { Fragment as D, jsx as t, jsxs as E } from "react/jsx-runtime";
-var L = (p) => {
-  const i = x(), [e, c] = s(null), [m, d] = s(!1), [f, l] = s(!1), u = (r) => {
-    c(r.currentTarget), P(r, d);
+import { StyledDrawer as h } from "../../../components/navigation/drawer/StyledDrawer.js";
+import { useBackNavigationClose as E } from "../../hooks/useBackNavigationClose.hook.js";
+import { useEffect as D, useState as n } from "react";
+import { Fragment as g, jsx as t, jsxs as w } from "react/jsx-runtime";
+var N = (p) => {
+  const i = x(), [e, l] = n(null), [m, d] = n(!1), [f, c] = n(!1), u = (r) => {
+    l(r.currentTarget), v(r, d);
   }, o = () => {
-    l(!0), c(null);
+    c(!0), l(null);
   };
-  C(() => {
+  D(() => {
     if (!e) return;
-    const r = (n) => {
-      document.activeElement === e && (n.key === "Escape" ? (n.preventDefault(), n.stopPropagation(), o()) : n.key === "Tab" && o());
+    const r = (a) => {
+      document.activeElement === e && (a.key === "Escape" ? (a.preventDefault(), a.stopPropagation(), o()) : a.key === "Tab" && o());
     };
     return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [e]), h({
-    open: !!e,
+  }, [e]), P({
+    active: !!e,
+    requestClose: o
+  }), E({
+    open: !!e && !k(),
     onClose: o
   });
-  const a = {
+  const s = {
     ...p,
     validateOnCalendarClose: f,
-    onValidatedOnce: () => l(!1)
+    onValidatedOnce: () => c(!1)
   };
-  return /* @__PURE__ */ E(D, { children: [
-    /* @__PURE__ */ t(y, {
-      datePickerProps: a,
+  return /* @__PURE__ */ w(g, { children: [
+    /* @__PURE__ */ t(b, {
+      datePickerProps: s,
       onClick: u
     }),
-    !i && /* @__PURE__ */ t(v, {
-      datePickerProps: { ...a },
+    !i && /* @__PURE__ */ t(C, {
+      datePickerProps: { ...s },
       popoverProps: {
         open: !!e,
         anchorEl: e,
@@ -42,15 +46,16 @@ var L = (p) => {
       },
       positionAbove: m
     }),
-    i && /* @__PURE__ */ t(b, {
+    i && /* @__PURE__ */ t(h, {
       anchor: "bottom",
       open: !!e,
       onClose: o,
       anchorEl: e,
+      registerBackClose: !1,
       children: /* @__PURE__ */ t("div", {
         className: "mx-auto max-w-[360px] px-2 pb-[max(1.5rem,env(safe-area-inset-bottom))]",
-        children: /* @__PURE__ */ t(k, {
-          datePickerProps: { ...a },
+        children: /* @__PURE__ */ t(y, {
+          datePickerProps: { ...s },
           popoverProps: {
             open: !!e,
             anchorEl: e,
@@ -62,5 +67,5 @@ var L = (p) => {
   ] });
 };
 export {
-  L as StyledDatePicker
+  N as StyledDatePicker
 };

package/dist/datetime/components/date-picker/components/StyledCalendarPicker.js

@@ -1,30 +1,31 @@
 import { StyledPopover as i } from "../../../../components/utils/popover/StyledPopover.js";
 import { StyledDayPicker as c } from "./StyledDayPicker.js";
 import { jsx as r } from "react/jsx-runtime";
-var h = ({ datePickerProps: e, popoverProps: t, positionAbove: o }) => {
-  const { open: l, anchorEl: n, onClose: a } = t;
+var d = ({ datePickerProps: o, popoverProps: t, positionAbove: e }) => {
+  const { open: l, anchorEl: a, onClose: n } = t;
   return /* @__PURE__ */ r(i, {
     open: l,
-    anchorEl: n,
-    onClose: a,
+    anchorEl: a,
+    onClose: n,
     tabIntoContent: !1,
+    registerBackClose: !1,
     anchorOrigin: {
-      vertical: o ? "top" : 50,
+      vertical: e ? "top" : 50,
       horizontal: "left"
     },
     transformOrigin: {
-      vertical: o ? "bottom" : "top",
+      vertical: e ? "bottom" : "top",
       horizontal: "left"
     },
     children: /* @__PURE__ */ r("div", {
       className: "p-4",
       children: /* @__PURE__ */ r(c, {
-        datePickerProps: e,
+        datePickerProps: o,
         popoverProps: t
       })
     })
   });
 };
 export {
-  h as StyledCalendarPicker
+  d as StyledCalendarPicker
 };

package/dist/datetime/components/time-picker/StyledTimePicker.js

@@ -1,110 +1,115 @@
-import { useIsMobileView as I } from "../../hooks/useWindowWidthSize.hook.js";
-import { StyledDrawer as j } from "../../../components/navigation/drawer/StyledDrawer.js";
-import { useBackNavigationClose as M } from "../../hooks/useBackNavigationClose.hook.js";
-import { usePopupState as A } from "../../../hooks/usePopupState.js";
-import { ClickAwayListener as F } from "../../../components/mui-compat/ClickAwayListener.js";
-import { isBeforeMinTime as V } from "./helpers/minTime.js";
-import { TimePickerPanel as K } from "./components/TimePickerPanel.js";
-import { TimePickerPopper as q } from "./TimePickerPopper.js";
+import { isOverlayBackEnabled as I, useBackCloses as j } from "../../../hooks/useBackCloses.hook.js";
+import { useIsMobileView as M } from "../../hooks/useWindowWidthSize.hook.js";
+import { StyledDrawer as A } from "../../../components/navigation/drawer/StyledDrawer.js";
+import { useBackNavigationClose as q } from "../../hooks/useBackNavigationClose.hook.js";
+import { usePopupState as F } from "../../../hooks/usePopupState.js";
+import { ClickAwayListener as K } from "../../../components/mui-compat/ClickAwayListener.js";
+import { isBeforeMinTime as E } from "./helpers/minTime.js";
+import { TimePickerPanel as z } from "./components/TimePickerPanel.js";
+import { TimePickerPopper as G } from "./TimePickerPopper.js";
 import { getTimeFromValue as g } from "./helpers/getTimeFromValue.js";
-import { TimePickerInput as z } from "./TimePickerInput.js";
-import { useEffect as G, useState as w } from "react";
-import { jsx as r, jsxs as D } from "react/jsx-runtime";
-import { format as E, isBefore as J, isValid as Q } from "date-fns";
-var ne = (i) => {
-  const { value: l, onSelect: n, notBeforeTime: d, minTime: c } = i, o = A({
+import { TimePickerInput as J } from "./TimePickerInput.js";
+import { useEffect as Q, useState as V } from "react";
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import { format as w, isBefore as R, isValid as U } from "date-fns";
+var le = (i) => {
+  const { value: s, onSelect: n, notBeforeTime: d, minTime: c } = i, o = F({
     variant: "popper",
     popupId: "time-picker-popper"
-  }), m = I();
-  M({
-    open: m && o.isOpen,
+  }), m = M();
+  j({
+    active: o.isOpen,
+    requestClose: o.close
+  }), q({
+    open: m && o.isOpen && !I(),
     onClose: o.close
   });
-  const { isOpen: x, anchorEl: P, close: h } = o;
-  G(() => {
+  const { isOpen: x, anchorEl: C, close: h } = o;
+  Q(() => {
     if (!x || m) return;
     const e = (t) => {
-      P?.contains(document.activeElement) && (t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), h()) : t.key === "Tab" && h());
+      C?.contains(document.activeElement) && (t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), h()) : t.key === "Tab" && h());
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
   }, [
     x,
-    P,
+    C,
     h,
     m
   ]);
-  const T = l ? E(l, "HH:mm") : "", [H, u] = w(T), [S, a] = w(!1), [L, s] = w(!0), v = S ? H : T, y = (e) => !e || !d || !Q(d) || !J(e, d), f = v.length === 5 ? g(v, l) : null, N = f ? y(f) : !0, O = (e) => {
+  const P = s ? w(s, "HH:mm") : "", [O, u] = V(P), [T, a] = V(!1), [D, l] = V(!0), v = T ? O : P, k = (e) => !e || !d || !U(d) || !R(e, d), f = v.length === 5 ? g(v, s) : null, H = f ? k(f) : !0, L = (e) => {
     const t = e.target.value;
     if (a(!0), u(t), t.length !== 5) {
-      s(!1);
+      l(!1);
       return;
     }
-    const p = g(t, l);
+    const p = g(t, s);
     if (!p) {
-      n(void 0), s(!1);
+      n(void 0), l(!1);
       return;
     }
-    s(!0), !V(p, c) && (y(p) ? (n(p), a(!1), o.close()) : n(void 0));
-  }, C = (e) => {
-    if (!(e && V(e, c))) {
-      if (s(!0), y(e)) {
-        n(e), u(e ? E(e, "HH:mm") : ""), a(!1);
+    l(!0), !E(p, c) && (k(p) ? (n(p), a(!1), o.close()) : n(void 0));
+  }, S = (e) => {
+    if (!(e && E(e, c))) {
+      if (l(!0), k(e)) {
+        n(e), u(e ? w(e, "HH:mm") : ""), a(!1);
         return;
       }
-      n(void 0), u(e ? E(e, "HH:mm") : ""), a(!0);
+      n(void 0), u(e ? w(e, "HH:mm") : ""), a(!0);
     }
-  }, B = () => {
-    S && f && V(f, c) && a(!1);
+  }, N = () => {
+    T && f && E(f, c) && a(!1);
   }, b = () => {
-    n(void 0), u(""), a(!1), s(!0);
-  }, k = /* @__PURE__ */ r(z, {
+    n(void 0), u(""), a(!1), l(!0);
+  }, y = /* @__PURE__ */ r(J, {
     ...i,
     popupState: o,
     localValue: v,
-    isValidTime: L,
-    isValidEndTime: N,
-    handleChange: O,
-    handleBlur: B
+    isValidTime: D,
+    isValidEndTime: H,
+    handleChange: L,
+    handleBlur: N
   });
-  return i.disabled || i.readOnly ? k : m ? /* @__PURE__ */ D("div", {
+  return i.disabled || i.readOnly ? y : m ? /* @__PURE__ */ B("div", {
     className: "relative h-auto w-auto",
     children: [/* @__PURE__ */ r("div", {
       className: "m-0 flex h-fit items-center justify-center p-0",
-      children: k
-    }), /* @__PURE__ */ r(j, {
+      children: y
+    }), /* @__PURE__ */ r(A, {
       anchor: "bottom",
       open: o.isOpen,
       onClose: o.close,
       anchorEl: o.anchorEl,
+      registerBackClose: !1,
       children: /* @__PURE__ */ r("div", {
         className: "mx-auto w-full max-w-[360px] px-4 pb-[max(1rem,env(safe-area-inset-bottom))] pt-2",
-        children: /* @__PURE__ */ r(K, {
+        children: /* @__PURE__ */ r(z, {
           dataTest: i.dataTest,
-          value: l,
+          value: s,
           minTime: c,
-          onSelect: C,
+          onSelect: S,
           handleClear: b,
           onConfirm: o.close
         })
       })
     })]
-  }) : /* @__PURE__ */ r(F, {
+  }) : /* @__PURE__ */ r(K, {
     mouseEvent: "onMouseDown",
     onClickAway: o.close,
-    children: /* @__PURE__ */ D("div", {
+    children: /* @__PURE__ */ B("div", {
       className: "relative h-auto w-auto",
       children: [/* @__PURE__ */ r("div", {
         className: "m-0 flex h-fit items-center justify-center p-0",
-        children: k
-      }), o.isOpen && /* @__PURE__ */ r(q, {
+        children: y
+      }), o.isOpen && /* @__PURE__ */ r(G, {
         ...i,
         popupState: o,
         handleClear: b,
-        onSelect: C
+        onSelect: S
       })]
     })
   });
 };
 export {
-  ne as StyledTimePicker
+  le as StyledTimePicker
 };

package/dist/datetime/hooks/useBackNavigationClose.hook.js

@@ -1,10 +1,19 @@
-import { useEffect as r } from "react";
-var o = ({ open: t, onClose: e }) => (r(() => {
-  if (t)
-    return window.history.pushState({ modal: !0 }, ""), window.addEventListener("popstate", e), () => {
-      window.removeEventListener("popstate", e), window.history.state?.modal && window.history.back();
+import { useEffect as i, useRef as c } from "react";
+var n = "__asmaPickerBack", u = ({ open: r, onClose: e }) => {
+  const o = c(e);
+  i(() => {
+    o.current = e;
+  }, [e]), i(() => {
+    if (!r) return;
+    const t = window.rawWindow ?? window, s = crypto.randomUUID(), a = () => o.current();
+    return t.history.pushState({
+      ...t.history.state,
+      [n]: s
+    }, "", t.location.href), t.addEventListener("popstate", a), () => {
+      t.removeEventListener("popstate", a), t.history.state?.[n] === s && t.history.back();
     };
-}, [t]), null);
+  }, [r]);
+};
 export {
-  o as useBackNavigationClose
+  u as useBackNavigationClose
 };

package/dist/hooks/useBackCloses.hook.js

@@ -0,0 +1,100 @@
+import { createContext as v, useContext as y, useEffect as p, useRef as O } from "react";
+function _() {
+  return {
+    version: 1,
+    entries: [],
+    adapter: { unregister: null }
+  };
+}
+function a() {
+  if (!(typeof window > "u"))
+    return window.rawWindow ?? document.defaultView ?? window;
+}
+function l() {
+  const e = a();
+  return e ? e.__asmaOverlayBackRegistry__ ??= _() : k ??= _();
+}
+var k, B = (e) => typeof e == "object" && e !== null && typeof e.then == "function";
+function d(e, n) {
+  if (e.parentOwnerRef && e.parentOwnerRef === n.ownerRef) return !0;
+  const t = e.parentOwnerRef?.current ?? e.parentOwner, i = n.ownerRef?.current ?? n.owner;
+  return !!t && !!i && (t === i || i.contains(t));
+}
+function w(e) {
+  if (e.adapter.unregister) return;
+  const n = a()?.__ASMA__SHELL__?.overlayBack;
+  n?.v !== 1 || typeof n.register != "function" || (e.adapter.unregister = n.register(() => S()));
+}
+function A(e) {
+  e.adapter.unregister && Promise.resolve().then(() => {
+    if (e.entries.length > 0) return;
+    const n = e.adapter.unregister;
+    e.adapter.unregister = null, n?.();
+  });
+}
+function L(e, n = null, t = null, i, o) {
+  const r = l(), s = {
+    requestClose: e,
+    pending: !1,
+    owner: n,
+    parentOwner: t,
+    ownerRef: i,
+    parentOwnerRef: o
+  }, c = n || i ? r.entries.findIndex((u) => i !== void 0 && u.parentOwnerRef === i || n !== null && u.parentOwner === n || n !== null && u.owner !== null && n.contains(u.owner)) : -1;
+  r.entries.splice(c === -1 ? r.entries.length : c, 0, s), r.entries.length === 1 && w(r);
+  let f = !1;
+  return () => {
+    if (f) return;
+    f = !0;
+    const u = r.entries.indexOf(s);
+    if (u !== -1 && r.entries.splice(u, 1), r.entries.length === 0) {
+      A(r);
+      return;
+    }
+    queueMicrotask(() => {
+      const g = a()?.__ASMA__SHELL__?.overlayBack;
+      r.entries.length > 0 && g?.pendingNavigation && g.continuePendingNavigation?.();
+    });
+  };
+}
+var R = v(void 0);
+function S(e) {
+  const { entries: n } = l(), t = n.reduce((o, r) => !o || d(r, o) ? r : d(o, r) ? o : r, void 0);
+  if (!t) return;
+  if (t.pending) return !1;
+  const i = t.requestClose(e);
+  if (B(i)) {
+    t.pending = !0;
+    const o = () => {
+      t.pending = !1, globalThis.setTimeout(() => {
+        const r = l(), s = a()?.__ASMA__SHELL__?.overlayBack;
+        r.entries.includes(t) && s?.pendingNavigation && s.failOpenPendingNavigation?.();
+      }, 0);
+    };
+    i.then(o, o);
+  }
+  return i;
+}
+function E() {
+  const e = a()?.__ASMA__SHELL__?.overlayBack;
+  return e?.v === 1 && e.enabled === !0;
+}
+function m({ active: e, requestClose: n, ownerRef: t }) {
+  const i = y(R), o = O(n);
+  p(() => {
+    o.current = n;
+  }, [n]), p(() => {
+    if (e)
+      return L((r) => o.current(r), t?.current ?? null, i?.current ?? null, t, i);
+  }, [
+    e,
+    t,
+    i
+  ]);
+}
+export {
+  R as OverlayBackOwnerContext,
+  E as isOverlayBackEnabled,
+  S as requestCloseTopOverlayBack,
+  m as useBackCloses
+};