@ai-matrx/associations 0.13.4 → 0.13.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog — @ai-matrx/associations
2
2
 
3
+ ## 0.13.6
4
+
5
+ Automatic changed-only republish (docs/metadata drift since the last tag — see
6
+ `git diff npm/associations/v0.13.4..npm/associations/v0.13.6 -- apps/shared/associations`).
7
+ No source changes intended and no consumer action required.
8
+
9
+ ## 0.13.5
10
+
11
+ - **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).
12
+
3
13
  ## 0.13.4
4
14
 
5
15
  Automatic changed-only republish (docs/metadata drift since the last tag — see
@@ -2263,6 +2263,7 @@ function DefaultWindowShell({
2263
2263
  className
2264
2264
  }) {
2265
2265
  const panelRef = (0, import_react11.useRef)(null);
2266
+ const zIndex = (0, import_design_system2.useFloatingLayerZIndex)(50);
2266
2267
  const [mounted, setMounted] = (0, import_react11.useState)(false);
2267
2268
  const [isMobile, setIsMobile] = (0, import_react11.useState)(false);
2268
2269
  const [rect, setRect] = (0, import_react11.useState)(() => centred());
@@ -2339,19 +2340,19 @@ function DefaultWindowShell({
2339
2340
  height: rect.height
2340
2341
  };
2341
2342
  return (0, import_react_dom.createPortal)(
2342
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
2343
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.FloatingLayer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
2343
2344
  "div",
2344
2345
  {
2345
2346
  ref: panelRef,
2346
2347
  role: "dialog",
2347
2348
  "aria-labelledby": labelId,
2348
2349
  tabIndex: -1,
2349
- style,
2350
+ style: { ...style, zIndex },
2350
2351
  className: (0, import_design_system2.cn)(
2351
2352
  // Non-modal by design: no backdrop element exists, so the page
2352
2353
  // behind keeps every click. `pointer-events-auto` re-asserts our
2353
2354
  // own subtree in case a Radix surface left <body> inert.
2354
- "pointer-events-auto fixed z-50 flex flex-col overflow-hidden border border-border bg-card text-card-foreground shadow-xl outline-none",
2355
+ "pointer-events-auto fixed flex flex-col overflow-hidden border border-border bg-card text-card-foreground shadow-xl outline-none",
2355
2356
  isMobile ? "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-xl" : "rounded-xl",
2356
2357
  className
2357
2358
  ),
@@ -2425,7 +2426,7 @@ function DefaultWindowShell({
2425
2426
  )
2426
2427
  ]
2427
2428
  }
2428
- ),
2429
+ ) }),
2429
2430
  document.body
2430
2431
  );
2431
2432
  }