@ai-matrx/associations 0.13.4 → 0.13.5

package/dist/react/index.js

@@ -2016,7 +2016,7 @@ import {
   useState as useState6
 } from "react";
 import { createPortal } from "react-dom";
-import { cn as cn2 } from "@ai-matrx/design-system";
+import { cn as cn2, FloatingLayer, useFloatingLayerZIndex } from "@ai-matrx/design-system";
 
 // src/react/icons.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -2205,6 +2205,7 @@ function DefaultWindowShell({
   className
 }) {
   const panelRef = useRef7(null);
+  const zIndex = useFloatingLayerZIndex(50);
   const [mounted, setMounted] = useState6(false);
   const [isMobile, setIsMobile] = useState6(false);
   const [rect, setRect] = useState6(() => centred());
@@ -2281,19 +2282,19 @@ function DefaultWindowShell({
     height: rect.height
   };
   return createPortal(
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx5(FloatingLayer, { children: /* @__PURE__ */ jsxs3(
       "div",
       {
         ref: panelRef,
         role: "dialog",
         "aria-labelledby": labelId,
         tabIndex: -1,
-        style,
+        style: { ...style, zIndex },
         className: cn2(
           // 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
         ),
@@ -2367,7 +2368,7 @@ function DefaultWindowShell({
           )
         ]
       }
-    ),
+    ) }),
     document.body
   );
 }