@godxjp/ui 31.5.0 → 31.6.0

package/dist/i18n/messages/vi.json

@@ -354,7 +354,8 @@
       "collapse": "Thu gọn",
       "loading": "Đang tải nút con…",
       "empty": "Không có gì để hiển thị",
-      "selected": "Đã chọn"
+      "selected": "Đã chọn",
+      "filterMatch": "Khớp bộ lọc"
     },
     "thoughtChain": {
       "label": "Các bước suy luận",
@@ -573,7 +574,11 @@
     "sortDescending": "Sắp xếp giảm dần",
     "sortCancel": "Bỏ sắp xếp",
     "selectColumn": "Chọn",
-    "scrollRegion": "Bảng có thể cuộn"
+    "scrollRegion": "Bảng có thể cuộn",
+    "selectPage": "Chọn tất cả các dòng trên trang này",
+    "matchingPage": "Đã chọn {count} dòng trên trang này.",
+    "matchingSelectAll": "Chọn tất cả {count} dòng khớp",
+    "matchingSelected": "Đã chọn tất cả {count} dòng khớp."
   },
   "dataGrid": {
     "search": "Tìm kiếm",

package/dist/lib/hooks.d.ts

@@ -53,12 +53,16 @@ export declare function useScrollableRegionTabIndex(element: HTMLElement | null)
  * overflows. Reading it as "no overflow" would strand the overflow from every keyboard user — a
  * worse failure than an extra tab stop — so an unmeasured box counts as scrolling.
  *
- * `axis` is the box's OWN `overflow`, not a preference: an axis it does not scroll on is `hidden`
- * there, so overflow on that axis is CLIPPED rather than reachable, and measuring it would keep a
- * tab stop that scrolls nothing. `ScrollArea`'s `orientation` is exactly this union.
+ * `axis` names the axes the caller KNOWS scroll; an axis whose computed `overflow` is `auto` or
+ * `scroll` is measured as well, because the box scrolls there whatever the caller asked. An axis
+ * that is `hidden` CLIPS rather than scrolls, so it is never measured — that would keep a tab stop
+ * that scrolls nothing. `ScrollArea`'s `orientation` is exactly this union.
  */
 export declare function useScrollsOnAxis(ref: RefObject<HTMLElement | null>, enabled: boolean, axis: "horizontal" | "vertical" | "both"): boolean;
-/** A table's wrapper scrolls on one axis only, so it asks the one question it has (gh#817). */
+/**
+ * The horizontal question a table asks (gh#817). The block axis is measured TOO whenever the box's
+ * computed `overflow-y` scrolls — `overflow-x: auto` computes it to `auto` — see `useScrollsOnAxis`.
+ */
 export declare function useScrollsHorizontally(ref: RefObject<HTMLElement | null>, enabled: boolean): boolean;
 /**
  * Nearest scrollable ancestor — the box an element actually scrolls inside — else `null`, which is

package/dist/lib/hooks.js

@@ -111,9 +111,12 @@ function useScrollsOnAxis(ref, enabled, axis) {
   useEffect(() => {
     const el = ref.current;
     if (!enabled || !el) return void 0;
-    const overflows = (client, scroll) => client === 0 || scroll - client > 1;
+    const overflows = (client, scroll) => scroll - client > 1;
+    const scrollsOn = (value) => value === "auto" || value === "scroll";
     const update = (sync) => {
-      const next = axis !== "vertical" && overflows(el.clientWidth, el.scrollWidth) || axis !== "horizontal" && overflows(el.clientHeight, el.scrollHeight);
+      const unmeasured = el.clientWidth === 0 && el.clientHeight === 0;
+      const style = getComputedStyle(el);
+      const next = unmeasured || (axis !== "vertical" || scrollsOn(style.overflowX)) && overflows(el.clientWidth, el.scrollWidth) || (axis !== "horizontal" || scrollsOn(style.overflowY)) && overflows(el.clientHeight, el.scrollHeight);
       if (next && sync) flushSync(() => setScrolls(true));
       else setScrolls(next);
     };

package/dist/lib/tree.d.ts

@@ -50,4 +50,27 @@ export declare function filterVisibleTree(options: NormalizedTreeOption[], query
 }[];
 export declare function collectAllExpandableKeys(options: NormalizedTreeOption[]): string[];
 export declare function findNodeByValue(options: NormalizedTreeOption[], value: string): NormalizedTreeOption | undefined;
+/**
+ * rc-tree gives up on a node after this many rejected `loadData` calls and treats it as loaded
+ * (rc-tree `MAX_RETRY_TIMES`), so a permanently broken endpoint cannot be hammered forever.
+ */
+export declare const MAX_LAZY_LOAD_RETRIES = 10;
+/**
+ * The lazy-children ledger shared by `Tree`, `TreeSelect` and `Cascader` — rc-tree's
+ * `loadedKeys` / `loadingKeys` / `loadingRetryTimes`, in one place (gh#1041).
+ *
+ * A key is asked for at most once while in flight and never again once it RESOLVED. A REJECTED
+ * load is not "loaded": the key leaves the in-flight set and the next expand asks again, until
+ * `MAX_LAZY_LOAD_RETRIES` failures. The old per-component ledgers recorded the key before the
+ * promise settled and never cleared it, so one network blip left a branch unloadable for the life
+ * of the component.
+ */
+export type LazyLoadLedger = {
+    /**
+     * Call `load` for `key` unless it is in flight or already loaded. A synchronous throw counts
+     * as a rejection. `onSettle(ok)` runs once the load settles. Returns whether `load` was called.
+     */
+    run: (key: string, load: () => void | Promise<void>, onSettle?: (ok: boolean) => void) => boolean;
+};
+export declare function createLazyLoadLedger(): LazyLoadLedger;
 export {};

package/dist/lib/tree.js

@@ -136,10 +136,39 @@ function findNodeByValue(options, value) {
   }
   return void 0;
 }
+const MAX_LAZY_LOAD_RETRIES = 10;
+function createLazyLoadLedger() {
+  const loaded = /* @__PURE__ */ new Set();
+  const inFlight = /* @__PURE__ */ new Set();
+  const failures = /* @__PURE__ */ new Map();
+  return {
+    run(key, load, onSettle) {
+      if (loaded.has(key) || inFlight.has(key)) return false;
+      inFlight.add(key);
+      new Promise((resolve) => resolve(load())).then(
+        () => {
+          inFlight.delete(key);
+          loaded.add(key);
+          onSettle?.(true);
+        },
+        () => {
+          inFlight.delete(key);
+          const count = (failures.get(key) ?? 0) + 1;
+          failures.set(key, count);
+          if (count >= MAX_LAZY_LOAD_RETRIES) loaded.add(key);
+          onSettle?.(false);
+        }
+      );
+      return true;
+    }
+  };
+}
 export {
+  MAX_LAZY_LOAD_RETRIES,
   collectAllExpandableKeys,
   collectAllPaths,
   collectLeafPaths,
+  createLazyLoadLedger,
   filterTreeOptions,
   filterVisibleTree,
   findNodeByValue,

package/dist/props/components/data-display.prop.d.ts

@@ -743,12 +743,31 @@ export type TreeProp = {
     /** Start with every branch open (antd `defaultExpandAll`). Seeded once, never re-applied. */
     defaultExpandAll?: boolean;
     /**
-     * Lazy children (antd `loadData`). Called ONCE per node the first time a branch with no
-     * `children` and `isLeaf !== true` is expanded; push the fetched children into `treeData`.
+     * Lazy children (antd `loadData`). Called when a branch with no `children` and
+     * `isLeaf !== true` is expanded, and never again once its promise RESOLVES; push the fetched
+     * children into `treeData`. A REJECTED promise is not a load: the branch folds back shut
+     * (uncontrolled expansion) and the next expand asks again, up to 10 attempts (rc-tree).
      */
     loadData?: (node: TreeNodeProp) => void | Promise<void>;
     /** Render a node's title (antd `titleRender`). */
     titleRender?: (node: TreeNodeProp) => React.ReactNode;
+    /**
+     * Highlight the nodes this returns `true` for (antd `filterTreeNode`) — the match of a search
+     * box above the tree. Matching rows are marked, NOT hidden: the outline, the keyboard path and
+     * every ARIA attribute stay exactly as they were. The row gets `data-filter-node="true"` and its
+     * label reads `--tree-node-filter-foreground` in the medium weight, plus an sr-only "matches"
+     * so the mark is never colour alone. Receives the node data, as `titleRender` and `loadData` do.
+     */
+    filterTreeNode?: (node: TreeNodeProp) => boolean;
+    /**
+     * Viewport height in px (antd `height`). The tree scrolls inside this height, and — unless
+     * `virtual` is `false` — renders only the rows in view (plus a small overscan), so a branch of
+     * several hundred lazily-loaded children stays a few dozen DOM rows. Rows must share one height
+     * (the `size` tier) for the window to be exact.
+     */
+    height?: number;
+    /** Set `false` to render every row even when `height` is set (antd `virtual`). Default `true`. */
+    virtual?: boolean;
     /** Draw the connector rails between a parent and its children (antd `showLine`). */
     showLine?: boolean;
     /**

package/dist/props/components/data-entry.prop.d.ts

@@ -1209,6 +1209,17 @@ export type RecordPickerProp = Omit<React.ButtonHTMLAttributes<HTMLButtonElement
     };
     placeholder?: string;
     dialogTitle?: string;
+    /**
+     * Node shown when the search finds nothing (antd `notFoundContent`) — in the dropdown shape and
+     * in the dialog alike. Localized `dataEntry.recordPicker.empty` otherwise.
+     */
+    notFoundContent?: NotFoundContentProp;
+    /**
+     * Text of the dialog's load-more button (localized `dataEntry.recordPicker.more` otherwise). Only
+     * the label: the button and when it appears (the server returned a `nextCursor`) stay the
+     * picker's.
+     */
+    loadMoreLabel?: LabelProp;
     size?: "xs" | "sm" | "md" | "lg";
     /**
      * Tên trường, do `FormField` truyền xuống. Khai tường minh vì CẢ HAI nhánh phải giữ nó: một
@@ -1788,8 +1799,9 @@ export type CascaderProp = FieldA11yProps & {
      */
     showCheckedStrategy?: Exclude<ShowCheckedStrategyProp, "SHOW_ALL">;
     /**
-     * Lazy children (antd `loadData`). Called ONCE per node the first time a branch with no
-     * `children` and `isLeaf !== true` is expanded; push the fetched children into `options`.
+     * Lazy children (antd `loadData`). Called when a branch with no `children` and
+     * `isLeaf !== true` is expanded, and never again once its promise RESOLVES; push the fetched
+     * children into `options`. A REJECTED promise is forgotten, so the next activation asks again.
      */
     loadData?: (selectedOptions: TreeOptionProp[]) => void | Promise<void>;
     /** Render the trigger label from the selected path (antd `displayRender`). */
@@ -1864,8 +1876,10 @@ export type TreeSelectProp = FieldA11yProps & {
     /** Panel open change (antd `onOpenChange`). Fires for both controlled and uncontrolled panels. */
     onOpenChange?: OnOpenChangeProp;
     /**
-     * Lazy children (antd `loadData`). Called ONCE per node the first time a branch with no
-     * `children` and `isLeaf !== true` is expanded; push the fetched children into `treeData`.
+     * Lazy children (antd `loadData`). Called when a branch with no `children` and
+     * `isLeaf !== true` is expanded, and never again once its promise RESOLVES; push the fetched
+     * children into `treeData`. A REJECTED promise folds the branch shut and the next expand asks
+     * again, up to 10 attempts (rc-tree).
      */
     loadData?: (node: TreeOptionProp) => void | Promise<void>;
     /** Render a node's title (antd `treeTitleRender`). */
@@ -1945,6 +1959,14 @@ export type TransferProp = FieldA11yProps & {
     className?: ClassNameProp;
     selectedKeys?: [string[], string[]];
     onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
+    /**
+     * antd `locale`, ported for `notFoundContent` only: the node an empty (or search-emptied) pane
+     * shows. A `[source, target]` pair sets each pane separately, as in antd. Localized
+     * `dataEntry.transfer.empty` otherwise.
+     */
+    locale?: {
+        notFoundContent?: NotFoundContentProp | [NotFoundContentProp, NotFoundContentProp];
+    };
 };
 /** @see BranchScopePicker — scope mode: every branch, or an explicit subset. */
 export type BranchScopeModeProp = "all" | "selected";
@@ -1989,6 +2011,11 @@ export type BranchScopePickerProp = FieldA11yProps & {
     loading?: boolean;
     /** Custom empty content when `branches` is empty; defaults to a localized message. */
     empty?: React.ReactNode;
+    /**
+     * Shown when the branch search matches nothing (antd `notFoundContent`); localized
+     * `dataEntry.branchScope.noMatches` otherwise. An empty `branches` list is `empty`'s, not this.
+     */
+    notFoundContent?: NotFoundContentProp;
     /** Branch-collection READ failure (distinct from `error`, which is field validation). */
     listError?: React.ReactNode;
     /** Permission-denied state — the branch read was refused. Takes precedence over `listError`. */

package/dist/props/components/query.prop.d.ts

@@ -3,7 +3,7 @@ import type * as React from "react";
 import type { InfiniteData, QueryKey, UseInfiniteQueryResult, UseMutationResult, UseQueryResult } from "@tanstack/react-query";
 import type { LinkProps } from "react-router-dom";
 import type { ButtonProp } from "./general.prop.js";
-import type { ClassNameProp, HandlerProp } from "../vocabulary/index.js";
+import type { ClassNameProp, HandlerProp, LabelProp } from "../vocabulary/index.js";
 /** @see DataState — TanStack Query lifecycle widget (not a visual component). */
 export type DataStateProp<T> = {
     query: UseQueryResult<T>;
@@ -103,6 +103,13 @@ export type InfiniteQueryStateProp<TPage, TFlat = TPage extends {
     loadingMore?: React.ReactNode;
     /** Custom load-more footer; `false` hides footer entirely. */
     loadMore?: React.ReactNode | false;
+    /**
+     * Text of the built-in load-more button (localized `query.loadMore` otherwise) — e.g.
+     * 「さらに表示」「さらに古い版を表示」. Only the idle label: the button, its pending label and its
+     * disabled-while-fetching behaviour stay the component's. Ignored when `loadMore` replaces the
+     * footer.
+     */
+    loadMoreLabel?: LabelProp;
     /** Show default load-more button when `hasNextPage`. Default `true`. */
     showLoadMore?: boolean;
     children: (flat: TFlat, helpers: InfiniteQueryHelpers) => React.ReactNode;

package/dist/props/registry.d.ts

@@ -304,10 +304,20 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "data";
         readonly description: "One entry in the selection-column dropdown — { key, text, onSelect } (antd SelectionItem)";
     };
+    readonly TableSelectionBuiltInProp: {
+        readonly file: "vocabulary/data.prop.ts";
+        readonly category: "data";
+        readonly description: "Built-in selections entry — SELECT_ALL | SELECT_INVERT | SELECT_NONE (antd Table.SELECTION_ALL / SELECTION_INVERT / SELECTION_NONE, published as DataTable.SELECTION_*)";
+    };
+    readonly TableSelectAllMatchingProp: {
+        readonly file: "vocabulary/data.prop.ts";
+        readonly category: "data";
+        readonly description: "Server-paged 'select all N matching' banner — { total, selected, onSelectedChange } (no antd equivalent; Gmail/Jira/GitHub pattern)";
+    };
     readonly TableRowSelectionProp: {
         readonly file: "vocabulary/data.prop.ts";
         readonly category: "data";
-        readonly description: "DataTable row-selection config — type | selectedRowKeys | onChange | getCheckboxProps | preserveSelectedRowKeys | selections | hideSelectAll | columnTitle (antd TableRowSelection)";
+        readonly description: "DataTable row-selection config — type | selectedRowKeys | onChange | getCheckboxProps | preserveSelectedRowKeys | selections | hideSelectAll | columnTitle | selectAllLabel | matching (antd TableRowSelection + select-all-matching)";
     };
     readonly TableExpandableProp: {
         readonly file: "vocabulary/data.prop.ts";
@@ -1810,7 +1820,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly RecordPickerProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "PlaceholderProp"];
+        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "PlaceholderProp", "NotFoundContentProp", "LabelProp"];
         readonly note: "One picker whose SHAPE follows the size of the set: Select at or under `threshold`, a searchable Dialog with consumer-declared filters over it (gh#932).";
     };
     readonly RecordPickerFilterProp: {
@@ -1882,7 +1892,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly TransferProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["DisabledProp", "ClassNameProp"];
+        readonly vocabulary: readonly ["DisabledProp", "ClassNameProp", {
+            readonly field: "locale";
+            readonly local: true;
+            readonly reason: "antd Transfer `locale`, ported for `notFoundContent` only (one node, or a [source, target] pair) — gh#1044.";
+        }];
     };
     readonly TransferItemProp: {
         readonly group: "data-entry";
@@ -1940,7 +1954,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly DataTableProp: {
         readonly group: "data-display";
         readonly file: "components/data-display.prop.ts";
-        readonly vocabulary: readonly ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp", "GetRowLabelProp", "HandlerProp", "TablePresetProp", "TableColumnPriorityProp", "BreakpointProp", "ColumnFixedProp", "ColumnFilterItemProp", "ColumnFilterStateProp", "ColumnSorterProp", "TableRowSelectionProp", "TableExpandableProp", "TableSummaryProp", "TableScrollProp", "TableStickyProp", "OnRowProp", "TablePaginationProp", "TablePaginationPositionProp", "SortDirectionProp", "OnColumnFilterChangeProp"];
+        readonly vocabulary: readonly ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp", "GetRowLabelProp", "HandlerProp", "TablePresetProp", "TableColumnPriorityProp", "BreakpointProp", "ColumnFixedProp", "ColumnFilterItemProp", "ColumnFilterStateProp", "ColumnSorterProp", "TableRowSelectionProp", "TableSelectionBuiltInProp", "TableSelectAllMatchingProp", "TableExpandableProp", "TableSummaryProp", "TableScrollProp", "TableStickyProp", "OnRowProp", "TablePaginationProp", "TablePaginationPositionProp", "SortDirectionProp", "OnColumnFilterChangeProp"];
     };
     readonly ListRowDensityProp: {
         readonly group: "data-display";
@@ -2408,7 +2422,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly InfiniteQueryStateProp: {
         readonly group: "query";
         readonly file: "components/query.prop.ts";
-        readonly vocabulary: readonly ["HandlerProp"];
+        readonly vocabulary: readonly ["HandlerProp", "LabelProp"];
     };
     readonly PrefetchLinkProp: {
         readonly group: "query";
@@ -3293,6 +3307,10 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly field: "onRangeChange";
             readonly local: true;
             readonly reason: "An endpoint movement command, not an internally owned value; the consumer commits its row data.";
+        }, {
+            readonly field: "sticky";
+            readonly local: true;
+            readonly reason: "antd Table `sticky` — `true` or `{ offsetHeader }` (px) keeps the axis header on screen while the page scrolls (gh#1044).";
         }, {
             readonly field: "expandedValues";
             readonly local: true;
@@ -3476,7 +3494,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly field: "empty";
             readonly local: true;
             readonly reason: "Custom empty content when there are no branches.";
-        }, {
+        }, "NotFoundContentProp", {
             readonly field: "listError";
             readonly local: true;
             readonly reason: "Branch-collection READ failure — deliberately distinct from ErrorProp `error`, which stays field validation.";

package/dist/props/registry.js

@@ -302,10 +302,20 @@ const VOCABULARY_REGISTRY = {
     category: "data",
     description: "One entry in the selection-column dropdown \u2014 { key, text, onSelect } (antd SelectionItem)"
   },
+  TableSelectionBuiltInProp: {
+    file: "vocabulary/data.prop.ts",
+    category: "data",
+    description: "Built-in selections entry \u2014 SELECT_ALL | SELECT_INVERT | SELECT_NONE (antd Table.SELECTION_ALL / SELECTION_INVERT / SELECTION_NONE, published as DataTable.SELECTION_*)"
+  },
+  TableSelectAllMatchingProp: {
+    file: "vocabulary/data.prop.ts",
+    category: "data",
+    description: "Server-paged 'select all N matching' banner \u2014 { total, selected, onSelectedChange } (no antd equivalent; Gmail/Jira/GitHub pattern)"
+  },
   TableRowSelectionProp: {
     file: "vocabulary/data.prop.ts",
     category: "data",
-    description: "DataTable row-selection config \u2014 type | selectedRowKeys | onChange | getCheckboxProps | preserveSelectedRowKeys | selections | hideSelectAll | columnTitle (antd TableRowSelection)"
+    description: "DataTable row-selection config \u2014 type | selectedRowKeys | onChange | getCheckboxProps | preserveSelectedRowKeys | selections | hideSelectAll | columnTitle | selectAllLabel | matching (antd TableRowSelection + select-all-matching)"
   },
   TableExpandableProp: {
     file: "vocabulary/data.prop.ts",
@@ -2146,7 +2156,16 @@ const COMPONENT_PROP_REGISTRY = {
   RecordPickerProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "PlaceholderProp"],
+    vocabulary: [
+      "ValueProp",
+      "OnValueChangeProp",
+      "DisabledProp",
+      "SizeProp",
+      "PlaceholderProp",
+      // gh#1044: antd `notFoundContent` for the empty search, and the dialog's load-more text.
+      "NotFoundContentProp",
+      "LabelProp"
+    ],
     note: "One picker whose SHAPE follows the size of the set: Select at or under `threshold`, a searchable Dialog with consumer-declared filters over it (gh#932)."
   },
   RecordPickerFilterProp: {
@@ -2262,7 +2281,15 @@ const COMPONENT_PROP_REGISTRY = {
   TransferProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["DisabledProp", "ClassNameProp"]
+    vocabulary: [
+      "DisabledProp",
+      "ClassNameProp",
+      {
+        field: "locale",
+        local: true,
+        reason: "antd Transfer `locale`, ported for `notFoundContent` only (one node, or a [source, target] pair) \u2014 gh#1044."
+      }
+    ]
   },
   TransferItemProp: {
     group: "data-entry",
@@ -2350,6 +2377,8 @@ const COMPONENT_PROP_REGISTRY = {
       "ColumnFilterStateProp",
       "ColumnSorterProp",
       "TableRowSelectionProp",
+      "TableSelectionBuiltInProp",
+      "TableSelectAllMatchingProp",
       "TableExpandableProp",
       "TableSummaryProp",
       "TableScrollProp",
@@ -2830,7 +2859,8 @@ const COMPONENT_PROP_REGISTRY = {
   InfiniteQueryStateProp: {
     group: "query",
     file: "components/query.prop.ts",
-    vocabulary: ["HandlerProp"]
+    // LabelProp: `loadMoreLabel`, the built-in button's idle text (gh#1044).
+    vocabulary: ["HandlerProp", "LabelProp"]
   },
   PrefetchLinkProp: { group: "query", file: "components/query.prop.ts", vocabulary: [] },
   AuthExpiryProviderProp: {
@@ -3905,6 +3935,11 @@ const COMPONENT_PROP_REGISTRY = {
         local: true,
         reason: "An endpoint movement command, not an internally owned value; the consumer commits its row data."
       },
+      {
+        field: "sticky",
+        local: true,
+        reason: "antd Table `sticky` \u2014 `true` or `{ offsetHeader }` (px) keeps the axis header on screen while the page scrolls (gh#1044)."
+      },
       {
         field: "expandedValues",
         local: true,
@@ -4144,6 +4179,8 @@ const COMPONENT_PROP_REGISTRY = {
         local: true,
         reason: "Custom empty content when there are no branches."
       },
+      // gh#1044: antd `notFoundContent` — the line shown when the branch SEARCH matches nothing.
+      "NotFoundContentProp",
       {
         field: "listError",
         local: true,

package/dist/props/vocabulary/data.prop.d.ts

@@ -207,6 +207,25 @@ export type TableSelectionItemProp = {
     text: React.ReactNode;
     onSelect: (currentRowKeys: string[]) => void;
 };
+/**
+ * A built-in entry for the `selections` list (antd `Table.SELECTION_ALL` / `SELECTION_INVERT` /
+ * `SELECTION_NONE`, published here as `DataTable.SELECTION_*`). Mix them with custom
+ * {@link TableSelectionItemProp} entries in any order, exactly as antd does.
+ */
+export type TableSelectionBuiltInProp = "SELECT_ALL" | "SELECT_INVERT" | "SELECT_NONE";
+/**
+ * "Select all N matching" for a server-paged table (Gmail / Jira / GitHub; antd has no
+ * equivalent). Once every row of the page is selected, a banner above the header offers the whole
+ * result set; choosing it flips `selected`, and the consumer then sends its FILTER to the server
+ * instead of the ids. Unticking any row, or "Clear selection", reports `false`.
+ */
+export type TableSelectAllMatchingProp = {
+    /** Rows the current query matches on the server — the N in "Select all N". */
+    total: number;
+    /** Controlled: `true` while the whole matching set is selected. */
+    selected: boolean;
+    onSelectedChange: (selected: boolean) => void;
+};
 /**
  * Row-selection configuration (antd `TableRowSelection`). The object form is the full surface;
  * the older `selectable` / `selected` / `onSelectChange` triple stays and drives the same state.
@@ -224,10 +243,21 @@ export type TableRowSelectionProp<T> = {
     };
     /** Keep keys selected even once their row leaves `data` (server paging / filtering). */
     preserveSelectedRowKeys?: boolean;
-    /** Extra bulk-select entries under the header checkbox. `true` = the built-in all/none/invert. */
-    selections?: TableSelectionItemProp[] | boolean;
+    /**
+     * Extra bulk-select entries under the header checkbox. `true` = the built-in all/invert/none;
+     * a list mixes `DataTable.SELECTION_*` built-ins with custom entries, in the order given.
+     */
+    selections?: (TableSelectionItemProp | TableSelectionBuiltInProp)[] | boolean;
     hideSelectAll?: boolean;
     columnTitle?: React.ReactNode;
+    /**
+     * Accessible name of the header checkbox. Default: "Select all rows", or "Select all rows on
+     * this page" once `matching` is set. Name what it really selects — on a server-paged table it
+     * is the page, not the result set.
+     */
+    selectAllLabel?: string;
+    /** Opt-in "select all N matching" banner for a server-paged table. */
+    matching?: TableSelectAllMatchingProp;
 };
 /** Expandable-row configuration (antd/rc-table `ExpandableConfig`). */
 export type TableExpandableProp<T> = {

package/dist/props/vocabulary/index.d.ts

@@ -4,4 +4,4 @@ export type { TitleProp, SubtitleProp, StatusProp, DescriptionProp, ExtraProp, F
 export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, CenteredShellAlignProp, CenteredShellPresetProp, ErrorSurfaceModeProp, ErrorSurfaceStatusProp, AuthShellPresetProp, MobileShellHeightProp, MobileShellWidthProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
 export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingToggleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, TextBreakProp, TypographyTypeProp, TitleLevelProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, CalloutKindProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, RevealTriggerProp, InViewAmountProp, ActivityVariantProp, ActivityAnnounceProp, IconSizeProp, } from "./interaction.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
-export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";
+export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableSelectionBuiltInProp, TableSelectAllMatchingProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";

package/dist/styles/data-display-layout.css

@@ -1129,6 +1129,11 @@
     padding-inline-end: calc(var(--code-block-space-inset) + var(--control-height-xs));
   }
 
+  .ui-code-block[data-copyable][data-wrap="false"] {
+    padding-inline-end: var(--code-block-space-inset);
+    border-inline-end: calc(var(--control-height-xs) + 2 * var(--space-1)) solid transparent;
+  }
+
   .ui-code-block-copy {
     position: absolute;
     inset-block-start: var(--space-1);
@@ -1139,6 +1144,11 @@
     .ui-code-block[data-copyable] {
       padding-inline-end: calc(var(--code-block-space-inset) + var(--control-height-default));
     }
+
+    .ui-code-block[data-copyable][data-wrap="false"] {
+      padding-inline-end: var(--code-block-space-inset);
+      border-inline-end-width: calc(var(--control-height-default) + 2 * var(--space-1));
+    }
   }
 
   .ui-code-block [data-code-token="comment"],
@@ -1545,6 +1555,20 @@
     border: var(--stroke-hairline) solid hsl(var(--range-timeline-border-color));
     border-radius: var(--radius-md, calc(var(--radius) / var(--radius-ratio)));
   }
+
+  .ui-range-timeline[data-sticky="true"] {
+    overflow: clip;
+  }
+  .ui-range-timeline-sticky-header {
+    position: sticky;
+    inset-block-start: var(--range-timeline-sticky-offset, 0px);
+    z-index: 2;
+    overflow: hidden;
+  }
+  .ui-range-timeline-scroller {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
   .ui-range-timeline-canvas {
     min-inline-size: calc(
       var(--range-timeline-label-width) + var(--range-timeline-columns, 1) *
@@ -2171,6 +2195,34 @@
     border-block-start-color: transparent;
   }
 
+  .ui-tree-node[data-filter-node="true"]:not([data-disabled]) .ui-tree-label {
+    color: var(--tree-node-filter-foreground, hsl(var(--text-brand, var(--primary))));
+    font-weight: var(--font-weight-medium);
+  }
+
+  .ui-tree[data-virtual="true"][data-show-line="true"] .ui-tree-node {
+    position: relative;
+  }
+
+  .ui-tree-rail {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: calc(
+      var(--tree-node-padding-inline) + (var(--tree-rail-level, 1) - 1) * var(--tree-indent-width) +
+        var(--tree-switcher-size) / 2
+    );
+    border-inline-start: var(--stroke-hairline) solid var(--tree-line-color, hsl(var(--border)));
+  }
+
+  .ui-tree-spacer {
+    flex: none;
+  }
+
+  .ui-tree[data-virtual="true"][data-divided="true"]
+    > .ui-tree-node[aria-level="1"][aria-posinset="1"] {
+    border-block-start-color: transparent;
+  }
+
   .ui-tree-loading {
     display: flex;
     align-items: center;

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "31.5.0",
+  "version": "31.6.0",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",

package/dist/styles/table-layout.css

@@ -187,7 +187,9 @@
     padding: 0;
   }
 
-  .ui-table-row:has(> [data-slot="table-cell"][data-flush] > [data-slot="list-row"][data-unread]) {
+  .ui-table-row:not([data-state="selected"]):has(
+      > [data-slot="table-cell"][data-flush] > [data-slot="list-row"][data-unread]
+    ) {
     background-color: var(--list-row-unread-background, hsl(var(--muted)));
   }
 
@@ -554,6 +556,19 @@
     gap: var(--table-selection-menu-gap);
   }
 
+  .ui-data-table-matching[data-active] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-inline-sm);
+    padding-block: var(--space-stack-xs);
+    padding-inline: var(--table-cell-space-x, var(--space-section-active));
+    border-block-end: var(--stroke-hairline) solid var(--table-border-color, hsl(var(--border)));
+    background-color: hsl(var(--muted));
+    font-size: var(--font-size-sm);
+  }
+
   .ui-data-table-surface .ui-table-bordered {
     border-width: 0;
   }

package/dist/tokens/components/tree.css

@@ -27,5 +27,7 @@
   --tree-node-selected-background-alpha: initial;
   --tree-node-selected-foreground: initial;
 
+  --tree-node-filter-foreground: initial;
+
   --tree-loading-bar-inline-size: 40%;
 }