@ai-matrx/design-system 0.86.351 → 0.86.352

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.86.352
+
+UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
+Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/design-system/src`.
+
 ## 0.86.351
 
 - New `Checklist`, `ChecklistItem`, `ChecklistMark` and `ChecklistMeter` controls: a status-marked list of conditions with a segmented progress meter and one action slot per row. Additive; no consumer action required.

package/dist/desktop.cjs

@@ -2393,7 +2393,7 @@ var DialogContent2 = React14.forwardRef(function DialogContent3({ className, sho
 function DialogHeader2({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogHeader, { className: cn("gap-1 space-y-0 pr-0 text-left sm:text-left", className), ...props });
 }
-function DialogBody({ className, children, ...props }) {
+function DialogBody({ className, children, minHeight, ...props }) {
   const ref = React14.useRef(null);
   const [overflowing, setOverflowing] = React14.useState(false);
   React14.useLayoutEffect(() => {
@@ -2407,7 +2407,7 @@ function DialogBody({ className, children, ...props }) {
     for (const child of Array.from(el.children)) observer.observe(child);
     return () => observer.disconnect();
   }, [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref, "data-slot": "sheet-body", "data-overflowing": overflowing ? "" : void 0, className: cn("flex min-h-0 flex-col gap-4", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref, "data-slot": "sheet-body", "data-min-height": minHeight, "data-overflowing": overflowing ? "" : void 0, className: cn("flex min-h-0 flex-col gap-4", className), ...props, children });
 }
 function DialogFooter2({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogFooter, { className: cn("flex-row justify-end gap-2 space-x-0 bg-content pt-1 sm:gap-2 sm:space-x-0", className), ...props });
@@ -2995,6 +2995,7 @@ function holdsElements(children) {
 }
 function Notices({ children, className, onHeight, ...props }) {
   const stack = React16.useRef(null);
+  const parent = React16.useContext(NoticeStackContext);
   const [registry3] = React16.useState(createNoticeRegistry);
   const layout = useNoticeStackLayout(registry3);
   const drawn = layout.total > 0;
@@ -3012,6 +3013,7 @@ function Notices({ children, className, onHeight, ...props }) {
       onHeight(0);
     };
   }, [onHeight, drawn]);
+  if (parent) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children });
   if (!holdsElements(children)) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
@@ -5730,13 +5732,13 @@ function TableFilterTokens({ columns, state, onChange }) {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RemovableTag, { "data-table-filter-token": column.key, className: "shrink-0", removeLabel: `Remove the ${name} filter`, onRemove: () => onChange(setValues(state, column.key, [])), children: `${name}: ${labels.join(", ")}` }, column.key);
   }) });
 }
-function TableFilterBar({ columns, rows, state, onChange, shown, label }) {
+function TableFilterBar({ columns, rows, state, onChange, shown, label, noun }) {
   const searchable = columns.some((c) => c.search);
   const active = filterActive(state);
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { "data-slot": "data-table-filter-bar", className: "flex h-table-filter-bar shrink-0 items-center gap-2 border-b border-separator px-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden", children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableFilterTokens, { columns, state, onChange }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text, { tone: "secondary", className: "shrink-0 tabular-nums", "data-table-filter-count": shown, children: active ? `${shown} of ${rows.length}` : `${rows.length}` })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text, { tone: "secondary", className: "shrink-0 tabular-nums", "data-table-filter-count": shown, children: `${active ? `${shown} of ${rows.length}` : `${rows.length}`}${noun ? ` ${rows.length === 1 ? noun[0] : noun[1]}` : ""}` })
     ] }),
     searchable ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       SearchField,
@@ -5849,6 +5851,7 @@ function DataTable({
   onFilterStateChange,
   defaultFilter,
   filterBar = true,
+  noun,
   className,
   "aria-label": ariaLabel,
   columns: allColumns,
@@ -6039,7 +6042,7 @@ function DataTable({
     }
   };
   const contextItems = menuRow !== null && rowContextMenu ? rowContextMenu(menuRow) ?? null : null;
-  const bar = filterable && filterBar && givenRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableFilterBar, { columns: allColumns, rows: givenRows, state: filter, onChange: setFilter, shown: rows.length, label: ariaLabel.toLowerCase() }) : null;
+  const bar = filterable && filterBar && givenRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableFilterBar, { columns: allColumns, rows: givenRows, state: filter, onChange: setFilter, shown: rows.length, label: ariaLabel.toLowerCase(), noun }) : null;
   const framed = (body) => bar ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "div",
     {