@servicetitan/anvil2 3.1.0 → 3.3.0

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

@@ -2,12 +2,13 @@ export * from './FilterBar';
 export * from './Table';
 export * from './Toolbar';
 export * from './Calendar';
-export * from './SelectField';
-export * from './MultiSelectField';
-export * from './SelectMenu';
-export * from './MultiSelectMenu';
+export * from './deprecatedReexports/SelectField';
+export * from './deprecatedReexports/MultiSelectField';
+export * from './deprecatedReexports/SelectMenu';
+export * from './deprecatedReexports/MultiSelectMenu';
+export * from './TreeSelectField';
+export * from './TreeSelectMenu';
 export * from './InteractiveCard';
 export * from './RichTextEditor';
 export * from './SavedFiltersButton';
-export * from './TreeSelectField';
-export * from './TreeSelectMenu';
+export * from './TypeaheadTextField';

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

@@ -2,6 +2,8 @@ import { ComboboxProps } from './ComboboxTypes';
 /**
  * Combobox component for selecting items with search and filtering capabilities.
  *
+ * @deprecated Use {@link SelectField} or {@link MultiSelectField} instead. Combobox will be removed in Anvil2 5.0.
+ *
  * Features:
  * - Single and multiple item selection
  * - Search and filtering with configurable options

package/dist/src/{beta/components → components}/MultiSelectField/MultiSelectFieldSync.d.ts

@@ -1,6 +1,6 @@
 import { MatchSorterOptions } from 'match-sorter';
 import { MultiSelectFieldProps, MultiSelectFieldOption } from './types';
-import { SyncFilterFn } from '../../../internal/functions/syncFilterUtils';
+import { SyncFilterFn } from '../../internal/functions/syncFilterUtils';
 export type MultiSelectFieldSyncProps = Omit<MultiSelectFieldProps, "loadOptions" | "lazy" | "debounceMs" | "cache" | "initialLoad" | "selectAll" | "selectFiltered"> & {
     /**
      * The options to display in the multi-select field.

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

@@ -0,0 +1,5 @@
+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;

package/dist/src/{beta/components → components}/MultiSelectField/internal/MultiSelectFieldInput.d.ts

@@ -1,4 +1,4 @@
-import { PassThroughProps, Size } from '../../../../types';
+import { PassThroughProps, Size } from '../../../types';
 import { ReactElement, RefObject, MouseEvent } from 'react';
 import { MultiSelectFieldChipProps, MultiSelectFieldOption } from '../types';
 /**
@@ -9,6 +9,7 @@ import { MultiSelectFieldChipProps, MultiSelectFieldOption } from '../types';
  * @property {boolean} [disableToggleButton] - Hides the toggle button when true
  * @property {boolean} [disabled] - Disables the input entirely
  * @property {boolean} [readOnly] - Cannot be modified but remains interactive
+ * @property {boolean} [isHighlighted] - Applies a subdued primary background to draw attention to the field
  * @property {boolean} [error] - Shows error styling on the input when true
  * @property {() => void} [onClear] - Callback fired when the clear button is clicked
  * @property {string} [id] - HTML id attribute for the input element
@@ -30,6 +31,7 @@ export type MultiSelectFieldInputProps = {
     disableToggleButton?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    isHighlighted?: boolean;
     error?: boolean;
     onClear?: () => void;
     id?: string;
@@ -73,6 +75,6 @@ export type MultiSelectFieldInputProps = {
  * />
  */
 export declare const MultiSelectFieldInput: {
-    ({ placeholder, size, disableClearButton, disableToggleButton, disabled, readOnly, error, onClear, id, inputWrapperRef, htmlInputWrapperProps, inputProps, toggleButtonProps, prefix, suffix, selectedOptions, onRemoveOption, singleRow, maxChips, getChipProps, onWrapperClick, }: MultiSelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, size, disableClearButton, disableToggleButton, disabled, readOnly, isHighlighted, error, onClear, id, inputWrapperRef, htmlInputWrapperProps, inputProps, toggleButtonProps, prefix, suffix, selectedOptions, onRemoveOption, singleRow, maxChips, getChipProps, onWrapperClick, }: MultiSelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -0,0 +1,6 @@
+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;

package/dist/src/{beta/components → components}/MultiSelectField/internal/MultiSelectFieldTrigger.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '../../../../types';
+import { Size } from '../../../types';
 import { ReactElement, RefObject } from 'react';
 import { MultiSelectFieldChipProps, MultiSelectFieldOption } from '../types';
 export type MultiSelectFieldTriggerProps = {
@@ -7,6 +7,7 @@ export type MultiSelectFieldTriggerProps = {
     disableClearButton?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    isHighlighted?: boolean;
     error?: boolean;
     onClear?: () => void;
     id?: string;
@@ -26,6 +27,6 @@ export type MultiSelectFieldTriggerProps = {
  * Renders chips for selected items in a div-based trigger (no input element).
  */
 export declare const MultiSelectFieldTrigger: {
-    ({ placeholder, size, disableClearButton, disabled, readOnly, error, onClear, id, inputWrapperRef, toggleButtonProps, prefix, suffix, selectedOptions, onRemoveOption, singleRow, maxChips, getChipProps, popoverTarget, }: MultiSelectFieldTriggerProps): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, size, disableClearButton, disabled, readOnly, isHighlighted, error, onClear, id, inputWrapperRef, toggleButtonProps, prefix, suffix, selectedOptions, onRemoveOption, singleRow, maxChips, getChipProps, popoverTarget, }: MultiSelectFieldTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/src/{beta/components → components}/MultiSelectField/internal/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { AiMarkWithTooltipOrPopoverProps, CheckState } from '../../../../types';
-import { AddNewItemProps } from '../../../../internal/types/addNewItemTypes';
+import { AiMarkWithTooltipOrPopoverProps, CheckState } from '../../../types';
+import { AddNewItemProps } from '../../../internal/types/addNewItemTypes';
 import { MultiSelectFieldChipProps, MultiSelectFieldOption, MultiSelectFieldProps } from '../types';
 export type MultiSelectFieldBaseInternalProps = {
     id: string;
@@ -11,6 +11,7 @@ export type MultiSelectFieldBaseInternalProps = {
     isDisabledOrReadOnly: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    isHighlighted?: boolean;
     required?: boolean;
     placeholder?: string;
     size?: "small" | "medium" | "large";

package/dist/src/{beta/components → components}/MultiSelectField/internal/useComboMultiple.d.ts

@@ -1,7 +1,7 @@
 import { UseComboboxProps } from 'downshift';
 import { MultiSelectFieldGroupByValue, MultiSelectFieldOption, MultiSelectFieldPinnedOptions } from '../types';
-import { SelectItem } from '../../../../internal/types/selectFieldInternalTypes';
-import { CheckState } from '../../../../types';
+import { SelectItem } from '../../../internal/types/selectFieldInternalTypes';
+import { CheckState } from '../../../types';
 export type UseComboMultipleOptions = {
     /** An array of currently loaded options */
     options: MultiSelectFieldOption[];

package/dist/src/{beta/components → components}/MultiSelectField/internal/useSelectModeMultiple.d.ts

@@ -1,6 +1,6 @@
 import { MultiSelectFieldGroupByValue, MultiSelectFieldOption, MultiSelectFieldPinnedOptions } from '../types';
-import { SelectItem } from '../../../../internal/types/selectFieldInternalTypes';
-import { CheckState } from '../../../../types';
+import { SelectItem } from '../../../internal/types/selectFieldInternalTypes';
+import { CheckState } from '../../../types';
 export type UseSelectModeMultipleOptions = {
     options: MultiSelectFieldOption[];
     pinned?: MultiSelectFieldPinnedOptions;

package/dist/src/{beta/components → components}/MultiSelectField/types.d.ts

@@ -1,9 +1,9 @@
 import { AriaAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
-import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../../types';
+import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../types';
 import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldOptionContent } from '../SelectField/types';
-import { ChipProps } from '../../../components/Chip';
-import { AddNewItemProps } from '../../../internal/types/addNewItemTypes';
-import { BulkActionConfig } from '../../../internal/types/bulkActionTypes';
+import { ChipProps } from '../../components/Chip';
+import { AddNewItemProps } from '../../internal/types/addNewItemTypes';
+import { BulkActionConfig } from '../../internal/types/bulkActionTypes';
 /**
  * Partial chip props that can be returned from the `getChipProps` callback.
  * Supports `icon` or `avatar` (mutually exclusive) and all other chip props as optional overrides.
@@ -204,6 +204,11 @@ type MultiSelectFieldCommonProps = {
      * When read-only, the input is still focusable but menu items cannot be selected.
      */
     readOnly?: boolean;
+    /**
+     * When `true`, applies a subdued primary background to the field to draw attention to it.
+     * @default false
+     */
+    isHighlighted?: boolean;
     /**
      * Content to display before the input field.
      */

package/dist/src/{beta/components → components}/MultiSelectMenu/MultiSelectMenuSync.d.ts

@@ -1,6 +1,6 @@
 import { MatchSorterOptions } from 'match-sorter';
 import { MultiSelectMenuProps, MultiSelectMenuOption } from './types';
-import { SyncFilterFn } from '../../../internal/functions/syncFilterUtils';
+import { SyncFilterFn } from '../../internal/functions/syncFilterUtils';
 export type MultiSelectMenuSyncProps = Omit<MultiSelectMenuProps, "loadOptions" | "lazy" | "debounceMs" | "cache" | "initialLoad" | "selectAll" | "selectFiltered"> & {
     /**
      * The options to display in the multi-select menu.

package/dist/src/{beta/components → components}/MultiSelectMenu/types.d.ts

@@ -1,9 +1,9 @@
 import { KeyboardEvent, ReactElement, RefObject } from 'react';
 import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldOptionContent } from '../SelectField/types';
 import { MultiSelectFieldCacheOptions, MultiSelectFieldEagerLoader, MultiSelectFieldGroupLazyLoader, MultiSelectFieldOffsetLazyLoader, MultiSelectFieldPageLazyLoader, MultiSelectFieldPinnedOptions, MultiSelectFieldSearchProps } from '../MultiSelectField/types';
-import { AddNewItemProps } from '../../../internal/types/addNewItemTypes';
-import { ConfirmationProp } from '../../../internal/types/confirmationTypes';
-import { BulkActionConfig } from '../../../internal/types/bulkActionTypes';
+import { AddNewItemProps } from '../../internal/types/addNewItemTypes';
+import { ConfirmationProp } from '../../internal/types/confirmationTypes';
+import { BulkActionConfig } from '../../internal/types/bulkActionTypes';
 /**
  * Configuration for the "Select All" / "Select Filtered" rows.
  */

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

@@ -52,6 +52,11 @@ export type NumberFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
     onFocus?: (event: React.FocusEvent) => void;
     onBlur?: (event: React.FocusEvent) => void;
     hideControls?: boolean;
+    /**
+     * When `true`, applies a subdued primary background to the field to draw attention to it.
+     * @default false
+     */
+    isHighlighted?: boolean;
 } & DataTrackingId;
 export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "size" | "value" | "type"> & LayoutUtilProps & Pick<import('../../internal').LabelProps, "required" | "moreInfo"> & {
     labelProps?: Omit<import('../../internal').LabelProps, "children" | "moreInfo" | "required" | "id" | "htmlFor"> & import('../..').AiMarkWithTooltipOrPopoverProps;
@@ -98,4 +103,9 @@ export declare const NumberField: import('react').ForwardRefExoticComponent<Omit
     onFocus?: (event: React.FocusEvent) => void;
     onBlur?: (event: React.FocusEvent) => void;
     hideControls?: boolean;
+    /**
+     * When `true`, applies a subdued primary background to the field to draw attention to it.
+     * @default false
+     */
+    isHighlighted?: boolean;
 } & DataTrackingId & import('react').RefAttributes<HTMLInputElement>>;

package/dist/src/{beta/components → components}/SelectField/SelectFieldSync.d.ts

@@ -1,6 +1,6 @@
 import { MatchSorterOptions } from 'match-sorter';
 import { SelectFieldProps, SelectFieldOption, SelectFieldGroupByValue } from './types';
-import { SyncFilterFn } from '../../../internal/functions/syncFilterUtils';
+import { SyncFilterFn } from '../../internal/functions/syncFilterUtils';
 export type SelectFieldSyncProps = Omit<SelectFieldProps, "loadOptions" | "lazy" | "debounceMs" | "cache" | "initialLoad"> & {
     /**
      * The options to display in the select field.

package/dist/src/components/SelectField/internal/SelectFieldComboboxMode.d.ts

@@ -0,0 +1,6 @@
+import { SelectFieldComboboxInternalProps } from '../../../internal/types/selectFieldInternalTypes';
+/**
+ * Combobox mode: searchable select using useCombobox.
+ * This is the default behavior when disableSearch is false.
+ */
+export declare const SelectFieldComboboxMode: ({ id, helperUid, selectedOption, onSelectedOptionChange, displayAs, isDisabledOrReadOnly, disabled, labelAiMark, 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, addItemLabel, onAddNewItem, }: SelectFieldComboboxInternalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldInput.d.ts

@@ -1,4 +1,4 @@
-import { PassThroughProps, Size } from '../../../../types';
+import { PassThroughProps, Size } from '../../../types';
 import { ReactElement, RefObject } from 'react';
 /**
  * Props for the SelectFieldInput component
@@ -8,6 +8,7 @@ import { ReactElement, RefObject } from 'react';
  * @property {boolean} [disableToggleButton] - Hides the toggle button when true
  * @property {boolean} [disabled] - Disables the input entirely
  * @property {boolean} [readOnly] - Cannot be modified but remains interactive
+ * @property {boolean} [isHighlighted] - Applies a subdued primary background to draw attention to the field
  * @property {boolean} [required] - Marks the input as required for form validation
  * @property {boolean} [error] - Shows error styling on the input when true
  * @property {() => void} [onClear] - Callback fired when the clear button is clicked
@@ -26,6 +27,7 @@ export type SelectFieldInputProps = {
     disableToggleButton?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    isHighlighted?: boolean;
     required?: boolean;
     error?: boolean;
     onClear?: () => void;
@@ -59,6 +61,6 @@ export type SelectFieldInputProps = {
  * />
  */
 export declare const SelectFieldInput: {
-    ({ placeholder, size, disableClearButton, disableToggleButton, disabled, readOnly, required, error, onClear, id, inputWrapperRef, htmlInputWrapperProps, inputProps, toggleButtonProps, prefix, suffix, }: SelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, size, disableClearButton, disableToggleButton, disabled, readOnly, isHighlighted, required, error, onClear, id, inputWrapperRef, htmlInputWrapperProps, inputProps, toggleButtonProps, prefix, suffix, }: SelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldLabel.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FieldLabelProps } from '../../../../components/FieldLabel';
+import { FieldLabelProps } from '../../../components/FieldLabel';
 type GetLabelProps = (options?: object) => {
     id: string;
     htmlFor: string;

package/dist/src/components/SelectField/internal/SelectFieldSelectMode.d.ts

@@ -0,0 +1,6 @@
+import { SelectFieldBaseInternalProps } from '../../../internal/types/selectFieldInternalTypes';
+/**
+ * Select mode: non-searchable select using useSelect.
+ * Active when disableSearch is true.
+ */
+export declare const SelectFieldSelectMode: ({ labelAiMark, id, helperUid, selectedOption, onSelectedOptionChange, displayAs, isDisabledOrReadOnly, disabled, readOnly, isHighlighted, 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, required, addItemLabel, onAddNewItem, }: SelectFieldBaseInternalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldTrigger.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '../../../../types';
+import { Size } from '../../../types';
 import { ReactElement, RefObject } from 'react';
 export type SelectFieldTriggerProps = {
     placeholder?: string;
@@ -6,6 +6,7 @@ export type SelectFieldTriggerProps = {
     disableClearButton?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    isHighlighted?: boolean;
     error?: boolean;
     onClear?: () => void;
     id?: string;
@@ -22,6 +23,6 @@ export type SelectFieldTriggerProps = {
  * Renders a div-based trigger instead of an input, suitable for the listbox ARIA pattern.
  */
 export declare const SelectFieldTrigger: {
-    ({ placeholder, size, disableClearButton, disabled, readOnly, error, onClear, id, inputWrapperRef, toggleButtonProps, displayValue, prefix, suffix, popoverTarget, }: SelectFieldTriggerProps): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, size, disableClearButton, disabled, readOnly, isHighlighted, error, onClear, id, inputWrapperRef, toggleButtonProps, displayValue, prefix, suffix, popoverTarget, }: SelectFieldTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/src/{beta/components → components}/SelectField/internal/useCombo.d.ts

@@ -1,6 +1,6 @@
 import { UseComboboxProps } from 'downshift';
 import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../types';
-import { SectionMeta, SelectItem } from '../../../../internal/types/selectFieldInternalTypes';
+import { SectionMeta, SelectItem } from '../../../internal/types/selectFieldInternalTypes';
 export type { SectionMeta };
 export type UseComboOptions = {
     options: SelectFieldOption[];

package/dist/src/{beta/components → components}/SelectField/internal/useSelectMode.d.ts

@@ -1,5 +1,5 @@
 import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../types';
-import { SelectItem } from '../../../../internal/types/selectFieldInternalTypes';
+import { SelectItem } from '../../../internal/types/selectFieldInternalTypes';
 export type UseSelectModeOptions = {
     options: SelectFieldOption[];
     pinned?: SelectFieldPinnedOptions;

package/dist/src/{beta/components → components}/SelectField/types.d.ts

@@ -1,7 +1,7 @@
 import { AriaAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
-import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../../types';
-import { OptionContent } from '../../../internal/types/optionContent';
-import { AddNewItemProps } from '../../../internal/types/addNewItemTypes';
+import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../types';
+import { OptionContent } from '../../internal/types/optionContent';
+import { AddNewItemProps } from '../../internal/types/addNewItemTypes';
 /**
  * Configuration options for the SelectField cache.
  * @property enabled - Whether caching is enabled. Defaults to true.
@@ -218,6 +218,11 @@ type SelectFieldCommonSelectFieldProps = {
      * When read-only, the input is still focusable but menu items cannot be selected.
      */
     readOnly?: boolean;
+    /**
+     * When `true`, applies a subdued primary background to the field to draw attention to it.
+     * @default false
+     */
+    isHighlighted?: boolean;
     /**
      * Content to display before the input field.
      */

package/dist/src/{beta/components → components}/SelectMenu/SelectMenuSync.d.ts

@@ -1,6 +1,6 @@
 import { MatchSorterOptions } from 'match-sorter';
 import { SelectMenuProps, SelectMenuOption, SelectMenuGroupByValue } from './types';
-import { SyncFilterFn } from '../../../internal/functions/syncFilterUtils';
+import { SyncFilterFn } from '../../internal/functions/syncFilterUtils';
 export type SelectMenuSyncProps = Omit<SelectMenuProps, "loadOptions" | "lazy" | "debounceMs" | "cache" | "initialLoad"> & {
     /**
      * The options to display in the select menu.

package/dist/src/{beta/components → components}/SelectMenu/internal/useMenuInteraction.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, KeyboardEvent, RefObject } from 'react';
-import { SelectItem, SectionMeta } from '../../../../internal/types/selectFieldInternalTypes';
-import { OptionsPanelHandle } from '../../../../internal/components/OptionsPanel';
+import { SelectItem, SectionMeta } from '../../../internal/types/selectFieldInternalTypes';
+import { OptionsPanelHandle } from '../../../internal/components/OptionsPanel';
 export type UseMenuInteractionConfig = {
     items: SelectItem[];
     sectionsMeta: SectionMeta[];

package/dist/src/{beta/components → components}/SelectMenu/types.d.ts

@@ -1,6 +1,6 @@
 import { KeyboardEvent, ReactElement, RefObject } from 'react';
 import { SelectFieldCacheOptions, SelectFieldEagerLoader, SelectFieldGroupByValue, SelectFieldGroupLazyLoader, SelectFieldGroupedOption, SelectFieldOffsetLazyLoader, SelectFieldOption, SelectFieldOptionContent, SelectFieldPageLazyLoader, SelectFieldPinnedOptions, SelectFieldSearchProps } from '../SelectField/types';
-import { AddNewItemProps } from '../../../internal/types/addNewItemTypes';
+import { AddNewItemProps } from '../../internal/types/addNewItemTypes';
 /**
  * Rich content configuration for a SelectMenu option row.
  * Controls the avatar, icon, description, and chip display within an option.

package/dist/src/components/SelectTrigger/internal/SelectTriggerBase.d.ts

@@ -33,8 +33,9 @@ export type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<TextFieldP
     toggleButtonProps?: ComponentPropsWithoutRef<"button">;
     chipProps?: (item: Item, index: number) => PartialChipProps;
     inputProps?: ComponentPropsWithoutRef<"input" | "div">;
+    disableToggleButton?: boolean;
 } & {
     prefix?: string | ReactNode;
 };
-export declare const SelectTriggerBase: <Item>({ className, label, size, error, hint, description, prefix, suffix, maxRows, selectedItemProps, disabled, readOnly, disableClearSelection, itemToString: itemToStringProp, selectedItem, selectedItems, removeSelectedItem, inputValue, referenceRef, variant, onClearButtonClick, labelProps, inputWrapperProps, toggleButtonProps, inputProps, chipProps, warning, placeholder, ...rest }: SelectTriggerBaseProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTriggerBase: <Item>({ className, label, size, error, hint, description, prefix, suffix, maxRows, selectedItemProps, disabled, readOnly, disableClearSelection, itemToString: itemToStringProp, selectedItem, selectedItems, removeSelectedItem, inputValue, referenceRef, variant, onClearButtonClick, labelProps, inputWrapperProps, toggleButtonProps, inputProps, chipProps, disableToggleButton, warning, placeholder, ...rest }: SelectTriggerBaseProps<Item>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/TextField/internal/TextField.d.ts

@@ -38,5 +38,10 @@ export type TextFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" | "p
      * @default false
      */
     hideLabel?: boolean;
+    /**
+     * When `true`, applies a subdued primary background to the field to draw attention to it.
+     * @default false
+     */
+    isHighlighted?: boolean;
 } & MaxLengthCounterProps & DataTrackingId;
 export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -49,6 +49,10 @@ export * from './Radio';
 export * from './SearchField';
 export * from './SegmentedControl';
 export * from './SelectCard';
+export * from './SelectField';
+export * from './MultiSelectField';
+export * from './SelectMenu';
+export * from './MultiSelectMenu';
 export * from './SelectTrigger';
 export * from './SideNav';
 export * from './Skeleton';

package/dist/src/internal/components/MultiSelectOptions.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectFieldOption } from '../../beta/components/MultiSelectField/types';
+import { MultiSelectFieldOption } from '../../components/MultiSelectField/types';
 import { CSSProperties } from 'react';
 import { OptionsPanelHandle } from './OptionsPanel';
 import { GetItemPropsFn, GetMenuPropsFn, SectionMeta, SelectItem } from '../types/selectFieldInternalTypes';

package/dist/src/internal/components/SelectOptions.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldOption } from '../../beta/components/SelectField/types';
+import { SelectFieldOption } from '../../components/SelectField/types';
 import { CSSProperties } from 'react';
 import { OptionsPanelHandle } from './OptionsPanel';
 import { GetItemPropsFn, GetMenuPropsFn, SectionMeta, SelectItem } from '../types/selectFieldInternalTypes';

package/dist/src/internal/functions/buildSelectItems.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldOption } from '../../beta/components/SelectField/types';
+import { SelectFieldOption } from '../../components/SelectField/types';
 import { SectionMeta, SelectItem } from '../types/selectFieldInternalTypes';
 import { NormalizedPinnedSection } from '../hooks/usePinnedOptions';
 import { NormalizedGroupSection } from '../hooks/useGroupedOptions';

package/dist/src/internal/functions/syncFilterUtils.d.ts

@@ -1,5 +1,5 @@
 import { MatchSorterOptions } from 'match-sorter';
-import { SelectFieldOption, SelectFieldGroupByValue } from '../../beta/components/SelectField/types';
+import { SelectFieldOption, SelectFieldGroupByValue } from '../../components/SelectField/types';
 export type SyncFilterFn<T extends SelectFieldOption = SelectFieldOption> = (options: T[], searchValue: string) => T[];
 export declare const defaultSyncFilter: SyncFilterFn;
 export declare const toSyncFilterFn: <T extends SelectFieldOption = SelectFieldOption>(filter: SyncFilterFn<T> | MatchSorterOptions<T>) => SyncFilterFn<T>;

package/dist/src/internal/hooks/useGroupedOptions.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldGroupByValue, SelectFieldOption } from '../../beta/components/SelectField/types';
+import { SelectFieldGroupByValue, SelectFieldOption } from '../../components/SelectField/types';
 import { SelectItem } from '../types/selectFieldInternalTypes';
 /**
  * Normalized group section structure used internally.

package/dist/src/internal/hooks/usePinnedOptions.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldOption, SelectFieldPinnedOptions } from '../../beta/components/SelectField/types';
+import { SelectFieldOption, SelectFieldPinnedOptions } from '../../components/SelectField/types';
 /**
  * Normalized pinned section structure used internally.
  * @property label - Section label (e.g., "Recent", "Favorites")

package/dist/src/internal/hooks/useProcessedOptions.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../../beta/components/SelectField/types';
+import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../../components/SelectField/types';
 type UseProcessedOptionsParams = {
     options: SelectFieldOption[];
     pinned?: SelectFieldPinnedOptions;

package/dist/src/internal/hooks/useSelectFieldLoading/useSelectFieldLoading.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldOption, SelectFieldPropsLazyPage, SelectFieldPropsLazyOffset, SelectFieldPropsLazyGroup, SelectFieldPropsEager } from '../../../beta/components/SelectField/types';
+import { SelectFieldOption, SelectFieldPropsLazyPage, SelectFieldPropsLazyOffset, SelectFieldPropsLazyGroup, SelectFieldPropsEager } from '../../../components/SelectField/types';
 export declare const DEFAULT_PAGE_SIZE = 20;
 /**
  * Configuration for caching search results in useSelectFieldLoading.

package/dist/src/internal/hooks/useSelectOrchestration.d.ts

@@ -27,7 +27,7 @@ export declare function useSelectOrchestration(config: UseSelectOrchestrationCon
     initialLoad: "open" | "immediate";
     initialLoadPerformed: boolean;
     setInitialLoadPerformed: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    options: import('../../beta').SelectFieldOption[];
+    options: import('../..').SelectFieldOption[];
     loading: boolean;
     loadingMore: boolean;
     hasMore: boolean;

package/dist/src/internal/hooks/useToggleSelection.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldOption } from '../../beta/components/SelectField/types';
+import { SelectFieldOption } from '../../components/SelectField/types';
 import { NormalizedPinnedSection } from './usePinnedOptions';
 type UseToggleSelectionParams = {
     options: SelectFieldOption[];

package/dist/src/internal/types/bulkActionTypes.d.ts

@@ -1,5 +1,5 @@
 import { CheckState } from '../../types';
-import { SelectFieldOption } from '../../beta/components/SelectField/types';
+import { SelectFieldOption } from '../../components/SelectField/types';
 /**
  * Configuration for the "Select All" / "Select Filtered" rows in a
  * MultiSelectMenu or MultiSelectField.

package/dist/src/internal/types/selectFieldInternalTypes.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
 import { AiMarkWithTooltipOrPopoverProps, CheckState } from '../../types';
-import { SelectFieldOption, SelectFieldProps } from '../../beta/components/SelectField/types';
+import { SelectFieldOption, SelectFieldProps } from '../../components/SelectField/types';
 import { AddNewItemProps } from './addNewItemTypes';
 import { ResolvedConfirmation } from './confirmationTypes';
 /**
@@ -28,6 +28,7 @@ export type SelectFieldBaseInternalProps = {
     isDisabledOrReadOnly: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    isHighlighted?: boolean;
     required?: boolean;
     placeholder?: string;
     size?: "small" | "medium" | "large";

package/dist/src/providers/AnvilProvider/AnvilProviderContext.d.ts

@@ -3,6 +3,12 @@ import { ComponentPropsWithoutRef, Dispatch, ReactNode, SetStateAction } from 'r
 import { LayoutUtilProps } from '../../types';
 import { ITranslations } from '../LocalizationProvider/LocalizationProvider';
 import { BreakpointReturnProps } from '../../hooks/useBreakpoint';
+export type CssUtilsOptions = boolean | {
+    spacing?: boolean;
+    color?: boolean;
+    border?: boolean;
+    font?: boolean;
+};
 export type AnvilProviderProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
     children?: ReactNode;
     themeData?: {
@@ -14,6 +20,7 @@ export type AnvilProviderProps = ComponentPropsWithoutRef<"div"> & LayoutUtilPro
         dir?: ITranslations["dir"];
         translations?: ITranslations["translations"];
     };
+    cssUtils?: CssUtilsOptions;
 } & {
     trackingIdData?: {
         scope?: string;

package/dist/src/providers/AnvilProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { AnvilProvider, AnvilProvider as default } from './AnvilProvider';
-export { AnvilProviderContext, type AnvilProviderContextProps, type AnvilProviderProps, } from './AnvilProviderContext';
+export { AnvilProviderContext, type AnvilProviderContextProps, type AnvilProviderProps, type CssUtilsOptions, } from './AnvilProviderContext';

package/dist/{stripInlineMarkdown-B-pONfu5.js → stripInlineMarkdown-CQCRopqY.js}

@@ -1,4 +1,4 @@
-import { I as INLINE_MARKDOWN_REGEX } from './FieldLabel-CtvpqdG9.js';
+import { I as INLINE_MARKDOWN_REGEX } from './FieldLabel-tFSfJ7OJ.js';
 
 const stripInlineMarkdown = (str) => {
   const parts = [];
@@ -22,4 +22,4 @@ const stripInlineMarkdown = (str) => {
 };
 
 export { stripInlineMarkdown as s };
-//# sourceMappingURL=stripInlineMarkdown-B-pONfu5.js.map
+//# sourceMappingURL=stripInlineMarkdown-CQCRopqY.js.map

package/dist/{stripInlineMarkdown-B-pONfu5.js.map → stripInlineMarkdown-CQCRopqY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stripInlineMarkdown-B-pONfu5.js","sources":["../src/internal/functions/stripInlineMarkdown.ts"],"sourcesContent":["import { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Strips inline markdown syntax from a string, returning plain text.\n * Intended for accessibility contexts (e.g. `aria-label`) where only plain text is appropriate.\n *\n * @param str - The string to strip\n * @returns The string with all inline markdown syntax removed\n */\nexport const stripInlineMarkdown = (str: string): string => {\n  const parts: string[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(str)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(str.substring(lastIndex, match.index));\n    }\n\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n    const inner =\n      match[1] ?? match[2] ?? match[3] ?? match[4] ?? match[5] ?? \"\";\n\n    // code spans don't support nested markdown, matching parseInlineMarkdown behavior\n    parts.push(match[5] ? inner : stripInlineMarkdown(inner));\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < str.length) {\n    parts.push(str.substring(lastIndex));\n  }\n\n  return parts.join(\"\");\n};\n"],"names":[],"mappings":";;AASO,MAAM,mBAAA,GAAsB,CAAC,GAAA,KAAwB;AAC1D,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,qBAAA,CAAsB,SAAA,GAAY,CAAA;AAClC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,qBAAA,CAAsB,IAAA,CAAK,GAAG,OAAO,IAAA,EAAM;AACzD,IAAA,IAAI,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC3B,MAAA,KAAA,CAAM,KAAK,GAAA,CAAI,SAAA,CAAU,SAAA,EAAW,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,MAAM,aAAa,qBAAA,CAAsB,SAAA;AACzC,IAAA,MAAM,KAAA,GACJ,KAAA,CAAM,CAAC,CAAA,IAAK,MAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,KAAK,KAAA,CAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,CAAA,IAAK,EAAA;AAG9D,IAAA,KAAA,CAAM,KAAK,KAAA,CAAM,CAAC,IAAI,KAAA,GAAQ,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAExD,IAAA,qBAAA,CAAsB,SAAA,GAAY,UAAA;AAClC,IAAA,SAAA,GAAY,UAAA;AAAA,EACd;AAEA,EAAA,IAAI,SAAA,GAAY,IAAI,MAAA,EAAQ;AAC1B,IAAA,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,EACrC;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,CAAA;AACtB;;;;"}
+{"version":3,"file":"stripInlineMarkdown-CQCRopqY.js","sources":["../src/internal/functions/stripInlineMarkdown.ts"],"sourcesContent":["import { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Strips inline markdown syntax from a string, returning plain text.\n * Intended for accessibility contexts (e.g. `aria-label`) where only plain text is appropriate.\n *\n * @param str - The string to strip\n * @returns The string with all inline markdown syntax removed\n */\nexport const stripInlineMarkdown = (str: string): string => {\n  const parts: string[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(str)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(str.substring(lastIndex, match.index));\n    }\n\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n    const inner =\n      match[1] ?? match[2] ?? match[3] ?? match[4] ?? match[5] ?? \"\";\n\n    // code spans don't support nested markdown, matching parseInlineMarkdown behavior\n    parts.push(match[5] ? inner : stripInlineMarkdown(inner));\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < str.length) {\n    parts.push(str.substring(lastIndex));\n  }\n\n  return parts.join(\"\");\n};\n"],"names":[],"mappings":";;AASO,MAAM,mBAAA,GAAsB,CAAC,GAAA,KAAwB;AAC1D,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,qBAAA,CAAsB,SAAA,GAAY,CAAA;AAClC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,qBAAA,CAAsB,IAAA,CAAK,GAAG,OAAO,IAAA,EAAM;AACzD,IAAA,IAAI,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC3B,MAAA,KAAA,CAAM,KAAK,GAAA,CAAI,SAAA,CAAU,SAAA,EAAW,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,MAAM,aAAa,qBAAA,CAAsB,SAAA;AACzC,IAAA,MAAM,KAAA,GACJ,KAAA,CAAM,CAAC,CAAA,IAAK,MAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,KAAK,KAAA,CAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,CAAA,IAAK,EAAA;AAG9D,IAAA,KAAA,CAAM,KAAK,KAAA,CAAM,CAAC,IAAI,KAAA,GAAQ,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAExD,IAAA,qBAAA,CAAsB,SAAA,GAAY,UAAA;AAClC,IAAA,SAAA,GAAY,UAAA;AAAA,EACd;AAEA,EAAA,IAAI,SAAA,GAAY,IAAI,MAAA,EAAQ;AAC1B,IAAA,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,EACrC;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,CAAA;AACtB;;;;"}