@servicetitan/anvil2 3.1.0 → 3.2.0

package/dist/index.js

@@ -1,72 +1,72 @@
 export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-DYmBt7Yo.js';
-export { A as AiMark } from './AiMark-m-sG_BrY.js';
+export { A as Alert } from './Alert-Dgq96HR4.js';
+export { A as AiMark } from './AiMark-D6ScGfyP.js';
 export { A as Announcement } from './Announcement-DXF8slQf.js';
 export { A as Avatar } from './Avatar-DX96Mxe7.js';
 export { A as AvatarGroup } from './Avatar-CoQcOHWU.js';
 export { B as Badge } from './Badge-BNrYBFiU.js';
-export { B as Breadcrumbs } from './Breadcrumbs-D1X1M_ej.js';
+export { B as Breadcrumbs } from './Breadcrumbs-CklKFLSl.js';
 export { B as Button } from './Button-ChQARW0y.js';
 export { B as ButtonCompound } from './ButtonCompound-_0ddykI_.js';
 export { B as ButtonLink } from './ButtonLink-CWbYzTTz.js';
 export { B as ButtonToggle } from './ButtonToggle-BVv94C4U.js';
-export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-BvHvJOHb.js';
+export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-DWyW5gvQ.js';
 export { C as Card } from './Card-Bt0F6RTq.js';
-export { C as Checkbox } from './Checkbox-DqncM7th.js';
-export { C as Chip } from './Chip-B6LaPxtL.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-D_y_FHCj.js';
-export { D as DateFieldRange } from './DateFieldRange-DGjw3kTB.js';
-export { D as DateFieldSingle } from './DateFieldSingle-dB13x4lS.js';
-export { D as DateFieldYearless } from './DateFieldYearless-BJ_1HLfi.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BXnvkTXC.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-C78qSYxI.js';
-export { D as Details } from './Details-DK6ceYhs.js';
-export { D as Dialog } from './Dialog-DuGX-ngX.js';
+export { C as Checkbox } from './Checkbox-BE8Jmz3t.js';
+export { C as Chip } from './Chip-BYK1b3lZ.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-D6FRVziM.js';
+export { D as DateFieldRange } from './DateFieldRange-OiVF8sye.js';
+export { D as DateFieldSingle } from './DateFieldSingle-CSCcHt9Z.js';
+export { D as DateFieldYearless } from './DateFieldYearless-DU9No74i.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BkXIgh59.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-BYw91Qr-.js';
+export { D as Details } from './Details-Xb49PJ-r.js';
+export { D as Dialog } from './Dialog-DMR_uvde.js';
 export { D as Divider } from './Divider-C7fp5Xb6.js';
 export { D as Dnd } from './index-iTige6rD.js';
-export { D as Drawer } from './Drawer-9_HfTi3J.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-DCXYrcGK.js';
-export { E as EditCard } from './EditCard-DeB4rQVo.js';
-export { F as FieldLabel } from './FieldLabel-CtvpqdG9.js';
+export { D as Drawer } from './Drawer-vxmKqraS.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-CWNTo5uR.js';
+export { E as EditCard } from './EditCard-h7sDGB-x.js';
+export { F as FieldLabel } from './FieldLabel-tFSfJ7OJ.js';
 export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 export { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
 export { F as Flex } from './Flex-Bb3iHExM.js';
 export { G as Grid } from './Grid-ho1pGJ5L.js';
 export { I as Icon } from './Icon-BEwHECSM.js';
-export { I as InputMask } from './InputMask-CZ57VFJA.js';
+export { I as InputMask } from './InputMask-r8vH_Gh3.js';
 export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-C2Q2hyLG.js';
 export { L as Link, u as useLinkStyles } from './Link-DI4eVVdI.js';
 export { L as LinkButton } from './LinkButton-C0wps8r1.js';
 export { L as List } from './List-BvzfZ9TW.js';
-export { L as Listbox } from './Listbox-3ChcLAyg.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-Ngeqpgna.js';
-export { M as Menu } from './Menu-BUIAooVS.js';
-export { N as NumberField } from './NumberField-C_UAdOsK.js';
+export { L as Listbox } from './Listbox-iUUghImt.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-D_xAfZD-.js';
+export { M as Menu } from './Menu-qcHhgf-t.js';
+export { N as NumberField } from './NumberField-CFYbODNe.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page--5QCoYX4.js';
-export { P as Pagination } from './Pagination-Dtgyk0Xr.js';
-export { P as Popover } from './Popover-B1_842BG.js';
-export { P as ProgressBar } from './ProgressBar-B87CdCEB.js';
-export { R as Radio } from './Radio-K8VUbkMe.js';
-export { S as SearchField } from './SearchField-CWucSMdv.js';
+export { P as Page } from './Page-DgSimS7u.js';
+export { P as Pagination } from './Pagination-DQ2fjkmT.js';
+export { P as Popover } from './Popover-DeBxKuqc.js';
+export { P as ProgressBar } from './ProgressBar-BFvc2jm3.js';
+export { R as Radio } from './Radio-v3lT3AoB.js';
+export { S as SearchField } from './SearchField-BfOMhmIc.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-fBjqazBR.js';
-export { S as SelectCard } from './SelectCard-YwnN2K4B.js';
-export { S as SelectTrigger } from './SelectTrigger-BjMduiax.js';
+export { S as SelectCard } from './SelectCard-CkZEENl6.js';
+export { S as SelectTrigger } from './SelectTrigger-BtmYsL2p.js';
 export { S as SideNav } from './SideNav-BFkruKa4.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-B7tTWcP6.js';
 export { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 export { S as Stepper } from './Stepper-BXgMeUHu.js';
-export { S as Switch } from './Switch-Crcn7ffO.js';
+export { S as Switch } from './Switch-DibokoJL.js';
 export { T as Tab } from './Tab-FOIali7o.js';
-export { T as Text } from './Text-CK1TI4Gz.js';
-export { T as Textarea } from './Textarea-DPRvsIhS.js';
-export { T as TextField } from './TextField-CFRhRDXu.js';
-export { T as TimeField } from './TimeField-IK0j6q87.js';
-export { T as Toaster } from './Toaster-C1Hjsfo4.js';
-export { t as toast } from './Toaster-CFU3OD-A.js';
-export { T as Toolbar } from './Toolbar-CTF1WCrJ.js';
-export { T as Tooltip } from './Tooltip-DYR7-Ova.js';
+export { T as Text } from './Text-BTCfqeSr.js';
+export { T as Textarea } from './Textarea-DlvbIRKO.js';
+export { T as TextField } from './TextField-CqJ9s4SG.js';
+export { T as TimeField } from './TimeField-bdJArRXM.js';
+export { T as Toaster } from './Toaster-DW9Bx-5k.js';
+export { t as toast } from './Toaster-De3dmRbW.js';
+export { T as Toolbar } from './Toolbar-DksrjUsE.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';
 export { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';

package/dist/src/beta/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, 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, }: MultiSelectFieldComboboxInternalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -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/beta/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, 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, }: MultiSelectFieldBaseInternalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -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/MultiSelectField/internal/types.d.ts

@@ -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/MultiSelectField/types.d.ts

@@ -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/SelectField/internal/SelectFieldComboboxMode.d.ts

@@ -3,4 +3,4 @@ import { SelectFieldComboboxInternalProps } from '../../../../internal/types/sel
  * 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, 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;
+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/SelectField/internal/SelectFieldInput.d.ts

@@ -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/SelectField/internal/SelectFieldSelectMode.d.ts

@@ -3,4 +3,4 @@ import { SelectFieldBaseInternalProps } from '../../../../internal/types/selectF
  * 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, 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;
+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/SelectField/internal/SelectFieldTrigger.d.ts

@@ -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/SelectField/types.d.ts

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

@@ -51,6 +51,7 @@ export declare const TreeSelectField: import('react').ForwardRefExoticComponent<
     onSearchChange?: (v: string) => void;
     singleRow?: boolean;
     maxChips?: number;
+    getChipProps?: (value: import('./types').TreeSelectFieldValue) => import('./types').TreeSelectFieldChipProps;
     virtualize?: boolean;
     value: import('./types').TreeSelectFieldValue[];
     onSelectedOptionsChange: (nodes: import('./types').TreeSelectFieldValue[]) => void;

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

@@ -1,5 +1,6 @@
 import { ReactElement, RefObject } from 'react';
 import { TreeSelectFieldValue } from '../types';
+import { MultiSelectFieldChipProps } from '../../MultiSelectField/types';
 /**
  * Props for the TreeSelectFieldInput component.
  * @property {string} [id] - HTML id attribute for the input element
@@ -15,6 +16,7 @@ import { TreeSelectFieldValue } from '../types';
  * @property {string | ReactElement} [suffix] - Content to display after the input area
  * @property {TreeSelectFieldValue[]} selectedOptions - Array of currently selected options
  * @property {(option: TreeSelectFieldValue) => void} onRemoveOption - Callback fired when a chip is removed
+ * @property {(value: TreeSelectFieldValue) => MultiSelectFieldChipProps} [getChipProps] - Callback to customize chip props per selected option
  * @property {RefObject<HTMLInputElement>} [inputRef] - Ref for the input element
  * @property {RefObject<HTMLDivElement>} [inputWrapperRef] - Ref for the input wrapper div element
  * @property {string} [searchValue] - Current search input value
@@ -39,6 +41,7 @@ export type TreeSelectFieldInputProps = {
     suffix?: string | ReactElement;
     selectedOptions: TreeSelectFieldValue[];
     onRemoveOption: (option: TreeSelectFieldValue) => void;
+    getChipProps?: (value: TreeSelectFieldValue) => MultiSelectFieldChipProps;
     inputRef?: RefObject<HTMLInputElement>;
     inputWrapperRef?: RefObject<HTMLDivElement>;
     searchValue?: string;
@@ -77,6 +80,6 @@ export type TreeSelectFieldInputProps = {
  * />
  */
 export declare const TreeSelectFieldInput: {
-    ({ id, placeholder, size, disabled, readOnly, error, single, singleRow, maxChips, prefix, suffix, selectedOptions, onRemoveOption, inputRef, inputWrapperRef, searchValue, onSearchChange, onInputKeyDown, onWrapperClick, isOpen, ariaControls, disableSearch, comboboxProps, }: TreeSelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, placeholder, size, disabled, readOnly, error, single, singleRow, maxChips, prefix, suffix, selectedOptions, onRemoveOption, getChipProps, inputRef, inputWrapperRef, searchValue, onSearchChange, onInputKeyDown, onWrapperClick, isOpen, ariaControls, disableSearch, comboboxProps, }: TreeSelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -1,6 +1,13 @@
 import { CSSProperties, ReactElement, ReactNode } from 'react';
 import { AiMarkWithTooltipOrPopoverProps, LayoutUtilProps, Size } from '../../../types';
 import { OptionContent } from '../../../internal/types/optionContent';
+import { MultiSelectFieldChipProps } from '../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.
+ */
+export type TreeSelectFieldChipProps = MultiSelectFieldChipProps;
 /**
  * Rich content configuration for a TreeSelectField option row.
  * Controls the avatar, icon, description, and chip display within an option.
@@ -107,6 +114,14 @@ export type TreeSelectFieldProps = {
     onSearchChange?: (v: string) => void;
     singleRow?: boolean;
     maxChips?: number;
+    /**
+     * 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.
+     * @param value - The selected value the chip represents
+     * @returns Partial chip props to merge onto the chip
+     */
+    getChipProps?: (value: TreeSelectFieldValue) => TreeSelectFieldChipProps;
     virtualize?: boolean;
     value: TreeSelectFieldValue[];
     onSelectedOptionsChange: (nodes: TreeSelectFieldValue[]) => void;

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

@@ -0,0 +1,67 @@
+import { ReactNode } from 'react';
+import { TextFieldProps } from '../../../components/TextField';
+import { DistributiveOmit } from '../../../types';
+export type TypeaheadTextFieldOption<T = string> = {
+    label: string;
+    value: T;
+};
+type LoadOptionsResult<T> = TypeaheadTextFieldOption<T>[] | Promise<TypeaheadTextFieldOption<T>[]>;
+export type TypeaheadTextFieldProps<T = string> = DistributiveOmit<TextFieldProps, "value" | "defaultValue" | "onChange" | "suffix"> & {
+    /**
+     * Controlled input value.
+     */
+    value?: string;
+    /**
+     * Default input value for uncontrolled mode.
+     */
+    defaultValue?: string;
+    /**
+     * Fired whenever the input value changes (from typing, selection, or clear).
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Returns suggestions for the current input value.
+     * May be synchronous or return a Promise.
+     */
+    loadOptions: (search: string) => LoadOptionsResult<T>;
+    /**
+     * Fired when a suggestion is selected from the menu.
+     */
+    onSelectOption?: (option: TypeaheadTextFieldOption<T>) => void;
+    /**
+     * Debounce in ms between an input change and the loadOptions call.
+     * @default 300
+     */
+    debounceMs?: number;
+    /**
+     * Label shown when there are no suggestions to render.
+     * @default "No suggestions found"
+     */
+    noSuggestionsLabel?: string;
+    /**
+     * Label shown while suggestions are loading and there are no options yet.
+     * @default "Loading..."
+     */
+    loadingLabel?: string;
+    /**
+     * Custom renderer for the label of an option row.
+     */
+    renderOption?: (option: TypeaheadTextFieldOption<T>) => ReactNode;
+    /**
+     * If true, the suggestion menu opens whenever the input is focused and has
+     * a non-empty value.
+     * @default true
+     */
+    openOnFocus?: boolean;
+    /**
+     * If true, also opens the menu on focus/click when the input is empty.
+     * Useful for "show all" style menus that don't require pre-typing.
+     * @default false
+     */
+    openOnEmptyFocus?: boolean;
+};
+export declare function TypeaheadTextField<T = string>({ value: valueProp, defaultValue, onChange, loadOptions, onSelectOption, debounceMs, noSuggestionsLabel, loadingLabel, renderOption, openOnFocus, openOnEmptyFocus, onFocus, onBlur, onKeyDown, onClick, disabled, readOnly, loading: loadingProp, ...textFieldProps }: TypeaheadTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace TypeaheadTextField {
+    var displayName: string;
+}
+export {};

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

@@ -0,0 +1 @@
+export * from './TypeaheadTextField';

package/dist/src/beta/components/TypeaheadTextField/internal/SuggestionItem.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type SuggestionItemProps = HTMLAttributes<HTMLDivElement> & {
+    /** Visible label content for the option. */
+    label: ReactNode;
+    /**
+     * Reflects ARIA selection state on the `role="option"` element. Drives the
+     * `aria-activedescendant` highlight: set it for the option the user has
+     * navigated to with the arrow keys and would commit on Enter. Do not use it
+     * for "this suggestion was previously chosen", which isn't a meaningful
+     * state for a suggestion list.
+     */
+    selected?: boolean;
+    /** Disables selection and dims the row. */
+    disabled?: boolean;
+};
+export declare const SuggestionItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** Visible label content for the option. */
+    label: ReactNode;
+    /**
+     * Reflects ARIA selection state on the `role="option"` element. Drives the
+     * `aria-activedescendant` highlight: set it for the option the user has
+     * navigated to with the arrow keys and would commit on Enter. Do not use it
+     * for "this suggestion was previously chosen", which isn't a meaningful
+     * state for a suggestion list.
+     */
+    selected?: boolean;
+    /** Disables selection and dims the row. */
+    disabled?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -9,5 +9,6 @@ export * from './MultiSelectMenu';
 export * from './InteractiveCard';
 export * from './RichTextEditor';
 export * from './SavedFiltersButton';
+export * from './TypeaheadTextField';
 export * from './TreeSelectField';
 export * from './TreeSelectMenu';

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/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/internal/types/selectFieldInternalTypes.d.ts

@@ -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/{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;;;;"}

package/dist/{syncFilterUtils-Cg2yX7al.js → syncFilterUtils-JUsufAHA.js}

@@ -4,13 +4,13 @@ import { B as Button } from './Button-ChQARW0y.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useId, useImperativeHandle } from 'react';
 import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
-import { T as Text } from './Text-CK1TI4Gz.js';
+import { T as Text } from './Text-BTCfqeSr.js';
 import { D as Divider } from './Divider-C7fp5Xb6.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { I as Icon } from './Icon-BEwHECSM.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
-import { b as OptionRow, c as OptionRowSideContent, d as OptionCheckbox, e as OptionContentArea, u as useAdaptiveView } from './useAdaptiveView-BDqpk9G2.js';
+import { b as OptionRow, c as OptionRowSideContent, d as OptionCheckbox, e as OptionContentArea, u as useAdaptiveView } from './useAdaptiveView-BdzXyicd.js';
 import { d as defaultRangeExtractor, u as useVirtualizer } from './index-DXeGMe23.js';
 import { S as SvgAdd } from './add-BcQkAUip.js';
 import { m as matchSorter } from './match-sorter.esm-CGAauEiU.js';
@@ -796,35 +796,6 @@ const VirtualizedOptionsPanel = forwardRef(
 );
 VirtualizedOptionsPanel.displayName = "VirtualizedOptionsPanel";
 
-function useDebouncedCallback(callback, delay = 300) {
-  const timeoutRef = useRef(null);
-  const callbackRef = useRef(callback);
-  useEffect(() => {
-    callbackRef.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = null;
-      }
-    };
-  }, [delay]);
-  const debouncedCallback = useCallback(
-    ((...args) => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      timeoutRef.current = setTimeout(() => {
-        callbackRef.current(...args);
-        timeoutRef.current = null;
-      }, delay);
-    }),
-    [delay]
-  );
-  return debouncedCallback;
-}
-
 const DEFAULT_CACHE_SIZE = 15;
 const STATIC_CACHE_KEY = "__static__";
 function cacheSet(sectionCache, key, value, maxSize) {
@@ -1237,5 +1208,5 @@ const sortByGroup = (options, groupSorter) => {
   });
 };
 
-export { AddNewItemButton as A, OptionsPanel as O, VirtualizedOptionsPanel as V, useProcessedOptions as a, buildSelectItems as b, useDebouncedCallback as c, defaultSyncFilter as d, toSelectItem as e, sortByGroup as s, toSyncFilterFn as t, useSelectOrchestration as u };
-//# sourceMappingURL=syncFilterUtils-Cg2yX7al.js.map
+export { AddNewItemButton as A, OptionsPanel as O, VirtualizedOptionsPanel as V, useProcessedOptions as a, buildSelectItems as b, toSelectItem as c, defaultSyncFilter as d, sortByGroup as s, toSyncFilterFn as t, useSelectOrchestration as u };
+//# sourceMappingURL=syncFilterUtils-JUsufAHA.js.map