@ai-matrx/design-system 0.19.11 → 0.19.13

package/dist/data-table/index.cjs

@@ -2672,15 +2672,15 @@ var ALCHEMY_GLYPH_PATHS = {
   portal: ["M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"],
   "copy-transform": ["M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3"]
 };
-var ALCHEMY_GLYPH_VIEWBOX = { portal: "2 2 20 20", "copy-transform": "0 0 24 24" };
-var svg = (paths, viewBox) => `<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="${viewBox}" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
+var ALCHEMY_GLYPH_VIEWBOX = { portal: "0 0 24 24", "copy-transform": "0 0 24 24" };
+var svg = (paths, viewBox) => `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="${viewBox}" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
 var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);
 var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"], ALCHEMY_GLYPH_VIEWBOX["copy-transform"]);
 
 // src/content-transfer/index.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function AlchemyGlyph({ icon = "portal", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("svg", { width: "22", height: "22", viewBox: ALCHEMY_GLYPH_VIEWBOX[icon], fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: ALCHEMY_GLYPH_PATHS[icon].map((d) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d }, d)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("svg", { width: "18", height: "18", viewBox: ALCHEMY_GLYPH_VIEWBOX[icon], fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: ALCHEMY_GLYPH_PATHS[icon].map((d) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d }, d)) });
 }
 var CapabilityContext = React13.createContext({});
 var useContentTransferCapabilities = () => React13.useContext(CapabilityContext);
@@ -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"
                                   }