@ai-matrx/design-system 0.38.0 → 0.39.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 0.39.0 — 2026-09-24
+
+**`@ai-matrx/design-system/data-table/table-style` is its own server-safe entry.** The table-style
+model (colour by a column, rules, manual highlights, the palette) is pure, but it shipped only inside
+client-stamped entries, so a server could not read the palette and a portal's colours went missing
+when rendered on the server (S6 PORTAL-BRANDING). It now builds like `./data-table/filter-engine`:
+its own entry, the `"use client"` banner removed by `stamp-client-boundary.mjs`. Also in this
+release: S4's row-selection helpers (`row-selection.ts`, `63906a23db`).
+
+**Consumer action:** import the palette and model from `@ai-matrx/design-system/data-table/table-style`
+on the server; drop any app-side copy of the palette.
+
+## 0.38.1 — 2026-09-23
+
+**A default window-style Dialog sits with the layer that opened it.** In 0.38.0 every non-blocking dialog took the older `z-[900]` layer, which put a dialog opened from a menu, a popover or a host window BEHIND its opener (caught by matrx-frontend's nested-portal guard before adoption). A dialog that is a window because the caller said nothing about `modal` now sits at `z-[10000]`, as a blocking dialog always did; a caller that passes `modal={false}` explicitly keeps `z-[900]` (the coexistence contract below a host window manager). Two tests.
+
+**Consumer action:** none.
+
 ## 0.38.0 — 2026-09-23
 
 **On desktop a Dialog is a window, not a wall.** (register ARE-006, `common-docs/projects/ai-reachable-everywhere/REGISTER.md`.)

package/dist/content-transfer.cjs

@@ -265,13 +265,14 @@ function useIsMobile() {
 
 // src/dialog.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var DialogWindowedByDefaultContext = React5.createContext(false);
 var Dialog = ({
   children,
   ...props
 }) => {
   const isMobile = useIsMobile();
   const modal = props.modal ?? isMobile;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogWindowedByDefaultContext.Provider, { value: props.modal === void 0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Root, { ...props, modal, children }) }) });
 };
 Dialog.displayName = "Dialog";
 var DialogPortal = ({
@@ -340,6 +341,7 @@ var DialogContent = React5.forwardRef(
     const injectedContainer = usePortalContainer(container);
     const asSheet = mobileSheet && isMobile;
     const windowed = !isModal && !asSheet;
+    const windowedByDefault = React5.useContext(DialogWindowedByDefaultContext);
     const [containerEl, setContainerEl] = React5.useState(
       null
     );
@@ -400,7 +402,7 @@ var DialogContent = React5.forwardRef(
             // can sit beside a host's floating window manager (which starts at
             // z=1000); staying below that boundary makes a newly focused window
             // usable without coupling the two systems.
-            !isModal && "z-[900]",
+            !isModal && !windowedByDefault && "z-[900]",
             // Without an overlay the card needs its own separation from the page.
             windowed && "shadow-2xl ring-1 ring-border/60"
           ),