@godxjp/ui 31.5.0 → 31.7.0

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";
@@ -594,6 +604,11 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "navigation";
         readonly description: "Single breadcrumb segment";
     };
+    readonly BreadcrumbItemEllipsisProp: {
+        readonly file: "vocabulary/navigation.prop.ts";
+        readonly category: "navigation";
+        readonly description: "One-line truncation of a breadcrumb segment, with the full label in a tooltip";
+    };
     readonly BreadcrumbProp: {
         readonly file: "vocabulary/navigation.prop.ts";
         readonly category: "navigation";
@@ -1810,7 +1825,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 +1897,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 +1959,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 +2427,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 +3312,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 +3499,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",
@@ -594,6 +604,11 @@ const VOCABULARY_REGISTRY = {
     category: "navigation",
     description: "Single breadcrumb segment"
   },
+  BreadcrumbItemEllipsisProp: {
+    file: "vocabulary/navigation.prop.ts",
+    category: "navigation",
+    description: "One-line truncation of a breadcrumb segment, with the full label in a tooltip"
+  },
   BreadcrumbProp: {
     file: "vocabulary/navigation.prop.ts",
     category: "navigation",
@@ -2146,7 +2161,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 +2286,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 +2382,8 @@ const COMPONENT_PROP_REGISTRY = {
       "ColumnFilterStateProp",
       "ColumnSorterProp",
       "TableRowSelectionProp",
+      "TableSelectionBuiltInProp",
+      "TableSelectAllMatchingProp",
       "TableExpandableProp",
       "TableSummaryProp",
       "TableScrollProp",
@@ -2830,7 +2864,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 +3940,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 +4184,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

@@ -3,5 +3,5 @@ export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, On
 export type { TitleProp, SubtitleProp, StatusProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop.js";
 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 { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemEllipsisProp, 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, TableSelectionBuiltInProp, TableSelectAllMatchingProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";

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

@@ -33,6 +33,20 @@ export type BreadcrumbItemProp = {
     to?: string;
     /** Ant Design `menu` — a sibling dropdown on this segment. @see BreadcrumbItemMenuProp */
     menu?: BreadcrumbItemMenuProp;
+    /**
+     * One line, a long label cut with "…" (gh#1046). antd's Breadcrumb has no per-item ellipsis;
+     * the name and shape are antd Typography's `ellipsis`. The full label shows in a tooltip on hover
+     * and on keyboard focus of the crumb link — `true` / `{}` use the label, `{ tooltip: node }`
+     * replaces it, `{ tooltip: false }` drops it. Applies to link and current crumbs, not to a
+     * `menu` segment or an `itemRender` body. The trail then stays on one line; a theme may cap
+     * each such crumb with `--breadcrumb-item-max-inline-size`.
+     * @see BreadcrumbItemEllipsisProp
+     */
+    ellipsis?: BreadcrumbItemEllipsisProp;
+};
+/** `BreadcrumbItemProp.ellipsis` — on, or on with an explicit tooltip (gh#1046). */
+export type BreadcrumbItemEllipsisProp = boolean | {
+    tooltip?: React.ReactNode;
 };
 /** Ordered breadcrumb trail above page title. */
 export type BreadcrumbProp = BreadcrumbItemProp[];

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.7.0",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",
@@ -702,7 +702,8 @@
     },
     "PageContainer": {
       "layers": [
-        "layout.css"
+        "layout.css",
+        "dialog-layout.css"
       ]
     },
     "Pagination": {

package/dist/styles/layout.css

@@ -1036,6 +1036,28 @@
     color: hsl(var(--foreground));
   }
 
+  .ui-breadcrumb-list[data-ellipsis] {
+    flex-wrap: nowrap;
+  }
+  .ui-breadcrumb-list[data-ellipsis] > .ui-breadcrumb-item:not([data-ellipsis]) {
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
+  .ui-breadcrumb-item[data-ellipsis] {
+    min-inline-size: 0;
+    max-inline-size: var(--breadcrumb-item-max-inline-size);
+  }
+  .ui-breadcrumb-item[data-ellipsis] > svg,
+  .ui-breadcrumb-item[data-ellipsis] > .ui-breadcrumb-separator {
+    flex-shrink: 0;
+  }
+  .ui-breadcrumb-ellipsis {
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .ui-empty-state {
     display: flex;
     flex-direction: column;

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)));
   }
 
@@ -210,6 +212,9 @@
     font: inherit;
     cursor: pointer;
     outline: none;
+
+    max-inline-size: 100%;
+    min-inline-size: 0;
   }
 
   .ui-data-table-sort-button::after {
@@ -332,6 +337,11 @@
     display: inline-flex;
     align-items: center;
     gap: var(--space-inline-xs);
+    min-inline-size: 0;
+    max-inline-size: 100%;
+  }
+  .ui-data-table-sort-label > .ui-data-table-sort-icon {
+    flex-shrink: 0;
   }
 
   :is(th, td).text-center > .ui-data-table-sort-button > .ui-data-table-sort-label {
@@ -554,6 +564,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/navigation.css

@@ -46,6 +46,8 @@
   --breadcrumb-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
 
   --breadcrumb-menu-trigger-gap: var(--space-inline-xs);
+
+  --breadcrumb-item-max-inline-size: none;
   --menu-shortcut-font-size: var(
     --font-size-xs,
     calc(var(--font-size-base) / var(--font-size-ratio))

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%;
 }