@servicetitan/anvil2 3.8.0 → 3.10.0

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/Alert/Alert.d.ts

@@ -22,11 +22,9 @@ export type AlertProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & OnC
      * Use `true` for the sparkle only, or pass tooltip/popover configuration.
      */
     aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;
-} & 
-/**
+} /**
  * Data tracking id
- */
-DataTrackingId;
+ */ & DataTrackingId;
 /**
  * Alert component for displaying an inline banner message that communicates status to users — errors, warnings, success, or important information within page content.
  *

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

@@ -16,11 +16,9 @@ export type AnnouncementProps = ComponentPropsWithoutRef<"div"> & Omit<LayoutUti
      * The title text displayed in the announcement.
      */
     title: string;
-} & 
-/**
+} /**
  * Data tracking id
- */
-DataTrackingId;
+ */ & DataTrackingId;
 /**
  * Announcement component for displaying important messages to users.
  *

package/dist/src/components/Breadcrumbs/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Breadcrumbs';
-export { type BreadcrumbsLinkProps } from './BreadcrumbsLink';
+export type { BreadcrumbsLinkProps } from './BreadcrumbsLink';
 export { Breadcrumbs as default } from './Breadcrumbs';

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

@@ -11,11 +11,9 @@ export type ButtonCompoundProps = LayoutUtilProps & ComponentPropsWithoutRef<"bu
      * @default rounded
      */
     shape?: "pill" | "circular" | "rounded";
-} & 
-/**
+} /**
  * Data tracking id
- */
-DataTrackingId;
+ */ & DataTrackingId;
 /**
  * ButtonCompound component for creating compound button layouts.
  *

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

@@ -36,11 +36,9 @@ export type ButtonLinkProps = LayoutUtilProps & ComponentPropsWithoutRef<"a"> &
      * @default false
      */
     loading?: boolean;
-} & 
-/**
+} /**
  * Data tracking id
- */
-DataTrackingId;
+ */ & DataTrackingId;
 /**
  * ButtonLink component for creating clickable links that look like buttons.
  *

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

@@ -27,11 +27,9 @@ export type ButtonToggleProps = Omit<ButtonProps, "appearance" | "loading"> & {
      * Callback for when pressed(selected) changes.
      */
     onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, state: ButtonToggleState) => void;
-} & 
-/**
+} /**
  * Data tracking id
- */
-DataTrackingId;
+ */ & DataTrackingId;
 /**
  * ButtonToggle component for creating toggleable button states.
  *

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

@@ -17,11 +17,13 @@ type CalendarCommonProps = Omit<ComponentPropsWithoutRef<"div">, "value" | "defa
      */
     children?: ComponentPropsWithoutRef<"div">["children"];
     /**
-     * The default focused date. Used to determine what month and year is shown.
+     * The default focused date. Used to determine what month and year is shown on initial render.
+     * Prefer this over `focusedDate`, which is deprecated.
      */
     defaultFocusedDate?: string | null;
     /**
      * The focused date. Used to determine what month and year is currently shown.
+     * @deprecated Use `defaultFocusedDate` instead. `focusedDate` does not reliably control the initial view and will be removed in a future major release.
      */
     focusedDate?: string | null;
     /**

package/dist/src/components/Calendar/index.d.ts

@@ -5,5 +5,5 @@ export { CalendarPrev, type CalendarPrevProps } from './CalendarPrevButton';
 export { CalendarNext, type CalendarNextProps } from './CalendarNextButton';
 export { CalendarMonthButton, type CalendarMonthButtonProps, } from './CalendarMonthButton';
 export { CalendarMonth, type CalendarMonthProps } from './CalendarMonth';
-export { type CalendarContextProps } from './CalendarContext';
+export type { CalendarContextProps } from './CalendarContext';
 export type { LayoutUtilProps } from '../../types';

package/dist/src/components/Checkbox/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Checkbox';
-export { type CheckboxGroupProps } from './CheckboxGroup';
+export type { CheckboxGroupProps } from './CheckboxGroup';
 export { Checkbox as default } from './Checkbox';
-export { type CheckboxState } from './types';
+export type { CheckboxState } from './types';

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

@@ -210,7 +210,7 @@ export declare const Combobox: (<Item>(props: ComboboxProps<Item>) => import("re
      *   <Text>No items found. Try adjusting your search.</Text>
      * </Combobox.Empty>
      */
-    Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
+    Empty: <Item = any>({ children }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const ComboboxElement: (<Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element) & {
     /**
@@ -384,5 +384,5 @@ export declare const ComboboxElement: (<Item>(props: ComboboxProps<Item>) => imp
      *   <Text>No items found. Try adjusting your search.</Text>
      * </Combobox.Empty>
      */
-    Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
+    Empty: <Item = any>({ children }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -22,4 +22,4 @@ export type ComboboxEmptyProps = {
  *   <Text>No items found. Try a different search term.</Text>
  * </ComboboxEmpty>
  */
-export declare const ComboboxEmpty: <Item = any>({ children, }: ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxEmpty: <Item = any>({ children }: ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;

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/index.d.ts

@@ -2,6 +2,6 @@ export { Combobox as default, Combobox, ComboboxElement } from './Combobox';
 export { useInfiniteCombobox } from './useInfiniteCombobox';
 export { ComboboxSelect } from './ComboboxSelect';
 export { ComboboxList } from './ComboboxList';
-export { type ComboboxEmptyProps } from './ComboboxEmpty';
-export { type ComboboxSingleProps, type ComboboxMultipleProps, type ComboboxProps, type ComboboxSelectProps, type ComboboxContentProps, type ComboboxSearchFieldProps, type ComboboxSelectTriggerProps, type ComboboxListProps, type ComboboxItemProps, type ComboboxItemAddNewProps, type SelectSingleProps, type SelectMultipleProps, type UseInfiniteComboboxProps, } from './ComboboxTypes';
+export type { ComboboxEmptyProps } from './ComboboxEmpty';
+export type { ComboboxSingleProps, ComboboxMultipleProps, ComboboxProps, ComboboxSelectProps, ComboboxContentProps, ComboboxSearchFieldProps, ComboboxSelectTriggerProps, ComboboxListProps, ComboboxItemProps, ComboboxItemAddNewProps, SelectSingleProps, SelectMultipleProps, UseInfiniteComboboxProps, } from './ComboboxTypes';
 export type { LayoutUtilProps } from '../../types';

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/index.d.ts

@@ -1,2 +1,2 @@
 export * from './DateFieldSingle';
-export { type DateMode } from './types';
+export type { DateMode } from './types';

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";
+};

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

@@ -1,4 +1,4 @@
-import { DataTrackingId, LayoutUtilProps, Size } from '../../types';
+import { DataAttributes, DataTrackingId, LayoutUtilProps, Size } from '../../types';
 import { YearlessDate, YearlessDateMode } from './types';
 import { ReactElement, ReactNode, ComponentPropsWithoutRef } from 'react';
 import { FieldLabelProps } from '../FieldLabel';
@@ -105,7 +105,7 @@ export type DateFieldYearlessProps = Omit<ComponentPropsWithoutRef<"input">, "on
      * Function to call when the field is blurred
      */
     onBlur?: (event: React.FocusEvent) => void;
-} & DataTrackingId;
+} & DataTrackingId & DataAttributes;
 /**
  * Represents a change event for the DateFieldYearless component
  */

package/dist/src/components/DateFieldYearless/index.d.ts

@@ -1,2 +1,2 @@
 export * from './DateFieldYearless';
-export { type YearlessDate, type YearlessDateMode } from './types';
+export type { YearlessDate, YearlessDateMode } from './types';

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

@@ -0,0 +1,15 @@
+/**
+ * `data-anv-part` names for DateFieldYearless interactive sub-elements.
+ *
+ * Consumer `data-*` (e.g. `data-cy`) is forwarded to the masked text input —
+ * the one element present in every mode (including `disablePicker`). The
+ * picker popover and month/day lists render in the top layer, outside the
+ * input's subtree — target them by part attribute directly.
+ */
+export declare const PARTS: {
+    readonly input: "date-input";
+    readonly popover: "popover";
+    readonly monthList: "month-list";
+    readonly dayList: "day-list";
+    readonly option: "option";
+};

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { HelperProps } from '../../internal/components';
-import { LayoutUtilProps, Size } from '../../types';
+import { DataAttributes, LayoutUtilProps, Size } from '../../types';
 import { FieldLabelProps } from '../FieldLabel';
 import { YearlessDate, YearlessDateMode } from '../DateFieldYearless/types';
 export type DateFieldYearlessRangeValue = {
@@ -73,7 +73,7 @@ export type DateFieldYearlessRangeProps = {
     endLabel?: string;
     legendProps?: Omit<FieldLabelProps, "el">;
     moreInfo?: FieldLabelProps["moreInfo"];
-} & LayoutUtilProps;
+} & LayoutUtilProps & DataAttributes;
 /**
  * DateFieldYearlessRange component for entering a start and end month/day
  * pair — a date range with no year, e.g. recurring events or anniversaries.

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

@@ -0,0 +1,12 @@
+/**
+ * `data-anv-part` names for DateFieldYearlessRange interactive sub-elements.
+ *
+ * Consumer `data-*` is forwarded to the fieldset root. Scope start/end inputs
+ * under it (`[data-cy="x"] [data-anv-part="start-input"]`). Picker popover /
+ * month-list / day-list / option parts are stamped by the shared yearless
+ * picker internals — see DateFieldYearless `PARTS`.
+ */
+export declare const PARTS: {
+    readonly startInput: "start-input";
+    readonly endInput: "end-input";
+};

package/dist/src/components/Details/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Details';
 export { Details as default } from './Details';
-export { type DetailsSummaryProps } from './DetailsSummary';
-export { type DetailsContentProps } from './DetailsContent';
+export type { DetailsSummaryProps } from './DetailsSummary';
+export type { DetailsContentProps } from './DetailsContent';

package/dist/src/components/Dialog/index.d.ts

@@ -1,6 +1,6 @@
 export { Dialog as default, Dialog, type DialogProps } from './Dialog';
-export { type DialogCancelButtonProps } from './DialogCancelButton';
-export { type DialogContentProps } from './DialogContent';
-export { type DialogFooterProps } from './DialogFooter';
-export { type DialogHeaderProps } from './DialogHeader';
+export type { DialogCancelButtonProps } from './DialogCancelButton';
+export type { DialogContentProps } from './DialogContent';
+export type { DialogFooterProps } from './DialogFooter';
+export type { DialogHeaderProps } from './DialogHeader';
 export type { LayoutUtilProps } from '../../types';

package/dist/src/components/DndSort/index.d.ts

@@ -6,7 +6,7 @@ export declare const DndSort: typeof DndSortRoot & {
     Zone: typeof DndSortZone;
 };
 export { DndSortCard, DndSortZone };
-export { type DndSortProps } from './DndSort';
-export { type DndSortCardProps } from './DndSortCard';
-export { type DndSortZoneProps } from './DndSortZone';
+export type { DndSortProps } from './DndSort';
+export type { DndSortCardProps } from './DndSortCard';
+export type { DndSortZoneProps } from './DndSortZone';
 export type { DndSortChangeEvent, DndSortZoneAdvancedRenderer } from './types';

package/dist/src/components/Drawer/index.d.ts

@@ -1,6 +1,6 @@
 export { Drawer as default, Drawer, type DrawerProps } from './Drawer';
-export { type DrawerCancelButtonProps } from './DrawerCancelButton';
-export { type DrawerFooterProps } from './DrawerFooter';
-export { type DrawerHeaderAction, type DrawerHeaderProps, } from './DrawerHeader';
-export { type DrawerContentProps } from './DrawerContent';
+export type { DrawerCancelButtonProps } from './DrawerCancelButton';
+export type { DrawerFooterProps } from './DrawerFooter';
+export type { DrawerHeaderAction, DrawerHeaderProps, } from './DrawerHeader';
+export type { DrawerContentProps } from './DrawerContent';
 export type { LayoutUtilProps } from '../../types';

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

@@ -10,6 +10,17 @@ import { PassThroughPropsWithRef } from '../../types';
 export type DrillDownProps = PassThroughPropsWithRef<"div"> & {
     index: number;
     onClose?: () => void;
+    /**
+     * Suspends this screen's focus trap while `false`, even though the screen
+     * stays mounted and visible. Use when a consumer opens an independent
+     * Dialog/Drawer of their own (not a nested `DrillDown` index — e.g. a
+     * `DateListDialog` triggered from a form field in this screen) that stacks
+     * on top: that overlay isn't a descendant of this screen's trap boundary,
+     * so without this escape hatch the trap treats every click inside it as
+     * "outside" and blocks it.
+     * @default true
+     */
+    interactive?: boolean;
 };
 /**
  * Multi-step, hierarchical drill-down navigation component for Dialog, Drawer, and Page.Panel — lets users drill down by selecting a category to go deeper into nested subcategories or screens, and navigate back up.

package/dist/src/components/Grid/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Grid';
 export { Grid as default } from './Grid';
-export { type GridItemProps } from './internal/GridItem';
+export type { GridItemProps } from './internal/GridItem';

package/dist/src/components/List/index.d.ts

@@ -1,4 +1,4 @@
 export * from './List';
 export { List as default, type ListProps } from './List';
 export type { ListSize, UnorderedListProps, OrderedListProps } from './List';
-export { type ListItemProps } from './ListItem';
+export type { ListItemProps } from './ListItem';

package/dist/src/components/Listbox/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Listbox';
 export { Listbox as default, type ListboxProps } from './Listbox';
-export { type ListboxOptionProps } from './ListboxOption';
-export { type ListboxOptionGroupProps } from './ListboxOptionGroup';
+export type { ListboxOptionProps } from './ListboxOption';
+export type { ListboxOptionGroupProps } from './ListboxOptionGroup';

package/dist/src/components/Menu/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Menu';
-export { type MenuItemProps } from './MenuItem';
+export type { MenuItemProps } from './MenuItem';
 export * from './types';
 export { Menu as default } from './Menu';

package/dist/src/components/MultiSelectField/internal/MultiSelectFieldComboboxMode.d.ts

@@ -2,4 +2,4 @@ import { MultiSelectFieldComboboxInternalProps } from './types';
 /**
  * Combobox mode: searchable multi-select using useCombobox.
  */
-export declare const MultiSelectFieldComboboxMode: ({ labelAiMark, id, helperUid, selectedOptions, onSelectedOptionsChange, displayAs, isDisabledOrReadOnly, disabled, readOnly, isHighlighted, required, placeholder, size, error, hasHelperText, disableClearButton, prefix, suffix, label, hideLabel, hint, moreInfo, moreInfoId, errorMessages, warning, description, className, style, layoutStyles, pinned, groupToString, groupSorter, virtualize, options, loading, loadingMore, hasMore, loadOptions, loadMore, initialLoad, initialLoadPerformed, setInitialLoadPerformed, inputWrapperRef, debounceMs, selectAll, selectFiltered, bulkPending, onBulkActivate, singleRow, maxChips, getChipProps, onSearchChange, addItemLabel, onAddNewItem, handleRemoveOption, handleClear, }: MultiSelectFieldComboboxInternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectFieldComboboxMode: ({ labelAiMark, id, helperUid, selectedOptions, onSelectedOptionsChange, displayAs, isDisabledOrReadOnly, disabled, readOnly, isHighlighted, required, placeholder, size, error, hasHelperText, disableClearButton, prefix, suffix, label, hideLabel, hint, moreInfo, moreInfoId, errorMessages, warning, description, className, style, layoutStyles, pinned, groupToString, groupSorter, virtualize, options, loading, loadingMore, hasMore, loadOptions, loadMore, initialLoad, initialLoadPerformed, setInitialLoadPerformed, inputWrapperRef, debounceMs, selectAll, selectFiltered, bulkPending, onBulkActivate, singleRow, maxChips, getChipProps, onSearchChange, addItemLabel, onAddNewItem, handleRemoveOption, handleClear, dataAttributes, }: MultiSelectFieldComboboxInternalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/MultiSelectField/internal/MultiSelectFieldSelectMode.d.ts

@@ -3,4 +3,4 @@ import { MultiSelectFieldBaseInternalProps } from './types';
  * Select mode: non-searchable multi-select using useSelect.
  * Active when disableSearch is true.
  */
-export declare const MultiSelectFieldSelectMode: ({ labelAiMark, id, helperUid, selectedOptions, onSelectedOptionsChange, displayAs, isDisabledOrReadOnly, disabled, readOnly, isHighlighted, required, placeholder, size, error, hasHelperText, disableClearButton, prefix, suffix, label, hideLabel, hint, moreInfo, moreInfoId, errorMessages, warning, description, className, style, layoutStyles, pinned, groupToString, groupSorter, virtualize, options, loading, loadingMore, hasMore, loadOptions, loadMore, initialLoad, initialLoadPerformed, setInitialLoadPerformed, inputWrapperRef, selectAll, bulkPending, onBulkActivate, singleRow, maxChips, getChipProps, addItemLabel, onAddNewItem, handleRemoveOption, handleClear, }: MultiSelectFieldBaseInternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectFieldSelectMode: ({ labelAiMark, id, helperUid, selectedOptions, onSelectedOptionsChange, displayAs, isDisabledOrReadOnly, disabled, readOnly, isHighlighted, required, placeholder, size, error, hasHelperText, disableClearButton, prefix, suffix, label, hideLabel, hint, moreInfo, moreInfoId, errorMessages, warning, description, className, style, layoutStyles, pinned, groupToString, groupSorter, virtualize, options, loading, loadingMore, hasMore, loadOptions, loadMore, initialLoad, initialLoadPerformed, setInitialLoadPerformed, inputWrapperRef, selectAll, bulkPending, onBulkActivate, singleRow, maxChips, getChipProps, addItemLabel, onAddNewItem, handleRemoveOption, handleClear, dataAttributes, }: MultiSelectFieldBaseInternalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/MultiSelectField/internal/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { AiMarkWithTooltipOrPopoverProps, CheckState } from '../../../types';
+import { AiMarkWithTooltipOrPopoverProps, CheckState, DataAttributes } from '../../../types';
 import { AddNewItemProps } from '../../../internal/types/addNewItemTypes';
 import { MultiSelectFieldChipProps, MultiSelectFieldOption, MultiSelectFieldProps } from '../types';
 export type MultiSelectFieldBaseInternalProps = {
@@ -63,6 +63,8 @@ export type MultiSelectFieldBaseInternalProps = {
         id: string | number;
     }) => void;
     handleClear: () => void;
+    /** Consumer-supplied `data-*` attributes forwarded to the field wrapper. */
+    dataAttributes?: DataAttributes;
 } & AddNewItemProps;
 export type MultiSelectFieldComboboxInternalProps = MultiSelectFieldBaseInternalProps & {
     debounceMs: number;

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

@@ -0,0 +1,20 @@
+/**
+ * `data-anv-part` names for MultiSelectField'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 parts (`menu`, `option`,
+ * `dialog`, `popover`) come from the shared option internals and render in the
+ * top layer — target them by part attribute or the field's `#{id}-popover` /
+ * `#{id}-dialog`.
+ *
+ * Every role MultiSelectField needs is a shared one, so all values come from
+ * `COMMON_PART`.
+ */
+export declare const PARTS: {
+    readonly trigger: "trigger";
+    readonly input: "input";
+    readonly chip: "chip";
+    readonly overflowChip: "overflow-chip";
+    readonly clearButton: "clear-button";
+    readonly toggleButton: "toggle-button";
+};

package/dist/src/components/MultiSelectField/types.d.ts

@@ -1,5 +1,5 @@
 import { AriaAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
-import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../types';
+import { AiMarkWithTooltipOrPopoverProps, DataAttributes, LayoutUtilProps, Size } from '../../types';
 import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldOptionContent } from '../SelectField/types';
 import { ChipProps } from '../../components/Chip';
 import { AddNewItemProps } from '../../internal/types/addNewItemTypes';
@@ -294,7 +294,7 @@ type MultiSelectFieldCommonProps = {
      * @returns Partial chip props to merge onto the chip
      */
     getChipProps?: (option: MultiSelectFieldOption) => MultiSelectFieldChipProps;
-} & MultiSelectFieldSearchProps & LayoutUtilProps & AddNewItemProps;
+} & MultiSelectFieldSearchProps & LayoutUtilProps & AddNewItemProps & DataAttributes;
 type MultiSelectFieldGroupingProps = {
     /**
      * Function to convert a group value to a display label.

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

@@ -0,0 +1,12 @@
+/**
+ * `data-anv-part` names for MultiSelectMenu interactive sub-elements.
+ *
+ * There is no wrapper root — attach consumer `data-*` (e.g. `data-cy`) via
+ * props; they are merged into the trigger render-prop bag. Portaled
+ * `menu` / `option` / `popover` / `dialog` / footer buttons come from shared
+ * internals (not redeclared here).
+ */
+export declare const PARTS: {
+    readonly trigger: "trigger";
+    readonly input: "input";
+};

package/dist/src/components/MultiSelectMenu/types.d.ts

@@ -1,4 +1,5 @@
 import { KeyboardEvent, ReactElement, RefObject } from 'react';
+import { DataAttributes } from '../../types';
 import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldOptionContent } from '../SelectField/types';
 import { MultiSelectFieldCacheOptions, MultiSelectFieldEagerLoader, MultiSelectFieldGroupLazyLoader, MultiSelectFieldOffsetLazyLoader, MultiSelectFieldPageLazyLoader, MultiSelectFieldPinnedOptions, MultiSelectFieldSearchProps } from '../MultiSelectField/types';
 import { AddNewItemProps } from '../../internal/types/addNewItemTypes';
@@ -54,7 +55,7 @@ export type MultiSelectMenuTriggerProps = {
     "aria-controls": string;
     "aria-expanded": boolean;
     "data-state": "open" | "close";
-};
+} & DataAttributes;
 type MultiSelectMenuCommonProps = {
     /**
      * The id of the multi-select menu.
@@ -188,7 +189,7 @@ type MultiSelectMenuCommonProps = {
         label?: string;
         disabled?: boolean;
     };
-} & MultiSelectMenuSearchProps & AddNewItemProps;
+} & MultiSelectMenuSearchProps & AddNewItemProps & DataAttributes;
 type MultiSelectMenuGroupingProps = {
     /**
      * Function to convert a group value to a display label.

package/dist/src/components/Overflow/index.d.ts

@@ -27,5 +27,5 @@ export declare const Overflow: import('react').ForwardRefExoticComponent<Overflo
     Text: import('react').ForwardRefExoticComponent<OverflowTextProps & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default Overflow;
-export { type OverflowProps };
+export type { OverflowProps };
 export { OverflowText, type OverflowTextProps };

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

@@ -1,4 +1,4 @@
-import { DataTrackingId } from '../../types';
+import { DataAttributes, DataTrackingId } from '../../types';
 import { PaginationProps as BasePaginationProps } from './internal/Pagination';
 /**
  * Props for the Pagination component
@@ -12,8 +12,9 @@ import { PaginationProps as BasePaginationProps } from './internal/Pagination';
  * @property {string} [itemsPerPageLabel] - Custom label displayed before the items-per-page selector. Defaults to "Rows per page"
  * @extends Omit<BasePaginationProps, "children">
  * @extends DataTrackingId
+ * @extends DataAttributes
  */
-export type PaginationProps = Omit<BasePaginationProps, "children"> & DataTrackingId & {
+export type PaginationProps = Omit<BasePaginationProps, "children"> & DataTrackingId & DataAttributes & {
     page: number;
     itemsPerPage: number;
     itemsPerPageOptions?: number[];
@@ -47,7 +48,7 @@ export type PaginationProps = Omit<BasePaginationProps, "children"> & DataTracki
  *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}
  * />
  */
-export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & DataTrackingId & {
+export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & DataTrackingId & DataAttributes & {
     page: number;
     itemsPerPage: number;
     itemsPerPageOptions?: number[];

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

@@ -0,0 +1,28 @@
+/**
+ * `data-anv-part` names for Pagination's interactive sub-elements.
+ *
+ * Scope a query by the consumer's `data-cy` on the Pagination root
+ * (`[data-cy="x"] [data-anv-part="next-page-button"]`).
+ *
+ * Repeated parts use secondary discriminators:
+ * - page buttons / overflow options: `data-page`
+ * - items-per-page options: `data-items-per-page`
+ *
+ * Overflow and items-per-page menus render in the browser top layer — target
+ * `option` parts by attribute (or after opening the matching trigger), not as
+ * descendants of the Pagination root.
+ */
+export declare const PARTS: {
+    /** Shared role for menu options (overflow pages + items-per-page). */
+    readonly option: "option";
+    /** Previous-page control. */
+    readonly prevPageButton: "prev-page-button";
+    /** Next-page control. */
+    readonly nextPageButton: "next-page-button";
+    /** Numbered page control. Narrow with `data-page`. */
+    readonly pageButton: "page-button";
+    /** Ellipsis control that opens the overflow page menu. */
+    readonly overflowTrigger: "overflow-trigger";
+    /** Control that opens the items-per-page menu. */
+    readonly itemsPerPageTrigger: "items-per-page-trigger";
+};