@servicetitan/anvil2 2.7.1 → 2.9.0

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

@@ -1,14 +1,16 @@
 import { ComponentPropsWithoutRef, Ref, ReactNode } from 'react';
 import { LayoutUtilProps } from '../../../../types';
 import { ColumnDef, CustomTableFooterCellProps, TableRow } from '../types';
-import { DataTableEmptyState, DataTablePaginationConfig, DataTableRef, SortedColumn } from './types';
-export type { DataTableRef, DataTableEmptyState, SortedColumn };
+import { DataTableCacheOptions, DataTableEmptyState, DataTablePaginationConfig, DataTableRef, SortedColumn } from './types';
+export type { DataTableCacheOptions, DataTableRef, DataTableEmptyState, SortedColumn, };
+type DataTableCellValue = object | string | number | boolean | bigint | symbol | null | undefined;
+export type DataTableRowData = Record<PropertyKey, DataTableCellValue>;
 /**
  * Props for the DataTable component
  * @extends LayoutUtilProps
  * @extends ComponentPropsWithoutRef<"div">
  */
-export type DataTableProps<T> = LayoutUtilProps & ComponentPropsWithoutRef<"div"> & {
+export type DataTableProps<T extends DataTableRowData> = LayoutUtilProps & ComponentPropsWithoutRef<"div"> & {
     /**
      * The columns for the table, created with the `createColumnHelper` factory function.
      */
@@ -92,7 +94,7 @@ export type DataTableProps<T> = LayoutUtilProps & ComponentPropsWithoutRef<"div"
      */
     emptyCellContent?: ReactNode;
 };
-declare function DataTableInner<T>(props: DataTableProps<T>, ref: Ref<DataTableRef>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableInner<T extends DataTableRowData>(props: DataTableProps<T>, ref: Ref<DataTableRef>): import("react/jsx-runtime").JSX.Element;
 /**
  * Data table component for complex data grid layouts
  *
@@ -142,6 +144,7 @@ declare function DataTableInner<T>(props: DataTableProps<T>, ref: Ref<DataTableR
  *   }}
  * />
  */
-export declare const DataTable: <T>(props: DataTableProps<T> & {
+type DataTableComponent = <T extends DataTableRowData>(props: DataTableProps<T> & {
     ref?: Ref<DataTableRef>;
 }) => ReturnType<typeof DataTableInner>;
+export declare const DataTable: DataTableComponent;

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

@@ -1,13 +1,13 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Table as TanstackTable } from '@tanstack/react-table';
 import { ColumnDef } from '../../types';
-import { DataTableProps } from '../DataTable';
+import { DataTableProps, DataTableRowData } from '../DataTable';
 /**
  * Props for the default/configured table footer rows
  * @extends TanstackTable<T>
  * @extends ColumnDef<T>[]
  */
-export type DefaultTableFooterRowsProps<T> = {
+export type DefaultTableFooterRowsProps<T extends DataTableRowData> = {
     table: TanstackTable<T>;
     columns: ColumnDef<T>[];
 };
@@ -15,7 +15,7 @@ export type DefaultTableFooterRowsProps<T> = {
  * Props for the custom table footer rows
  * @extends DataTableProps<T>
  */
-export type CustomTableFooterRowsProps<T> = {
+export type CustomTableFooterRowsProps<T extends DataTableRowData> = {
     columnCount: number;
     customFooter: DataTableProps<T>["customFooter"];
     table: TanstackTable<T>;
@@ -24,7 +24,7 @@ export type CustomTableFooterRowsProps<T> = {
  * Props for the DataTableFooter component
  * @extends ComponentPropsWithoutRef<"div">
  */
-export type DataTableFooterProps<T> = {
+export type DataTableFooterProps<T extends DataTableRowData> = {
     /**
      * The table instance from @tanstack/react-table to render
      */
@@ -45,4 +45,4 @@ export type DataTableFooterProps<T> = {
  * @param props.customFooter - The custom footer of the table
  * @param props.columns - The columns of the table
  */
-export declare function DataTableFooter<T>({ table, customFooter, columns, ...rest }: DataTableFooterProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableFooter<T extends DataTableRowData>({ table, customFooter, columns, ...rest }: DataTableFooterProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -5,12 +5,12 @@ import { DataTableHeaderCellProps as BaseDataTableHeaderCellProps } from '../../
  * Props for the DataTableHeaderCell component
  * @extends BaseDataTableHeaderCellProps
  */
-export type DataTableHeaderCellProps<T> = BaseDataTableHeaderCellProps & {
+export type DataTableHeaderCellProps<T, TValue> = BaseDataTableHeaderCellProps & {
     cellPosition: {
         rowIndex: number;
         columnIndex: number;
     };
-    header: HeaderContext<T, unknown>;
+    header: HeaderContext<T, TValue>;
 };
 /**
  * Data table header cell with focus management
@@ -20,11 +20,11 @@ export type DataTableHeaderCellProps<T> = BaseDataTableHeaderCellProps & {
  * @param props.header - The header of the DataTableHeaderCell component
  * @param props.isFocused - Whether the cell is focused
  */
-declare function DataTableHeaderCellInner<T>(props: DataTableHeaderCellProps<T>, forwardedRef: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableHeaderCellInner<T, TValue>(props: DataTableHeaderCellProps<T, TValue>, forwardedRef: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 /**
  * Data table header cell with focus management and ref forwarding
  */
-export declare const DataTableHeaderCell: <T>(props: DataTableHeaderCellProps<T> & {
+export declare const DataTableHeaderCell: <T, TValue>(props: DataTableHeaderCellProps<T, TValue> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReturnType<typeof DataTableHeaderCellInner>;
 export {};

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

@@ -0,0 +1,29 @@
+import { TableRow } from '../../types';
+import { DataTableCacheOptions, SortedColumn } from '../types';
+/**
+ * Hook for caching resolved page data in DataTable.
+ *
+ * Features:
+ * - Caches resolved page data per page index using a Map stored in a ref
+ * - Returns cached data synchronously on cache hit, avoiding unnecessary API calls
+ * - Synchronously clears cache during render when invalidation triggers change
+ * - Size-based eviction (FIFO) when cache exceeds maxSize: oldest entry is dropped to make room
+ *
+ * @param config - Configuration including loadPageData function, cache options, and invalidation triggers
+ * @returns Object containing getOrLoad function and clearCache function
+ */
+export declare function usePageDataCache<T>(config: {
+    loadPageData?: (params: {
+        pageIndex: number;
+        pageSize: number;
+        sorting?: SortedColumn;
+    }) => TableRow<T>[] | Promise<TableRow<T>[]>;
+    cache?: DataTableCacheOptions;
+    refreshKey?: string | number;
+    refreshCounter: number;
+    rowsPerPage: number;
+    sorting?: SortedColumn;
+}): {
+    getOrLoad: (pageIndex: number, pageSize: number, sorting?: SortedColumn) => TableRow<T>[] | Promise<TableRow<T>[]>;
+    clearCache: () => void;
+};

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

@@ -1,4 +1,4 @@
-import { ColumnDef as TanstackColumnDef } from '@tanstack/react-table';
+import { ColumnHelper } from '@tanstack/react-table';
 import { ReactNode } from 'react';
 import { ColumnDef, EditMode } from '../../../types';
 declare module "@tanstack/react-table" {
@@ -13,6 +13,14 @@ declare module "@tanstack/react-table" {
          * Whether the header action (expand all / select all) is disabled for this column
          */
         disableHeaderAction?: boolean;
+        /**
+         * Resolved header alignment for DataTable-owned header layout.
+         */
+        headerAlign?: HeaderAlign;
+        /**
+         * Whether this column renders a grouped header.
+         */
+        isGroupHeader?: boolean;
     }
 }
 /**
@@ -29,6 +37,8 @@ export type TanStackColumnDefProps<T> = {
      */
     emptyCellContent?: ReactNode;
 };
+type TanStackColumnDef<T extends object> = ReturnType<ColumnHelper<T>["group"]> | ReturnType<ColumnHelper<T>["accessor"]>;
+type HeaderAlign = "start" | "center" | "end";
 /**
  * Build the column definition for TanStack useReactTable.
  * This converts our ColumnDef<T> to TanStack's column definition format,
@@ -38,4 +48,5 @@ 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, emptyCellContent, }: TanStackColumnDefProps<T>): TanstackColumnDef<T, any>;
+export declare function getTanStackColumnDef<T extends object>({ columnDef, emptyCellContent, }: TanStackColumnDefProps<T>): TanStackColumnDef<T>;
+export {};

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

@@ -32,6 +32,26 @@ export type DataTableEmptyState = {
      */
     content?: ReactNode;
 };
+/**
+ * Configuration for caching loadPageData results in DataTable.
+ * When enabled, resolved page data is cached per page index, allowing
+ * instant restoration when returning to a previously loaded page.
+ * @property {boolean} [enabled] - Whether caching is enabled. Defaults to true.
+ * @property {number} [maxSize] - Maximum number of pages to cache. Oldest entry is evicted (FIFO) when the limit is reached. Defaults to 15.
+ */
+export type DataTableCacheOptions = {
+    /**
+     * Whether caching is enabled.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Maximum number of pages to cache. When the limit is reached, the oldest cached page is
+     * evicted (FIFO) to make room for the new entry.
+     * @default 15
+     */
+    maxSize?: number;
+};
 /**
  * Configuration for pagination in DataTable
  */
@@ -92,10 +112,16 @@ export type DataTablePaginationConfig<T> = {
      * When changed, the page index automatically resets to 0.
      */
     refreshKey?: string | number;
+    /**
+     * Configuration for caching loadPageData results.
+     * Caching is enabled by default. Set `{ enabled: false }` to disable.
+     */
+    cache?: DataTableCacheOptions;
 };
 /**
  * Ref handle for DataTable component
  * @property {function} refresh - Triggers a data refetch and resets the page index to 0. Useful for manually refreshing data after external changes (e.g., after a mutation).
+ * @property {function} clearCache - Clears the page data cache without triggering a refetch.
  */
 export type DataTableRef = {
     /**
@@ -104,4 +130,8 @@ export type DataTableRef = {
      * When using controlled pagination, this will call `onPageChange(0)`.
      */
     refresh: () => void;
+    /**
+     * Clears the page data cache without triggering a refetch.
+     */
+    clearCache: () => void;
 };

package/dist/beta/components/Table/base/cells/TableHeaderCell.d.ts

@@ -12,6 +12,10 @@ export type CommonTableHeaderCellProps = CommonTableCellProps & {
      * Whether the header cell can be used to activate column sorting
      */
     isSortable?: boolean;
+    /**
+     * Whether the header cell should show whole-cell interactive affordances
+     */
+    isInteractiveHeaderCell?: boolean;
 };
 export type SimpleTableHeaderCellProps = CommonTableHeaderCellProps & ComponentPropsWithoutRef<"th">;
 export type DataTableHeaderCellProps = CommonTableHeaderCellProps & ComponentPropsWithoutRef<"div">;

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

@@ -1,14 +1,19 @@
 import { ReactNode } from 'react';
-import { ColumnDef, ColumnTypeConfig, TextEditConfig, NumberEditConfig, SelectEditConfig, SelectAsyncEditConfig, MultiselectEditConfig, MultiselectAsyncEditConfig, BooleanEditConfig, TableRow } from './types';
+import { ColumnDef, ColumnTypeConfig, TextEditConfig, NumberEditConfig, SelectEditConfig, SelectAsyncEditConfig, MultiselectEditConfig, MultiselectAsyncEditConfig, BooleanEditConfig, TableRow, ColumnHeaderConfig } from './types';
 import { MultiSelectMenuOption } from '../MultiSelectMenu';
 /**
  * Base column configuration shared by all column types
  */
-type BaseColumnConfig<T, K extends keyof T> = {
+type BaseColumnConfig<T, K extends keyof T> = ColumnHeaderConfig & {
     /**
-     * The label of the header
+     * The cleaned-up header configuration.
      */
-    headerLabel: string;
+    header?: ColumnDef<T>["header"];
+    /**
+     * The label of the header.
+     * @deprecated Use `header.label` instead.
+     */
+    headerLabel?: string;
     /**
      * The alignment of the header.
      * When using `type`, this is set automatically but can be overridden.
@@ -94,11 +99,13 @@ type SelectEditConfigColumnConfig<T, K extends keyof T> = BaseColumnConfig<T, K>
 type SelectAsyncEditConfigColumnConfig<T, K extends keyof T> = BaseColumnConfig<T, K> & {
     editConfig: SelectAsyncEditConfig<T>;
 };
+type CellArrayItem = object | string | number | boolean | bigint | symbol | null | undefined;
+type CellArrayValue = readonly CellArrayItem[];
 /**
  * Configuration for multiselect editable columns using editConfig
  * Only valid when T[K] is an array type
  */
-type MultiselectEditConfigColumnConfig<T, K extends keyof T> = NonNullable<T[K]> extends unknown[] ? BaseColumnConfig<T, K> & {
+type MultiselectEditConfigColumnConfig<T, K extends keyof T> = NonNullable<T[K]> extends CellArrayValue ? BaseColumnConfig<T, K> & {
     editConfig: MultiselectEditConfig<T, K>;
 } : never;
 /**
@@ -143,18 +150,18 @@ type ColumnConfig<T, K extends keyof T> = ReadOnlyColumnConfig<T, K> | TextEditC
  * const createColumn = createColumnHelper<Data>();
  *
  * // Display-only column with type defaults
- * createColumn("amount", { headerLabel: "Amount", type: "currency" });
+ * createColumn("amount", { header: { label: "Amount" }, type: "currency" });
  *
  * // Editable column with editConfig
  * createColumn("name", {
- *   headerLabel: "Name",
+ *   header: { label: "Name" },
  *   type: "text",
  *   editConfig: { mode: "text", onChange: (value, rowId) => save(value, rowId) }
  * });
  *
  * // Number editing
  * createColumn("amount", {
- *   headerLabel: "Amount",
+ *   header: { label: "Amount" },
  *   editConfig: {
  *     mode: "number",
  *     minValue: 0,
@@ -166,7 +173,7 @@ type ColumnConfig<T, K extends keyof T> = ReadOnlyColumnConfig<T, K> | TextEditC
  *
  * // Select editing
  * createColumn("status", {
- *   headerLabel: "Status",
+ *   header: { label: "Status" },
  *   editConfig: {
  *     mode: "select",
  *     options: [{ id: "active", label: "Active" }],
@@ -176,7 +183,7 @@ type ColumnConfig<T, K extends keyof T> = ReadOnlyColumnConfig<T, K> | TextEditC
  *
  * // Multiselect editing with array column
  * createColumn("tags", {
- *   headerLabel: "Tags",
+ *   header: { label: "Tags" },
  *   editConfig: {
  *     mode: "multiselect",
  *     options: [{ id: "urgent", label: "Urgent" }],

package/dist/beta/components/Table/formatters/htmlFormatter.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+/**
+ * Formats an HTML string value for DataTable cells by converting to markdown
+ * and rendering through the markdown formatter.
+ *
+ * Supported HTML: strong, b, em, i, code, mark, ul, ol, li, br, p.
+ * Unsupported tags and their content are dropped entirely.
+ * HTML entities are decoded to plain text.
+ *
+ * @param value - The HTML string to format
+ * @returns Formatted React nodes, or null for empty/null/undefined values
+ */
+export declare const htmlFormatter: (value?: string | null) => ReactNode;

package/dist/beta/components/Table/formatters/htmlToMarkdown.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Converts an HTML string to the markdown subset supported by markdownFormatter.
+ *
+ * Supported tags: strong, b, em, i, code, mark, ul, ol, li, br, p.
+ * Unsupported tags and their content are dropped entirely.
+ * HTML entities are decoded to plain text.
+ *
+ * @param value - The HTML string to convert
+ * @returns The equivalent markdown string, or empty string for null/undefined/empty input
+ */
+export declare function htmlToMarkdown(value?: string | null): string;

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

@@ -3,6 +3,8 @@ export * from './chipsFormatter';
 export * from './currencyFormatter';
 export * from './dateFormatter';
 export * from './dateTimeFormatter';
+export * from './htmlFormatter';
+export * from './markdownFormatter';
 export * from './numberFormatter';
 export * from './percentFormatter';
 export * from './presets';

package/dist/beta/components/Table/formatters/markdownFormatter.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Formats a string value as markdown content for DataTable cells.
+ *
+ * Supports inline constructs (bold, italic, bold+italic, inline code, highlight)
+ * and block-level flat lists (unordered with `- `, ordered with `N. `).
+ *
+ * @param value - The markdown string to format
+ * @returns Formatted React nodes, or null for empty/null/undefined values
+ */
+export declare const markdownFormatter: (value?: string | null) => ReactNode;

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

@@ -10,7 +10,7 @@ import { MultiSelectMenuProps } from '../MultiSelectMenu/types';
  * Column type literals for display configuration.
  * Each type maps to a default formatter and alignment.
  */
-export type ColumnType = "text" | "number" | "currency" | "percent" | "date" | "dateTime" | "time" | "boolean";
+export type ColumnType = "text" | "number" | "currency" | "percent" | "date" | "dateTime" | "time" | "boolean" | "markdown" | "html";
 /**
  * Maps column types to their formatter options.
  * Used for type-safe formatter configuration.
@@ -24,6 +24,8 @@ export type ColumnTypeOptionsMap = {
     dateTime: DateTimeFormatterOptions;
     time: TimeFormatterOptions;
     boolean: BooleanFormatterOptions;
+    markdown: undefined;
+    html: undefined;
 };
 /**
  * Column type configuration.
@@ -470,18 +472,18 @@ export type TableRow<T> = T & {
  *
  * const columns = [
  *   // Display-only column with type defaults
- *   createColumn("amount", { headerLabel: "Amount", type: "currency" }),
+ *   createColumn("amount", { header: { label: "Amount" }, type: "currency" }),
  *
  *   // Editable column with editConfig
  *   createColumn("name", {
- *     headerLabel: "Name",
+ *     header: { label: "Name" },
  *     type: "text",
  *     editConfig: { mode: "text", onChange: (value, rowId) => save(value, rowId) }
  *   }),
  *
  *   // Multiselect editing
  *   createColumn("tags", {
- *     headerLabel: "Tags",
+ *     header: { label: "Tags" },
  *     editConfig: {
  *       mode: "multiselect",
  *       options: [{ value: "urgent", label: "Urgent" }],
@@ -491,15 +493,46 @@ export type TableRow<T> = T & {
  * ];
  * ```
  */
-export type ColumnDef<T> = {
+export type ColumnHeader = {
     /**
-     * The id of the column - must be a key of T
+     * The visible header label text.
      */
-    id: keyof T;
+    label: string;
+    /**
+     * Whether the header should show a required indicator.
+     */
+    required?: boolean;
+    /**
+     * Additional contextual content rendered from a keyboard-accessible more-info trigger.
+     */
+    moreInfo?: ReactNode;
+};
+export type ColumnHeaderConfig = {
+    /**
+     * The forward-looking header configuration.
+     */
+    header: ColumnHeader;
     /**
-     * The label of the header
+     * Legacy header label support during the transition to `header`.
+     * @deprecated Use `header.label` instead.
+     */
+    headerLabel?: string;
+} | {
+    /**
+     * The forward-looking header configuration.
+     */
+    header?: ColumnHeader;
+    /**
+     * Legacy header label support during the transition to `header`.
+     * @deprecated Use `header.label` instead.
      */
     headerLabel: string;
+};
+export type ColumnDef<T> = ColumnHeaderConfig & {
+    /**
+     * The id of the column - must be a key of T
+     */
+    id: keyof T;
     /**
      * The alignment of the header and cell content.
      * When using `type`, this is set automatically but can be overridden.

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

@@ -158,7 +158,8 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      *   onChange={(id) => setFont(id)}
      * />
      */
-    Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & {
+    Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & import('../../..').DataTrackingId & {
+        aiMark?: boolean | import('../../..').AiIconName;
         appearance?: import('../../..').ButtonAppearance;
         size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
         loading?: boolean;
@@ -169,14 +170,15 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
         } | {
             before: import('../../..').IconProps["svg"];
         };
-    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & {
+    } & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & import('../../..').DataTrackingId & {
+        aiMark?: boolean | import('../../..').AiIconName;
         appearance?: import('../../..').ButtonAppearance;
         size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
         loading?: boolean;
     } & {
         children?: never;
         icon?: import('../../..').IconProps["svg"];
-    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
+    } & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
         appearance?: import('./types').ToolbarItemAppearance;
         onChange?: (optionId: string) => void;
         selected?: string;
@@ -348,7 +350,8 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
      *   onChange={(id) => setFont(id)}
      * />
      */
-    Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & {
+    Select: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & import('../../..').DataTrackingId & {
+        aiMark?: boolean | import('../../..').AiIconName;
         appearance?: import('../../..').ButtonAppearance;
         size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
         loading?: boolean;
@@ -359,14 +362,15 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
         } | {
             before: import('../../..').IconProps["svg"];
         };
-    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & {
+    } & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & LayoutUtilProps & import('../../..').DataTrackingId & {
+        aiMark?: boolean | import('../../..').AiIconName;
         appearance?: import('../../..').ButtonAppearance;
         size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
         loading?: boolean;
     } & {
         children?: never;
         icon?: import('../../..').IconProps["svg"];
-    } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
+    } & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
         appearance?: import('./types').ToolbarItemAppearance;
         onChange?: (optionId: string) => void;
         selected?: string;

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

@@ -63,7 +63,8 @@ export type ToolbarSelectProps<T = Record<string, unknown>> = Omit<React.Compone
  *   accessibleLabel="Text color"
  * />
  */
-export declare const ToolbarSelect: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & import('../../..').LayoutUtilProps & {
+export declare const ToolbarSelect: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & import('../../..').LayoutUtilProps & DataTrackingId & {
+    aiMark?: boolean | import('../../..').AiIconName;
     appearance?: import('../../..').ButtonAppearance;
     size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
     loading?: boolean;
@@ -74,14 +75,15 @@ export declare const ToolbarSelect: import('react').ForwardRefExoticComponent<Om
     } | {
         before: import('../../..').IconProps["svg"];
     };
-} & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & import('../../..').LayoutUtilProps & {
+} & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & import('../../..').LayoutUtilProps & DataTrackingId & {
+    aiMark?: boolean | import('../../..').AiIconName;
     appearance?: import('../../..').ButtonAppearance;
     size?: Extract<import('../../..').Size, "xsmall" | "small" | "medium" | "large">;
     loading?: boolean;
 } & {
     children?: never;
     icon?: import('../../..').IconProps["svg"];
-} & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
+} & import('react').RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "appearance"> & {
     /**
      * Visual appearance of the select button
      * @default ghost

package/dist/beta.js

@@ -1,11 +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-BmVPjMMg.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-0EKhrvZN.js';
-export { u as useCalendarBetaProps } from './Calendar-Frpv5rRY.js';
-export { C as Calendar } from './Calendar-BTStJPV1.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DA54WXOk.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-CSOitvtu.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BQaSTcaN.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-62OeGmkz.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-BCV_mtSy.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-ByyI7SqG.js';
+export { u as useCalendarBetaProps } from './Calendar-Dxl9QnfP.js';
+export { C as Calendar } from './Calendar-Cka4unyi.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-o1Cp9UYC.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ChZCW4M9.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DXrwecFt.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-7C1wW4oO.js';
 export { I as InteractiveCard } from './InteractiveCard-GTYbR6Xy.js';
-export { u as useAdaptiveView } from './syncFilterUtils-B03Pc941.js';
+export { u as useAdaptiveView } from './syncFilterUtils-UR5Vgqkh.js';
 //# sourceMappingURL=beta.js.map