alinea 2.0.0-preview.13 → 2.0.0-preview.14

package/dist/components/PreviewFrame.js

@@ -1,8 +1,8 @@
 import {
   $db7105decd081705$export$4c260019440d418f
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -21,18 +21,18 @@ import { Button } from "./Button.js";
 
 // src/components/PreviewFrame.module.css
 var PreviewFrame_default = {
-  "PreviewToolbar-open": "alinea-PreviewToolbar-open",
-  "PreviewToolbarOpen": "alinea-PreviewToolbar-open",
+  "PreviewFrame": "alinea-PreviewFrame",
+  "PreviewToolbar-navigation": "alinea-PreviewToolbar-navigation",
+  "PreviewToolbarNavigation": "alinea-PreviewToolbar-navigation",
   "PreviewFrame-iframe": "alinea-PreviewFrame-iframe",
   "PreviewFrameIframe": "alinea-PreviewFrame-iframe",
+  "PreviewToolbar": "alinea-PreviewToolbar",
   "PreviewFrame-loading": "alinea-PreviewFrame-loading",
   "PreviewFrameLoading": "alinea-PreviewFrame-loading",
   "PreviewFrame-unavailable": "alinea-PreviewFrame-unavailable",
   "PreviewFrameUnavailable": "alinea-PreviewFrame-unavailable",
-  "PreviewToolbar": "alinea-PreviewToolbar",
-  "PreviewToolbar-navigation": "alinea-PreviewToolbar-navigation",
-  "PreviewToolbarNavigation": "alinea-PreviewToolbar-navigation",
-  "PreviewFrame": "alinea-PreviewFrame"
+  "PreviewToolbar-open": "alinea-PreviewToolbar-open",
+  "PreviewToolbarOpen": "alinea-PreviewToolbar-open"
 };
 
 // src/components/PreviewFrame.tsx

package/dist/components/RadioGroup.js

@@ -2,9 +2,9 @@ import {
   $efe09c6d1c304b50$export$9afb8bc826b033ea,
   $fe21c36db05242bb$export$a98f0dcb43a68a25,
   $fe21c36db05242bb$export$d7b12c4107be0d61
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -18,18 +18,18 @@ import { Field, FieldDescription } from "./Field.js";
 
 // src/components/RadioGroup.module.css
 var RadioGroup_default = {
-  "RadioGroup-items": "alinea-RadioGroup-items",
-  "RadioGroupItems": "alinea-RadioGroup-items",
-  "RadioGroupItem-content": "alinea-RadioGroupItem-content",
-  "RadioGroupItemContent": "alinea-RadioGroupItem-content",
+  "RadioGroupItem-indicator": "alinea-RadioGroupItem-indicator",
+  "RadioGroupItemIndicator": "alinea-RadioGroupItem-indicator",
   "is-focusVisible": "alinea-is-focusVisible",
   "isFocusVisible": "alinea-is-focusVisible",
+  "RadioGroup-items": "alinea-RadioGroup-items",
+  "RadioGroupItems": "alinea-RadioGroup-items",
+  "RadioGroupItem": "alinea-RadioGroupItem",
+  "RadioGroup": "alinea-RadioGroup",
   "RadioGroupItem-label": "alinea-RadioGroupItem-label",
   "RadioGroupItemLabel": "alinea-RadioGroupItem-label",
-  "RadioGroup": "alinea-RadioGroup",
-  "RadioGroupItem": "alinea-RadioGroupItem",
-  "RadioGroupItem-indicator": "alinea-RadioGroupItem-indicator",
-  "RadioGroupItemIndicator": "alinea-RadioGroupItem-indicator"
+  "RadioGroupItem-content": "alinea-RadioGroupItem-content",
+  "RadioGroupItemContent": "alinea-RadioGroupItem-content"
 };
 
 // src/components/RadioGroup.tsx

package/dist/components/Resizable.js

@@ -1082,9 +1082,9 @@ import {
 
 // src/components/Resizable.module.css
 var Resizable_default = {
+  "ResizablePanel": "alinea-ResizablePanel",
   "ResizablePanelGroup-view": "alinea-ResizablePanelGroup-view",
   "ResizablePanelGroupView": "alinea-ResizablePanelGroup-view",
-  "ResizablePanel": "alinea-ResizablePanel",
   "ResizablePanelGroup": "alinea-ResizablePanelGroup",
   "ResizablePanelGroup-handle": "alinea-ResizablePanelGroup-handle",
   "ResizablePanelGroupHandle": "alinea-ResizablePanelGroup-handle"

package/dist/components/SearchField.js

@@ -2,9 +2,9 @@ import {
   $29a5029ff43c9612$export$b94867ecbd698f21,
   $41fb335299a4a39e$export$f5b8910cec6cf069,
   $7705c033048f6da7$export$353f5b6fc5456de1
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -19,14 +19,14 @@ import { Icon } from "./Icon.js";
 
 // src/components/SearchField.module.css
 var SearchField_default = {
-  "SearchFieldClear-icon": "alinea-SearchFieldClear-icon",
-  "SearchFieldClearIcon": "alinea-SearchFieldClear-icon",
   "SearchFieldGroup": "alinea-SearchFieldGroup",
-  "SearchFieldClear": "alinea-SearchFieldClear",
   "SearchFieldIcon": "alinea-SearchFieldIcon",
-  "SearchFieldSpinner": "alinea-SearchFieldSpinner",
   "SearchFieldInput": "alinea-SearchFieldInput",
-  "SearchField": "alinea-SearchField"
+  "SearchField": "alinea-SearchField",
+  "SearchFieldClear": "alinea-SearchFieldClear",
+  "SearchFieldClear-icon": "alinea-SearchFieldClear-icon",
+  "SearchFieldClearIcon": "alinea-SearchFieldClear-icon",
+  "SearchFieldSpinner": "alinea-SearchFieldSpinner"
 };
 
 // src/components/SearchField.tsx
@@ -68,7 +68,7 @@ function SearchField({
       isRequired: required,
       isDisabled: disabled,
       isReadOnly: readOnly,
-      isInvalid: Boolean(error),
+      isInvalid: error ? true : void 0,
       className: styles.SearchField(dist_default.merge({ className })),
       children: /* @__PURE__ */ jsx(
         Field,

package/dist/components/Select.d.ts

@@ -1,11 +1,14 @@
 import { type ReactElement, type ReactNode } from 'react';
-import type { AriaProps, DataProps, FieldSharedProps, IconType, OpenStateProps, StyleProps } from './types.js';
-export interface SelectProps extends FieldSharedProps, OpenStateProps, StyleProps, AriaProps, DataProps {
-    value?: string | null;
-    defaultValue?: string | null;
+import type { AriaProps, DataProps, FieldSharedProps, IconType, Key, OpenStateProps, StyleProps } from './types.js';
+export interface SelectProps<V extends Key = Key> extends FieldSharedProps, OpenStateProps, StyleProps, AriaProps, DataProps {
+    /** The value of the selected SelectItem */
+    value?: V | null;
+    defaultValue?: V | null;
     /** Called with the selected value, or null when the value is cleared */
-    onValueChange?: (value: string | null) => void;
+    onValueChange?: (value: V | null) => void;
     placeholder?: string;
+    /** Show a button that clears the value */
+    clearable?: boolean;
     /** Name of the hidden form input carrying the value */
     name?: string;
     autoFocus?: boolean;
@@ -15,12 +18,12 @@ export interface SelectProps extends FieldSharedProps, OpenStateProps, StyleProp
     children: ReactNode;
 }
 /**
- * A labelled field to pick a single value from a list. The value can be
- * cleared unless the field is required.
+ * A labelled field to pick a single value from a list. Set `clearable` to
+ * let the value be cleared again.
  */
-export declare function Select({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, placeholder, size, className, style, children, ...props }: SelectProps): import("react").JSX.Element;
+export declare function Select<V extends Key = Key>({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, placeholder, clearable, size, className, style, children, ...props }: SelectProps<V>): import("react").JSX.Element;
 export interface SelectItemProps extends StyleProps {
-    value: string;
+    value: Key;
     disabled?: boolean;
     icon?: IconType | ReactElement;
     /** Text used for typeahead and the value, defaults to string children */
@@ -34,5 +37,5 @@ export interface SelectGroupProps extends AriaProps {
     label?: ReactNode;
     children: ReactNode;
 }
-export declare function SelectGroup({ label, children, ...props }: SelectGroupProps): import("react").JSX.Element;
+export declare function SelectGroup(props: SelectGroupProps): import("react").JSX.Element;
 export declare function SelectSeparator(): import("react").JSX.Element;

package/dist/components/Select.js

@@ -1,15 +1,13 @@
 import {
-  $53e61d82d8b8611d$export$8b251419efc915eb,
   $7705c033048f6da7$export$353f5b6fc5456de1,
   $928221da08ecbc62$export$41f133550aa26f48,
-  $928221da08ecbc62$export$dca12b0bb56e4fc,
   $c8bb816105474884$export$e288731fd71264f0,
   $c8bb816105474884$export$ef445b55be0601bd,
   $c8bb816105474884$export$ef9b1a59e592288f,
   $e28ab3efe3e87743$export$1ff3c3f08ae963c0
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -26,29 +24,27 @@ import {
 import { IcRoundClose, IcRoundKeyboardArrowDown } from "alinea/dashboard/icons";
 import { Field } from "./Field.js";
 import { Icon } from "./Icon.js";
+import { ListBoxGroup } from "./internal/ListBoxGroup.js";
 import { ListBoxOption } from "./internal/ListBoxOption.js";
 import { PopoverSurface } from "./internal/PopoverSurface.js";
 
 // src/components/Select.module.css
 var Select_default = {
-  "SelectSeparator": "alinea-SelectSeparator",
-  "SelectGroup": "alinea-SelectGroup",
+  "SelectTrigger-button": "alinea-SelectTrigger-button",
+  "SelectTriggerButton": "alinea-SelectTrigger-button",
+  "Select": "alinea-Select",
+  "SelectTrigger": "alinea-SelectTrigger",
   "SelectTrigger-clear": "alinea-SelectTrigger-clear",
   "SelectTriggerClear": "alinea-SelectTrigger-clear",
-  "SelectTrigger": "alinea-SelectTrigger",
-  "SelectTrigger-value": "alinea-SelectTrigger-value",
-  "SelectTriggerValue": "alinea-SelectTrigger-value",
+  "SelectTrigger-placeholder": "alinea-SelectTrigger-placeholder",
+  "SelectTriggerPlaceholder": "alinea-SelectTrigger-placeholder",
+  "SelectSeparator": "alinea-SelectSeparator",
   "SelectContent-list": "alinea-SelectContent-list",
   "SelectContentList": "alinea-SelectContent-list",
-  "SelectTrigger-button": "alinea-SelectTrigger-button",
-  "SelectTriggerButton": "alinea-SelectTrigger-button",
-  "Select": "alinea-Select",
+  "SelectTrigger-value": "alinea-SelectTrigger-value",
+  "SelectTriggerValue": "alinea-SelectTrigger-value",
   "SelectTrigger-arrow": "alinea-SelectTrigger-arrow",
-  "SelectTriggerArrow": "alinea-SelectTrigger-arrow",
-  "SelectGroup-label": "alinea-SelectGroup-label",
-  "SelectGroupLabel": "alinea-SelectGroup-label",
-  "SelectTrigger-placeholder": "alinea-SelectTrigger-placeholder",
-  "SelectTriggerPlaceholder": "alinea-SelectTrigger-placeholder"
+  "SelectTriggerArrow": "alinea-SelectTrigger-arrow"
 };
 
 // src/components/Select.tsx
@@ -70,6 +66,7 @@ function Select({
   defaultOpen,
   onOpenChange,
   placeholder,
+  clearable,
   size = "default",
   className,
   style,
@@ -87,7 +84,7 @@ function Select({
       style,
       selectedKey: value,
       defaultSelectedKey: defaultValue,
-      onSelectionChange: (key) => onValueChange?.(key === null ? null : String(key)),
+      onSelectionChange: (key) => onValueChange?.(key),
       isOpen: !readOnly && (open ?? isOpen),
       onOpenChange: (next) => {
         if (readOnly) return;
@@ -115,7 +112,7 @@ function Select({
               {
                 triggerRef,
                 size,
-                clearable: !required && !disabled && !readOnly,
+                clearable: Boolean(clearable) && !disabled && !readOnly,
                 invalid: Boolean(error),
                 readOnly
               }
@@ -211,19 +208,8 @@ function preventSelectionKeys(event) {
 function SelectItem(props) {
   return /* @__PURE__ */ jsx(ListBoxOption, { slot: "select-item", ...props });
 }
-function SelectGroup({ label, children, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    $928221da08ecbc62$export$dca12b0bb56e4fc,
-    {
-      "data-slot": "select-group",
-      ...props,
-      className: styles.SelectGroup(),
-      children: [
-        label && /* @__PURE__ */ jsx($53e61d82d8b8611d$export$8b251419efc915eb, { "data-slot": "select-label", className: styles.SelectGroup.label(), children: label }),
-        children
-      ]
-    }
-  );
+function SelectGroup(props) {
+  return /* @__PURE__ */ jsx(ListBoxGroup, { slot: "select-group", labelSlot: "select-label", ...props });
 }
 function SelectSeparator() {
   return /* @__PURE__ */ jsx(

package/dist/components/Sheet.js

@@ -17,16 +17,16 @@ import { Button } from "./Button.js";
 
 // src/components/Sheet.module.css
 var Sheet_default = {
-  "SheetBody": "alinea-SheetBody",
+  "SheetHeader-back": "alinea-SheetHeader-back",
+  "SheetHeaderBack": "alinea-SheetHeader-back",
   "SheetTitle": "alinea-SheetTitle",
+  "SheetBody": "alinea-SheetBody",
+  "SheetContent": "alinea-SheetContent",
   "SheetSection-title": "alinea-SheetSection-title",
   "SheetSectionTitle": "alinea-SheetSection-title",
-  "SheetFooter": "alinea-SheetFooter",
-  "SheetContent": "alinea-SheetContent",
-  "SheetHeader": "alinea-SheetHeader",
   "SheetSection": "alinea-SheetSection",
-  "SheetHeader-back": "alinea-SheetHeader-back",
-  "SheetHeaderBack": "alinea-SheetHeader-back"
+  "SheetHeader": "alinea-SheetHeader",
+  "SheetFooter": "alinea-SheetFooter"
 };
 
 // src/components/Sheet.tsx

package/dist/components/Sidebar.js

@@ -8,14 +8,14 @@ import { createContext, useContext, useId } from "react";
 
 // src/components/Sidebar.module.css
 var Sidebar_default = {
-  "SidebarContent": "alinea-SidebarContent",
   "SidebarFooter": "alinea-SidebarFooter",
-  "SidebarInset": "alinea-SidebarInset",
-  "SidebarHeader": "alinea-SidebarHeader",
-  "SidebarGroupAction": "alinea-SidebarGroupAction",
   "SidebarGroup": "alinea-SidebarGroup",
+  "SidebarContent": "alinea-SidebarContent",
   "SidebarGroupLabel": "alinea-SidebarGroupLabel",
-  "Sidebar": "alinea-Sidebar"
+  "SidebarInset": "alinea-SidebarInset",
+  "Sidebar": "alinea-Sidebar",
+  "SidebarHeader": "alinea-SidebarHeader",
+  "SidebarGroupAction": "alinea-SidebarGroupAction"
 };
 
 // src/components/Sidebar.tsx

package/dist/components/SortableList.js

@@ -23,25 +23,25 @@ import { pressSortableItem } from "./internal/sortableDrag.js";
 
 // src/components/SortableList.module.css
 var SortableList_default = {
+  "SortableListItemSettings": "alinea-SortableListItemSettings",
+  "SortableListItemFooter": "alinea-SortableListItemFooter",
+  "SortableListItemInsert": "alinea-SortableListItemInsert",
+  "SortableList": "alinea-SortableList",
   "SortableListAdd-inner": "alinea-SortableListAdd-inner",
   "SortableListAddInner": "alinea-SortableListAdd-inner",
+  "SortableListItemHeader": "alinea-SortableListItemHeader",
+  "SortableListItemTitle": "alinea-SortableListItemTitle",
+  "SortableListItemDescription": "alinea-SortableListItemDescription",
+  "SortableListItemToggle": "alinea-SortableListItemToggle",
   "SortableListItemContent": "alinea-SortableListItemContent",
+  "SortableListItemActions": "alinea-SortableListItemActions",
+  "SortableListAdd": "alinea-SortableListAdd",
   "SortableListItemTrigger": "alinea-SortableListItemTrigger",
   "SortableListItemTrigger-more": "alinea-SortableListItemTrigger-more",
   "SortableListItemTriggerMore": "alinea-SortableListItemTrigger-more",
-  "SortableListItemActions": "alinea-SortableListItemActions",
-  "SortableListItemHeader": "alinea-SortableListItemHeader",
-  "SortableListItemSettings": "alinea-SortableListItemSettings",
-  "SortableListItemToggle": "alinea-SortableListItemToggle",
-  "SortableListItemTitle": "alinea-SortableListItemTitle",
-  "SortableListItemInsert-button": "alinea-SortableListItemInsert-button",
-  "SortableListItemInsertButton": "alinea-SortableListItemInsert-button",
-  "SortableListItemFooter": "alinea-SortableListItemFooter",
-  "SortableListItemInsert": "alinea-SortableListItemInsert",
   "SortableListItem": "alinea-SortableListItem",
-  "SortableListAdd": "alinea-SortableListAdd",
-  "SortableListItemDescription": "alinea-SortableListItemDescription",
-  "SortableList": "alinea-SortableList"
+  "SortableListItemInsert-button": "alinea-SortableListItemInsert-button",
+  "SortableListItemInsertButton": "alinea-SortableListItemInsert-button"
 };
 
 // src/components/SortableList.tsx

package/dist/components/Spinner.js

@@ -6,12 +6,12 @@ import "../chunks/chunk-CQ52GEHY.js";
 // src/components/Spinner.module.css
 var Spinner_default = {
   "Spinner": "alinea-Spinner",
-  "Spinner-indicator": "alinea-Spinner-indicator",
-  "SpinnerIndicator": "alinea-Spinner-indicator",
+  "Spinner-spin": "alinea-Spinner-spin",
+  "SpinnerSpin": "alinea-Spinner-spin",
   "Spinner-icon": "alinea-Spinner-icon",
   "SpinnerIcon": "alinea-Spinner-icon",
-  "Spinner-spin": "alinea-Spinner-spin",
-  "SpinnerSpin": "alinea-Spinner-spin"
+  "Spinner-indicator": "alinea-Spinner-indicator",
+  "SpinnerIndicator": "alinea-Spinner-indicator"
 };
 
 // src/components/Spinner.tsx

package/dist/components/Stack.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode, Ref } from 'react';
+import type { AriaProps, DataProps, StyleProps } from './types.js';
+export interface StackProps extends StyleProps, AriaProps, DataProps {
+    /** Defaults to `column` */
+    direction?: 'row' | 'column';
+    /** Space between the items, a number is in pixels */
+    gap?: number | string;
+    /** Cross axis alignment of the items, they stretch by default */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /** Main axis distribution of the items */
+    justify?: 'start' | 'center' | 'end' | 'between';
+    /** Wrap items onto multiple lines */
+    wrap?: boolean;
+    /** Lay out the single child element instead of rendering a div */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+/** Lays out its children in a row or column with a gap between them */
+export declare function Stack({ direction, gap, align, justify, wrap, asChild, className, style, ...props }: StackProps): import("react").JSX.Element;

package/dist/components/Stack.js

@@ -0,0 +1,45 @@
+import {
+  dist_default
+} from "../chunks/chunk-I4OYYAX5.js";
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/components/Stack.tsx
+import { Slot } from "./internal/Slot.js";
+
+// src/components/Stack.module.css
+var Stack_default = {
+  "Stack": "alinea-Stack"
+};
+
+// src/components/Stack.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = dist_default(Stack_default);
+function Stack({
+  direction = "column",
+  gap,
+  align,
+  justify,
+  wrap,
+  asChild,
+  className,
+  style,
+  ...props
+}) {
+  const Element = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Element,
+    {
+      "data-slot": "stack",
+      ...props,
+      "data-direction": direction,
+      "data-align": align,
+      "data-justify": justify,
+      "data-wrap": wrap || void 0,
+      className: styles.Stack(dist_default.merge({ className })),
+      style: gap === void 0 ? style : { gap, ...style }
+    }
+  );
+}
+export {
+  Stack
+};

package/dist/components/Surface.js

@@ -6,8 +6,8 @@ import "../chunks/chunk-CQ52GEHY.js";
 // src/components/Surface.module.css
 var Surface_default = {
   "SurfaceContent": "alinea-SurfaceContent",
-  "SurfaceRow": "alinea-SurfaceRow",
   "Surface": "alinea-Surface",
+  "SurfaceRow": "alinea-SurfaceRow",
   "SurfaceHeader": "alinea-SurfaceHeader"
 };
 

package/dist/components/Switch.js

@@ -1,8 +1,8 @@
 import {
   $24585aa46d6ffdff$export$b5d5cf8927ab7262
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -14,13 +14,13 @@ import "../chunks/chunk-CQ52GEHY.js";
 var Switch_default = {
   "Switch-track": "alinea-Switch-track",
   "SwitchTrack": "alinea-Switch-track",
-  "Switch": "alinea-Switch",
+  "Switch-thumb": "alinea-Switch-thumb",
+  "SwitchThumb": "alinea-Switch-thumb",
   "Switch-label": "alinea-Switch-label",
   "SwitchLabel": "alinea-Switch-label",
   "is-focusVisible": "alinea-is-focusVisible",
   "isFocusVisible": "alinea-is-focusVisible",
-  "Switch-thumb": "alinea-Switch-thumb",
-  "SwitchThumb": "alinea-Switch-thumb"
+  "Switch": "alinea-Switch"
 };
 
 // src/components/Switch.tsx

package/dist/components/Table.d.ts

@@ -42,6 +42,16 @@ export interface TableProps<T extends object> extends StyleProps, AriaProps, Dat
      */
     onRowAction?: (key: Key) => void;
     renderEmptyState?: () => ReactNode;
+    /**
+     * Shows a spinner in place of the rows while there are none, below the
+     * rows otherwise
+     */
+    loading?: boolean;
+    /**
+     * Called when the rows are scrolled close to the end, to load the next
+     * page (see useAsyncList)
+     */
+    onLoadMore?: () => void;
     /**
      * Rows are cached per item, list the values `children` reads besides the
      * item to render them again when those change
@@ -49,7 +59,7 @@ export interface TableProps<T extends object> extends StyleProps, AriaProps, Dat
     dependencies?: ReadonlyArray<unknown>;
     children: (item: T) => ReactElement;
 }
-export declare function Table<T extends object>({ items, columns, showHeader, expandable, rowHeight, selectionMode, selectionBehavior, showSelectionControls, variant, selectedKeys, defaultSelectedKeys, onSelectionChange, disabledKeys, expandedKeys, defaultExpandedKeys, onExpandedChange, sortDescriptor, onSortChange, onRowAction, renderEmptyState, dependencies, getDragData, acceptedDragTypes, canDrop, onReorder, onMove, onDropItems, onDropFiles, renderDragPreview, className, style, children, ...props }: TableProps<T>): import("react").JSX.Element;
+export declare function Table<T extends object>({ items, columns, showHeader, expandable, rowHeight, selectionMode, selectionBehavior, showSelectionControls, variant, selectedKeys, defaultSelectedKeys, onSelectionChange, disabledKeys, expandedKeys, defaultExpandedKeys, onExpandedChange, sortDescriptor, onSortChange, onRowAction, renderEmptyState, loading, onLoadMore, dependencies, getDragData, acceptedDragTypes, canDrop, onReorder, onMove, onDropItems, onDropFiles, renderDragPreview, className, style, children, ...props }: TableProps<T>): import("react").JSX.Element;
 export interface TableRowProps extends DataProps {
     id: Key;
     /** Text used for typeahead and as the accessible row name */