@baseline-ui/core 0.56.0 → 0.57.0

package/dist/index.d.mts

@@ -788,6 +788,14 @@ interface ItemProps$1<T> extends LinkDOMProps {
 
 type ItemElement<T> = ReactElement<ItemProps$1<T>> | null;
 type ItemRenderer<T> = (item: T) => ItemElement<T>;
+type LoadingState = 'loading' | 'sorting' | 'loadingMore' | 'error' | 'idle' | 'filtering';
+
+interface AsyncLoadable {
+  /** Whether the items are currently loading. */
+  isLoading?: boolean, // possibly isLoadingMore
+  /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */
+  onLoadMore?: () => any
+}
 
 interface SectionProps<T> {
   /** Rendered contents of the section, e.g. a header. */
@@ -827,6 +835,22 @@ interface Expandable {
   onExpandedChange?: (keys: Set<Key>) => any
 }
 
+interface Sortable {
+  /** The current sorted column and direction. */
+  sortDescriptor?: SortDescriptor,
+  /** Handler that is called when the sorted column or direction changes. */
+  onSortChange?: (descriptor: SortDescriptor) => any
+}
+
+interface SortDescriptor {
+  /** The key of the column to sort by. */
+  column: Key,
+  /** The direction to sort by. */
+  direction: SortDirection
+}
+
+type SortDirection = 'ascending' | 'descending';
+
 interface KeyboardDelegate {
   /** Returns the key visually below the given one, or `null` for none. */
   getKeyBelow?(key: Key): Key | null,
@@ -2611,6 +2635,18 @@ declare function filterDOMProps(props: DOMProps & AriaLabelingProps & LinkDOMPro
  */
 declare function useObjectRef<T>(ref?: ((instance: T | null) => (() => void) | void) | MutableRefObject<T | null> | null): MutableRefObject<T | null>;
 
+interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'> {
+    collection: Collection<any>;
+    /**
+     * The amount of offset from the bottom of your scrollable region that should trigger load more.
+     * Uses a percentage value relative to the scroll body's client height. Load more is then triggered
+     * when your current scroll position's distance from the bottom of the currently loaded list of items is less than
+     * or equal to the provided value. (e.g. 1 = 100% of the scroll region's height).
+     * @default 1
+     */
+    scrollOffset?: number;
+}
+
 interface FocusScopeProps {
     /** The contents of the focus scope. */
     children: ReactNode;
@@ -3240,6 +3276,16 @@ interface GridNode<T> extends Node$1<T> {
   indexOfType?: number
 }
 
+interface GridState<T, C extends GridCollection<T>> {
+    collection: C;
+    /** A set of keys for rows that are disabled. */
+    disabledKeys: Set<Key>;
+    /** A selection manager to read and update row selection state. */
+    selectionManager: SelectionManager;
+    /** Whether keyboard navigation is disabled, such as when the arrow keys should be handled by a component within a cell. */
+    isKeyboardNavigationDisabled: boolean;
+}
+
 interface AriaLinkOptions extends AriaLinkProps {
     /** Whether the link is disabled. */
     isDisabled?: boolean;
@@ -3792,6 +3838,108 @@ interface AriaSwitchProps extends SwitchProps$1, AriaSwitchBase {}
 
 
 
+/** Widths that result in a constant pixel value for the same Table width. */
+type ColumnStaticSize = number | `${number}` | `${number}%`; // match regex: /^(\d+)(?=%$)/
+/**
+ * Widths that change size in relation to the remaining space and in ratio to other dynamic columns.
+ * All numbers must be integers and greater than 0.
+ * FR units take up remaining, if any, space in the table.
+ */
+type ColumnDynamicSize = `${number}fr`; // match regex: /^(\d+)(?=fr$)/
+/** All possible sizes a column can be assigned. */
+type ColumnSize = ColumnStaticSize | ColumnDynamicSize;
+
+interface TableProps$2<T> extends MultipleSelection, Sortable {
+  /** The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows. */
+  children: [ReactElement<TableHeaderProps$2<T>>, ReactElement<TableBodyProps$2<T>>],
+  /** A list of row keys to disable. */
+  disabledKeys?: Iterable<Key>,
+  /**
+   * Whether pressing the escape key should clear selection in the table or not.
+   *
+   * Most experiences should not modify this option as it eliminates a keyboard user's ability to
+   * easily clear selection. Only use if the escape key is being handled externally or should not
+   * trigger selection clearing contextually.
+   * @default 'clearSelection'
+   */
+  escapeKeyBehavior?: 'clearSelection' | 'none',
+  /** Whether selection should occur on press up instead of press down. */
+  shouldSelectOnPressUp?: boolean
+}
+
+interface TableHeaderProps$2<T> {
+  /** A list of table columns. */
+  columns?: readonly T[],
+  /** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
+  children: ColumnElement<T> | ColumnElement<T>[] | ColumnRenderer<T>
+}
+
+type ColumnElement<T> = ReactElement<ColumnProps$2<T>>;
+type ColumnRenderer<T> = (item: T) => ColumnElement<T>;
+interface ColumnProps$2<T> {
+  /** Rendered contents of the column if `children` contains child columns. */
+  title?: ReactNode,
+  /** Static child columns or content to render as the column header. */
+  children: ReactNode | ColumnElement<T> | ColumnElement<T>[],
+  /** A list of child columns used when dynamically rendering nested child columns. */
+  childColumns?: T[],
+  /** The width of the column. */
+  width?: ColumnSize | null,
+  /** The minimum width of the column. */
+  minWidth?: ColumnStaticSize | null,
+  /** The maximum width of the column. */
+  maxWidth?: ColumnStaticSize | null,
+  /** The default width of the column. */
+  defaultWidth?: ColumnSize | null,
+  /** Whether the column allows resizing. */
+  allowsResizing?: boolean,
+  /** Whether the column allows sorting. */
+  allowsSorting?: boolean,
+  /** Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be announced by assistive technology during row navigation. */
+  isRowHeader?: boolean,
+  /** A string representation of the column's contents, used for accessibility announcements. */
+  textValue?: string
+}
+
+type RowElement<T> = ReactElement<RowProps$2<T>>;
+interface TableBodyProps$2<T> extends Omit<AsyncLoadable, 'isLoading'> {
+  /** The contents of the table body. Supports static items or a function for dynamic rendering. */
+  children: RowElement<T> | RowElement<T>[] | ((item: T) => RowElement<T>),
+  /** A list of row objects in the table body used when dynamically rendering rows. */
+  items?: Iterable<T>,
+  /** The current loading state of the table. */
+  loadingState?: LoadingState
+}
+
+interface RowProps$2<T> extends LinkDOMProps {
+  /**
+   * A list of child item objects used when dynamically rendering row children. Requires the feature flag to be
+   * enabled along with UNSTABLE_allowsExpandableRows, see https://react-spectrum.adobe.com/react-spectrum/TableView.html#expandable-rows.
+   * @version alpha
+   * @private
+   */
+  UNSTABLE_childItems?: Iterable<T>,
+  // TODO: update when async loading is supported for expandable rows
+  // /** Whether this row has children, even if not loaded yet. */
+  // hasChildItems?: boolean,
+  /** Rendered contents of the row or row child items. */
+  children: CellElement | CellElement[] | CellRenderer,
+  /** A string representation of the row's contents, used for features like typeahead. */
+  textValue?: string // ???
+}
+
+interface CellProps$2 {
+  /** The contents of the cell. */
+  children: ReactNode,
+  /** A string representation of the cell's contents, used for features like typeahead. */
+  textValue?: string,
+  /** Indicates how many columns the data cell spans. */
+  colSpan?: number
+}
+
+type CellElement = ReactElement<CellProps$2>;
+type CellRenderer = (columnKey: Key) => CellElement;
+
 interface TableCollection<T> extends GridCollection<T> {
   // TODO perhaps elaborate on this? maybe not clear enough, essentially returns the table header rows (e.g. in a tiered headers table, will return the nodes containing the top tier column, next tier, etc)
   /** A list of header row nodes in the table. */
@@ -3806,6 +3954,21 @@ interface TableCollection<T> extends GridCollection<T> {
   body: GridNode<T>
 }
 
+interface TableState<T> extends GridState<T, TableCollection<T>> {
+    /** A collection of rows and columns in the table. */
+    collection: TableCollection<T>;
+    /** Whether the row selection checkboxes should be displayed. */
+    showSelectionCheckboxes: boolean;
+    /** The current sorted column and direction. */
+    sortDescriptor: SortDescriptor | null;
+    /** Calls the provided onSortChange handler with the provided column key and sort direction. */
+    sort(columnKey: Key, direction?: 'ascending' | 'descending'): void;
+    /** Whether keyboard navigation is disabled, such as when the arrow keys should be handled by a component within a cell. */
+    isKeyboardNavigationDisabled: boolean;
+    /** Set whether keyboard navigation is disabled, such as when the arrow keys should be handled by a component within a cell. */
+    setKeyboardNavigationDisabled: (val: boolean) => void;
+}
+
 declare let _Item: <T>(props: ItemProps$1<T>) => JSX.Element;
 
 /*
@@ -4204,6 +4367,12 @@ interface TreeData<T extends object> {
  */
 declare function useTreeData<T extends object>(options: TreeOptions<T>): TreeData<T>;
 
+interface StyleProps {
+    /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. */
+    className?: string;
+    /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. */
+    style?: CSSProperties;
+}
 type ClassNameOrFunction<T> = string | ((values: T & {
     defaultClassName: string | undefined;
 }) => string);
@@ -4604,6 +4773,255 @@ interface ListBoxProps$1<T> extends Omit<AriaListBoxProps<T>, 'children' | 'labe
 interface ListBoxItemRenderProps extends ItemRenderProps {
 }
 
+interface TableRenderProps {
+    /**
+     * Whether the table is currently focused.
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the table is currently keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the table is currently the active drop target.
+     * @selector [data-drop-target]
+     */
+    isDropTarget: boolean;
+    /**
+     * State of the table.
+     */
+    state: TableState<unknown>;
+}
+interface TableProps$1 extends Omit<TableProps$2<any>, 'children'>, StyleRenderProps<TableRenderProps, 'table' | 'div'>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-Table'
+     */
+    className?: ClassNameOrFunction<TableRenderProps>;
+    /** The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows. */
+    children?: ReactNode;
+    /**
+     * How multiple selection should behave in the collection.
+     * @default "toggle"
+     */
+    selectionBehavior?: SelectionBehavior;
+    /**
+     * Whether `disabledKeys` applies to all interactions, or only selection.
+     * @default "all"
+     */
+    disabledBehavior?: DisabledBehavior;
+    /** Handler that is called when a user performs an action on the row. */
+    onRowAction?: (key: Key) => void;
+    /** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the Table. */
+    dragAndDropHooks?: DragAndDropHooks;
+}
+interface TableHeaderRenderProps {
+    /**
+     * Whether the table header is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+}
+interface TableHeaderProps$1<T> extends StyleRenderProps<TableHeaderRenderProps, 'thead' | 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableSectionElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-TableHeader'
+     */
+    className?: ClassNameOrFunction<TableHeaderRenderProps>;
+    /** A list of table columns. */
+    columns?: Iterable<T>;
+    /** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
+    children?: ReactNode | ((item: T) => ReactElement);
+    /** Values that should invalidate the column cache when using dynamic collections. */
+    dependencies?: ReadonlyArray<any>;
+}
+interface ColumnRenderProps {
+    /**
+     * Whether the column is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the column is currently in a pressed state.
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the column is currently focused.
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the column is currently keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the column allows sorting.
+     * @selector [data-allows-sorting]
+     */
+    allowsSorting: boolean;
+    /**
+     * The current sort direction.
+     * @selector [data-sort-direction="ascending | descending"]
+     */
+    sortDirection: SortDirection | undefined;
+    /**
+     * Whether the column is currently being resized.
+     * @selector [data-resizing]
+     */
+    isResizing: boolean;
+    /**
+     * Triggers sorting for this column in the given direction.
+     */
+    sort(direction: SortDirection): void;
+    /**
+     * Starts column resizing if the table is contained in a `<ResizableTableContainer>` element.
+     */
+    startResize(): void;
+}
+interface ColumnProps$1 extends RenderProps<ColumnRenderProps, 'th' | 'div'>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-Column'
+     */
+    className?: ClassNameOrFunction<ColumnRenderProps>;
+    /** The unique id of the column. */
+    id?: Key;
+    /** Whether the column allows sorting. */
+    allowsSorting?: boolean;
+    /** Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be announced by assistive technology during row navigation. */
+    isRowHeader?: boolean;
+    /** A string representation of the column's contents, used for accessibility announcements. */
+    textValue?: string;
+    /** The width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    width?: ColumnSize | null;
+    /** The default width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    defaultWidth?: ColumnSize | null;
+    /** The minimum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    minWidth?: ColumnStaticSize | null;
+    /** The maximum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    maxWidth?: ColumnStaticSize | null;
+}
+interface TableBodyRenderProps {
+    /**
+     * Whether the table body has no rows and should display its empty state.
+     * @selector [data-empty]
+     */
+    isEmpty: boolean;
+    /**
+     * Whether the Table is currently the active drop target.
+     * @selector [data-drop-target]
+     */
+    isDropTarget: boolean;
+}
+interface TableBodyProps$1<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps, 'tbody' | 'div'>, GlobalDOMAttributes<HTMLTableSectionElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-TableBody'
+     */
+    className?: ClassNameOrFunction<TableBodyRenderProps>;
+    /** Provides content to display when there are no rows in the table. */
+    renderEmptyState?: (props: TableBodyRenderProps) => ReactNode;
+}
+interface RowRenderProps extends ItemRenderProps {
+    /** Whether the row's children have keyboard focus. */
+    isFocusVisibleWithin: boolean;
+    /** The unique id of the row. */
+    id?: Key;
+}
+interface RowProps$1<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'div'>, LinkDOMProps, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-Row'
+     */
+    className?: ClassNameOrFunction<RowRenderProps>;
+    /** A list of columns used when dynamically rendering cells. */
+    columns?: Iterable<T>;
+    /** The cells within the row. Supports static items or a function for dynamic rendering. */
+    children?: ReactNode | ((item: T) => ReactElement);
+    /** The object value that this row represents. When using dynamic collections, this is set automatically. */
+    value?: T;
+    /** Values that should invalidate the cell cache when using dynamic collections. */
+    dependencies?: ReadonlyArray<any>;
+    /** A string representation of the row's contents, used for features like typeahead. */
+    textValue?: string;
+    /** Whether the row is disabled. */
+    isDisabled?: boolean;
+    /**
+     * Handler that is called when a user performs an action on the row. The exact user event depends on
+     * the collection's `selectionBehavior` prop and the interaction modality.
+     */
+    onAction?: () => void;
+    /** The unique id of the row. */
+    id?: Key;
+}
+interface CellRenderProps {
+    /**
+     * Whether the cell is currently in a pressed state.
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the cell is currently focused.
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the cell is currently keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the cell is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the parent row is currently selected.
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * The unique id of the cell.
+     **/
+    id?: Key;
+    /**
+     * The index of the column that this cell belongs to. Respects col spanning.
+     */
+    columnIndex?: number | null;
+}
+interface CellProps$1 extends RenderProps<CellRenderProps, 'td' | 'div'>, GlobalDOMAttributes<HTMLTableCellElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-Cell'
+     */
+    className?: ClassNameOrFunction<CellRenderProps>;
+    /** The unique id of the cell. */
+    id?: Key;
+    /** A string representation of the cell's contents, used for features like typeahead. */
+    textValue?: string;
+    /** Indicates how many columns the data cell spans. */
+    colSpan?: number;
+}
+interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'tr' | 'div', undefined>, GlobalDOMAttributes<HTMLTableRowElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     * @default 'react-aria-TableLoadMoreItem'
+     */
+    className?: string;
+    /**
+     * The load more spinner to render when loading additional items.
+     */
+    children?: ReactNode;
+    /**
+     * Whether or not the loading spinner should be rendered or not.
+     */
+    isLoading?: boolean;
+}
+
 declare class Point$1 {
     /** The x-coordinate of the point. */
     x: number;
@@ -5621,6 +6039,9 @@ declare function isUrl(value: string, lenient?: boolean): boolean;
  */
 declare function getOsSpecificKeyboardShortcutLabel(keyboardShortcut: string, useSymbol?: boolean): string;
 
+declare const clamp: (value: number, min: number, max: number) => number;
+
+declare const capitalize: (str: string) => string;
 /**
  * Parses the given text using DOMParser and retrieves the plain text content of
  * the HTML document body.
@@ -5788,6 +6209,11 @@ interface StylingWithUIState<T = object> {
     style?: React__default.CSSProperties | ((props: UIStateOptions<T>) => React__default.CSSProperties);
 }
 interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
+    /**
+     * A slot name for the component. Used to integrate with React Aria Components'
+     * context system (e.g., `slot="drag"` for drag handles in Table rows).
+     */
+    slot?: string | null;
 }
 interface ActionButtonProps extends ActionButtonSharedProps {
     /**
@@ -6836,6 +7262,11 @@ interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className" |
      * @default end
      */
     labelPosition?: "start" | "end";
+    /**
+     * The slot attribute for composition with parent components like Table.
+     * Pass `null` to explicitly opt out of slot context lookup.
+     */
+    slot?: string | null;
 }
 
 declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLLabelElement>>;
@@ -8810,9 +9241,22 @@ declare function useFrameDimensions(): {
 };
 declare const FrameProvider: React__default.FC<FrameProviderProps>;
 
-declare const DateField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<DateFieldStateOptions<DateValue>, "locale"> & AriaDateFieldProps<DateValue>, "isRequired" | "isInvalid" | "validationState" | "validate" | "createCalendar"> & Pick<SharedInputProps, "label" | "validationState" | "variant" | "labelPosition"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+type DateFieldPickerType = "none" | "presentation" | "calendar";
+type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage & {
+    /**
+     * Controls the calendar picker integration.
+     * - `"none"`: No calendar icon or picker (default).
+     * - `"presentation"`: Trailing calendar icon, non-interactive.
+     * - `"calendar"`: Trailing calendar icon button that opens a Calendar popover.
+     *
+     * @default "none"
+     */
+    pickerType?: DateFieldPickerType;
+};
 
-type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
+declare const DateField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<DateFieldStateOptions<DateValue>, "locale"> & AriaDateFieldProps<DateValue>, "isRequired" | "isInvalid" | "validationState" | "validate" | "createCalendar"> & Pick<SharedInputProps, "label" | "validationState" | "variant" | "labelPosition"> & InputMessage & {
+    pickerType?: DateFieldPickerType;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 interface Breakpoints {
     mobile: number;
@@ -9047,6 +9491,13 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
             preserveAspectRatio: boolean;
         };
     };
+    TABLE: {
+        layout: typeof TableLayout;
+        layoutOptions: {
+            rowHeight: number;
+            headingHeight: number;
+        };
+    };
 };
 
 interface CodeProps extends Omit<StylingProps, keyof BlockProps> {
@@ -9162,6 +9613,45 @@ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-clas
 
 declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
 
+type TableProps = TableProps$1;
+type TableHeaderProps<T extends object = object> = TableHeaderProps$1<T>;
+type LoadMoreProps = {
+    /**
+     * Called when the table scrolls near the end of the currently loaded rows.
+     * TableBody automatically renders an internal loading sentinel when this is provided.
+     */
+    onLoadMore: TableLoadMoreItemProps["onLoadMore"];
+    /** Whether the automatic loading indicator should be visible. Also suppresses re-triggering while a fetch is in flight. */
+    isLoading?: TableLoadMoreItemProps["isLoading"];
+    /**
+     * Distance from the end of the scroll region that triggers loading, as a fraction of the container height.
+     * @default 1 (100% of container height — triggers when the sentinel enters view)
+     */
+    scrollOffset?: TableLoadMoreItemProps["scrollOffset"];
+} | {
+    onLoadMore?: never;
+    isLoading?: never;
+    scrollOffset?: never;
+};
+type TableBodyProps<T extends object = object> = TableBodyProps$1<T> & LoadMoreProps;
+type ColumnProps = Omit<ColumnProps$1, "width" | "defaultWidth" | "minWidth" | "maxWidth">;
+type RowProps<T extends object = object> = RowProps$1<T>;
+type CellProps = CellProps$1;
+
+declare const Table: React__default.ForwardRefExoticComponent<TableProps$1 & React__default.RefAttributes<HTMLDivElement | HTMLTableElement>>;
+declare const TableHeader: React__default.ForwardRefExoticComponent<TableHeaderProps & React__default.RefAttributes<HTMLTableSectionElement>>;
+declare const Column: React__default.ForwardRefExoticComponent<ColumnProps & React__default.RefAttributes<HTMLTableCellElement>>;
+declare const TableBody: React__default.ForwardRefExoticComponent<TableBodyProps & React__default.RefAttributes<HTMLDivElement | HTMLTableSectionElement>>;
+declare const Row: React__default.ForwardRefExoticComponent<RowProps & React__default.RefAttributes<HTMLTableRowElement>>;
+declare const Cell: React__default.ForwardRefExoticComponent<CellProps$1 & React__default.RefAttributes<HTMLTableCellElement>>;
+
+interface UseTableDragAndDropOptions<T extends object = object> extends DragAndDropOptions<T> {
+    /** Ref to the scrollable container element. When provided, auto-scroll
+     *  activates when dragging near container edges. */
+    scrollRef?: React__default.RefObject<HTMLElement>;
+}
+declare function useTableDragAndDrop<T extends object = object>(options: UseTableDragAndDropOptions<T>): DragAndDrop<T>;
+
 interface SkeletonProps {
     /** The className applied to the root element of the component. */
     className?: string;
@@ -9581,4 +10071,4 @@ declare namespace reactStately {
   export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Calendar, type CalendarHeaderVariant, type CalendarProps, type CalendarSize, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, RangeCalendar, type RangeCalendarProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Calendar, type CalendarHeaderVariant, type CalendarProps, type CalendarSize, Cell, type CellProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, DateField, type DateFieldPickerType, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, RangeCalendar, type RangeCalendarProps, Reaction, type ReactionProps, type Rect, Row, type RowProps, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Table, TableBody, type TableBodyProps, TableHeader, type TableHeaderProps, TableLayout, type TableProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, type UseTableDragAndDropOptions, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, capitalize, clamp, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTableDragAndDrop, useTextSelection, useUndoRedo, useUserPreferences };