@servicetitan/anvil2 3.9.0 → 3.10.0

package/dist/index.js

@@ -14,18 +14,18 @@ export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as Calen
 export { C as Card } from './Card-Bt0F6RTq.js';
 export { C as Checkbox } from './Checkbox-4wRmrann.js';
 export { C as Chip } from './Chip-D6Q0J0Xe.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-COJTJxCZ.js';
-export { D as DateFieldRange } from './DateFieldRange-CHbrYgsD.js';
-export { D as DateFieldSingle } from './DateFieldSingle-D-KZ3NL0.js';
-export { D as DateFieldYearless } from './DateFieldYearless-DouEX24o.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-B_bImgyn.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-V94SoOiU.js';
+export { D as DateFieldRange } from './DateFieldRange-DUFfyknZ.js';
+export { D as DateFieldSingle } from './DateFieldSingle-BZjlO0hX.js';
+export { D as DateFieldYearless } from './DateFieldYearless-TcKb9jE2.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-D9XtRNWi.js';
 export { D as DaysOfTheWeek } from './DaysOfTheWeek--FBi44iw.js';
 export { D as Details } from './Details-CVA5zbrR.js';
 export { D as Dialog } from './Dialog-Clh3jaX8.js';
 export { D as Divider } from './Divider-C7fp5Xb6.js';
 export { D as Dnd } from './index-BwV_Pz7v.js';
 export { D as Drawer } from './Drawer-h2Mut1lB.js';
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-D7DKSs7E.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-UAm0-l1l.js';
 export { E as EditCard } from './EditCard-QohYSylF.js';
 export { F as FieldLabel } from './FieldLabel-SzH61hCb.js';
 export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
@@ -43,19 +43,19 @@ export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './L
 export { M as Menu } from './Menu-DNOOmDQC.js';
 export { N as NumberField } from './NumberField-B1761jkf.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-B6E3Gbji.js';
-export { P as Pagination } from './Pagination-DF7iMeJe.js';
+export { P as Page } from './Page-Pk0-Sxf_.js';
+export { P as Pagination } from './Pagination-Bx_u6Uea.js';
 export { P as Popover } from './Popover-CjsE5FG0.js';
 export { P as ProgressBar } from './ProgressBar-Coh2nTJ1.js';
 export { R as Radio } from './Radio-BxSL1PoP.js';
 export { S as SearchField } from './SearchField-ChoNtw8w.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-CQ6DrbDc.js';
 export { S as SelectCard } from './SelectCard-BTfhPyHH.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-Bi8HsMYP.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-CpfsWecG.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DKg4g5nN.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-CtyLYyDE.js';
-export { S as SelectTrigger } from './SelectTrigger-DNIc5ttg.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-Dyug8Fgk.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-HhFKGtQM.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BkC0FD5P.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-C3Y7jnJQ.js';
+export { S as SelectTrigger } from './SelectTrigger-Do1puyA_.js';
 export { S as SideNav } from './SideNav-DZRXOYHs.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-B7tTWcP6.js';
@@ -69,7 +69,7 @@ export { T as TextField } from './TextField-D3sRS5q1.js';
 export { T as TimeField } from './TimeField-L9B_X6-H.js';
 export { T as Toaster } from './Toaster-DZxf0N9g.js';
 export { t as toast } from './Toaster-CAI7tX8q.js';
-export { T as Toolbar } from './Toolbar-BbImThIu.js';
+export { T as Toolbar } from './Toolbar-DDWUuQm_.js';
 export { T as Tooltip } from './Tooltip-BC8lnFhe.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';

package/dist/src/beta/components/FilterBar/FilterBar.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Filter } from './internal/types';
-import { LayoutUtilProps } from '../../../types';
+import { DataAttributes, LayoutUtilProps } from '../../../types';
 import { ToolbarSize } from '../Toolbar/types';
 /**
  * Props for the FilterBar component
@@ -8,7 +8,7 @@ import { ToolbarSize } from '../Toolbar/types';
  * @extends ComponentPropsWithoutRef<"div">
  * @extends LayoutUtilProps
  */
-export type FilterBarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
+export type FilterBarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & DataAttributes & {
     /** Array of filter objects */
     filters: Filter[];
     /** Description of the content this filter bar is associated with, used for accessibility */
@@ -66,7 +66,7 @@ export type FilterBarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps &
  *   />
  * </Flex>
  */
-export declare const FilterBar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+export declare const FilterBar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & DataAttributes & {
     /** Array of filter objects */
     filters: Filter[];
     /** Description of the content this filter bar is associated with, used for accessibility */

package/dist/src/beta/components/FilterBar/internal/utils/dateListLibraryOptions.d.ts

@@ -23,9 +23,9 @@ export declare const getVisibleDateListDefaultOptions: (filter: Pick<DateListFil
 /** True when the library option opens a date-range dialog. */
 export declare const isDateListRangeLibraryId: (id: DateListLibraryOptionId) => boolean;
 /**
- * Build the display label for a committed dateList selection. Used by both
- * the toolbar `FilterTriggerButton` and the FilterDrawer `SelectField` so the
- * two surfaces stay in sync.
+ * Build the display label for a committed dateList selection, without the
+ * filter's own label. Used by the FilterDrawer `SelectField`, which renders
+ * the filter label separately as the field label.
  *
  * - Selection with `value: null` (e.g. "Any day") → option label only.
  * - Custom Range library option → just the formatted range (label omitted
@@ -33,3 +33,17 @@ export declare const isDateListRangeLibraryId: (id: DateListLibraryOptionId) =>
  * - Other library or consumer options → `"<label>: <formatted>"`.
  */
 export declare const formatDateListSelectionLabel: (selection: DateListOption) => string;
+/**
+ * Build the toolbar `FilterTriggerButton` label for a committed dateList
+ * selection. Unlike the drawer, the trigger has no separate label slot, so the
+ * filter's label is retained and the selection appended — matching every other
+ * filter adapter (e.g. "Owner: Alice").
+ *
+ * - Selection with `value: null` (e.g. "Any day") → filter label, or the option label when the filter label is empty.
+ * - Custom Range → `"<filter>: <formatted>"`; the option name adds nothing
+ *   over the range itself.
+ * - Other options → `"<filter>: <option> (<formatted>)"`, e.g.
+ *   "Start Date: Last 7 Days (Aug 6 – Aug 11, 2026)". Parentheses avoid the
+ *   double colon that `"<filter>: <option>: <formatted>"` would produce.
+ */
+export declare const formatDateListTriggerLabel: (filterLabel: string, selection: DateListOption) => string;

package/dist/src/beta/components/FilterBar/parts.d.ts

@@ -0,0 +1,38 @@
+/**
+ * `data-anv-part` names for FilterBar's interactive sub-elements.
+ *
+ * Scope a query by the consumer's `data-cy` on the FilterBar root, or by a
+ * filter's `data-id` for a specific filter:
+ * `[data-cy="x"] [data-id="amount"] [data-anv-part="trigger"]`.
+ *
+ * Common roles are re-exported from `COMMON_PART` so their string values stay
+ * identical across the suite; FilterBar-specific roles are defined here.
+ */
+export declare const PARTS: {
+    readonly trigger: "trigger";
+    readonly input: "input";
+    readonly dialog: "dialog";
+    readonly applyButton: "apply-button";
+    readonly cancelButton: "cancel-button";
+    /** Clears text in a search/text field — not the whole bar. */
+    readonly clearButton: "clear-button";
+    readonly drawer: "drawer";
+    readonly dateInput: "date-input";
+    readonly dateCalendar: "date-calendar";
+    /** Trigger that opens the filter drawer (collapsed mode). */
+    readonly drawerTrigger: "drawer-trigger";
+    /** Lower-bound input of a numeric range filter. */
+    readonly minInput: "min-input";
+    /** Upper-bound input of a numeric range filter. */
+    readonly maxInput: "max-input";
+    /**
+     * Clears all active filters (inline "Clear Filters" and drawer
+     * "Clear All Filters"). Distinct from `clear-button` on search fields.
+     */
+    readonly clearFiltersButton: "clear-filters-button";
+    /**
+     * Numeric count badge on a filter trigger / drawer trigger (not a
+     * selected-value chip).
+     */
+    readonly countBadge: "count-badge";
+};

package/dist/src/beta/components/SavedFiltersButton/parts.d.ts

@@ -0,0 +1,37 @@
+/**
+ * `data-anv-part` names for SavedFiltersButton's interactive sub-elements.
+ *
+ * The trigger is stamped by FilterTriggerButton (`FilterBar` PARTS.trigger) —
+ * do not redeclare `trigger` here. Popover / menu / option parts come from
+ * shared OptionsPopover / OptionsPanel internals.
+ *
+ * Scope in-wrapper queries by the consumer's `data-cy` on the trigger.
+ * Drawers and their contents render in the top layer — target those parts
+ * by attribute directly. Edit-row buttons also carry `data-id={preset.id}`.
+ */
+export declare const PARTS: {
+    readonly input: "input";
+    readonly cancelButton: "cancel-button";
+    readonly applyButton: "apply-button";
+    /** Popover footer CTA that opens the Save Current Filter drawer. */
+    readonly saveCurrentButton: "save-current-button";
+    /** Popover footer CTA that opens the Edit Saved Filters drawer. */
+    readonly manageButton: "manage-button";
+    /** Save Current Filter drawer shell. */
+    readonly addDrawer: "add-drawer";
+    /** Edit Saved Filters drawer shell. */
+    readonly editDrawer: "edit-drawer";
+    /**
+     * Per-preset edit drilldown screen inside the Edit drawer (visible after
+     * clicking an edit-row-button).
+     */
+    readonly drilldown: "drilldown";
+    /** Per-preset Edit affordance in the Edit drawer list (use with `data-id`). */
+    readonly editRowButton: "edit-row-button";
+    /** Drilldown Delete Filter action. */
+    readonly deleteButton: "delete-button";
+    /** Drilldown Update Filter action. */
+    readonly updateButton: "update-button";
+    /** Edit drawer list-view Close action. */
+    readonly closeButton: "close-button";
+};

package/dist/src/beta/components/SavedFiltersButton/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DataAttributes } from '../../../types';
 import { Filter } from '../FilterBar/internal/types';
 /**
  * A consumer-owned preset of filter values. The component never mutates these
@@ -50,7 +51,7 @@ export type SavedFiltersAlertText = {
      */
     reorderError?: string;
 };
-export type SavedFiltersButtonProps = {
+export type SavedFiltersButtonProps = DataAttributes & {
     /** The presets to list. Consumer owns the storage. */
     savedFilters: SavedFilter[];
     /**

package/dist/src/beta/components/Table/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, forwardRef, Ref, ReactNode } from 'react';
-import { LayoutUtilProps } from '../../../../types';
+import { DataAttributes, LayoutUtilProps } from '../../../../types';
 import { ColumnDef, CustomTableFooterCellProps, TableRow } from '../types';
 import { DataTableCacheOptions, DataTableEmptyState, DataTablePaginationConfig, DataTableRef, SortedColumn } from './types';
 export type { DataTableCacheOptions, DataTableRef, DataTableEmptyState, SortedColumn, };
@@ -8,8 +8,9 @@ export type DataTableRowData = object;
  * Props for the DataTable component
  * @extends LayoutUtilProps
  * @extends ComponentPropsWithoutRef<"div">
+ * @extends DataAttributes
  */
-export type DataTableProps<T extends DataTableRowData> = LayoutUtilProps & ComponentPropsWithoutRef<"div"> & {
+export type DataTableProps<T extends DataTableRowData> = LayoutUtilProps & ComponentPropsWithoutRef<"div"> & DataAttributes & {
     /**
      * The columns for the table, created with the `createColumnHelper` factory function.
      */

package/dist/src/beta/components/Table/DataTable/parts.d.ts

@@ -0,0 +1,30 @@
+/**
+ * `data-anv-part` names for DataTable's interactive sub-elements.
+ *
+ * Scope a query by the consumer's `data-cy` on the DataTable root, then
+ * narrow with existing discriminators:
+ * - rows: `data-row-id`
+ * - columns: `data-anv-column-id`
+ *
+ * Example: `[data-cy="orders"] [data-row-id="row-1"] [data-anv-part="select-checkbox"]`
+ */
+export declare const PARTS: {
+    /** Body row container (`role="row"`). */
+    readonly row: "row";
+    /** Body cell (`role="gridcell"`). */
+    readonly cell: "cell";
+    /** Sortable header cell (click target for column sort). */
+    readonly sortToggle: "sort-toggle";
+    /** Per-row selection checkbox input. */
+    readonly selectCheckbox: "select-checkbox";
+    /** Header select-all checkbox input. */
+    readonly selectAllCheckbox: "select-all-checkbox";
+    /** Per-row expand/collapse button. */
+    readonly expandButton: "expand-button";
+    /** Header expand-all button. */
+    readonly expandAllButton: "expand-all-button";
+    /** Column resize handle. */
+    readonly resizeHandle: "resize-handle";
+    /** Active text/number editor inside an editable cell. */
+    readonly editableInput: "editable-input";
+};

package/dist/src/beta/components/Table/internal/ResizeHandle.d.ts

@@ -1,4 +1,5 @@
 import { Header } from '@tanstack/react-table';
+import { ComponentPropsWithoutRef } from 'react';
 /**
  * Props for the ResizeHandle component
  * @property {Header<T, unknown>} header - The header instance from TanStack Table
@@ -8,11 +9,11 @@ export type ResizeHandleProps<T> = {
     header: Header<T, unknown>;
     onResizeStart?: () => void;
     onResizeEnd?: () => void;
-};
+} & Omit<ComponentPropsWithoutRef<"div">, "role" | "children" | "onMouseDown" | "onTouchStart" | "onMouseUp" | "onTouchEnd" | "onDoubleClick">;
 /**
  * Resize handle component resizing table columns
  * @param props - The props for the ResizeHandle component
  * @param props.header - The header of the ResizeHandle component
  * @param props.onResizeStart - Optional callback fired before resize begins
  */
-export declare function ResizeHandle<T>({ header, onResizeStart, onResizeEnd, }: ResizeHandleProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeHandle<T>({ header, onResizeStart, onResizeEnd, className, ...rest }: ResizeHandleProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/beta/components/Toolbar/Toolbar.d.ts

@@ -1,12 +1,12 @@
 import { ToolbarOverflowTypes, ToolbarSize } from './types';
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { LayoutUtilProps } from '../../../types';
+import { DataAttributes, LayoutUtilProps } from '../../../types';
 /**
  * Props for the Toolbar component
  * @extends ComponentPropsWithoutRef<"div">
  * @extends LayoutUtilProps
  */
-export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
+export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & DataAttributes & {
     /**
      * Description of the content this toolbar is associated with, used for accessibility
      */
@@ -57,7 +57,7 @@ export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
  *   />
  * </Toolbar>
  */
-export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & DataAttributes & {
     /**
      * Description of the content this toolbar is associated with, used for accessibility
      */
@@ -222,7 +222,7 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      */
     Search: import('react').ForwardRefExoticComponent<import('./ToolbarSearchField').ToolbarSearchFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 };
-export declare const ToolbarElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+export declare const ToolbarElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & DataAttributes & {
     /**
      * Description of the content this toolbar is associated with, used for accessibility
      */

package/dist/src/beta/components/Toolbar/parts.d.ts

@@ -0,0 +1,19 @@
+/**
+ * `data-anv-part` names for Toolbar's interactive sub-elements.
+ *
+ * Scope in-wrapper parts by the consumer's `data-cy` on the Toolbar root.
+ * Overflow menu/items render in the popover top layer — target them by part
+ * attribute directly.
+ */
+export declare const PARTS: {
+    readonly trigger: "trigger";
+    readonly menu: "menu";
+    readonly overflowItem: "overflow-item";
+    readonly input: "input";
+    /**
+     * A leaf toolbar control (`Toolbar.Button` / `Toolbar.ButtonToggle`).
+     * Discriminate with `aria-label`, `id`, or a consumer `data-*`. Callers may
+     * override this (e.g. FilterBar stamps `trigger` on boolean toggles).
+     */
+    readonly item: "item";
+};

package/dist/src/beta/components/TreeSelectField/TreeSelectField.d.ts

@@ -1,4 +1,5 @@
-import { TreeSelectFieldHandle, TreeSelectFieldNode } from './types';
+import { TreeSelectFieldHandle, TreeSelectFieldNode, TreeSelectFieldValue } from './types';
+import { DataAttributes } from '../../../types';
 /**
  * TreeSelectField component for selecting one or more nodes from a hierarchical tree structure.
  *
@@ -51,10 +52,10 @@ export declare const TreeSelectField: import('react').ForwardRefExoticComponent<
     onSearchChange?: (v: string) => void;
     singleRow?: boolean;
     maxChips?: number;
-    getChipProps?: (value: import('./types').TreeSelectFieldValue) => import('./types').TreeSelectFieldChipProps;
+    getChipProps?: (value: TreeSelectFieldValue) => import('./types').TreeSelectFieldChipProps;
     virtualize?: boolean;
-    value: import('./types').TreeSelectFieldValue[];
-    onSelectedOptionsChange: (nodes: import('./types').TreeSelectFieldValue[]) => void;
+    value: TreeSelectFieldValue[];
+    onSelectedOptionsChange: (nodes: TreeSelectFieldValue[]) => void;
     selectionMode?: "single" | "independent" | "linked";
     valueConsistsOf?: import('./types').TreeSelectFieldValueConsistsOf;
     defaultExpandLevel?: number;
@@ -66,4 +67,4 @@ export declare const TreeSelectField: import('react').ForwardRefExoticComponent<
         maxSize?: number;
     };
     initialLoad?: "auto" | "immediate" | "open";
-} & import('../../..').LayoutUtilProps & import('react').RefAttributes<TreeSelectFieldHandle>>;
+} & import('../../..').LayoutUtilProps & DataAttributes & import('react').RefAttributes<TreeSelectFieldHandle>>;

package/dist/src/beta/components/TreeSelectField/parts.d.ts

@@ -0,0 +1,23 @@
+/**
+ * `data-anv-part` names for TreeSelectField's interactive sub-elements.
+ *
+ * Scope a query by the consumer's `data-cy` on the field root
+ * (`[data-cy="x"] [data-anv-part="input"]`). Portaled tree parts
+ * (`menu`, `option`, `popover`, `dialog`) render in the top layer — target
+ * them by part attribute or the field's `#{id}-popover` / `#{id}-dialog`.
+ * Repeated options also carry `data-id={node.id}`.
+ *
+ * Tree rows are not SelectOption — `option` / `menu` / `expand-toggle` are
+ * stamped on TreePanel / TreeRow. Shared OptionsPopover / OptionsDialog
+ * already provide `popover` / `dialog`.
+ */
+export declare const PARTS: {
+    readonly input: "input";
+    readonly chip: "chip";
+    readonly overflowChip: "overflow-chip";
+    readonly toggleButton: "toggle-button";
+    readonly menu: "menu";
+    readonly option: "option";
+    /** Branch expand/collapse control within a tree row. */
+    readonly expandToggle: "expand-toggle";
+};

package/dist/src/beta/components/TreeSelectField/types.d.ts

@@ -1,11 +1,12 @@
 import { CSSProperties, ReactElement, ReactNode } from 'react';
-import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../../types';
+import { AiMarkWithTooltipOrPopoverProps, DataAttributes, LayoutUtilProps, Size } from '../../../types';
 import { OptionContent } from '../../../internal/types/optionContent';
 import { MultiSelectFieldChipProps } from '../../../components/MultiSelectField/types';
 /**
  * Partial chip props that can be returned from the TreeSelectField `getChipProps` callback.
  * Supports `icon` or `avatar` (mutually exclusive) and all other chip props as optional overrides.
  * Core props (`label`, `onClose`, `className`, `title`, `size`) are managed by the component.
+ * Selected values with `disabled: true` omit `onClose` so the chip is locked.
  */
 export type TreeSelectFieldChipProps = MultiSelectFieldChipProps;
 /**
@@ -18,7 +19,9 @@ export type TreeSelectFieldOptionContent = OptionContent;
  * @property id - Unique identifier for the node.
  * @property label - Display text for the node.
  * @property searchText - Additional text to match during search, beyond label.
- * @property disabled - Whether the node is disabled for selection.
+ * @property disabled - Whether the node is disabled for selection. When a
+ *   disabled node is already in the field `value`, its chip is locked (no close
+ *   control) and backspace skips it — same as MultiSelectField.
  * @property extra - Pass-through data for consumer convenience.
  * @property children - Child nodes. undefined=leaf, []=empty branch, [...]=branch, null=unloaded (lazy).
  * @property childCount - Server-provided count, optionally displayed on branch nodes.
@@ -47,8 +50,11 @@ export type TreeSelectFieldNode = {
  * @property label - The node's display text.
  * @property extra - Pass-through data from the node.
  * @property path - Optional ancestor ids, root→parent. See {@link TreeSelectFieldNode.path}.
+ * @property disabled - When true, the chip is locked (no close control; backspace
+ *   skips it). Emitted from the tree when the matching node is disabled; can
+ *   also be set on controlled values to lock a selection.
  */
-export type TreeSelectFieldValue = Pick<TreeSelectFieldNode, "id" | "label" | "extra" | "path">;
+export type TreeSelectFieldValue = Pick<TreeSelectFieldNode, "id" | "label" | "extra" | "path" | "disabled">;
 /**
  * Controls which nodes are selectable and how the value array is shaped.
  * - "ALL" — any node selectable, all checked nodes in value
@@ -118,6 +124,7 @@ export type TreeSelectFieldProps = {
      * Callback to customize chip props for each selected option.
      * Allows customizing chip appearance (color, icon, avatar, etc.) per option.
      * Core props (label, onClose, className, title, size) are managed by the component and excluded from this type.
+     * Selected values with `disabled: true` omit onClose so the chip is locked.
      * @param value - The selected value the chip represents
      * @returns Partial chip props to merge onto the chip
      */
@@ -136,4 +143,4 @@ export type TreeSelectFieldProps = {
         maxSize?: number;
     };
     initialLoad?: "auto" | "immediate" | "open";
-} & LayoutUtilProps;
+} & LayoutUtilProps & DataAttributes;

package/dist/src/beta/components/TreeSelectMenu/TreeSelectMenu.d.ts

@@ -1,4 +1,6 @@
-import { TreeSelectMenuProps } from './types';
+import { KeyboardEvent } from 'react';
+import { TreeSelectFieldNode, TreeSelectFieldValue } from '../TreeSelectField/types';
+import { DataAttributes } from '../../../types';
 /**
  * TreeSelectMenu component for selecting tree nodes from a dropdown triggered by any element.
  *
@@ -26,4 +28,33 @@ import { TreeSelectMenuProps } from './types';
  *   loadOptions={async (search) => fetchCategories(search)}
  * />
  */
-export declare const TreeSelectMenu: import('react').ForwardRefExoticComponent<TreeSelectMenuProps & import('react').RefAttributes<import('..').TreeSelectFieldHandle>>;
+export declare const TreeSelectMenu: import('react').ForwardRefExoticComponent<{
+    id?: string;
+    trigger: (props: import('./types').TreeSelectMenuTriggerProps) => import('react').ReactElement;
+    onMenuKeyDown?: (e: KeyboardEvent) => void;
+    onImplicitClose?: () => void;
+    onExplicitClose?: () => void;
+    label: string;
+    searchPlaceholder?: string;
+    displayMenuAs?: "auto" | "popover" | "dialog";
+    virtualize?: boolean;
+    disableSearch?: boolean;
+    popoverWidth?: "reference" | number | string;
+    debounceMs?: number;
+    onSearchChange?: (v: string) => void;
+    value: TreeSelectFieldValue[];
+    onSelectedOptionsChange: (nodes: TreeSelectFieldValue[]) => void;
+    selectionMode?: "single" | "independent" | "linked";
+    valueConsistsOf?: import('./types').TreeSelectMenuValueConsistsOf;
+    defaultExpandLevel?: number;
+    expandedIds?: Set<string | number>;
+    onExpandedIdsChange?: (ids: Set<string | number>) => void;
+    loadOptions: (searchValue: string, parentNode?: TreeSelectFieldNode) => TreeSelectFieldNode[] | Promise<TreeSelectFieldNode[]>;
+    cache?: {
+        enabled?: boolean;
+        maxSize?: number;
+    };
+    initialLoad?: "auto" | "immediate" | "open";
+    confirmation?: import('../../../internal/types/confirmationTypes').ConfirmationProp;
+    clear?: import('./types').TreeSelectMenuClearConfig;
+} & DataAttributes & import('react').RefAttributes<import('..').TreeSelectFieldHandle>>;

package/dist/src/beta/components/TreeSelectMenu/parts.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `data-anv-part` names for TreeSelectMenu interactive sub-elements.
+ *
+ * Only trigger chrome is owned here. Tree `menu` / `option` / `expand-toggle`
+ * come from TreeSelectField internals; `popover` / `dialog` / footer buttons
+ * from shared option shells. Consumer `data-*` merges into the trigger
+ * render-prop bag (no wrapper root).
+ */
+export declare const PARTS: {
+    readonly trigger: "trigger";
+    readonly input: "input";
+};

package/dist/src/beta/components/TreeSelectMenu/types.d.ts

@@ -1,4 +1,5 @@
 import { KeyboardEvent, ReactElement, RefObject } from 'react';
+import { DataAttributes } from '../../../types';
 import { ConfirmationProp } from '../../../internal/types/confirmationTypes';
 import { TreeSelectFieldNode as TreeSelectMenuNode, TreeSelectFieldValue as TreeSelectMenuValue, TreeSelectFieldValueConsistsOf as TreeSelectMenuValueConsistsOf, TreeSelectFieldHandle, TreeSelectFieldOptionContent as TreeSelectMenuOptionContent } from '../TreeSelectField/types';
 /**
@@ -42,7 +43,7 @@ export type TreeSelectMenuTriggerProps = {
     "aria-controls": string;
     "aria-expanded": boolean;
     "data-state": "open" | "close";
-};
+} & DataAttributes;
 /**
  * Props for the TreeSelectMenu component.
  * @property id - Optional id for the menu; an internal id is generated when omitted.
@@ -100,4 +101,4 @@ export type TreeSelectMenuProps = {
     initialLoad?: "auto" | "immediate" | "open";
     confirmation?: ConfirmationProp;
     clear?: TreeSelectMenuClearConfig;
-};
+} & DataAttributes;

package/dist/src/components/Combobox/ComboboxTypes.d.ts

@@ -1,5 +1,5 @@
 import { UseComboboxProps as UseDownshiftComboboxProps, UseMultipleSelectionProps as UseDownshiftMultipleSelectionProps, UseComboboxReturnValue as UseDownshiftComboboxReturnValue, UseComboboxState as UseDownshiftComboboxState, UseMultipleSelectionState as UseDownshiftMultipleSelectionState, UseSelectProps as UseDownshiftSelectProps, UseSelectReturnValue as UseDownshiftSelectReturnValue, UseSelectState as UseDownshiftSelectState, UseMultipleSelectionReturnValue as UseDownshiftMultipleSelectionReturnValue } from 'downshift';
-import { DataTrackingId, DistributiveOmit, LayoutUtilProps } from '../../types';
+import { DataAttributes, DataTrackingId, DistributiveOmit, LayoutUtilProps } from '../../types';
 import { CSSProperties, ComponentPropsWithoutRef, Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { ComboboxGroupByValue } from './internal/ComboboxGroupContext';
 import { MatchSorterOptions } from 'match-sorter';
@@ -108,7 +108,7 @@ export type ComboboxContextProps<Item = any> = Required<Pick<UseDownshiftCombobo
  * @extends LayoutUtilProps
  * @extends Pick<ComponentPropsWithoutRef<"div">, "className" | "style">
  */
-type SharedProps<Item> = LayoutUtilProps & Pick<ComponentPropsWithoutRef<"div">, "className" | "style"> & {
+type SharedProps<Item> = LayoutUtilProps & DataAttributes & Pick<ComponentPropsWithoutRef<"div">, "className" | "style"> & {
     children?: ReactNode;
     /**
      * @default false

package/dist/src/components/Combobox/parts.d.ts

@@ -0,0 +1,19 @@
+/**
+ * `data-anv-part` names for Combobox / Combobox.Select interactive sub-elements.
+ *
+ * Scope a query by the consumer's `data-cy` on the Combobox root
+ * (`[data-cy="x"] [data-anv-part="input"]`). Portaled menu parts
+ * (`menu`, `option`, `popover`) render in the top layer — target them by
+ * part attribute directly. Repeated options also carry `data-id` from
+ * `itemToKey(item)`.
+ */
+export declare const PARTS: {
+    readonly input: "input";
+    readonly trigger: "trigger";
+    readonly clearButton: "clear-button";
+    readonly toggleButton: "toggle-button";
+    readonly chip: "chip";
+    readonly menu: "menu";
+    readonly option: "option";
+    readonly popover: "popover";
+};

package/dist/src/components/DateFieldRange/DateFieldRange.d.ts

@@ -1,4 +1,4 @@
-import { DataTrackingId, IanaZone } from '../../types';
+import { DataAttributes, DataTrackingId, IanaZone } from '../../types';
 import { MaskedDateRangeInputProps } from './internal/MaskedDateRangeInput';
 import { DateMode } from '../DateFieldSingle/types';
 export type DateFieldRangeChange = {
@@ -61,7 +61,7 @@ export type DateFieldRangeProps = Omit<MaskedDateRangeInputProps, "onChange" | "
      * @example "America/Los_Angeles"
      */
     timezone?: IanaZone;
-} & DataTrackingId;
+} & DataTrackingId & DataAttributes;
 /**
  * DateFieldRange component for entering a start and end date via a masked
  * text input, with an optional popover calendar for picking the range

package/dist/src/components/DateFieldRange/parts.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `data-anv-part` names for DateFieldRange's interactive sub-elements.
+ *
+ * Consumer `data-*` (e.g. `data-cy`) is forwarded to the masked text input —
+ * the one element present in every mode (including `disableCalendar`). The
+ * calendar and its popover render in the top layer, outside the input's
+ * subtree, so target them by part attribute directly or by the popover's
+ * `data-testid="calendar-popover"`.
+ *
+ * Every role is a shared one, so values come from `COMMON_PART`.
+ */
+export declare const PARTS: {
+    readonly input: "date-input";
+    readonly popover: "popover";
+    readonly calendar: "date-calendar";
+};

package/dist/src/components/DateFieldSingle/DateFieldSingle.d.ts

@@ -1,4 +1,4 @@
-import { DataTrackingId, IanaZone } from '../../types';
+import { DataAttributes, DataTrackingId, IanaZone } from '../../types';
 import { MaskedDateInputProps } from './internal/MaskedDateInput';
 import { DateMode } from './types';
 export type DateFieldSingleProps = Omit<MaskedDateInputProps, "onChange" | "value" | "autoComplete" | "onClick" | "onKeyDown" | "ref" | "lastValidDate" | "setLastValidDate" | "required" | "onFocus" | "onBlur"> & {
@@ -32,7 +32,7 @@ export type DateFieldSingleProps = Omit<MaskedDateInputProps, "onChange" | "valu
      * @example "America/Los_Angeles"
      */
     timezone?: IanaZone;
-} & DataTrackingId;
+} & DataTrackingId & DataAttributes;
 export type DateFieldSingleChange = {
     /**
      * The date in ISO 8601 format.

package/dist/src/components/DateFieldSingle/parts.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `data-anv-part` names for DateFieldSingle's interactive sub-elements.
+ *
+ * Consumer `data-*` (e.g. `data-cy`) is forwarded to the masked text input —
+ * the one element present in every mode (including `disableCalendar`). The
+ * calendar and its popover render in the top layer, outside the input's
+ * subtree, so target them by part attribute directly or by the popover's
+ * `data-testid="calendar-popover"`.
+ *
+ * Every role is a shared one, so values come from `COMMON_PART`.
+ */
+export declare const PARTS: {
+    readonly input: "date-input";
+    readonly popover: "popover";
+    readonly calendar: "date-calendar";
+};