asma-ui-core 3.108.1 → 3.108.3

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js

@@ -1,53 +1,59 @@
-import { cn as s } from "../../../../helpers/cn.js";
-import { firstTabbable as A } from "../../../../helpers/focusable.js";
+import { cn as a } from "../../../../helpers/cn.js";
+import { firstTabbable as O } from "../../../../helpers/focusable.js";
 import { StyledTooltip as te } from "../../../data-display/tooltip/StyledTooltip.js";
-import { DialogBusyContext as $, useDialogBusyBoundary as ie } from "../../dialog/DialogBusyContext.js";
+import { DialogBusyContext as A, useDialogBusyBoundary as ie } from "../../dialog/DialogBusyContext.js";
 import { useMobileMediaQuery as le } from "../../../../hooks/useMediaQuery.hook.js";
-import { useFocusTrap as ne } from "../../../../hooks/useFocusTrap.hook.js";
-import { CloseBtn as O } from "../components/CloseBtn.js";
-import { MinimizeBtn as V } from "../components/MinimizeBtn.js";
-import { FullScreenBtn as oe } from "../components/FullscreenBtn.js";
-import v from "./MinimizableDialogV2.module.js";
-import { useTranslations as re } from "./useTranslations.js";
-import { useControlledProps as se } from "./useControlledProps.js";
-import ce from "clsx";
-import { useId as q, useLayoutEffect as H, useRef as c } from "react";
-import { Fragment as ae, jsx as e, jsxs as n } from "react/jsx-runtime";
-var Se = (N) => {
-  const { showCloseIcon: R = !0, showMinimizeIcon: L = !0, showExpandIcon: W = !0, enableFullscreen: _ = !0, title: u, label: f, children: Q, open: o, onClose: U, classNameOverrides: h = {
+import { OverlayBackOwnerContext as ne, useBackCloses as oe } from "../../../../hooks/useBackCloses.hook.js";
+import { useFocusTrap as re } from "../../../../hooks/useFocusTrap.hook.js";
+import { CloseBtn as $ } from "../components/CloseBtn.js";
+import { MinimizeBtn as q } from "../components/MinimizeBtn.js";
+import { FullScreenBtn as se } from "../components/FullscreenBtn.js";
+import h from "./MinimizableDialogV2.module.js";
+import { useTranslations as ce } from "./useTranslations.js";
+import { useControlledProps as ae } from "./useControlledProps.js";
+import de from "clsx";
+import { useId as V, useLayoutEffect as H, useRef as d } from "react";
+import { Fragment as me, jsx as e, jsxs as r } from "react/jsx-runtime";
+var Te = (C) => {
+  const { showCloseIcon: R = !0, showMinimizeIcon: L = !0, showExpandIcon: W = !0, enableFullscreen: _ = !0, title: u, label: f, children: Q, open: i, onClose: U, classNameOverrides: b = {
     maximized: "",
     minimized: "",
     fullscreen: ""
-  }, dataTest: G, actionNode: J, locale: K = "en", busyReason: X, style: C, initialFocusRef: S } = N, r = le(), i = re(K), a = c(null), p = c(null), F = c(null), T = c(null), b = c(!1), g = c(null), x = q(), I = q(), { minimized: t, setMinimized: M, fullScreen: l, setFullScreen: B } = se(N), d = l && !t, { busy: y, busyReason: E, contextValue: j } = ie(X ?? i.waitUntilSaved), z = () => {
-    y || (M(!1), U());
+  }, dataTest: G, actionNode: J, locale: K = "en", busyReason: X, style: N, initialFocusRef: S } = C, s = le(), l = ce(K), n = d(null), p = d(null), F = d(null), B = d(null), g = d(!1), y = d(null), x = V(), T = V(), { minimized: t, setMinimized: I, fullScreen: o, setFullScreen: M } = ae(C), c = o && !t, { busy: z, busyReason: k, contextValue: E } = ie(X ?? l.waitUntilSaved), v = () => {
+    if (z) return !1;
+    I(!1), U();
   };
   H(() => {
-    a.current?.toggleAttribute("inert", t), p.current?.toggleAttribute("inert", !t);
+    n.current?.toggleAttribute("inert", t), p.current?.toggleAttribute("inert", !t);
   }, [t]), H(() => {
-    const w = o && !b.current, m = !o && b.current;
-    if (b.current = o, m) {
-      const P = g.current;
-      g.current = null, (!document.activeElement || document.activeElement === document.body) && P?.isConnected && P.focus({ preventScroll: !0 });
+    const w = i && !g.current, m = !i && g.current;
+    if (g.current = i, m) {
+      const D = y.current;
+      y.current = null, (!document.activeElement || document.activeElement === document.body) && D?.isConnected && D.focus({ preventScroll: !0 });
       return;
     }
     if (!w) return;
-    g.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    const D = t ? p.current : a.current, ee = t ? T.current : F.current;
-    (S?.current ?? ee ?? (D ? A(D) : void 0))?.focus({ preventScroll: !0 });
+    y.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const P = t ? p.current : n.current, ee = t ? B.current : F.current;
+    (S?.current ?? ee ?? (P ? O(P) : void 0))?.focus({ preventScroll: !0 });
   }, [
     S,
     t,
-    o
+    i
   ]);
-  const k = () => {
-    const w = t ? a : p;
-    M(!t), requestAnimationFrame(() => {
+  const j = () => {
+    const w = t ? n : p;
+    I(!t), requestAnimationFrame(() => {
       const m = w.current;
-      m && (m.querySelector('[data-testid="toggle-minimize-btn"]') ?? A(m))?.focus({ preventScroll: !0 });
+      m && (m.querySelector('[data-testid="toggle-minimize-btn"]') ?? O(m))?.focus({ preventScroll: !0 });
     });
   };
-  ne(o && d, a, z);
-  const Y = d ? r ? {
+  re(i && c, n, v), oe({
+    active: i && c,
+    requestClose: v,
+    ownerRef: n
+  });
+  const Y = c ? s ? {
     inset: 0,
     maxHeight: "100dvh",
     maxWidth: "100dvw",
@@ -64,18 +70,18 @@ var Se = (N) => {
     maxWidth: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
   } : void 0;
-  if (!o) return null;
-  const Z = f ? `${I} ${x}` : x;
-  return /* @__PURE__ */ n(ae, { children: [
+  if (!i) return null;
+  const Z = f ? `${T} ${x}` : x;
+  return /* @__PURE__ */ r(me, { children: [
     /* @__PURE__ */ e("div", {
       ref: p,
       style: {
         zIndex: 51,
-        ...C
+        ...N
       },
-      className: s(v["minimized-dialog"], !t && v.hidden, h.minimized),
-      children: /* @__PURE__ */ n("div", {
-        className: ce("flex items-center justify-between", !t && "hidden"),
+      className: a(h["minimized-dialog"], !t && h.hidden, b.minimized),
+      children: /* @__PURE__ */ r("div", {
+        className: de("flex items-center justify-between", !t && "hidden"),
         "data-testid": G,
         children: [/* @__PURE__ */ e("div", {
           className: "max-w-[303px] truncate pr-1 text-lg font-semibold text-delta-800",
@@ -87,97 +93,100 @@ var Se = (N) => {
               children: u
             })
           })
-        }), /* @__PURE__ */ n("div", {
+        }), /* @__PURE__ */ r("div", {
           className: "flex items-center gap-x-1",
-          children: [/* @__PURE__ */ e(V, {
+          children: [/* @__PURE__ */ e(q, {
             type: "expand",
             visibility: W,
-            onClick: k,
-            tooltipTitle: i.expand
-          }), /* @__PURE__ */ e(O, {
-            buttonRef: T,
+            onClick: j,
+            tooltipTitle: l.expand
+          }), /* @__PURE__ */ e($, {
+            buttonRef: B,
             showCloseIcon: R,
-            onClick: z,
-            disabledReason: y ? E : void 0,
-            tooltipTitle: i.close
+            onClick: v,
+            disabledReason: z ? k : void 0,
+            tooltipTitle: l.close
           })]
         })]
       })
     }),
-    d && /* @__PURE__ */ e("div", {
+    c && /* @__PURE__ */ e("div", {
       className: "fixed inset-0 z-[52] bg-[rgb(98,110,126)] bg-opacity-70",
       onClick: () => {
-        B(!1);
+        M(!1);
       }
     }),
-    /* @__PURE__ */ n("div", {
+    /* @__PURE__ */ e("div", {
       style: {
         zIndex: 51,
-        ...C,
+        ...N,
         ...Y
       },
-      ref: a,
+      ref: n,
       role: "dialog",
-      "aria-modal": d ? !0 : void 0,
+      "aria-modal": c ? !0 : void 0,
       "aria-labelledby": Z,
-      className: s(v.dialog, t && v.hidden, !l && h.maximized, l && h.fullscreen, d && "fixed z-[53] duration-0"),
-      children: [/* @__PURE__ */ n("div", {
-        className: s("flex flex-col border-b-[1px] border-delta-200 px-4", r ? "py-3" : "py-4"),
-        children: [/* @__PURE__ */ n("div", {
-          className: "flex items-center justify-between",
-          children: [f ? /* @__PURE__ */ e("div", {
-            id: I,
-            className: "text-sm text-delta-700",
-            children: f
-          }) : /* @__PURE__ */ e("div", {
+      className: a(h.dialog, t && h.hidden, !o && b.maximized, o && b.fullscreen, c && "fixed z-[53] duration-0"),
+      children: /* @__PURE__ */ r(ne.Provider, {
+        value: n,
+        children: [/* @__PURE__ */ r("div", {
+          className: a("flex flex-col border-b-[1px] border-delta-200 px-4", s ? "py-3" : "py-4"),
+          children: [/* @__PURE__ */ r("div", {
+            className: "flex items-center justify-between",
+            children: [f ? /* @__PURE__ */ e("div", {
+              id: T,
+              className: "text-sm text-delta-700",
+              children: f
+            }) : /* @__PURE__ */ e("div", {
+              id: x,
+              className: a("font-semibold text-delta-800", s ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+              children: u
+            }), /* @__PURE__ */ r("div", {
+              className: "flex items-center gap-x-1",
+              children: [
+                /* @__PURE__ */ e(A.Provider, {
+                  value: E,
+                  children: J
+                }),
+                /* @__PURE__ */ e(q, {
+                  visibility: L && !s && !o,
+                  type: "minimize",
+                  onClick: j,
+                  tooltipTitle: l.minimize
+                }),
+                /* @__PURE__ */ e(se, {
+                  showFullScreenIcon: _ && !s,
+                  fullScreen: o,
+                  onClick: () => {
+                    M(!o);
+                  },
+                  tooltipTitle: o ? l.exitFullscreen : l.fullscreen
+                }),
+                /* @__PURE__ */ e($, {
+                  buttonRef: F,
+                  showCloseIcon: R,
+                  onClick: v,
+                  disabledReason: z ? k : void 0,
+                  tooltipTitle: l.close
+                })
+              ]
+            })]
+          }), f && /* @__PURE__ */ e("div", {
             id: x,
-            className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+            className: a("font-semibold text-delta-800", s ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
             children: u
-          }), /* @__PURE__ */ n("div", {
-            className: "flex items-center gap-x-1",
-            children: [
-              /* @__PURE__ */ e($.Provider, {
-                value: j,
-                children: J
-              }),
-              /* @__PURE__ */ e(V, {
-                visibility: L && !r && !l,
-                type: "minimize",
-                onClick: k,
-                tooltipTitle: i.minimize
-              }),
-              /* @__PURE__ */ e(oe, {
-                showFullScreenIcon: _ && !r,
-                fullScreen: l,
-                onClick: () => {
-                  B(!l);
-                },
-                tooltipTitle: l ? i.exitFullscreen : i.fullscreen
-              }),
-              /* @__PURE__ */ e(O, {
-                buttonRef: F,
-                showCloseIcon: R,
-                onClick: z,
-                disabledReason: y ? E : void 0,
-                tooltipTitle: i.close
-              })
-            ]
           })]
-        }), f && /* @__PURE__ */ e("div", {
-          id: x,
-          className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
-          children: u
+        }), /* @__PURE__ */ e("div", {
+          className: a(t && "hidden", "flex flex-grow flex-col overflow-y-auto overscroll-contain"),
+          children: /* @__PURE__ */ e(A.Provider, {
+            value: E,
+            children: Q
+          })
         })]
-      }), /* @__PURE__ */ e("div", {
-        className: s(t && "hidden", "flex flex-grow flex-col overflow-y-auto overscroll-contain"),
-        children: /* @__PURE__ */ e($.Provider, {
-          value: j,
-          children: Q
-        })
-      })]
+      })
     })
   ] });
 };
 export {
-  Se as MinimizableDialogV2
+  Te as MinimizableDialogV2
 };

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

@@ -1,39 +1,35 @@
-import { setPickerPosition as P } from "./helpers.js";
+import { setPickerPosition as u } 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 { StyledCalendarPicker as y } from "./components/StyledCalendarPicker.js";
+import { DatePickerInputIndex as v } 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 { useEffect as h, useState as s } from "react";
+import { Fragment as C, jsx as t, jsxs as D } from "react/jsx-runtime";
+var j = (p) => {
+  const i = x(), [e, c] = s(null), [m, d] = s(!1), [f, l] = s(!1), P = (r) => {
+    c(r.currentTarget), u(r, d);
   }, o = () => {
     l(!0), c(null);
   };
-  C(() => {
+  h(() => {
     if (!e) return;
     const r = (n) => {
       document.activeElement === e && (n.key === "Escape" ? (n.preventDefault(), n.stopPropagation(), o()) : n.key === "Tab" && o());
     };
     return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [e]), h({
-    open: !!e,
-    onClose: o
-  });
+  }, [e]);
   const a = {
     ...p,
     validateOnCalendarClose: f,
     onValidatedOnce: () => l(!1)
   };
-  return /* @__PURE__ */ E(D, { children: [
-    /* @__PURE__ */ t(y, {
+  return /* @__PURE__ */ D(C, { children: [
+    /* @__PURE__ */ t(v, {
       datePickerProps: a,
-      onClick: u
+      onClick: P
     }),
-    !i && /* @__PURE__ */ t(v, {
+    !i && /* @__PURE__ */ t(y, {
       datePickerProps: { ...a },
       popoverProps: {
         open: !!e,
@@ -62,5 +58,5 @@ var L = (p) => {
   ] });
 };
 export {
-  L as StyledDatePicker
+  j as StyledDatePicker
 };

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

@@ -1,110 +1,104 @@
-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 { getTimeFromValue as g } from "./helpers/getTimeFromValue.js";
-import { TimePickerInput as z } from "./TimePickerInput.js";
-import { useEffect as G, useState as w } from "react";
+import { useIsMobileView as j } from "../../hooks/useWindowWidthSize.hook.js";
+import { StyledDrawer as B } from "../../../components/navigation/drawer/StyledDrawer.js";
+import { usePopupState as M } from "../../../hooks/usePopupState.js";
+import { ClickAwayListener as A } from "../../../components/mui-compat/ClickAwayListener.js";
+import { isBeforeMinTime as k } from "./helpers/minTime.js";
+import { TimePickerPanel as F } from "./components/TimePickerPanel.js";
+import { TimePickerPopper as K } from "./TimePickerPopper.js";
+import { getTimeFromValue as C } from "./helpers/getTimeFromValue.js";
+import { TimePickerInput as q } from "./TimePickerInput.js";
+import { useEffect as z, 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 { format as E, isBefore as G, isValid as J } from "date-fns";
+var re = (i) => {
+  const { value: l, onSelect: n, notBeforeTime: p, minTime: c } = i, t = M({
     variant: "popper",
     popupId: "time-picker-popper"
-  }), m = I();
-  M({
-    open: m && o.isOpen,
-    onClose: o.close
-  });
-  const { isOpen: x, anchorEl: P, close: h } = o;
-  G(() => {
-    if (!x || m) return;
-    const e = (t) => {
-      P?.contains(document.activeElement) && (t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), h()) : t.key === "Tab" && h());
+  }), d = j(), { isOpen: x, anchorEl: P, close: h } = t;
+  z(() => {
+    if (!x || d) return;
+    const e = (o) => {
+      P?.contains(document.activeElement) && (o.key === "Escape" ? (o.preventDefault(), o.stopPropagation(), h()) : o.key === "Tab" && h());
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
   }, [
     x,
     P,
     h,
-    m
+    d
   ]);
-  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 t = e.target.value;
-    if (a(!0), u(t), t.length !== 5) {
+  const T = l ? E(l, "HH:mm") : "", [H, m] = w(T), [S, a] = w(!1), [L, s] = w(!0), v = S ? H : T, y = (e) => !e || !p || !J(p) || !G(e, p), u = v.length === 5 ? C(v, l) : null, I = u ? y(u) : !0, N = (e) => {
+    const o = e.target.value;
+    if (a(!0), m(o), o.length !== 5) {
       s(!1);
       return;
     }
-    const p = g(t, l);
-    if (!p) {
+    const f = C(o, l);
+    if (!f) {
       n(void 0), s(!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))) {
+    s(!0), !k(f, c) && (y(f) ? (n(f), a(!1), t.close()) : n(void 0));
+  }, b = (e) => {
+    if (!(e && k(e, c))) {
       if (s(!0), y(e)) {
-        n(e), u(e ? E(e, "HH:mm") : ""), a(!1);
+        n(e), m(e ? E(e, "HH:mm") : ""), a(!1);
         return;
       }
-      n(void 0), u(e ? E(e, "HH:mm") : ""), a(!0);
+      n(void 0), m(e ? E(e, "HH:mm") : ""), a(!0);
     }
-  }, B = () => {
-    S && f && V(f, c) && a(!1);
-  }, b = () => {
-    n(void 0), u(""), a(!1), s(!0);
-  }, k = /* @__PURE__ */ r(z, {
+  }, O = () => {
+    S && u && k(u, c) && a(!1);
+  }, g = () => {
+    n(void 0), m(""), a(!1), s(!0);
+  }, V = /* @__PURE__ */ r(q, {
     ...i,
-    popupState: o,
+    popupState: t,
     localValue: v,
     isValidTime: L,
-    isValidEndTime: N,
-    handleChange: O,
-    handleBlur: B
+    isValidEndTime: I,
+    handleChange: N,
+    handleBlur: O
   });
-  return i.disabled || i.readOnly ? k : m ? /* @__PURE__ */ D("div", {
+  return i.disabled || i.readOnly ? V : d ? /* @__PURE__ */ D("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: V
+    }), /* @__PURE__ */ r(B, {
       anchor: "bottom",
-      open: o.isOpen,
-      onClose: o.close,
-      anchorEl: o.anchorEl,
+      open: t.isOpen,
+      onClose: t.close,
+      anchorEl: t.anchorEl,
       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(F, {
           dataTest: i.dataTest,
           value: l,
           minTime: c,
-          onSelect: C,
-          handleClear: b,
-          onConfirm: o.close
+          onSelect: b,
+          handleClear: g,
+          onConfirm: t.close
         })
       })
     })]
-  }) : /* @__PURE__ */ r(F, {
+  }) : /* @__PURE__ */ r(A, {
     mouseEvent: "onMouseDown",
-    onClickAway: o.close,
+    onClickAway: t.close,
     children: /* @__PURE__ */ D("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: V
+      }), t.isOpen && /* @__PURE__ */ r(K, {
         ...i,
-        popupState: o,
-        handleClear: b,
-        onSelect: C
+        popupState: t,
+        handleClear: g,
+        onSelect: b
       })]
     })
   });
 };
 export {
-  ne as StyledTimePicker
+  re as StyledTimePicker
 };

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
+};

package/dist/src/components/data-display/badge/StyledBadge.d.ts

@@ -4,9 +4,11 @@ type StyledBadgeSize = 'medium' | 'small';
 type StyledBadgePurpose = 'notification' | 'unread' | 'filter';
 /**
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15181-43817
- * Figma "Badge". Notification count = 20px lime pill with a 1px border and Helper-Semibold 14/20;
- * `dot` = 12px lime circle with a stronger 2px border. Other colors and `small` are legacy app
- * extensions with no matching Figma notification variant.
+ * Figma "Badge". Notification count = 20px lime pill with a 1px ring and Helper-Semibold 14/20;
+ * `dot` = 12px lime circle with a stronger 2px ring. Both rings are stroked on the inside, as
+ * Figma draws them, so they cost no layout space: a count is its label plus 6px either side and
+ * nothing more. Other colors and `small` are legacy app extensions with no matching Figma
+ * notification variant.
  *
  * Pass children to decorate them — the badge anchors to their corner. Pass none and the badge,
  * count or dot, becomes a flow element (for the dot, Figma `Size=Dot`, node 44267-214524), for a

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -16,7 +16,12 @@ interface DialogPaperProps {
  */
 export interface IStyledDialogProps {
     open: boolean;
-    onClose?: (event: SyntheticEvent | Event, reason: DialogCloseReason) => void;
+    /**
+     * ✕, Escape and (ASMA-8471) native Back all funnel through this. Returning a Promise (a dirty or
+     * async confirmation) latches the dialog against Back while it is pending (`requestCloseTopOverlayBack`);
+     * returning nothing leaves it unlatched, so a repeated Back repeats the same dismissal attempt.
+     */
+    onClose?: (event: SyntheticEvent | Event, reason: DialogCloseReason) => void | Promise<unknown>;
     children?: ReactNode;
     dataTest: string;
     maxWidth?: DialogMaxWidth;