@ai-matrx/associations 0.13.4 → 0.13.5

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog — @ai-matrx/associations
 
+## 0.13.5
+
+- **The default picker window stacks above a modal it was opened from.** `DefaultWindowShell` painted at z-50 under a blocking Sheet/Drawer's z-10000 scrim, so picking an option closed the modal. It now wraps its root in design-system's `FloatingLayer` and paints at `useFloatingLayerZIndex(50)`. Needs `@ai-matrx/design-system` 0.48.0. No consumer action (hosts that bind `windowShell` follow design-system 0.48.0's consumer action).
+
 ## 0.13.4
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/react/index.cjs

@@ -2263,6 +2263,7 @@ function DefaultWindowShell({
   className
 }) {
   const panelRef = (0, import_react11.useRef)(null);
+  const zIndex = (0, import_design_system2.useFloatingLayerZIndex)(50);
   const [mounted, setMounted] = (0, import_react11.useState)(false);
   const [isMobile, setIsMobile] = (0, import_react11.useState)(false);
   const [rect, setRect] = (0, import_react11.useState)(() => centred());
@@ -2339,19 +2340,19 @@ function DefaultWindowShell({
     height: rect.height
   };
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.FloatingLayer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         ref: panelRef,
         role: "dialog",
         "aria-labelledby": labelId,
         tabIndex: -1,
-        style,
+        style: { ...style, zIndex },
         className: (0, import_design_system2.cn)(
           // Non-modal by design: no backdrop element exists, so the page
           // behind keeps every click. `pointer-events-auto` re-asserts our
           // own subtree in case a Radix surface left <body> inert.
-          "pointer-events-auto fixed z-50 flex flex-col overflow-hidden border border-border bg-card text-card-foreground shadow-xl outline-none",
+          "pointer-events-auto fixed flex flex-col overflow-hidden border border-border bg-card text-card-foreground shadow-xl outline-none",
           isMobile ? "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-xl" : "rounded-xl",
           className
         ),
@@ -2425,7 +2426,7 @@ function DefaultWindowShell({
           )
         ]
       }
-    ),
+    ) }),
     document.body
   );
 }