@servicetitan/anvil2 2.6.0 → 2.7.0

package/dist/beta/components/SelectField/internal/useCombo.d.ts

@@ -1,6 +1,6 @@
 import { UseComboboxProps } from 'downshift';
-import { SelectFieldDownshiftItem, SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../types';
-import { SectionMeta } from './types';
+import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../types';
+import { SectionMeta, SelectItem } from '../../../../internal/types/selectFieldInternalTypes';
 export type { SectionMeta };
 export type UseComboOptions = {
     options: SelectFieldOption[];
@@ -13,22 +13,22 @@ export type UseComboOptions = {
     disableHighlightOnOpen?: boolean;
     disabled: boolean;
     virtualize?: boolean;
-} & Pick<UseComboboxProps<SelectFieldDownshiftItem>, "onInputValueChange" | "onIsOpenChange">;
+    onScrollToHighlight?: (index: number) => void;
+} & Pick<UseComboboxProps<SelectItem>, "onInputValueChange" | "onIsOpenChange">;
 /**
  * The purpose of useCombo is to provide an abstraction over the downshift combobox hook.
  */
-export declare const useCombo: ({ options, pinned, groupToString, groupSorter, selectedOption, onSelectedOptionChange, onInputValueChange, onIsOpenChange, displayAs, disableHighlightOnOpen, disabled, virtualize, }: UseComboOptions) => {
+export declare const useCombo: ({ options, pinned, groupToString, groupSorter, selectedOption, onSelectedOptionChange, onInputValueChange, onIsOpenChange, displayAs, disableHighlightOnOpen, disabled, virtualize, onScrollToHighlight, }: UseComboOptions) => {
     inputValue: string;
     wrapperDivRef: import('react').RefObject<HTMLDivElement>;
     getToggleButtonProps: <Options>(options?: import('downshift').UseComboboxGetToggleButtonPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetToggleButtonPropsReturnValue, Options>;
     getLabelProps: <Options>(options?: import('downshift').UseComboboxGetLabelPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetLabelPropsReturnValue, Options>;
     getMenuProps: <Options>(options?: import('downshift').UseComboboxGetMenuPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseComboboxGetMenuPropsReturnValue, Options>;
     getInputProps: <Options>(options?: import('downshift').UseComboboxGetInputPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseComboboxGetInputPropsReturnValue, Options>;
-    getItemProps: <Options>(options: import('downshift').UseComboboxGetItemPropsOptions<SelectFieldDownshiftItem> & Options) => Omit<import('downshift').Overwrite<import('downshift').UseComboboxGetItemPropsReturnValue, Options>, "item" | "index">;
+    getItemProps: <Options>(options: import('downshift').UseComboboxGetItemPropsOptions<SelectItem> & Options) => Omit<import('downshift').Overwrite<import('downshift').UseComboboxGetItemPropsReturnValue, Options>, "item" | "index">;
     highlightedIndex: number;
-    highlightChangeTypeRef: import('react').MutableRefObject<string>;
     isOpen: boolean;
-    downshiftItems: SelectFieldDownshiftItem[];
+    items: SelectItem[];
     sectionsMeta: SectionMeta[];
     closeMenu: () => void;
     openMenu: () => void;

package/dist/beta/components/SelectField/internal/useSelectMode.d.ts

@@ -1,4 +1,5 @@
-import { SelectFieldDownshiftItem, SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../types';
+import { SelectFieldGroupByValue, SelectFieldOption, SelectFieldPinnedOptions } from '../types';
+import { SelectItem } from '../../../../internal/types/selectFieldInternalTypes';
 export type UseSelectModeOptions = {
     options: SelectFieldOption[];
     pinned?: SelectFieldPinnedOptions;
@@ -13,22 +14,22 @@ export type UseSelectModeOptions = {
     disableHighlightOnOpen?: boolean;
     disabled: boolean;
     virtualize?: boolean;
+    onScrollToHighlight?: (index: number) => void;
 };
 /**
  * Wraps downshift's useSelect for non-searchable select fields.
  * Returns a compatible interface to useCombo (minus getInputProps/inputValue).
  */
-export declare const useSelectMode: ({ options, pinned, groupToString, groupSorter, selectedOption, onSelectedOptionChange, onIsOpenChange, displayAs, disableHighlightOnOpen, disabled, virtualize, }: UseSelectModeOptions) => {
+export declare const useSelectMode: ({ options, pinned, groupToString, groupSorter, selectedOption, onSelectedOptionChange, onIsOpenChange, displayAs, disableHighlightOnOpen, disabled, virtualize, onScrollToHighlight, }: UseSelectModeOptions) => {
     wrapperDivRef: import('react').RefObject<HTMLDivElement>;
     getToggleButtonProps: <Options>(options?: import('downshift').UseSelectGetToggleButtonPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseSelectGetToggleButtonReturnValue, Options>;
     getLabelProps: <Options>(options?: import('downshift').UseSelectGetLabelPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseSelectGetLabelPropsReturnValue, Options>;
     getMenuProps: <Options>(options?: import('downshift').UseSelectGetMenuPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseSelectGetMenuReturnValue, Options>;
-    getItemProps: <Options>(options: import('downshift').UseSelectGetItemPropsOptions<SelectFieldDownshiftItem> & Options) => Omit<import('downshift').Overwrite<import('downshift').UseSelectGetItemPropsReturnValue, Options>, "item" | "index">;
+    getItemProps: <Options>(options: import('downshift').UseSelectGetItemPropsOptions<SelectItem> & Options) => Omit<import('downshift').Overwrite<import('downshift').UseSelectGetItemPropsReturnValue, Options>, "item" | "index">;
     highlightedIndex: number;
-    highlightChangeTypeRef: import('react').MutableRefObject<string>;
     isOpen: boolean;
-    downshiftItems: SelectFieldDownshiftItem[];
-    sectionsMeta: import('./types').SectionMeta[];
+    items: SelectItem[];
+    sectionsMeta: import('./useCombo').SectionMeta[];
     closeMenu: () => void;
     openMenu: () => void;
 };

package/dist/beta/components/SelectField/types.d.ts

@@ -1,10 +1,10 @@
 import { AriaAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
-import { CheckState, LayoutUtilProps, Size } from '../../../types';
+import { LayoutUtilProps, Size } from '../../../types';
 import { AvatarProps, ChipProps, IconProps } from '../../..';
 /**
  * Configuration options for the SelectField cache.
  * @property enabled - Whether caching is enabled. Defaults to true.
- * @property maxSize - Maximum number of cached entries before clearing the cache. Defaults to 50.
+ * @property maxSize - Maximum number of cached entries before clearing the cache. Defaults to 15.
  */
 export type SelectFieldCacheOptions = {
     enabled?: boolean;
@@ -331,11 +331,4 @@ export type SelectFieldPropsEager = SelectFieldCommonSelectFieldProps & {
 } & SelectFieldGroupingProps;
 export type SelectFieldPropsLazy = SelectFieldPropsLazyPage | SelectFieldPropsLazyOffset | SelectFieldPropsLazyGroup;
 export type SelectFieldProps = SelectFieldPropsLazy | SelectFieldPropsEager;
-export type SelectFieldDownshiftItem = {
-    id: string | number;
-    type: "option" | "pinned-option" | "grouped-option" | "select-all" | "select-filtered";
-    original: SelectFieldOption;
-    disabled?: boolean;
-    checkState?: CheckState;
-};
 export {};

package/dist/beta/components/SelectMenu/SelectMenu.d.ts

@@ -0,0 +1,27 @@
+import { SelectMenuHandle, SelectMenuProps } from './types';
+/**
+ * SelectMenu component for selecting a single option from a dropdown triggered by any element.
+ *
+ * Features:
+ * - Attaches to any trigger element via a render prop
+ * - Optional search input rendered inside the popover/dialog
+ * - Lazy loading with pagination (page, offset, or group modes)
+ * - Pinned options support
+ * - Grouped options support
+ * - Supports both popover and dialog display modes
+ * - Adaptive display based on device (mobile uses dialog)
+ * - Cache support for loadOptions results
+ * - Full accessibility support with ARIA attributes
+ * - Controlled selection state
+ * - Configurable popover width
+ *
+ * @example
+ * <SelectMenu
+ *   trigger={(props) => <Button {...props}>Select a book</Button>}
+ *   label="Books"
+ *   value={selectedOption}
+ *   onSelectedOptionChange={setSelectedOption}
+ *   loadOptions={loadOptions}
+ * />
+ */
+export declare const SelectMenu: import('react').ForwardRefExoticComponent<SelectMenuProps & import('react').RefAttributes<SelectMenuHandle>>;

package/dist/beta/components/SelectMenu/SelectMenuSync.d.ts

@@ -0,0 +1,41 @@
+import { MatchSorterOptions } from 'match-sorter';
+import { SelectMenuProps, SelectMenuOption, SelectMenuGroupByValue } from './types';
+import { SyncFilterFn } from '../../../internal/functions/syncFilterUtils';
+export type SelectMenuSyncProps = Omit<SelectMenuProps, "loadOptions" | "lazy" | "debounceMs" | "cache" | "initialLoad"> & {
+    /**
+     * The options to display in the select menu.
+     */
+    options: SelectMenuOption[];
+    /**
+     * Controls how options are filtered and sorted when the user types a search value.
+     * Can be a function that returns options in the desired display order,
+     * or a MatchSorterOptions object to customize the default match-sorter behavior.
+     *
+     * By default, options are filtered by `label` and `searchText` using match-sorter.
+     */
+    filter?: SyncFilterFn | MatchSorterOptions<SelectMenuOption>;
+    /**
+     * Custom comparator function to sort groups.
+     */
+    groupSorter?: (a: SelectMenuGroupByValue, b: SelectMenuGroupByValue) => number;
+};
+/**
+ * SelectMenuSync is a simplified version of SelectMenu for client-side option sets.
+ *
+ * Features:
+ * - Accepts `options` instead of `loadOptions` and `lazy`
+ * - Performs client-side filtering of the options
+ * - Optionally accepts a custom filter function or MatchSorterOptions
+ * - Supports grouping with optional group sorting via `groupSorter`
+ * - Supports all other props of SelectMenu
+ *
+ * @example
+ * <SelectMenuSync
+ *   trigger={(props) => <Button {...props}>Pick a book</Button>}
+ *   label="Books"
+ *   options={bookOptions}
+ *   value={selectedOption}
+ *   onSelectedOptionChange={setSelectedOption}
+ * />
+ */
+export declare const SelectMenuSync: (props: SelectMenuSyncProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './SelectMenu';
+export * from './SelectMenuSync';
+export * from './types';

package/dist/beta/components/SelectMenu/internal/useMenuInteraction.d.ts

@@ -0,0 +1,72 @@
+import { CSSProperties, KeyboardEvent, RefObject } from 'react';
+import { SelectItem, SectionMeta } from '../../../../internal/types/selectFieldInternalTypes';
+import { OptionsPanelHandle } from '../../../../internal/components/OptionsPanel';
+export type UseMenuInteractionConfig = {
+    items: SelectItem[];
+    sectionsMeta: SectionMeta[];
+    onItemActivate: (item: SelectItem) => void;
+    selectedItemIds: Set<string | number>;
+    displayAs: "popover" | "dialog";
+    closeOnActivate: boolean;
+    disabled?: boolean;
+    id: string;
+    triggerRef: RefObject<HTMLButtonElement>;
+    label: string;
+};
+export type MenuTriggerProps = {
+    ref: RefObject<HTMLButtonElement>;
+    onClick: () => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    "aria-haspopup": "listbox";
+    "aria-controls": string;
+    "aria-expanded": boolean;
+    "data-state": "open" | "close";
+};
+type MenuPropsArg = {
+    className?: string;
+    style?: CSSProperties;
+};
+type MenuReturnProps = MenuPropsArg & {
+    role: "listbox";
+    id: string;
+    "aria-label": string;
+    "aria-labelledby"?: string;
+    tabIndex?: number;
+    "aria-activedescendant"?: string;
+    ref: RefObject<HTMLDivElement>;
+    onKeyDown: (e: KeyboardEvent) => void;
+};
+type ItemPropsArg = {
+    item: SelectItem;
+    index: number;
+    className?: string;
+    "data-type"?: string;
+};
+type ItemReturnProps = {
+    role: "option";
+    id: string;
+    "aria-selected": boolean;
+    "aria-disabled"?: boolean;
+    onClick: () => void;
+    onMouseMove: () => void;
+    className?: string;
+    "data-type"?: string;
+};
+export type GetMenuPropsFn = (opts?: MenuPropsArg) => MenuReturnProps;
+export type GetItemPropsFn = (opts: ItemPropsArg) => ItemReturnProps;
+export declare const useMenuInteraction: ({ items, sectionsMeta: _sectionsMeta, onItemActivate, selectedItemIds, displayAs: _displayAs, closeOnActivate, disabled, id, triggerRef, label, }: UseMenuInteractionConfig) => {
+    isOpen: boolean;
+    openMenu: () => void;
+    closeMenu: (options?: {
+        restoreFocus?: boolean;
+    }) => void;
+    highlightedIndex: number;
+    setHighlightedIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+    getTriggerProps: () => MenuTriggerProps;
+    getMenuProps: GetMenuPropsFn;
+    getItemProps: GetItemPropsFn;
+    listRef: RefObject<OptionsPanelHandle>;
+    menuContainerRef: RefObject<HTMLDivElement>;
+    handleKeyDown: (e: KeyboardEvent) => void;
+};
+export {};

package/dist/beta/components/SelectMenu/types.d.ts

@@ -0,0 +1,153 @@
+import { KeyboardEvent, ReactElement, RefObject } from 'react';
+import { SelectFieldCacheOptions, SelectFieldEagerLoader, SelectFieldGroupByValue, SelectFieldGroupLazyLoader, SelectFieldGroupedOption, SelectFieldOffsetLazyLoader, SelectFieldOption, SelectFieldPageLazyLoader, SelectFieldPinnedOptions, SelectFieldSearchProps } from '../SelectField/types';
+export type SelectMenuOption = SelectFieldOption;
+export type SelectMenuGroupByValue = SelectFieldGroupByValue;
+export type SelectMenuGroupedOption = SelectFieldGroupedOption;
+/**
+ * Configuration options for the SelectMenu cache.
+ * @property enabled - Whether caching is enabled. Defaults to true.
+ * @property maxSize - Maximum number of cached entries before clearing the cache. Defaults to 15.
+ */
+export type SelectMenuCacheOptions = SelectFieldCacheOptions;
+/**
+ * Imperative handle for the SelectMenu component.
+ * @property clearCache - Clears the options cache.
+ * @property invalidate - Clears the cache and triggers a fresh options load from the data source.
+ */
+export type SelectMenuHandle = {
+    clearCache: () => void;
+    invalidate: () => void;
+};
+export type SelectMenuEagerLoader = SelectFieldEagerLoader;
+export type SelectMenuPageLazyLoader = SelectFieldPageLazyLoader;
+export type SelectMenuOffsetLazyLoader = SelectFieldOffsetLazyLoader;
+export type SelectMenuGroupLazyLoader = SelectFieldGroupLazyLoader;
+export type SelectMenuPinnedOptions = SelectFieldPinnedOptions;
+export type SelectMenuSearchProps = SelectFieldSearchProps;
+/**
+ * Props provided to the trigger render function.
+ * @property ref - Ref to attach to the trigger element for positioning
+ * @property onClick - Click handler to toggle the menu
+ * @property onKeyDown - Key handler for keyboard navigation
+ * @property aria-haspopup - ARIA attribute indicating the trigger opens a listbox
+ * @property aria-controls - ARIA attribute linking to the menu element
+ * @property aria-expanded - ARIA attribute indicating whether the menu is open
+ * @property data-state - Data attribute indicating the open/close state
+ */
+export type SelectMenuTriggerProps = {
+    ref: RefObject<HTMLButtonElement>;
+    onClick: () => void;
+    onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;
+    "aria-haspopup": "listbox";
+    "aria-controls": string;
+    "aria-expanded": boolean;
+    "data-state": "open" | "close";
+};
+type SelectMenuCommonProps = {
+    /**
+     * The id of the select menu.
+     */
+    id?: string;
+    /**
+     * Render function that receives trigger props and returns the element that opens the menu.
+     */
+    trigger: (props: SelectMenuTriggerProps) => ReactElement;
+    /**
+     * Accessible label for the menu. Used by screen readers but not rendered visually.
+     */
+    label: string;
+    /**
+     * Placeholder text shown in the search input inside the menu.
+     */
+    searchPlaceholder?: string;
+    /**
+     * The selected option. Must be controlled state.
+     */
+    value: SelectMenuOption | null;
+    /**
+     * Callback fired when the selected option changes.
+     * @param option - The newly selected option, or null if cleared.
+     */
+    onSelectedOptionChange: (option: SelectMenuOption | null) => void;
+    /**
+     * Defines the initial loading behavior of the options.
+     * @default "auto"
+     */
+    initialLoad?: "auto" | "immediate" | "open";
+    /**
+     * Options to pin to the top of the list.
+     */
+    pinned?: SelectMenuPinnedOptions;
+    /**
+     * Configuration for caching loadOptions results.
+     * Caching is enabled by default. Set `{ enabled: false }` to disable.
+     */
+    cache?: SelectMenuCacheOptions;
+    /**
+     * Controls how the menu is displayed.
+     * @default "auto"
+     * @description "auto" uses a popover on desktop and a dialog on mobile.
+     * @description "popover" always uses a popover.
+     * @description "dialog" always uses a dialog.
+     */
+    displayMenuAs?: "auto" | "popover" | "dialog";
+    /**
+     * Whether to virtualize the list using windowed rendering.
+     * Enable for large option sets to improve performance.
+     * @default false
+     */
+    virtualize?: boolean;
+    /**
+     * Whether to disable the search input inside the menu.
+     * When true, the menu shows only the list without a search field.
+     * @default false
+     */
+    disableSearch?: boolean;
+    /**
+     * Width of the popover. Only applies when `displayMenuAs="popover"` (or when the adaptive mode resolves to popover). Has no effect in dialog mode.
+     * Accepts a CSS width value or "reference" to match the trigger element's width.
+     * @default 320
+     */
+    popoverWidth?: "reference" | number | string;
+} & SelectMenuSearchProps;
+type SelectMenuGroupingProps = {
+    /**
+     * Function to convert a group value to a display label.
+     * Only used when options have a `group` property.
+     */
+    groupToString?: (groupValue: SelectMenuGroupByValue) => string;
+    /**
+     * Custom comparator function to sort groups.
+     */
+    groupSorter?: (a: SelectMenuGroupByValue, b: SelectMenuGroupByValue) => number;
+};
+type SelectMenuNonGroupingProps = {
+    groupToString?: never;
+    groupSorter?: never;
+};
+export type SelectMenuPropsLazyPage = SelectMenuCommonProps & {
+    lazy: "page";
+    lazyOptions?: {
+        pageSize?: number;
+    };
+    loadOptions: SelectMenuPageLazyLoader;
+} & SelectMenuNonGroupingProps;
+export type SelectMenuPropsLazyOffset = SelectMenuCommonProps & {
+    lazy: "offset";
+    lazyOptions?: {
+        limit?: number;
+    };
+    loadOptions: SelectMenuOffsetLazyLoader;
+} & SelectMenuNonGroupingProps;
+export type SelectMenuPropsLazyGroup = SelectMenuCommonProps & {
+    lazy: "group";
+    lazyOptions?: object;
+    loadOptions: SelectMenuGroupLazyLoader;
+} & SelectMenuGroupingProps;
+export type SelectMenuPropsEager = SelectMenuCommonProps & {
+    lazy?: false;
+    loadOptions: SelectMenuEagerLoader;
+} & SelectMenuGroupingProps;
+export type SelectMenuPropsLazy = SelectMenuPropsLazyPage | SelectMenuPropsLazyOffset | SelectMenuPropsLazyGroup;
+export type SelectMenuProps = SelectMenuPropsLazy | SelectMenuPropsEager;
+export {};

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, Ref } from 'react';
+import { ComponentPropsWithoutRef, Ref, ReactNode } from 'react';
 import { LayoutUtilProps } from '../../../../types';
 import { ColumnDef, CustomTableFooterCellProps, TableRow } from '../types';
 import { DataTableEmptyState, DataTablePaginationConfig, DataTableRef } from './types';
@@ -98,6 +98,12 @@ export type DataTableProps<T> = LayoutUtilProps & ComponentPropsWithoutRef<"div"
      * Only shown when data is empty and the table is not loading.
      */
     emptyState?: DataTableEmptyState;
+    /**
+     * Custom content to display when a cell value is empty (null, undefined, or empty string).
+     * Overrides the default em dash for all columns. Individual columns can further override
+     * this with their own `emptyCellContent` property.
+     */
+    emptyCellContent?: ReactNode;
 };
 declare function DataTableInner<T>(props: DataTableProps<T>, ref: Ref<DataTableRef>): import("react/jsx-runtime").JSX.Element;
 /**

package/dist/beta/components/Table/DataTable/internal/cells/CellFocusContext.d.ts

@@ -6,7 +6,7 @@ export type CellFocusContextValue = {
 };
 /**
  * Context for communicating cell focus state to child components.
- * Used by CellError to show tooltips when the cell is focused via keyboard.
+ * Used by CellStatus to show tooltips when the cell is focused via keyboard.
  */
 export declare const CellFocusContext: import('react').Context<CellFocusContextValue | null>;
 /**

package/dist/beta/components/Table/DataTable/internal/cells/CellStatus.d.ts

@@ -0,0 +1,12 @@
+export type CellStatusProps = {
+    /** Status value - true for status without message, string for status with accessible message */
+    status: boolean | string;
+    /** The variant determines the icon, color, and aria-label */
+    variant: "error" | "warning";
+};
+/**
+ * Renders a status icon (error or warning) for cells.
+ * When status is a string, it's used as the aria-label for accessibility and shown in a tooltip.
+ * When the parent cell is focused, the tooltip is displayed for keyboard accessibility.
+ */
+export declare function CellStatus({ status, variant }: CellStatusProps): import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/Table/DataTable/internal/util/getTanStackColumnDef.d.ts

@@ -1,4 +1,5 @@
 import { ColumnDef as TanstackColumnDef } from '@tanstack/react-table';
+import { ReactNode } from 'react';
 import { ColumnDef } from '../../../types';
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
@@ -24,6 +25,11 @@ export type TanStackColumnDefProps<T> = {
      * The column definition to convert to a TanStack column definition
      */
     columnDef: ColumnDef<T>;
+    /**
+     * Table-level default content for empty cells. Column-level `emptyCellContent`
+     * takes precedence over this value.
+     */
+    emptyCellContent?: ReactNode;
 };
 /**
  * Build the column definition for TanStack useReactTable.
@@ -34,4 +40,4 @@ export type TanStackColumnDefProps<T> = {
  * @param props.columnDef - The column definition to convert
  * @returns The column definition for TanStack useReactTable
  */
-export declare function getTanStackColumnDef<T>({ columnDef, }: TanStackColumnDefProps<T>): TanstackColumnDef<T, any>;
+export declare function getTanStackColumnDef<T>({ columnDef, emptyCellContent, }: TanStackColumnDefProps<T>): TanstackColumnDef<T, any>;

package/dist/beta/components/Table/createColumnHelper.d.ts

@@ -21,6 +21,12 @@ type BaseColumnConfig<T, K extends keyof T> = {
      * Columns of a group column (for grouped columns)
      */
     columns?: ColumnDef<T>[];
+    /**
+     * Custom content to display when a cell value is empty (null, undefined, or empty string).
+     * Overrides the default em dash. When set on both the column and the DataTable,
+     * the column-level value takes precedence.
+     */
+    emptyCellContent?: ReactNode;
     /**
      * The content of the footer cell. An array will display multiple footer rows
      */

package/dist/beta/components/Table/types.d.ts

@@ -233,12 +233,26 @@ export type TableRow<T> = T & {
          * - A string marks the cell as having an error with an accessible error message
          */
         errors?: Partial<Record<keyof T, boolean | string>>;
+        /**
+         * Cell-level warnings keyed by column id.
+         * - `true` marks the cell as having a warning
+         * - A string marks the cell as having a warning with an accessible warning message
+         * - When both an error and warning exist on the same cell, the error takes priority
+         */
+        warnings?: Partial<Record<keyof T, boolean | string>>;
         /**
          * Row-level error displayed in the first column.
          * - `true` marks the row as having an error
          * - A string marks the row as having an error with an accessible error message
          */
         rowError?: boolean | string;
+        /**
+         * Row-level warning displayed in the first column.
+         * - `true` marks the row as having a warning
+         * - A string marks the row as having a warning with an accessible warning message
+         * - When both a row error and warning exist, the error takes priority
+         */
+        rowWarning?: boolean | string;
     };
     /**
      * The sub component displayed when the row is expanded
@@ -324,6 +338,12 @@ export type ColumnDef<T> = {
      * @deprecated Use `editConfig` instead. Example: `editConfig: { mode: "text", onChange: ... }`
      */
     editMode?: "text" | "number" | "select" | "multiselect" | "boolean";
+    /**
+     * Custom content to display when a cell value is empty (null, undefined, or empty string).
+     * Overrides the default em dash. When set on both the column and the DataTable,
+     * the column-level value takes precedence.
+     */
+    emptyCellContent?: ReactNode;
     /**
      * The content of the footer cell. An array will display multiple footer rows
      */

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

@@ -1,5 +1,5 @@
 import { ListboxItemType } from '../../../components/Listbox';
-import { default as Popover } from '../../../components/Popover';
+import { default as Popover } from '../../../internal/components/Popover';
 import { ToolbarItemAppearance } from './types';
 import { DataTrackingId } from '../../../types';
 /**
@@ -32,7 +32,7 @@ export type ToolbarSelectProps<T = Record<string, unknown>> = Omit<React.Compone
      */
     items: ToolbarSelectItem<T>[];
     /**
-     * Accessible label for the select component
+     * Accessible label for the select dropdown dialog (e.g. "Status options").
      */
     accessibleLabel: string;
 } & DataTrackingId;
@@ -100,7 +100,7 @@ export declare const ToolbarSelect: import('react').ForwardRefExoticComponent<Om
      */
     items: ToolbarSelectItem<Record<string, unknown>>[];
     /**
-     * Accessible label for the select component
+     * Accessible label for the select dropdown dialog (e.g. "Status options").
      */
     accessibleLabel: string;
 } & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -3,4 +3,6 @@ export * from './Toolbar';
 export * from './Calendar';
 export * from './SelectField';
 export * from './MultiSelectField';
+export * from './SelectMenu';
+export * from './MultiSelectMenu';
 export * from './InteractiveCard';

package/dist/beta.js

@@ -1,9 +1,11 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-Cau6ylNR.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-4LHKM6ub.js';
-export { u as useCalendarBetaProps } from './Calendar-M8K2O28r.js';
-export { C as Calendar } from './Calendar-MXQWMrwC.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-BQrC0j2-.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-B6J42MpG.js';
-export { I as InteractiveCard } from './InteractiveCard-B3_FAoIE.js';
-export { u as useAdaptiveView } from './FieldDialog-DaRvLS6m.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-BYOS6icI.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-DAuz4Gs2.js';
+export { u as useCalendarBetaProps } from './Calendar-SGlTt-bs.js';
+export { C as Calendar } from './Calendar-C1U2npPP.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CJ2Ie_v1.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-DGpGgu8q.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CJA_coqD.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-DiLddJDw.js';
+export { I as InteractiveCard } from './InteractiveCard-GTYbR6Xy.js';
+export { u as useAdaptiveView } from './syncFilterUtils-vt8ldsES.js';
 //# sourceMappingURL=beta.js.map

package/dist/beta.js.map

@@ -1 +1 @@
-{"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1 @@
+export {};

package/dist/components/Checkbox/internal/Checkbox.d.ts

@@ -58,6 +58,10 @@ export type CheckboxProps = LayoutUtilProps & Omit<ComponentPropsWithoutRef<"inp
      * @default false
      */
     hideCheckbox?: boolean;
+    /**
+     * Additional className applied to the label wrapper span
+     */
+    labelWrapperClassName?: string;
 };
 /**
  * Checkbox component for selecting one or more options from a list.
@@ -130,4 +134,8 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<LayoutU
      * @default false
      */
     hideCheckbox?: boolean;
+    /**
+     * Additional className applied to the label wrapper span
+     */
+    labelWrapperClassName?: string;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/DateFieldYearless/internal/YearlessDateSelectionPopover.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { YearlessDateMode } from '..';
-import { PopoverTriggerProps } from '../../Popover/PopoverTrigger';
+import { PopoverTriggerProps } from '../../../internal/components/Popover/PopoverTrigger';
 /**
  * Props for the YearlessDateSelectionPopover component
  */