@ai-matrx/design-system 0.48.10 → 0.48.12

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.48.12
+### Unreleased
+
+- **A tab list that does not fit never hides its first tab** (lane HANDOVER, 2026-09-27): `TabsList` centres with `justify-center-safe`, so an overflowing list starts at its first tab and scrolls, instead of spilling past the start edge where no scroll reaches (the context inspector read "iff" at 390 wide). A caller's own `justify-*` still wins. Proof: `tabs.test.tsx`, red on the old class.
+
+## 0.48.11
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.48.10..npm/design-system/v0.48.11 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.48.10
 ### Unreleased
 ### page-pass shared fix (2026-09-27): a bottom sheet sizes to its content

package/dist/data-table/index.cjs

@@ -36522,6 +36522,7 @@ function GenericTablePagination({
   const startItem = totalItems === 0 ? 0 : progressive ? 1 : (currentPage - 1) * effectiveItemsPerPage + 1;
   const endItem = Math.min(progressive?.shownCount ?? currentPage * effectiveItemsPerPage, totalItems);
   const defaultLabelFormat = (start, end, total) => {
+    if (total === 0 && !unknownTotal) return "0 rows";
     if (unknownTotal) return `${unknownTotal.pageRowCount.toLocaleString()} on page ${currentPage.toLocaleString()}`;
     if (progressive) return progressive.loadedCount !== void 0 && progressive.loadedCount !== total ? `${end} shown / ${total} matching \xB7 ${progressive.loadedCount} loaded` : `${end} shown / ${total} loaded`;
     return compact ? `${start}-${end} of ${total}` : `Showing ${start} to ${end} of ${total} entries`;
@@ -36576,7 +36577,7 @@ function GenericTablePagination({
       {
         className: cn("flex min-w-0 justify-center", infoContainerClassName),
         children: showPageInfo && !hideEntriesInfo && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-xs tabular-nums text-muted-foreground sm:hidden", children: labelFormat ? formatLabel(startItem, endItem, totalItems) : unknownTotal ? defaultLabelFormat(startItem, endItem, totalItems) : progressive ? `${endItem}/${totalItems} ${progressive.loadedCount !== void 0 && progressive.loadedCount !== totalItems ? "matching" : "loaded"}` : `${startItem}-${endItem} / ${totalItems}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-xs tabular-nums text-muted-foreground sm:hidden", children: labelFormat ? formatLabel(startItem, endItem, totalItems) : unknownTotal ? defaultLabelFormat(startItem, endItem, totalItems) : totalItems === 0 ? "0 rows" : progressive ? `${endItem}/${totalItems} ${progressive.loadedCount !== void 0 && progressive.loadedCount !== totalItems ? "matching" : "loaded"}` : `${startItem}-${endItem} / ${totalItems}` }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "span",
             {
@@ -36651,7 +36652,7 @@ function GenericTablePagination({
               ),
               fallbackClassName: page === currentPage ? pageActiveButtonClassName : pageButtonClassName,
               onClick: () => onPageChange(page),
-              disabled: isFetching,
+              disabled: isFetching || totalPages <= 1,
               children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: page })
             },
             `mobile-${page}`
@@ -36667,7 +36668,7 @@ function GenericTablePagination({
               visibilityClassName: "hidden sm:inline-flex",
               fallbackClassName: currentPage === page ? pageActiveButtonClassName : pageButtonClassName,
               onClick: () => onPageChange(page),
-              disabled: isFetching,
+              disabled: isFetching || totalPages <= 1,
               children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: page })
             },
             `desktop-${page}`
@@ -51474,11 +51475,10 @@ function MatrxDataTableCore(coreProps) {
                           ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
                         ]
                       }
-                    ) : !hidePagination && !(totalItems === 0 && !isLoading && !hasActiveFilters) ? (
-                      // No pager over a table that is simply EMPTY: "0-0 of 0" and a disabled pager
-                      // say nothing the empty state does not (page-pass 2026-09-27,
-                      // /education/quizzes). A search or filter that matched nothing keeps it — its
-                      // footer still says what was searched ("0–0 of 0 matching · 2 / 12 loaded").
+                    ) : !hidePagination ? (
+                      // Keep the footer and disabled page controls in place for an empty table,
+                      // including an unfiltered empty source. The empty-state copy explains why
+                      // there are no records; the stable footer preserves the table controls.
                       /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                         GenericTablePagination,
                         {