@ai-matrx/design-system 0.19.12 → 0.19.13

package/dist/data-table/index.cjs

@@ -8345,10 +8345,7 @@ function MatrxDataTableCore({
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.intentTimeoutMs !== void 0 ? { intentTimeoutMs: appendScrollPolicy.intentTimeoutMs } : {}
   });
   const rootRef = (0, import_react17.useRef)(null);
-  const actionDiagnosticObserver = (0, import_react17.useRef)(null);
   const setDiagnosticBoundaryRef = (0, import_react17.useCallback)((node) => {
-    actionDiagnosticObserver.current?.disconnect();
-    actionDiagnosticObserver.current = null;
     rootRef.current = node;
     if (!node) return;
     node.style.setProperty("outline", "2px solid #2563eb", "important");
@@ -8366,22 +8363,6 @@ function MatrxDataTableCore({
     boundary.style.setProperty("z-index", "2147483647", "important");
     boundary.style.setProperty("box-sizing", "border-box", "important");
     boundary.style.setProperty("border", "2px solid #2563eb", "important");
-    const paintActionDiagnostics = () => {
-      const paint = (selector, color) => {
-        for (const element of Array.from(node.querySelectorAll(selector))) {
-          if (element.closest("[data-matrx-table]") !== node) continue;
-          element.style.setProperty("outline", `1px solid ${color}`, "important");
-          element.style.setProperty("outline-offset", "-1px", "important");
-        }
-      };
-      paint("[data-matrx-table-row-action-cell], [data-matrx-table-row-actions]", "#16a34a");
-      paint("[data-matrx-table-row-actions] :is(button, a)", "#f97316");
-      paint("[data-matrx-table-row-actions] .matrx-tap-pill", "#a855f7");
-      paint("[data-matrx-table-row-actions] svg", "#ef4444");
-    };
-    paintActionDiagnostics();
-    actionDiagnosticObserver.current = new MutationObserver(paintActionDiagnostics);
-    actionDiagnosticObserver.current.observe(node, { childList: true, subtree: true });
   }, []);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
@@ -10052,7 +10033,7 @@ function MatrxDataTableCore({
                                   "th",
                                   {
                                     "data-matrx-table-actions-column": true,
-                                    className: "h-9 w-px text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                                    className: "h-9 w-px px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
                                     style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
                                     children: "Actions"
                                   }