@ai-matrx/design-system 0.86.351 → 0.86.353

package/CHANGELOG.md

@@ -1,7 +1,26 @@
 # Changelog
 
+## 0.86.353
+
+- Test-only: `chip-geometry.test.tsx` now pins the tone selector `:is(.matrx-control-chip, .matrx-tile, .matrx-tile-icon)` that 0.86.351 widened for `Tile iconTone`; the isolation check failed on the stale two-member pattern. No consumer action required.
+
+## 0.86.352
+
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff e79e8f43fa f0db3b8d0a -- apps/shared/design-system/src`
+
+Changed shipped source files (6):
+- `apps/shared/design-system/src/desktop/desktop.css`
+- `apps/shared/design-system/src/desktop/index.ts`
+- `apps/shared/design-system/src/desktop/layout.tsx`
+- `apps/shared/design-system/src/desktop/sheet.tsx`
+- `apps/shared/design-system/src/desktop/table-filter.tsx`
+- `apps/shared/design-system/src/desktop/table.tsx`
+
 ## 0.86.351
 
+- Every contact value (`ContactValue`, `PhoneValue`, `EmailValue`, `AddressValue`, `UrlValue`, `SocialHandleValue`) gains `about`: peek blocks from the host (where the value was found, its answer) drawn inside the value's ONE peek, before Actions — so a host never wraps the value in a second peek. Additive; no consumer action required.
 - 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.
 - `Tile` gains `iconTone` (a `ChipTone`): the icon alone becomes a 28px colored square while the card stays neutral — a grid of actions where each job keeps its hue. 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",
@@ -3025,10 +3027,21 @@ function Notices({ children, className, onHeight, ...props }) {
       className: cn("flex flex-col items-stretch gap-2 empty:hidden", className),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(NoticeStackContext.Provider, { value: registry3, children: [
-        layout.folded > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { type: "button", "data-slot": "notices-more", className: "order-first self-end rounded-full px-2 py-0.5", onClick: () => registry3.expand(), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Text, { variant: "caption", tone: "secondary", children: [
-          layout.folded,
-          " more"
-        ] }) }) : null,
+        layout.folded > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Button,
+          {
+            type: "button",
+            "data-slot": "notices-more",
+            variant: "plain",
+            size: "sm",
+            className: "order-first self-end rounded-full px-2 py-0.5",
+            onClick: () => registry3.expand(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Text, { variant: "caption", tone: "secondary", children: [
+              layout.folded,
+              " more"
+            ] })
+          }
+        ) : null,
         children
       ] })
     }
@@ -5730,13 +5743,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 +5862,7 @@ function DataTable({
   onFilterStateChange,
   defaultFilter,
   filterBar = true,
+  noun,
   className,
   "aria-label": ariaLabel,
   columns: allColumns,
@@ -6039,7 +6053,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",
     {