@ai-matrx/design-system 0.49.2 → 0.49.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.49.4
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.49.3..npm/design-system/v0.49.4 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.49.3
+### Unreleased
+### page-pass shared fix (2026-09-27): one dropdown chevron
+
+- New export **`SelectChevron`** — THE trigger glyph for every dropdown (down chevron, 16px / 14px `sm`, muted). `SelectTrigger` and `CreatablePicker` draw it (the picker drew an up-down pair beside Selects' down chevron). Proof: `one-dropdown-chevron.test.tsx`, red on the previous picker.
+
 ## 0.49.2
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/index.cjs

@@ -35068,6 +35068,16 @@ var selectTriggerVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
+function SelectChevron({ className, size = "default" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    RadixChevronDownIcon,
+    {
+      "aria-hidden": "true",
+      "data-select-chevron": "",
+      className: cn(size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4", "shrink-0 opacity-50", className)
+    }
+  );
+}
 var SelectTrigger = React8.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
   SelectPrimitive.Trigger,
   {
@@ -35076,7 +35086,7 @@ var SelectTrigger = React8.forwardRef(({ className, children, hideArrow = false,
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 shrink-0 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectChevron, { size: size === "sm" ? "sm" : "default" }) })
     ]
   }
 ));
@@ -48221,6 +48231,17 @@ function MatrxDataTableCore(coreProps) {
   const CHECKBOX_TAP_AREA = "h-4 w-4 touch-manipulation";
   const mobileCardsClass = mobileCardsBreakpoint === "lg" ? "lg:hidden" : "sm:hidden";
   const tableWithCardsClass = mobileCardsBreakpoint === "lg" ? "max-lg:hidden" : "max-sm:hidden";
+  const cardsQuery = mobileCardsBreakpoint === "lg" ? "(max-width: 1023px)" : "(max-width: 639px)";
+  const [cardsActive, setCardsActive] = (0, import_react22.useState)(null);
+  (0, import_react22.useEffect)(() => {
+    if (!mobileCards || typeof window === "undefined" || !window.matchMedia) return;
+    const mql = window.matchMedia(cardsQuery);
+    const read2 = () => setCardsActive(mql.matches);
+    read2();
+    mql.addEventListener?.("change", read2);
+    return () => mql.removeEventListener?.("change", read2);
+  }, [mobileCards, cardsQuery]);
+  const inactiveProps = (active) => cardsActive === null || active ? {} : { inert: true, "aria-hidden": true };
   const controlledQuery = query?.mode === "controlled" || query?.mode === "controlled-local" || query?.mode === "controlled-append" ? query : null;
   const remoteQuery = query?.mode === "controlled" || query?.mode === "controlled-append" ? query : null;
   const sourceProcessing = query?.mode === "controlled" || query?.mode === "controlled-local" ? query.sourceProcessing : appendQuery?.sourceProcessing;
@@ -50481,11 +50502,14 @@ function MatrxDataTableCore(coreProps) {
   const footerEpoch = useRenderEpoch([
     ...chromeGeometry,
     footerRows,
-    summaryContext.rows,
-    summaryContext.isFiltered,
-    summaryContext.coverage,
-    summaryCaption,
-    summaryUsesSource,
+    // A caller-owned footer changes through its `footerRows` identity.  The page rows must
+    // invalidate this chrome only when this table is drawing its own aggregate totals; otherwise
+    // one edited record needlessly redraws every caller-owned footer cell and menu.
+    hasSummaryTotals ? summaryContext.rows : null,
+    hasSummaryTotals ? summaryContext.isFiltered : null,
+    hasSummaryTotals ? summaryContext.coverage : null,
+    hasSummaryTotals ? summaryCaption : null,
+    hasSummaryTotals ? summaryUsesSource : null,
     ...summaryTotals.flatMap((total) => [total.id, total.value, total.unavailable])
   ]);
   const paginationEpoch = useRenderEpoch([
@@ -51379,6 +51403,7 @@ function MatrxDataTableCore(coreProps) {
                         "div",
                         {
                           ref: cardsScrollRef,
+                          ...inactiveProps(cardsActive === true),
                           "data-matrx-table-cards-scroll": true,
                           "aria-busy": isLoading || isFetching,
                           ...appendQuery === null ? {} : { style: { containerType: "inline-size" } },
@@ -51487,6 +51512,7 @@ function MatrxDataTableCore(coreProps) {
                         "div",
                         {
                           ref: scrollRef,
+                          ...mobileCards ? inactiveProps(cardsActive === false) : {},
                           "data-matrx-table-scroll": true,
                           onScroll: updateScrollHint,
                           ...spreadsheetEnabled ? {