@rankingcoach/vanguard 1.12.1 → 1.12.2

package/dist/index-BenchmarkGauge.js

@@ -4,7 +4,7 @@ import { useState as z } from "react";
 import e from "./index-BenchmarkGauge.module.scss.js";
 import { BenchmarkGaugeMarker as F } from "./index-BenchmarkGaugeMarker.js";
 import { useBenchmarkGaugeRenderState as U } from "./index-use-benchmark-gauge-render-state.js";
-import { resolveMarkerColor as W } from "./index-utils2.js";
+import { resolveMarkerColor as W } from "./index-utils3.js";
 import { Render as c } from "./index-Render.js";
 import { Text as x, TextTypes as y } from "./index-Text.js";
 const _ = (m) => {

package/dist/index-BenchmarkGaugeMarker.js

@@ -1,7 +1,7 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { classNames as m } from "./index-classNames.js";
 import "react";
-import { valueToPercent as y, markerPosition as d } from "./index-utils2.js";
+import { valueToPercent as y, markerPosition as d } from "./index-utils3.js";
 import t from "./index-BenchmarkGaugeMarker.module.scss.js";
 import { BenchmarkGaugePin as A } from "./index-BenchmarkGaugePin.js";
 import { Render as M } from "./index-Render.js";

package/dist/index-DateInput.js

@@ -1,10 +1,10 @@
-import { __exports as p } from "./index-_virtual71.js";
+import { __exports as p } from "./index-_virtual72.js";
 import k from "react";
 import { __require as K } from "./index-prop-types.js";
 import { __require as L } from "./index-classnames2.js";
-import U from "./index-_virtual72.js";
-import z from "./index-_virtual73.js";
-import A from "./index-_virtual74.js";
+import U from "./index-_virtual73.js";
+import z from "./index-_virtual74.js";
+import A from "./index-_virtual75.js";
 import V from "./index-_virtual55.js";
 var q;
 function te() {

package/dist/index-DateRange.js

@@ -6,7 +6,7 @@ import { classNames as f } from "./index-classNames.js";
 import { datesAreDifferent as r } from "./index-date-helpers.js";
 import c from "./index-moment.js";
 import { useState as g, useEffect as d } from "react";
-import { d as p } from "./index-_virtual9.js";
+import { d as p } from "./index-_virtual10.js";
 import { ComponentContainer as u } from "./index-ComponentContainer.js";
 const w = (a) => {
   const {

package/dist/index-Drawer.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "react";
 import e from "./index-Drawer.module.scss.js";
 import { Button as C, ButtonSizes as N, ButtonTypes as x } from "./index-Button.js";
@@ -7,25 +7,25 @@ import s from "./index-_virtual4.js";
 import { Header as D, HeaderTypes as p } from "./index-Header.js";
 import H from "./index-Drawer2.js";
 var o;
-(function(t) {
-  t.left = "left", t.top = "top", t.right = "right", t.bottom = "bottom";
+(function(r) {
+  r.left = "left", r.top = "top", r.right = "right", r.bottom = "bottom";
 })(o || (o = {}));
-const q = (t) => {
+const O = (r) => {
   const {
     open: f = !1,
     anchor: d = o.right,
     title: l,
-    description: h,
+    description: u,
     isHeaderCompact: c = !1,
-    isHeaderSticky: u = !1,
+    isHeaderSticky: h = !1,
     onClose: n,
     children: v,
     hideBackdrop: a,
     variant: B = "persistent",
     zIndex: i,
     showCloseButton: k = !1
-  } = t;
-  return r(H, {
+  } = r;
+  return t(H, {
     anchor: d,
     transitionDuration: 400,
     hideBackdrop: a,
@@ -43,9 +43,15 @@ const q = (t) => {
       },
       style: i !== void 0 ? {
         zIndex: i
-      } : void 0
+      } : void 0,
+      // The drawer is a side panel, not a blocking dialog — we layer modals
+      // and popovers on top of it. MUI's default FocusTrap yanks focus back
+      // into the drawer whenever an input on a higher overlay receives it,
+      // which makes those inputs untypable. Turn enforcement off so focus
+      // can rest where the user puts it.
+      disableEnforceFocus: !0
     },
-    onClose: (z, w) => n && n({
+    onClose: (b, w) => n && n({
       isOk: !1,
       data: {
         reason: w
@@ -54,24 +60,24 @@ const q = (t) => {
     children: m("div", {
       className: s(e.drawer, d === o.right ? e.right : e.left),
       children: [m("div", {
-        className: s(u ? e.headerSticky : void 0, e.headerContainer),
-        children: [r("div", {
+        className: s(h ? e.headerSticky : void 0, e.headerContainer),
+        children: [t("div", {
           className: e.closeButton,
-          children: k ? r(C, {
+          children: k ? t(C, {
             type: x.muted,
             size: N.medium,
             icon: y.close,
             onClick: n
           }) : null
-        }), l ? r("div", {
+        }), l ? t("div", {
           className: s(e.header, c ? e.compact : void 0),
-          children: r(D, {
+          children: t(D, {
             title: l,
-            description: h,
+            description: u,
             type: c ? p.compactDrawerHeader : p.drawerHeader
           })
         }) : null]
-      }), r("div", {
+      }), t("div", {
         className: e.drawerContent,
         children: v
       })]
@@ -80,5 +86,5 @@ const q = (t) => {
 };
 export {
   o as AnchorTypes,
-  q as Drawer
+  O as Drawer
 };

package/dist/index-DrawerRoot.js

@@ -1,49 +1,53 @@
-import { jsx as t } from "react/jsx-runtime";
-import { pubSubService as n, PUB_SUB_EVENTS as c } from "./index-pub-sub.js";
-import { useState as o, useRef as v, useEffect as S } from "react";
-import { Drawer as C } from "./index-Drawer.js";
-import { DrawerService as b } from "./index-DrawerService.js";
-import x from "./index-DrawerRoot.module.scss.js";
-const I = (i) => {
+import { jsx as o } from "react/jsx-runtime";
+import { pubSubService as d, PUB_SUB_EVENTS as u } from "./index-pub-sub.js";
+import { OverlayStackingService as s } from "./index-OverlayStackingService.js";
+import { useState as t, useRef as g, useEffect as C } from "react";
+import { Drawer as b } from "./index-Drawer.js";
+import { DrawerService as y } from "./index-DrawerService.js";
+import O from "./index-DrawerRoot.module.scss.js";
+const Z = (l) => {
   const {
     padding: p = "40px 48px"
-  } = i, s = {
+  } = l, a = {
     variant: "temporary"
-  }, [l, a] = o(!1), [d, u] = o(null), [w, m] = o(s), r = v(null), f = (e) => {
-    r.current && b.close(r.current);
+  }, [f, c] = t(!1), [m, w] = t(null), [i, D] = t(a), [v, x] = t(void 0), r = g(null), S = (e) => {
+    r.current && y.close(r.current);
   };
-  return S(() => {
-    n.$sub(c.reactDrawerOpen, ({
+  C(() => {
+    d.$sub(u.reactDrawerOpen, ({
       component: e,
-      options: D,
-      id: h
+      options: h,
+      id: n
     }) => {
-      u(e), m({
-        ...s,
-        ...D
-      }), r.current = h, a(!0);
-    }), n.$sub(c.reactDrawerClose, ({
+      r.current && r.current !== n && s.unregister(r.current), x(s.register(n, "drawer")), w(e), D({
+        ...a,
+        ...h
+      }), r.current = n, c(!0);
+    }), d.$sub(u.reactDrawerClose, ({
       id: e
     }) => {
-      e === r.current && a(!1);
+      e === r.current && (s.unregister(e), r.current = null, c(!1));
     });
-  }, []), t("div", {
+  }, []);
+  const I = i.zIndex ?? v;
+  return o("div", {
     "data-testid": "drawer-root",
     id: "drawer-root",
-    children: t(C, {
-      open: l,
-      ...w,
-      onClose: f,
-      children: t("div", {
-        className: x.drawerRootContentWrapper,
+    children: o(b, {
+      open: f,
+      ...i,
+      zIndex: I,
+      onClose: S,
+      children: o("div", {
+        className: O.drawerRootContentWrapper,
         style: {
           padding: p
         },
-        children: d
+        children: m
       })
     })
   });
 };
 export {
-  I as DrawerRoot
+  Z as DrawerRoot
 };

package/dist/index-DropdownMenu.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { classNames as x } from "./index-classNames.js";
-import { uuidv4 as A } from "./index-generate-uid.js";
-import { ComponentContainer as E } from "./index-ComponentContainer.js";
-import { Icon as g } from "./index-Icon.js";
-import { MODAL_BASE_Z_INDEX as l, ModalService as a } from "./index-ModalService.js";
-import { Text as M } from "./index-Text.js";
-import { useState as p, useRef as L, useEffect as O } from "react";
-import s from "./index-DropdownMenu.module.scss.js";
-import P from "./index-Popper.js";
-import R from "./index-Fade.js";
-import { ClickAwayListener as b } from "./index-ClickAwayListener.js";
-import S from "./index-MenuList.js";
-import _ from "./index-MenuItem2.js";
-const V = (f) => {
+import { classNames as v } from "./index-classNames.js";
+import { uuidv4 as x } from "./index-generate-uid.js";
+import { ComponentContainer as A } from "./index-ComponentContainer.js";
+import { Icon as D } from "./index-Icon.js";
+import { OVERLAY_BASE_Z_INDEX as l, OverlayStackingService as a } from "./index-OverlayStackingService.js";
+import { Text as O } from "./index-Text.js";
+import { useState as p, useRef as R, useEffect as L } from "react";
+import c from "./index-DropdownMenu.module.scss.js";
+import S from "./index-Popper.js";
+import b from "./index-Fade.js";
+import { ClickAwayListener as M } from "./index-ClickAwayListener.js";
+import _ from "./index-MenuList.js";
+import j from "./index-MenuItem2.js";
+const Q = (f) => {
   const {
     anchorEl: t,
     isOpen: n,
@@ -20,25 +20,25 @@ const V = (f) => {
     items: u,
     hideOnItemClick: d = !0,
     placement: h = "bottom"
-  } = f, [w, I] = p(null), y = L(`dropdown-${A()}`), [k, c] = p(l);
-  O(() => {
+  } = f, [w, y] = p(null), I = R(`dropdown-${x()}`), [k, s] = p(l);
+  L(() => {
     if (!n) {
-      c(l);
+      s(l);
       return;
     }
-    const e = y.current;
-    return c(a.registerPopover(e)), () => a.unregisterPopover(e);
+    const e = I.current;
+    return s(a.register(e, "popover")), () => a.unregister(e);
   }, [n]);
   function C(e) {
     e.key === "Tab" ? (e.preventDefault(), i()) : e.key === "Escape" && i();
   }
-  const D = (e) => {
+  const E = (e) => {
     e && e(), d && i();
   }, N = (e) => {
     t && t.current && t.current.contains(e.target) || (e.preventDefault(), i());
   };
-  return r(E, {
-    children: r(P, {
+  return r(A, {
+    children: r(S, {
       style: {
         zIndex: k
       },
@@ -61,31 +61,31 @@ const V = (f) => {
       transition: !0,
       children: ({
         TransitionProps: e,
-        placement: j
-      }) => r(R, {
+        placement: F
+      }) => r(b, {
         ...e,
         timeout: 250,
         children: m("div", {
           children: [r("div", {
-            className: x(s.arrow),
-            ref: I
-          }), r(b, {
+            className: v(c.arrow),
+            ref: y
+          }), r(M, {
             onClickAway: N,
-            children: r(S, {
+            children: r(_, {
               autoFocusItem: n,
-              className: s.menu,
+              className: c.menu,
               onKeyDown: C,
-              children: u.map((o, v) => m(_, {
-                className: s.item,
-                onClick: () => D(o.onClick),
+              children: u.map((o, g) => m(j, {
+                className: c.item,
+                onClick: () => E(o.onClick),
                 selected: o.selected,
-                children: [o.iconName && r(g, {
+                children: [o.iconName && r(D, {
                   ...o.iconProps,
                   children: o.iconName
-                }), r(M, {
+                }), r(O, {
                   children: o.title
                 })]
-              }, v))
+              }, g))
             })
           })]
         })
@@ -94,5 +94,5 @@ const V = (f) => {
   });
 };
 export {
-  V as DropdownMenu
+  Q as DropdownMenu
 };

package/dist/index-InputRangeField.js

@@ -1,4 +1,4 @@
-import { __exports as p } from "./index-_virtual76.js";
+import { __exports as p } from "./index-_virtual69.js";
 import E from "react";
 import { __require as W } from "./index-prop-types.js";
 var R;

package/dist/index-LexicalToolkit2.js

@@ -1,4 +1,4 @@
-import { __require as i } from "./index-dist2.js";
+import { __require as i } from "./index-dist3.js";
 var r, e;
 function t() {
   return e || (e = 1, r = i()), r;

package/dist/index-ModalContext.js

@@ -1,24 +1,24 @@
 import { jsx as b } from "react/jsx-runtime";
-import { useRef as C, useState as k, useCallback as n, useContext as m, createContext as v } from "react";
-import { ModalService as S } from "./index-ModalService.js";
-const c = v(void 0), $ = () => {
-  const s = m(c);
+import { OverlayStackingService as k } from "./index-OverlayStackingService.js";
+import { useRef as v, useState as C, useCallback as n, useContext as S, createContext as m } from "react";
+const M = m(void 0), $ = () => {
+  const s = S(M);
   if (!s)
     throw new Error("useModalContext must be used within a ModalProvider");
   return s;
 }, j = ({
   children: s
 }) => {
-  const d = C(/* @__PURE__ */ new Map()), [u, l] = k({
+  const d = v(/* @__PURE__ */ new Map()), [u, l] = C({
     growModals: [],
     slideModals: [],
     popModals: []
-  }), p = n((e) => d.current.get(e), []), w = n((e) => S.getModalOrder(e), []), f = n((e, t, o) => {
+  }), p = n((e) => d.current.get(e), []), w = n((e) => k.getOrder(e), []), f = n((e, t, o) => {
     d.current.set(e, o), l((x) => {
       const r = {
         ...x
-      }, a = (i, M) => {
-        i.indexOf(M) >= 0 || i.push(M);
+      }, a = (i, c) => {
+        i.indexOf(c) >= 0 || i.push(c);
       };
       switch (t) {
         case "grow":
@@ -48,7 +48,7 @@ const c = v(void 0), $ = () => {
     removeModal: g,
     getModalOrder: w
   };
-  return b(c.Provider, {
+  return b(M.Provider, {
     value: h,
     children: s
   });