@spfx-fast/sharepoint-ui 0.0.0-stage → 0.4.0

package/dist/react.d.ts

@@ -0,0 +1,4540 @@
+import * as React from "react";
+import { type ButtonAppearance, type ButtonShape, type ButtonSize } from "./elements/button-variants.js";
+import { type InputAppearance, type InputSize, type InputType } from "./elements/input.js";
+import { type FileUploadError } from "./elements/file-upload.js";
+import { type ImageFit, type ImageShape } from "./elements/image.js";
+import { type FieldOrientation, type FieldValidationState } from "./elements/field-composition.js";
+import { type CardAppearance, type CardFocusMode, type CardOrientation, type CardSize } from "./elements/card.js";
+import { type BadgeAppearance, type BadgeColor, type BadgeShape, type BadgeSize, type PresenceBadgeStatus } from "./elements/badge.js";
+import { type SpinnerAppearance, type SpinnerLabelPosition, type SpinnerSize } from "./elements/spinner.js";
+export type { SpinnerAppearance, SpinnerLabelPosition, SpinnerSize } from "./elements/spinner.js";
+import { type MessageBarGroupAnimation, type MessageBarIntent, type MessageBarLayout, type MessageBarPoliteness, type MessageBarShape } from "./elements/message-bar.js";
+export type { DialogOpenChangeData } from "./elements/dialog.js";
+export type DialogOpenChangeEvent = React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>;
+export type DialogOnOpenChangeData = {
+    type: "escapeKeyDown";
+    open: boolean;
+    event: React.KeyboardEvent<HTMLElement>;
+} | {
+    type: "backdropClick" | "triggerClick";
+    open: boolean;
+    event: React.MouseEvent<HTMLElement>;
+};
+import { type ProgressBarColor, type ProgressBarShape, type ProgressBarThickness } from "./elements/progress-bar.js";
+export type { ProgressBarColor, ProgressBarShape, ProgressBarThickness } from "./elements/progress-bar.js";
+export type { SpinButtonAppearance, SpinButtonSize, SpinButtonChangeData } from "./elements/spin-button.js";
+import { type SkeletonAnimation, type SkeletonAppearance, type SkeletonItemSize, type SkeletonShape } from "./elements/skeleton.js";
+import { type DividerAppearance } from "./elements/divider.js";
+export type { DividerAppearance } from "./elements/divider.js";
+import { type AccordionItemValue, type AccordionNavigation } from "./elements/accordion.js";
+import { type AvatarColor } from "./elements/avatar.js";
+import { type PersonaPresence, type PersonaSize } from "./elements/persona.js";
+import { type VirtualListDataSource } from "./elements/virtual-list.js";
+import { type DataGridCellEdit, type DataGridColumn, type DataGridDataSource, type DataGridDataSourceRow, type DataGridColumnSizingOptions, type DataGridColumnWidths, type DataGridEditValue, type DataGridFocusMode, type DataGridSelectionAppearance, type DataGridSelectionModel, type DataGridSort } from "./elements/data-grid-model.js";
+import { type TreeNode } from "./elements/tree-model.js";
+import { type InteractionTagSelectData, type TagAppearance, type TagGroupSelectData, type TagSize } from "./elements/tags.js";
+import { type TagPickerOpenChangeType } from "./elements/tag-picker.js";
+export type { TagPickerOpenChangeType, TagPickerOnOpenChangeData, TagPickerOnOptionSelectData } from "./elements/tag-picker.js";
+import { type ListItemValue, type ListNavigationMode, type ListSelectionMode } from "./elements/list.js";
+export type { ListItemActionData, ListItemActionEvent, ListSelectionChangeData } from "./elements/list.js";
+import { type TooltipAppearance, type TooltipPositioning, type TooltipRelationship, type TooltipVisibleChangeData } from "./elements/tooltip.js";
+export type { TooltipPositioning, TooltipPositioningBoundary, TooltipPositioningEndData, TooltipPositioningImperativeRef, TooltipPositioningOffset, TooltipPositioningOffsetParams, TooltipPositioningOptions, TooltipPositioningPlacement, TooltipPositioningRect, TooltipPositioningRef, TooltipPositioningShorthand, TooltipPositioningTarget, TooltipPositioningTargetRect } from "./elements/tooltip.js";
+import { type PopoverOpenChangeData, type PopoverPositioning } from "./elements/popover.js";
+export type { PopoverAlignment, PopoverAutoSize, PopoverBoundary, PopoverBoundaryPadding, PopoverBoundaryRect, PopoverOffset, PopoverOffsetParams, PopoverOpenChangeData, PopoverPosition, PopoverPositioning, PopoverPositioningEndData, PopoverPositioningImperativeRef, PopoverPositioningOptions, PopoverPositioningPlacement, PopoverPositioningRef, PopoverPositioningTargetRect, PopoverTarget } from "./elements/popover.js";
+import { type TeachingPopoverCarouselValueChangeType } from "./elements/teaching-popover.js";
+export type { TeachingPopoverCarouselValueChangeType, TeachingPopoverCarouselValueChangeDetail, TeachingPopoverFinishDetail } from "./elements/teaching-popover.js";
+import { type MenuOpenChangeData } from "./elements/menu.js";
+export type { MenuOpenChangeData, MenuOpenChangeType } from "./elements/menu.js";
+import { type TextFont, type TextSize, type TextTag, type TextWeight } from "./elements/text.js";
+import { type ToastIntent, type ToastPoliteness } from "./elements/toast.js";
+import { type ToastAnnounce, type ToastPosition } from "./elements/toaster.js";
+export type { ToastAnnounce, ToastAnnounceOptions } from "./elements/toaster.js";
+export type { ToastAppearance } from "./elements/toast.js";
+import { type SearchAppearance, type SearchSize } from "./elements/search.js";
+import { type ColorPickerFormat, type ColorPickerHsvColor, type ColorPickerShape, type ColorPickerSize, type ColorSliderChannel } from "./elements/color-picker.js";
+export type { ColorPickerHsvColor } from "./elements/color-picker.js";
+import { type ToolbarCheckedValues } from "./elements/toolbar.js";
+import { type NavItemSelectData, type NavCategoryToggleData } from "./elements/nav.js";
+export type { NavItemSelectData, NavCategoryToggleData } from "./elements/nav.js";
+export type NavReactItemSelectData = Omit<NavItemSelectData, "event" | "type"> & ({
+    type: undefined;
+    event: SharePointUIEvent;
+} | {
+    type: "click";
+    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>;
+});
+export type NavReactCategoryToggleData = Omit<NavCategoryToggleData, "event" | "type"> & ({
+    type: undefined;
+    event: SharePointUIEvent;
+} | {
+    type: "click";
+    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>;
+});
+import { type LabelSize, type LabelWeight } from "./elements/label.js";
+import { type InfoPlacement } from "./elements/info.js";
+import { type CarouselAlign, type CarouselAppearance, type CarouselMotion } from "./elements/carousel.js";
+export type { CarouselIndexChangeData } from "./elements/carousel.js";
+export type { CarouselAlign, CarouselAppearance, CarouselMotion } from "./elements/carousel.js";
+import { type OverflowAxis, type OverflowState } from "./elements/overflow.js";
+export type { OverflowAxis, OverflowState } from "./elements/overflow.js";
+import { type SharePointUIAppearance, type SharePointUIBaseAppearance, type SharePointUIDensity, type SharePointUIStyleTokens } from "./appearance.js";
+import { type FluentThemeTokens, type SharePointUIDesignTheme } from "./theme.js";
+export { createResizeObserverFromDocument, getRTLRootMargin, scrollToItemDynamic, scrollToItemStatic, useDynamicVirtualizerMeasure, useIntersectionObserver, useMeasureList, useResizeObserverRef_unstable, useStaticVirtualizerMeasure } from "./virtualizer-hooks.js";
+export type { IndexedResizeCallbackElement, ResizeCallbackWithRef, ScrollToItemDynamicParams, ScrollToItemStaticParams, VirtualizerContextMeasureProps, VirtualizerMeasureDynamicProps, VirtualizerMeasureProps } from "./virtualizer-hooks.js";
+export { composeSharePointUIDesignThemes } from "./theme.js";
+export type { FluentThemeTokens, SharePointUIDesignTheme } from "./theme.js";
+export type { AvatarColor, AvatarNamedColor } from "./elements/avatar.js";
+export type { SharePointUIDensity } from "./appearance.js";
+export type SharePointUIEvent = Event | React.SyntheticEvent;
+type MenuEventData<T> = T extends {
+    type: infer Type;
+    event: infer E;
+} ? Type extends "clickOutside" | "scrollOutside" | "menuMouseEnter" ? Omit<T, "event"> & {
+    event: E;
+} : Type extends "menuSafeZoneMouseEnter" ? Omit<T, "event"> & {
+    event: React.MouseEvent<Element>;
+} : Omit<T, "event"> & {
+    event: E extends MouseEvent ? React.MouseEvent<HTMLElement> : E extends KeyboardEvent ? React.KeyboardEvent<HTMLElement> : E;
+} : never;
+type MenuReactOpenChangeData = MenuOpenChangeData extends infer T ? T extends MenuOpenChangeData ? MenuEventData<T> : never : never;
+type MenuReactOpenChangeEvent = MenuReactOpenChangeData["event"];
+type ElementProps = React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+};
+export type FieldControlProps = Pick<React.HTMLAttributes<HTMLElement>, "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-description" | "aria-invalid" | "aria-required">;
+export type FieldControlOptions = {
+    supportsLabelFor?: boolean;
+    supportsRequired?: boolean;
+    supportsSize?: boolean;
+};
+export type FieldContextValue = Readonly<{
+    generatedControlId: string;
+    labelText?: string;
+    descriptionText?: string;
+    orientation: FieldOrientation;
+    required: boolean;
+    size: LabelSize;
+    validationState: FieldValidationState;
+    labelFor?: string;
+    labelId?: string;
+    validationMessageId?: string;
+    hintId?: string;
+    disabled?: boolean;
+}>;
+/** Merge Field context into a form control or custom control's prop set. */
+export declare function useFieldControlProps_unstable<T extends object>(props: T, options?: FieldControlOptions): T & FieldControlProps;
+export type ToastDispatchOptions = {
+    id?: string;
+    toastId?: string;
+    title?: React.ReactNode;
+    priority?: number;
+    intent?: ToastIntent;
+    appearance?: "brand" | "inverted";
+    politeness?: ToastPoliteness;
+    timeout?: number;
+    dismissLabel?: string;
+    pauseOnHover?: boolean;
+    pauseOnWindowBlur?: boolean;
+    action?: React.ReactNode;
+    onAction?: (id: string) => void;
+};
+export type SharePointUIStrings = {
+    loading: string;
+    close: string;
+    dialogLabel?: string;
+    richTextEditorLabel?: string;
+    dismiss: string;
+    notifications?: string;
+    clear: string;
+    spinButtonIncrement?: string;
+    spinButtonDecrement?: string;
+    remove: string;
+    noResults: string;
+    selectedOptionsLabel?: string;
+    required: string;
+    invalidValue: string;
+    moreInformation: string;
+    people?: string;
+    showMorePeople?: string;
+    showFewerPeople?: string;
+    navigationMenu?: string;
+    navigationClose?: string;
+    navigationExpand?: string;
+    navigationCollapse?: string;
+    treeLabel?: string;
+    treeToggleLabel?: string;
+    treeEmptyMessage?: string;
+    splitButtonMenuLabel?: string;
+    navigationToggle?: string;
+    splitNavItemActionLabel?: string;
+    virtualizerLabel?: string;
+    dataGridLabel?: string;
+    dataGridFilterLabel?: string;
+    dataGridSelectRow?: string;
+    dataGridSelectAll?: string;
+    dataGridRowLabel?: string;
+    dataGridLoadingLabel?: string;
+    dataGridEmptyLabel?: string;
+    dataGridSortPriority?: string;
+    dataGridResizeLabel?: string;
+    dataGridReorderLabel?: string;
+    dataGridEmptyGroupLabel?: string;
+    dataGridExpandGroupLabel?: string;
+    dataGridCollapseGroupLabel?: string;
+    dataGridGroupCountLabel?: string;
+    dataGridEditHint?: string;
+    dataGridSelectionCopied?: string;
+    dataGridCopyFailed?: string;
+    dataGridPasteOne?: string;
+    dataGridPasteMany?: string;
+    dataGridPasteFailed?: string;
+    dataGridColumnReordered?: string;
+    tableResizeHandle?: string;
+    toolbarLabel?: string;
+    breadcrumbLabel?: string;
+    menuBarLabel?: string;
+    drawerExpand?: string;
+    drawerRestore?: string;
+    drawerLabel?: string;
+    drawerNavigation?: string;
+    tableResizeColumn?: string;
+    ratingValue: string;
+    colorChoose: string;
+    colorHex: string;
+    colorHue?: string;
+    colorArea?: string;
+    colorAreaValue?: string;
+    colorSaturation?: string;
+    colorValue?: string;
+    colorFormat?: string;
+    colorRgb?: string;
+    colorRed?: string;
+    colorGreen?: string;
+    colorBlue?: string;
+    colorOpacity: string;
+    colorSwatches: string;
+    colorAdd?: string;
+    colorSwatch: string;
+    colorInvalid: string;
+    richTextBold: string;
+    richTextItalic: string;
+    richTextUnderline: string;
+    richTextBulletList: string;
+    richTextNumberList: string;
+    richTextLink: string;
+    richTextToolbar: string;
+    richTextLinkPrompt: string;
+    richTextRequired?: string;
+    richTextChooseImage?: string;
+    richTextUndo?: string;
+    richTextRedo?: string;
+    richTextInsertTable?: string;
+    richTextInsertImage?: string;
+    richTextInsertRowAbove?: string;
+    richTextInsertRowBelow?: string;
+    richTextInsertColumnBefore?: string;
+    richTextInsertColumnAfter?: string;
+    richTextDeleteRow?: string;
+    richTextDeleteColumn?: string;
+    richTextDeleteTable?: string;
+    fileUploadBrowse?: string;
+    fileUploadDrop?: string;
+    fileUploadRemove?: string;
+    fileUploadSelected?: string;
+    fileUploadRequired?: string;
+    fileUploadTypeError?: string;
+    fileUploadSizeError?: string;
+    fileUploadLimitError?: string;
+    datePickerCalendar?: string;
+    datePickerPreviousMonth?: string;
+    datePickerNextMonth?: string;
+    datePickerInvalid?: string;
+    datePickerRequired?: string;
+    carouselDescription?: string;
+    carouselPrevious?: string;
+    carouselNext?: string;
+    carouselSlide?: string;
+    carouselRoleDescription?: string;
+    carouselSlides?: string;
+    carouselNavigation?: string;
+    carouselPlay?: string;
+    carouselPause?: string;
+    teachingPopoverLabel?: string;
+    teachingPopoverDismiss?: string;
+    teachingPopoverPrevious?: string;
+    teachingPopoverNext?: string;
+    teachingPopoverFinish?: string;
+    teachingPopoverSteps?: string;
+    teachingPopoverPageCount?: string;
+    teachingPopoverPageLabel?: string;
+    overflowDescription?: string;
+    overflowMenuLabel?: string;
+};
+export type AvatarGroupContextValue = {
+    size: number;
+    layout: "stack" | "spread" | "pie";
+    isOverflow?: boolean;
+};
+type BreadcrumbSize = "small" | "medium" | "large";
+export type MenuCheckedValues = Record<string, string[]>;
+export type MenuCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;
+export type MenuCheckedValueChangeData = {
+    name: string;
+    checkedItems: string[];
+};
+export type ToastControllerUpdateOptions = Omit<ToastDispatchOptions, "id" | "toastId"> & {
+    toastId: string;
+    content?: React.ReactNode;
+};
+type ToastControllerUpdate = {
+    (id: string, update: {
+        content?: React.ReactNode;
+        options?: ToastDispatchOptions;
+    }): void;
+    (options: ToastControllerUpdateOptions): void;
+};
+type ToastControllerValue = {
+    dispatchToast: (content: React.ReactNode, options?: ToastDispatchOptions) => string;
+    updateToast: ToastControllerUpdate;
+    dismissToast: (id: string) => void;
+    dismissAllToasts: () => void;
+    pauseToast: (id: string) => boolean;
+    playToast: (id: string) => boolean;
+    focusNewest: () => boolean;
+};
+export type CarouselContextValue = {
+    activeIndex: number;
+    appearance?: CarouselAppearance;
+    circular: boolean;
+    selectPageByElement: (event: React.FocusEvent, element: HTMLElement, jump?: boolean) => number;
+    selectPageByDirection: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, direction: "next" | "prev") => number;
+    selectPageByIndex: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, value: number, jump?: boolean) => void;
+    subscribeForValues: (listener: (data: {
+        activeIndex: number;
+        navItemsCount: number;
+        groupIndexList: number[][];
+        slideNodes: HTMLElement[];
+        canLoop?: boolean;
+    }) => void) => () => void;
+    enableAutoplay: (autoplay: boolean, temporary?: boolean) => void;
+    resetAutoplay: () => void;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    viewportRef?: React.RefObject<HTMLDivElement | null>;
+};
+export type CarouselAnnouncerFunction = (index: number, totalSlides: number, slideGroupList: number[][]) => string;
+type DividerWrapper = React.ReactElement | React.HTMLAttributes<HTMLDivElement>;
+type NativeMousePointerEventProps<T extends Element> = Pick<React.DOMAttributes<T>, "onAuxClick" | "onAuxClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture">;
+type NativeAdditionalEventProps<T extends Element> = Pick<React.DOMAttributes<T>, "onInvalid" | "onInvalidCapture" | "onChange" | "onChangeCapture" | "onScroll" | "onScrollCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">;
+type NativeRootEventProps<T extends Element> = Pick<React.DOMAttributes<T>, "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onKeyPress" | "onKeyPressCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture"> & NativeMousePointerEventProps<T> & NativeAdditionalEventProps<T>;
+export declare function SharePointUIProvider({ children, lang, dir, appearance, baseAppearance, density, theme, tokens, fluentTokens, strings }: React.PropsWithChildren<{
+    lang?: string;
+    dir?: "ltr" | "rtl" | "auto";
+    appearance?: SharePointUIAppearance;
+    baseAppearance?: SharePointUIBaseAppearance;
+    density?: SharePointUIDensity;
+    theme?: SharePointUIDesignTheme;
+    tokens?: Partial<SharePointUIStyleTokens>;
+    fluentTokens?: FluentThemeTokens;
+    strings?: Partial<SharePointUIStrings>;
+}>): React.ReactElement;
+export type TextProps = ElementProps & {
+    as?: TextTag;
+    size?: TextSize;
+    weight?: TextWeight;
+    font?: TextFont;
+    align?: "start" | "center" | "end" | "justify";
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    truncate?: boolean;
+    wrap?: boolean;
+    block?: boolean;
+    children?: React.ReactNode;
+};
+export declare const Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    as?: TextTag;
+    size?: TextSize;
+    weight?: TextWeight;
+    font?: TextFont;
+    align?: "start" | "center" | "end" | "justify";
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    truncate?: boolean;
+    wrap?: boolean;
+    block?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type TextPresetProps = Omit<Parameters<typeof Text>[0], "size" | "weight" | "font">;
+export declare function Body1(props: TextPresetProps): React.ReactElement;
+export declare function Body1Strong(props: TextPresetProps): React.ReactElement;
+export declare function Body1Stronger(props: TextPresetProps): React.ReactElement;
+export declare function Body2(props: TextPresetProps): React.ReactElement;
+export declare function Caption1(props: TextPresetProps): React.ReactElement;
+export declare function Caption1Strong(props: TextPresetProps): React.ReactElement;
+export declare function Caption1Stronger(props: TextPresetProps): React.ReactElement;
+export declare function Caption2(props: TextPresetProps): React.ReactElement;
+export declare function Caption2Strong(props: TextPresetProps): React.ReactElement;
+export declare function Display(props: TextPresetProps): React.ReactElement;
+export declare function LargeTitle(props: TextPresetProps): React.ReactElement;
+export declare function Subtitle1(props: TextPresetProps): React.ReactElement;
+export declare function Subtitle2(props: TextPresetProps): React.ReactElement;
+export declare function Subtitle2Stronger(props: TextPresetProps): React.ReactElement;
+export declare function Title1(props: TextPresetProps): React.ReactElement;
+export declare function Title2(props: TextPresetProps): React.ReactElement;
+export declare function Title3(props: TextPresetProps): React.ReactElement;
+export type LabelRequiredSlotProps = React.HTMLAttributes<HTMLSpanElement> & {
+    children?: React.ReactNode;
+};
+export type LabelRequired = boolean | React.ReactNode | LabelRequiredSlotProps;
+export declare function Label({ htmlFor, size, weight, required, disabled, children, style, ...props }: React.LabelHTMLAttributes<HTMLLabelElement> & {
+    size?: LabelSize;
+    weight?: LabelWeight;
+    required?: LabelRequired;
+    disabled?: boolean;
+}): React.ReactElement;
+export type InfoButtonPopoverProps = {
+    label?: string;
+    placement?: InfoPlacement;
+    arrow?: boolean;
+    trapFocus?: boolean;
+};
+export declare const InfoButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    info?: React.ReactNode;
+    children?: React.ReactNode;
+    label?: string;
+    placement?: InfoPlacement;
+    size?: "small" | "medium" | "large";
+    inline?: boolean;
+    popover?: InfoButtonPopoverProps;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type InfoLabelLabelSlot = React.ReactElement<any> | Omit<Parameters<typeof Label>[0], "children">;
+export type InfoLabelButtonSlot = React.ReactElement<any> | Omit<Parameters<typeof InfoButton>[0], "children" | "info">;
+export type InfoLabelProps = React.HTMLAttributes<HTMLSpanElement> & {
+    children?: React.ReactNode;
+    info: React.ReactNode;
+    htmlFor?: string;
+    size?: LabelSize;
+    weight?: LabelWeight;
+    required?: LabelRequired;
+    disabled?: boolean;
+    infoButtonLabel?: string;
+    placement?: InfoPlacement;
+    label?: InfoLabelLabelSlot;
+    infoButton?: InfoLabelButtonSlot | null;
+};
+export declare const InfoLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    children?: React.ReactNode;
+    info: React.ReactNode;
+    htmlFor?: string;
+    size?: LabelSize;
+    weight?: LabelWeight;
+    required?: LabelRequired;
+    disabled?: boolean;
+    infoButtonLabel?: string;
+    placement?: InfoPlacement;
+    label?: InfoLabelLabelSlot;
+    infoButton?: InfoLabelButtonSlot | null;
+} & React.RefAttributes<HTMLSpanElement>>;
+export type ButtonContextValue = {
+    size?: ButtonSize;
+};
+export declare const ButtonContextProvider: React.Provider<ButtonContextValue | undefined>;
+export declare function useButtonContext(): ButtonContextValue;
+type NativeClickHostProps<T extends Element> = Omit<ElementProps, keyof NativeRootEventProps<T> | "onClick" | "onClickCapture"> & NativeRootEventProps<T> & {
+    onClick?: React.MouseEventHandler<T>;
+    onClickCapture?: React.MouseEventHandler<T>;
+};
+type NativeButtonHostProps = NativeClickHostProps<HTMLButtonElement>;
+export type ButtonProps = NativeClickHostProps<HTMLButtonElement | HTMLAnchorElement> & {
+    as?: "button" | "a";
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string | boolean;
+    hrefLang?: string;
+    referrerPolicy?: string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    value?: string | number | readonly string[];
+    type?: "button" | "submit" | "reset";
+    variant?: "primary" | "default";
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    iconOnly?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    vertical?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+};
+export declare const Button: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLAnchorElement | HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLAnchorElement | HTMLButtonElement> & NativeAdditionalEventProps<HTMLAnchorElement | HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+} & {
+    as?: "button" | "a";
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string | boolean;
+    hrefLang?: string;
+    referrerPolicy?: string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    value?: string | number | readonly string[];
+    type?: "button" | "submit" | "reset";
+    variant?: "primary" | "default";
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    iconOnly?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    vertical?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+} & React.RefAttributes<HTMLElement>>;
+/** A themed menu trigger. Compose it as Menu's trigger; Menu owns open state, focus, and dismissal. */
+export declare const MenuButton: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLButtonElement> & NativeAdditionalEventProps<HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    menuIcon?: React.ReactNode;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    type?: "button" | "submit" | "reset";
+} & React.RefAttributes<HTMLElement>>;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    orientation?: "horizontal" | "vertical";
+    label?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CompoundButton: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLButtonElement> & NativeAdditionalEventProps<HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    secondaryContent?: React.ReactNode;
+    contentContainer?: React.ReactElement;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLButtonElement> & NativeAdditionalEventProps<HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    isAccessible?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    onCheckedChange?: (checked: boolean) => void;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+    name?: string;
+    value?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const SplitButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children: React.ReactNode;
+    menuItems: React.ReactNode;
+    menuLabel?: string;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+    menuIcon?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    primaryActionButton?: React.ReactElement | Partial<React.ComponentProps<typeof Button>>;
+    menuButton?: React.ReactElement | Partial<React.ComponentProps<typeof MenuButton>>;
+} & React.RefAttributes<HTMLElement>>;
+export type ToolbarCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;
+export type ToolbarCheckedValueChangeData = {
+    name: string;
+    checkedItems: string[];
+};
+export type ToolbarProps = NativeClickHostProps<HTMLDivElement> & {
+    children?: React.ReactNode;
+    label?: string;
+    orientation?: "horizontal" | "vertical";
+    vertical?: boolean;
+    loop?: boolean;
+    size?: "small" | "medium" | "large";
+    checkedValues?: ToolbarCheckedValues;
+    defaultCheckedValues?: ToolbarCheckedValues;
+    onCheckedValueChange?: (event: ToolbarCheckedValueChangeEvent, data: ToolbarCheckedValueChangeData) => void;
+};
+export declare const Toolbar: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+    orientation?: "horizontal" | "vertical";
+    vertical?: boolean;
+    loop?: boolean;
+    size?: "small" | "medium" | "large";
+    checkedValues?: ToolbarCheckedValues;
+    defaultCheckedValues?: ToolbarCheckedValues;
+    onCheckedValueChange?: (event: ToolbarCheckedValueChangeEvent, data: ToolbarCheckedValueChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToolbarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToolbarSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare function ToolbarButton({ children, icon, appearance, size, shape, vertical, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    appearance?: "primary" | "secondary" | "outline" | "subtle" | "transparent";
+    size?: "small" | "medium" | "large";
+    shape?: "rounded" | "circular" | "square";
+    vertical?: boolean;
+}): React.ReactElement;
+export declare function ToolbarToggleButton({ children, icon, name, value, appearance, size, shape, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    name: string;
+    value: string;
+    appearance?: "primary" | "secondary" | "outline" | "subtle" | "transparent";
+    size?: "small" | "medium" | "large";
+    shape?: "rounded" | "circular" | "square";
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+}): React.ReactElement;
+export declare const ToolbarRadioGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToolbarRadioButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    name: string;
+    value: string;
+    appearance?: "primary" | "subtle" | "transparent";
+    size?: "small" | "medium" | "large";
+    disabled?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToolbarDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    vertical?: boolean;
+    wrapper?: DividerWrapper;
+} & React.RefAttributes<HTMLElement>>;
+type OverflowItemBaseProps = ElementProps & {
+    id: string;
+    groupId?: string;
+    overflowLabel?: string;
+    overflowContent?: React.ReactNode;
+    children?: React.ReactNode;
+};
+export type OverflowItemProps = OverflowItemBaseProps & ({
+    pinned: true;
+    priority?: never;
+} | {
+    pinned?: false;
+    priority?: number;
+});
+export declare const OverflowItem: React.ForwardRefExoticComponent<OverflowItemProps & React.RefAttributes<HTMLElement>>;
+export declare const OverflowDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    groupId: string;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+/** The native Overflow engine already observes child-list changes; this renderless marker is only needed by other implementations. */
+export declare function OverflowReorderObserver(_props?: Record<string, never>): null;
+export type OverflowGroupState = OverflowState["groupVisibility"][string];
+export type OverflowItemEntry = {
+    element: HTMLElement;
+    id: string;
+    priority: number;
+    groupId?: string;
+    pinned?: boolean;
+};
+export type OverflowDividerEntry = {
+    element: HTMLElement;
+    groupId: string;
+};
+export type OverflowSnapshot = {
+    itemVisibility: Record<string, boolean>;
+    groupVisibility: Record<string, OverflowGroupState>;
+    invisibleItemCount: number;
+};
+export type OverflowContextValue = OverflowState & {
+    registerItem: (item: OverflowItemEntry) => () => void;
+    registerOverflowMenu: (element: HTMLElement) => () => void;
+    updateOverflow: (padding?: number) => void;
+    forceUpdateOverflow: () => void;
+    registerDivider: (divider: OverflowDividerEntry) => () => void;
+    containerRef?: React.RefObject<HTMLElement | null>;
+    getSnapshot: () => OverflowSnapshot;
+    subscribe: (listener: () => void) => () => void;
+};
+export declare function OverflowProvider({ value, children }: {
+    value: OverflowContextValue;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function useIsOverflowItemVisible(id: string): boolean;
+export declare function useIsOverflowGroupVisible(id: string): OverflowGroupState;
+export declare function useOverflowCount(): number;
+export declare function useOverflowVisibility(): Pick<OverflowState, "itemVisibility" | "groupVisibility">;
+/** Subscribe to a selected value from the latest overflow snapshot. */
+export declare function useOverflowSnapshot<TSelected>(selector: (snapshot: OverflowSnapshot) => TSelected): TSelected;
+export declare function useOverflowItem<TElement extends HTMLElement = HTMLElement>(id: string, priority?: number, groupId?: string, pinned?: boolean): React.RefObject<TElement | null>;
+export declare function useOverflowDivider<TElement extends HTMLElement = HTMLElement>(groupId?: string): React.RefObject<TElement | null>;
+export declare function useOverflowMenu<TElement extends HTMLElement = HTMLElement>(id?: string): {
+    ref: React.MutableRefObject<TElement | null>;
+    overflowCount: number;
+    isOverflowing: boolean;
+};
+export declare function Overflow({ children, label, minimumVisible, overflowDirection, overflowAxis, hasHiddenItems, overflowContent, padding, onOverflowChange, onOverflowItemSelect, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    label?: string;
+    minimumVisible?: number;
+    overflowDirection?: "start" | "end";
+    overflowAxis?: OverflowAxis;
+    hasHiddenItems?: boolean;
+    overflowContent?: React.ReactNode;
+    padding?: number;
+    onOverflowChange?: (event: null, data: OverflowState) => void;
+    onOverflowItemSelect?: (id: string) => void;
+}): React.ReactElement;
+export type CardOnSelectionChangeEvent = React.MouseEvent | React.KeyboardEvent | React.ChangeEvent;
+export type CardProps = NativeClickHostProps<HTMLDivElement> & {
+    appearance?: CardAppearance;
+    orientation?: CardOrientation;
+    size?: CardSize;
+    focusMode?: CardFocusMode;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    disabled?: boolean;
+    selectionLabel?: string;
+    checkbox?: React.ReactElement<HTMLInputElement>;
+    floatingAction?: React.ReactNode;
+    onSelectionChange?: (event: CardOnSelectionChangeEvent, data: {
+        selected: boolean;
+    }) => void;
+};
+export declare const Card: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    appearance?: CardAppearance;
+    orientation?: CardOrientation;
+    size?: CardSize;
+    focusMode?: CardFocusMode;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    disabled?: boolean;
+    selectionLabel?: string;
+    checkbox?: React.ReactElement<HTMLInputElement>;
+    floatingAction?: React.ReactNode;
+    onSelectionChange?: (event: CardOnSelectionChangeEvent, data: {
+        selected: boolean;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const SharePointCard: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    appearance?: CardAppearance;
+    orientation?: CardOrientation;
+    size?: CardSize;
+    focusMode?: CardFocusMode;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    disabled?: boolean;
+    selectionLabel?: string;
+    checkbox?: React.ReactElement<HTMLInputElement>;
+    floatingAction?: React.ReactNode;
+    onSelectionChange?: (event: CardOnSelectionChangeEvent, data: {
+        selected: boolean;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type { CardAppearance, CardFocusMode, CardOrientation, CardSize };
+export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    image?: React.ReactNode;
+    header?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    action?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CardPreview: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    logo?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ViewCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    kind: "document" | "person" | "task" | "approval" | "list-item";
+    title: string;
+    subtitle?: string;
+    description?: string;
+} & React.RefAttributes<HTMLElement>>;
+export type PresenceMotionSlotProps = {
+    visible: boolean;
+    appear?: boolean;
+    unmountOnExit?: boolean;
+    slot?: string;
+    children?: React.ReactNode;
+};
+export type DrawerSurfaceMotionSlotProps = PresenceMotionSlotProps & {
+    position: "start" | "end" | "top" | "bottom";
+    size: "small" | "medium" | "large" | "full";
+    dir: "ltr" | "rtl";
+};
+export type DrawerBackdropMotionSlotProps = PresenceMotionSlotProps & {
+    size: "small" | "medium" | "large" | "full";
+};
+export type PortalMountNode = HTMLElement | null | {
+    element?: HTMLElement | null;
+    className?: string;
+};
+export declare const Dialog: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    title?: string;
+    dialogLabel?: string;
+    modal?: boolean;
+    modalType?: "modal" | "non-modal" | "alert";
+    inertTrapFocus?: boolean;
+    dismissible?: boolean;
+    closeLabel?: string;
+    unmountOnClose?: boolean;
+    surfaceMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    actions?: React.ReactNode;
+    onOpenChange?: (event: DialogOpenChangeEvent, data: DialogOnOpenChangeData) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type DialogBackdropSlotProps = React.ReactElement | (React.HTMLAttributes<HTMLDivElement> & {
+    appearance?: "dimmed" | "transparent";
+});
+export type DialogSurfaceProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+    backdrop?: DialogBackdropSlotProps;
+    backdropMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    mountNode?: PortalMountNode;
+};
+export declare const DialogSurface: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+    backdrop?: DialogBackdropSlotProps;
+    backdropMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    mountNode?: PortalMountNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export type DialogTitleProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, "children"> & {
+    children?: React.ReactNode;
+    action?: React.ReactNode;
+};
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "children"> & {
+    children?: React.ReactNode;
+    action?: React.ReactNode;
+} & React.RefAttributes<HTMLHeadingElement>>;
+export type DialogContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+export declare const DialogContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+    as?: React.ElementType;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type DialogBodyProps = React.HTMLAttributes<HTMLDivElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+export declare const DialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+    as?: React.ElementType;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type DialogActionsProps = React.HTMLAttributes<HTMLDivElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+    children?: React.ReactNode;
+    fluid?: boolean;
+    position?: "start" | "end";
+};
+export declare const DialogActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+    children?: React.ReactNode;
+    fluid?: boolean;
+    position?: "start" | "end";
+} & React.RefAttributes<HTMLDivElement>>;
+export type DialogTriggerChildProps = React.HTMLAttributes<HTMLElement> & {
+    slot?: string;
+    "aria-haspopup"?: React.AriaAttributes["aria-haspopup"];
+};
+export type DialogTriggerProps = Omit<ElementProps, "children"> & {
+    children?: React.ReactElement | ((props: DialogTriggerChildProps) => React.ReactElement | null) | null;
+    action?: "open" | "close";
+    disableButtonEnhancement?: boolean;
+};
+export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<ElementProps, "children"> & {
+    children?: React.ReactElement | ((props: DialogTriggerChildProps) => React.ReactElement | null) | null;
+    action?: "open" | "close";
+    disableButtonEnhancement?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export type DrawerProps = ElementProps & {
+    type?: "overlay" | "inline";
+    open?: boolean;
+    defaultOpen?: boolean;
+    unmountOnClose?: boolean;
+    separator?: boolean;
+    title?: string;
+    modal?: boolean;
+    modalType?: "modal" | "non-modal" | "alert";
+    inertTrapFocus?: boolean;
+    dismissible?: boolean;
+    position?: "start" | "end" | "top" | "bottom";
+    size?: "small" | "medium" | "large" | "full";
+    expandable?: boolean;
+    expanded?: boolean;
+    surfaceMotion?: React.ComponentType<DrawerSurfaceMotionSlotProps>;
+    backdropMotion?: React.ComponentType<DrawerBackdropMotionSlotProps>;
+    closeLabel?: string;
+    expandLabel?: string;
+    restoreLabel?: string;
+    actions?: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    onExpandedChange?: (expanded: boolean) => void;
+    onDismiss?: () => void;
+    children?: React.ReactNode;
+};
+export declare const Drawer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    type?: "overlay" | "inline";
+    open?: boolean;
+    defaultOpen?: boolean;
+    unmountOnClose?: boolean;
+    separator?: boolean;
+    title?: string;
+    modal?: boolean;
+    modalType?: "modal" | "non-modal" | "alert";
+    inertTrapFocus?: boolean;
+    dismissible?: boolean;
+    position?: "start" | "end" | "top" | "bottom";
+    size?: "small" | "medium" | "large" | "full";
+    expandable?: boolean;
+    expanded?: boolean;
+    surfaceMotion?: React.ComponentType<DrawerSurfaceMotionSlotProps>;
+    backdropMotion?: React.ComponentType<DrawerBackdropMotionSlotProps>;
+    closeLabel?: string;
+    expandLabel?: string;
+    restoreLabel?: string;
+    actions?: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    onExpandedChange?: (expanded: boolean) => void;
+    onDismiss?: () => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare function DrawerHeader({ children }: {
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function DrawerHeaderNavigation({ children, label, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    label?: string;
+}): React.ReactElement;
+export type DrawerHeaderTitleHeadingSlot = React.ReactElement<any> | Omit<React.HTMLAttributes<HTMLElement>, "children">;
+export declare function DrawerHeaderTitle({ children, action, heading, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    action?: React.ReactNode;
+    heading?: DrawerHeaderTitleHeadingSlot;
+}): React.ReactElement;
+export declare function DrawerBody({ children, ...props }: ElementProps & {
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function DrawerFooter({ children, ...props }: ElementProps & {
+    children?: React.ReactNode;
+}): React.ReactElement;
+export type InlineDrawerProps = ElementProps & {
+    open?: boolean;
+    title?: string;
+    position?: "start" | "end" | "top" | "bottom";
+    size?: "small" | "medium" | "large" | "full";
+    separator?: boolean;
+    unmountOnClose?: boolean;
+    surfaceMotion?: React.ComponentType<DrawerSurfaceMotionSlotProps>;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+};
+export declare const InlineDrawer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    open?: boolean;
+    title?: string;
+    position?: "start" | "end" | "top" | "bottom";
+    size?: "small" | "medium" | "large" | "full";
+    separator?: boolean;
+    unmountOnClose?: boolean;
+    surfaceMotion?: React.ComponentType<DrawerSurfaceMotionSlotProps>;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type OverlayDrawerProps = Omit<Parameters<typeof Drawer>[0], "type" | "open" | "modal" | "modalType" | "inertTrapFocus" | "position" | "size" | "onOpenChange"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    modalType?: "modal" | "non-modal" | "alert";
+    inertTrapFocus?: boolean;
+    position?: "start" | "end" | "bottom";
+    size?: "small" | "medium" | "large" | "full";
+    onOpenChange?: (event: DialogOpenChangeEvent, data: DialogOnOpenChangeData) => void;
+};
+export declare function OverlayDrawer({ open, defaultOpen, modalType, inertTrapFocus, position, size, onOpenChange, ...props }: OverlayDrawerProps): React.ReactElement;
+export declare const ProgressBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value?: number;
+    max?: number;
+    label?: string;
+    color?: ProgressBarColor;
+    shape?: ProgressBarShape;
+    thickness?: ProgressBarThickness;
+    bar?: React.ReactNode;
+    indeterminateMotion?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type SelectChangeEvent = React.ChangeEvent<HTMLSelectElement>;
+export type { SelectAppearance, SelectSize, SelectChangeData } from "./elements/select.js";
+export type SelectProps = Omit<NativeClickHostProps<HTMLSelectElement>, "onChange"> & {
+    label?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    autoComplete?: string;
+    required?: boolean;
+    disabled?: boolean;
+    name?: string;
+    form?: string;
+    multiple?: boolean;
+    size?: "small" | "medium" | "large";
+    appearance?: "outline" | "underline" | "filled-darker" | "filled-lighter";
+    icon?: React.ReactNode;
+    select?: React.ReactElement<React.SelectHTMLAttributes<HTMLSelectElement>> | React.SelectHTMLAttributes<HTMLSelectElement>;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: SelectChangeEvent, data: {
+        value: string;
+    }) => void;
+    children?: React.ReactNode;
+};
+export declare const Select: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLSelectElement>, "onChange"> & {
+    label?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    autoComplete?: string;
+    required?: boolean;
+    disabled?: boolean;
+    name?: string;
+    form?: string;
+    multiple?: boolean;
+    size?: "small" | "medium" | "large";
+    appearance?: "outline" | "underline" | "filled-darker" | "filled-lighter";
+    icon?: React.ReactNode;
+    select?: React.ReactElement<React.SelectHTMLAttributes<HTMLSelectElement>> | React.SelectHTMLAttributes<HTMLSelectElement>;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: SelectChangeEvent, data: {
+        value: string;
+    }) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type RadioGroupProps = Omit<NativeClickHostProps<HTMLDivElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+    layout?: "vertical" | "horizontal" | "horizontal-stacked";
+    orientation?: "vertical" | "horizontal";
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.FormEvent<HTMLDivElement>, data: {
+        value: string;
+    }) => void;
+};
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLDivElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+    layout?: "vertical" | "horizontal" | "horizontal-stacked";
+    orientation?: "vertical" | "horizontal";
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.FormEvent<HTMLDivElement>, data: {
+        value: string;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type RadioInputSlot = React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+export type RadioIndicatorSlot = React.ReactElement<React.HTMLAttributes<HTMLSpanElement>> | React.HTMLAttributes<HTMLSpanElement>;
+export type RadioProps = Omit<ElementProps, "onChange"> & {
+    value?: string;
+    label?: React.ReactNode;
+    labelPosition?: "after" | "below";
+    disabled?: boolean;
+    input?: RadioInputSlot;
+    indicator?: RadioIndicatorSlot;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        value: string;
+    }) => void;
+    children?: React.ReactNode;
+};
+export declare const Radio: React.ForwardRefExoticComponent<Omit<ElementProps, "onChange"> & {
+    value?: string;
+    label?: React.ReactNode;
+    labelPosition?: "after" | "below";
+    disabled?: boolean;
+    input?: RadioInputSlot;
+    indicator?: RadioIndicatorSlot;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        value: string;
+    }) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type SpinButtonChangeEvent = React.MouseEvent<HTMLButtonElement> | React.ChangeEvent<HTMLElement> | React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>;
+export type SpinButtonOnChangeData = {
+    value?: number | null;
+    displayValue?: string;
+};
+export type SpinButtonProps = Omit<NativeClickHostProps<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: number | null;
+    defaultValue?: number | null;
+    displayValue?: string;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    incrementButton?: React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>> | React.ButtonHTMLAttributes<HTMLButtonElement>;
+    decrementButton?: React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>> | React.ButtonHTMLAttributes<HTMLButtonElement>;
+    min?: number;
+    max?: number;
+    step?: number;
+    stepPage?: number;
+    precision?: number;
+    appearance?: "outline" | "underline" | "filled-darker" | "filled-lighter";
+    size?: "small" | "medium";
+    incrementLabel?: string;
+    decrementLabel?: string;
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onValueChange?: (value: number | undefined) => void;
+    onChange?: (event: SpinButtonChangeEvent, data: SpinButtonOnChangeData) => void;
+};
+export declare const SpinButton: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: number | null;
+    defaultValue?: number | null;
+    displayValue?: string;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    incrementButton?: React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>> | React.ButtonHTMLAttributes<HTMLButtonElement>;
+    decrementButton?: React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>> | React.ButtonHTMLAttributes<HTMLButtonElement>;
+    min?: number;
+    max?: number;
+    step?: number;
+    stepPage?: number;
+    precision?: number;
+    appearance?: "outline" | "underline" | "filled-darker" | "filled-lighter";
+    size?: "small" | "medium";
+    incrementLabel?: string;
+    decrementLabel?: string;
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onValueChange?: (value: number | undefined) => void;
+    onChange?: (event: SpinButtonChangeEvent, data: SpinButtonOnChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type SliderOnChangeData = {
+    value: number;
+};
+export type SliderProps = Omit<NativeClickHostProps<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: number;
+    defaultValue?: number;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    rail?: React.ReactNode;
+    thumb?: React.ReactNode;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: "small" | "medium";
+    vertical?: boolean;
+    name?: string;
+    form?: string;
+    disabled?: boolean;
+    valueText?: string;
+    onValueChange?: (value: number) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;
+};
+export declare const Slider: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: number;
+    defaultValue?: number;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    rail?: React.ReactNode;
+    thumb?: React.ReactNode;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: "small" | "medium";
+    vertical?: boolean;
+    name?: string;
+    form?: string;
+    disabled?: boolean;
+    valueText?: string;
+    onValueChange?: (value: number) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type DatePickerProps = NativeClickHostProps<HTMLDivElement> & {
+    label?: string;
+    value?: string;
+    defaultValue?: string;
+    min?: string;
+    max?: string;
+    name?: string;
+    form?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    calendarLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+    invalidDateMessage?: string;
+    requiredMessage?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare const DatePicker: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    label?: string;
+    value?: string;
+    defaultValue?: string;
+    min?: string;
+    max?: string;
+    name?: string;
+    form?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    calendarLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+    invalidDateMessage?: string;
+    requiredMessage?: string;
+    onValueChange?: (value: string) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type ComboboxPositioning = "above" | "below" | "above-start" | "above-end" | "below-start" | "below-end" | {
+    position?: "above" | "below";
+    align?: "start" | "center" | "end";
+};
+export type ComboboxSelectionEvent = React.ChangeEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>;
+export type ComboboxOpenChangeEvent = React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
+export type ComboboxActiveOptionChangeData = {
+    event: React.SyntheticEvent | Event;
+    type: undefined;
+    previousOption: ComboboxOptionValue | null | undefined;
+    nextOption: ComboboxOptionValue | null | undefined;
+} | {
+    event: CustomEvent<{
+        id: string;
+        previousId: string | null;
+    }>;
+    type: "change";
+    previousOption: ComboboxOptionValue | null | undefined;
+    nextOption: ComboboxOptionValue | null | undefined;
+};
+export type ComboBoxProps = NativeClickHostProps<HTMLInputElement> & {
+    label?: string;
+    selectedLabel?: string;
+    value?: string;
+    defaultValue?: string;
+    selectedValue?: string;
+    selectedOptions?: readonly string[];
+    defaultSelectedOptions?: readonly string[];
+    multiselect?: boolean;
+    name?: string;
+    form?: string;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    listbox?: React.ReactElement;
+    mountNode?: PortalMountNode;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    freeform?: boolean;
+    allowFreeform?: boolean;
+    noResults?: string;
+    clearable?: boolean;
+    clearIcon?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    defaultOpen?: boolean;
+    disableAutoFocus?: boolean;
+    inlinePopup?: boolean;
+    open?: boolean;
+    appearance?: "filled-darker" | "filled-lighter" | "outline" | "underline";
+    size?: "small" | "medium" | "large";
+    positioning?: ComboboxPositioning;
+    children?: React.ReactNode;
+    onValueChange?: (value: string) => void;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+    onSelectedOptionsChange?: (selectedOptions: string[]) => void;
+    onOpenChange?: (event: ComboboxOpenChangeEvent, data: {
+        open: boolean;
+    }) => void;
+    onActiveOptionChange?: (event: React.SyntheticEvent | Event, data: ComboboxActiveOptionChangeData) => void;
+};
+export declare const ComboBox: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLInputElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLInputElement> & NativeAdditionalEventProps<HTMLInputElement> & {
+    onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+} & {
+    label?: string;
+    selectedLabel?: string;
+    value?: string;
+    defaultValue?: string;
+    selectedValue?: string;
+    selectedOptions?: readonly string[];
+    defaultSelectedOptions?: readonly string[];
+    multiselect?: boolean;
+    name?: string;
+    form?: string;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    listbox?: React.ReactElement;
+    mountNode?: PortalMountNode;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    freeform?: boolean;
+    allowFreeform?: boolean;
+    noResults?: string;
+    clearable?: boolean;
+    clearIcon?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    defaultOpen?: boolean;
+    disableAutoFocus?: boolean;
+    inlinePopup?: boolean;
+    open?: boolean;
+    appearance?: "filled-darker" | "filled-lighter" | "outline" | "underline";
+    size?: "small" | "medium" | "large";
+    positioning?: ComboboxPositioning;
+    children?: React.ReactNode;
+    onValueChange?: (value: string) => void;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+    onSelectedOptionsChange?: (selectedOptions: string[]) => void;
+    onOpenChange?: (event: ComboboxOpenChangeEvent, data: {
+        open: boolean;
+    }) => void;
+    onActiveOptionChange?: (event: React.SyntheticEvent | Event, data: ComboboxActiveOptionChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ComboOption: React.ForwardRefExoticComponent<{
+    value: string;
+    label?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type ComboboxOptionSelectData = {
+    optionValue: string | undefined;
+    optionText: string | undefined;
+    selectedOptions: string[];
+};
+export type ComboboxOptionValue = {
+    disabled?: boolean;
+    id: string;
+    text: string;
+    value: string;
+};
+export type ComboboxContextValue = {
+    activeOption?: ComboboxOptionValue;
+    appearance: NonNullable<DropdownProps["appearance"]>;
+    focusVisible: boolean;
+    open: boolean;
+    registerOption: (option: ComboboxOptionValue, element: HTMLElement) => () => void;
+    selectedOptions: string[];
+    selectOption: (event: ComboboxSelectionEvent, option: ComboboxOptionValue) => void;
+    setActiveOption: React.Dispatch<React.SetStateAction<ComboboxOptionValue | undefined>>;
+    setOpen: (event: ComboboxOpenChangeEvent, open: boolean) => void;
+    size: NonNullable<DropdownProps["size"]>;
+};
+export type ComboboxProviderValue = Partial<Omit<ComboboxContextValue, "selectedOptions">> & {
+    value?: string;
+    selectedOptions?: readonly string[];
+    setValue?: (value: string | undefined) => void;
+    onValueChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+};
+/** Supply shared value and selection callbacks to composed options. */
+export declare function ComboboxProvider({ value, children }: {
+    value: ComboboxProviderValue;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export type DropdownProps = NativeClickHostProps<HTMLInputElement> & {
+    label?: string;
+    button?: React.ReactNode;
+    appearance?: "filled-darker" | "filled-lighter" | "outline" | "underline";
+    clearable?: boolean;
+    clearButton?: React.ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: string;
+    disableAutoFocus?: boolean;
+    defaultSelectedOptions?: string[];
+    inlinePopup?: boolean;
+    listbox?: React.ReactElement;
+    mountNode?: PortalMountNode;
+    multiselect?: boolean;
+    form?: string;
+    onOpenChange?: (event: ComboboxOpenChangeEvent, data: {
+        open: boolean;
+    }) => void;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+    onActiveOptionChange?: (event: React.SyntheticEvent | Event, data: ComboboxActiveOptionChangeData) => void;
+    expandIcon?: React.ReactNode;
+    open?: boolean;
+    placeholder?: string;
+    positioning?: ComboboxPositioning;
+    selectedOptions?: string[];
+    size?: "small" | "medium" | "large";
+    value?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+};
+/** Selection-only combobox that shares the theme, form, and keyboard engine with ComboBox. */
+export declare const Dropdown: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLInputElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLInputElement> & NativeAdditionalEventProps<HTMLInputElement> & {
+    onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+} & {
+    label?: string;
+    button?: React.ReactNode;
+    appearance?: "filled-darker" | "filled-lighter" | "outline" | "underline";
+    clearable?: boolean;
+    clearButton?: React.ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: string;
+    disableAutoFocus?: boolean;
+    defaultSelectedOptions?: string[];
+    inlinePopup?: boolean;
+    listbox?: React.ReactElement;
+    mountNode?: PortalMountNode;
+    multiselect?: boolean;
+    form?: string;
+    onOpenChange?: (event: ComboboxOpenChangeEvent, data: {
+        open: boolean;
+    }) => void;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+    onActiveOptionChange?: (event: React.SyntheticEvent | Event, data: ComboboxActiveOptionChangeData) => void;
+    expandIcon?: React.ReactNode;
+    open?: boolean;
+    placeholder?: string;
+    positioning?: ComboboxPositioning;
+    selectedOptions?: string[];
+    size?: "small" | "medium" | "large";
+    value?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type ListboxProps = ElementProps & {
+    children?: React.ReactNode;
+    selectedOptions?: string[];
+    defaultSelectedOptions?: string[];
+    multiselect?: boolean;
+    disableAutoFocus?: boolean;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+};
+/** Standalone keyboard-operable listbox for composing selectable Option elements. */
+export declare const Listbox: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    selectedOptions?: string[];
+    defaultSelectedOptions?: string[];
+    multiselect?: boolean;
+    disableAutoFocus?: boolean;
+    onOptionSelect?: (event: ComboboxSelectionEvent, data: ComboboxOptionSelectData) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export type OptionProps = ElementProps & {
+    value?: string;
+    text?: string;
+    disabled?: boolean;
+    checkIcon?: React.ReactNode;
+    children?: React.ReactNode;
+};
+/** Option for Dropdown/ComboBox or a standalone Listbox. */
+export declare const Option: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value?: string;
+    text?: string;
+    disabled?: boolean;
+    checkIcon?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type OptionGroupProps = ElementProps & {
+    label?: string;
+    children?: React.ReactNode;
+};
+/** Group related options under an accessible label. */
+export declare const OptionGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    label?: string;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type RichTextEditorProps = NativeClickHostProps<HTMLDivElement> & {
+    label?: string;
+    editorLabel?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    onValueChange?: (html: string) => void;
+    onImageUpload?: (file: File) => Promise<string>;
+};
+export declare const RichTextEditor: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    label?: string;
+    editorLabel?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    onValueChange?: (html: string) => void;
+    onImageUpload?: (file: File) => Promise<string>;
+} & React.RefAttributes<HTMLElement>>;
+export type BadgeProps = ElementProps & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    appearance?: BadgeAppearance;
+    color?: BadgeColor;
+    iconPosition?: "before" | "after";
+    shape?: BadgeShape;
+    size?: BadgeSize;
+};
+export declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    appearance?: BadgeAppearance;
+    color?: BadgeColor;
+    iconPosition?: "before" | "after";
+    shape?: BadgeShape;
+    size?: BadgeSize;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CounterBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    count?: number;
+    dot?: boolean;
+    overflowCount?: number;
+    showZero?: boolean;
+    appearance?: "filled" | "ghost";
+    color?: Extract<BadgeColor, "brand" | "danger" | "important" | "informative">;
+    shape?: "circular" | "rounded";
+    size?: BadgeSize;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+} & React.RefAttributes<HTMLElement>>;
+export declare const PresenceBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    status?: PresenceBadgeStatus;
+    outOfOffice?: boolean;
+    size?: BadgeSize;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type TagProps = ElementProps & {
+    children?: React.ReactNode;
+    appearance?: "filled" | "outline" | "brand";
+    size?: "extra-small" | "small" | "medium" | "large";
+    shape?: "rounded" | "circular";
+    color?: "neutral" | "success" | "warning" | "danger" | "informative";
+    value?: string;
+    label?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    onDismiss?: (value: string, label: string) => void;
+    media?: React.ReactNode;
+    icon?: React.ReactNode;
+    primaryText?: React.ReactNode;
+    secondaryText?: React.ReactNode;
+    dismissIcon?: React.ReactNode;
+};
+export declare const Tag: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    appearance?: "filled" | "outline" | "brand";
+    size?: "extra-small" | "small" | "medium" | "large";
+    shape?: "rounded" | "circular";
+    color?: "neutral" | "success" | "warning" | "danger" | "informative";
+    value?: string;
+    label?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    onDismiss?: (value: string, label: string) => void;
+    media?: React.ReactNode;
+    icon?: React.ReactNode;
+    primaryText?: React.ReactNode;
+    secondaryText?: React.ReactNode;
+    dismissIcon?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const InteractionTag: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    appearance?: "filled" | "outline" | "brand";
+    size?: "extra-small" | "small" | "medium";
+    shape?: "rounded" | "circular";
+    value?: string;
+    label?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    onTagSelect?: (event: Event, data: InteractionTagSelectData) => void;
+    onDismiss?: (event: TagDismissEvent, data: {
+        value: string;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const InteractionTagPrimary: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    media?: React.ReactNode;
+    icon?: React.ReactNode;
+    primaryText?: React.ReactNode;
+    secondaryText?: React.ReactNode;
+    hasSecondaryAction?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const InteractionTagSecondary: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+} & React.RefAttributes<HTMLElement>>;
+export type TagDismissEvent = React.MouseEvent | React.KeyboardEvent;
+export type TagGroupReactSelectData = Omit<TagGroupSelectData, "event" | "type"> & ({
+    event: SharePointUIEvent;
+    type: undefined;
+} | {
+    event: React.MouseEvent<HTMLButtonElement>;
+    type: "click";
+});
+export declare const TagGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    orientation?: "horizontal" | "vertical";
+    label?: string;
+    appearance?: TagAppearance;
+    size?: TagSize;
+    disabled?: boolean;
+    dismissible?: boolean;
+    selectedValues?: string[];
+    defaultSelectedValues?: string[];
+    onTagSelect?: (event: SharePointUIEvent, data: TagGroupReactSelectData) => void;
+    onDismiss?: (event: TagDismissEvent, data: {
+        value: string;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+type TagPickerReactOpenChangeData = {
+    open: boolean;
+    reason: string;
+} & ({
+    type: undefined;
+    event: SharePointUIEvent;
+} | {
+    type: "click";
+    event: React.MouseEvent<HTMLDivElement>;
+} | {
+    type: "keydown";
+    event: React.KeyboardEvent<HTMLDivElement>;
+} | {
+    type: Exclude<TagPickerOpenChangeType, "click" | "keydown" | "programmatic">;
+    event: SharePointUIEvent;
+} | {
+    type: "programmatic";
+    event: Event;
+});
+type TagPickerReactOptionSelectData = {
+    value: string;
+    selectedOptions: string[];
+} & ({
+    type: undefined;
+    event: SharePointUIEvent;
+} | {
+    type: "click";
+    event: React.MouseEvent<HTMLDivElement>;
+} | {
+    type: "keydown";
+    event: React.KeyboardEvent<HTMLDivElement>;
+});
+export type TagPickerProps = Omit<ElementProps, "onChange"> & {
+    children?: React.ReactNode;
+    label?: string;
+    selectedLabel?: string;
+    form?: string;
+    disabled?: boolean;
+    selectedOptions?: readonly string[];
+    defaultSelectedOptions?: readonly string[];
+    selectedValues?: readonly string[];
+    defaultSelectedValues?: readonly string[];
+    inputValue?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    positioning?: TooltipPositioning;
+    disableAutoFocus?: boolean;
+    inline?: boolean;
+    noPopover?: boolean;
+    onOpenChange?: (event: SharePointUIEvent, data: TagPickerReactOpenChangeData) => void;
+    onOptionSelect?: (event: SharePointUIEvent, data: TagPickerReactOptionSelectData) => void;
+    onInputValueChange?: (value: string) => void;
+    onChange?: (values: string[]) => void;
+};
+export declare const TagPicker: React.ForwardRefExoticComponent<Omit<ElementProps, "onChange"> & {
+    children?: React.ReactNode;
+    label?: string;
+    selectedLabel?: string;
+    form?: string;
+    disabled?: boolean;
+    selectedOptions?: readonly string[];
+    defaultSelectedOptions?: readonly string[];
+    selectedValues?: readonly string[];
+    defaultSelectedValues?: readonly string[];
+    inputValue?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    positioning?: TooltipPositioning;
+    disableAutoFocus?: boolean;
+    inline?: boolean;
+    noPopover?: boolean;
+    onOpenChange?: (event: SharePointUIEvent, data: TagPickerReactOpenChangeData) => void;
+    onOptionSelect?: (event: SharePointUIEvent, data: TagPickerReactOptionSelectData) => void;
+    onInputValueChange?: (value: string) => void;
+    onChange?: (values: string[]) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare function TagPickerControl({ children, secondaryAction, expandIcon }: ElementProps & {
+    children?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+}): React.ReactElement;
+export declare const TagPickerGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TagPickerInput: React.ForwardRefExoticComponent<Omit<ElementProps, "children"> & {
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    appearance?: "filled-darker" | "filled-lighter" | "outline" | "underline";
+    onValueChange?: (value: string) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare function TagPickerList({ children }: ElementProps & {
+    children?: React.ReactNode;
+    disableAutoFocus?: boolean;
+}): React.ReactElement;
+export declare function TagPickerButton({ children, appearance, size, disabled, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    appearance?: "filled-darker" | "filled-lighter" | "outline" | "underline";
+    size?: "small" | "medium" | "large";
+    disabled?: boolean;
+}): React.ReactElement;
+export declare const TagPickerOption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value: string;
+    text?: string;
+    label?: string;
+    group?: string;
+    media?: React.ReactNode;
+    secondaryContent?: React.ReactNode;
+    disabled?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TagPickerOptionGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label: string;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export type RatingOnChangeData = {
+    value: number;
+} & ({
+    event: SharePointUIEvent;
+    type: undefined;
+} | {
+    event: React.FormEvent<HTMLDivElement>;
+    type: "change";
+});
+export type RatingInputSlot = React.ReactElement<any> | Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "name" | "value" | "checked" | "disabled" | "required">;
+export type RatingProps = Omit<ElementProps, "onChange"> & {
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    step?: 0.5 | 1;
+    size?: "small" | "medium" | "large" | "extra-large";
+    color?: "brand" | "marigold" | "neutral";
+    label?: string;
+    itemLabel?: (rating: number) => string;
+    iconFilled?: React.ElementType;
+    iconOutline?: React.ElementType;
+    fullValueInput?: RatingInputSlot;
+    halfValueInput?: RatingInputSlot;
+    name?: string;
+    form?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    onChange?: (event: SharePointUIEvent, data: RatingOnChangeData) => void;
+};
+export declare const Rating: React.ForwardRefExoticComponent<Omit<ElementProps, "onChange"> & {
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    step?: 0.5 | 1;
+    size?: "small" | "medium" | "large" | "extra-large";
+    color?: "brand" | "marigold" | "neutral";
+    label?: string;
+    itemLabel?: (rating: number) => string;
+    iconFilled?: React.ElementType;
+    iconOutline?: React.ElementType;
+    fullValueInput?: RatingInputSlot;
+    halfValueInput?: RatingInputSlot;
+    name?: string;
+    form?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    onChange?: (event: SharePointUIEvent, data: RatingOnChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const RatingItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value?: number;
+    selectedIcon?: React.ReactNode;
+    unselectedIcon?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const RatingDisplay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value?: number;
+    max?: number;
+    count?: number;
+    compact?: boolean;
+    color?: "brand" | "marigold" | "neutral";
+    size?: "small" | "medium" | "large" | "extra-large";
+    icon?: React.ElementType;
+    label?: string;
+    valueText?: React.ReactNode;
+    countText?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type ListOnSelectionChangeData = {
+    event: SharePointUIEvent;
+    type: undefined;
+    selectedItems: ListItemValue[];
+} | {
+    event: React.SyntheticEvent;
+    type: "change";
+    selectedItems: ListItemValue[];
+};
+export declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    navigationMode?: ListNavigationMode;
+    selectionMode?: ListSelectionMode;
+    selectedItems?: ListItemValue[];
+    defaultSelectedItems?: ListItemValue[];
+    onSelectionChange?: (event: SharePointUIEvent, data: ListOnSelectionChangeData) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type ListItemReactActionEvent = CustomEvent<{
+    originalEvent: React.MouseEvent | React.KeyboardEvent;
+}>;
+export type ListItemReactActionData = {
+    event: SharePointUIEvent;
+    type: undefined;
+    value: ListItemValue;
+} | {
+    event: ListItemReactActionEvent;
+    type: "ListItemAction";
+    value: ListItemValue;
+};
+export declare const ListItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value?: ListItemValue;
+    disabledSelection?: boolean;
+    checkmark?: React.ReactNode;
+    onAction?: (event: SharePointUIEvent, data: ListItemReactActionData) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CarouselCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    autoSize?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CarouselNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+    appearance?: "brand";
+    slot?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CarouselNavButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    index: number;
+    label?: string;
+    selected?: boolean;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CarouselNavImageButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    index: number;
+    src: string;
+    alt: string;
+    label?: string;
+    image?: React.ReactElement;
+    selected?: boolean;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CarouselButton: React.ForwardRefExoticComponent<Omit<ElementProps, "slot"> & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    navType?: "prev" | "next";
+    label?: string;
+    slot?: string | null;
+} & React.RefAttributes<HTMLElement>>;
+export type CarouselAutoplayChangeData = {
+    checked: boolean;
+} & ({
+    event: SharePointUIEvent;
+    type: undefined;
+} | {
+    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>;
+    type: "click";
+});
+export type CarouselAutoplayButtonProps = Omit<ElementProps, "slot"> & {
+    icon?: React.ReactNode;
+    appearance?: ButtonAppearance;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    iconPosition?: "before" | "after";
+    isAccessible?: boolean;
+    shape?: ButtonShape;
+    size?: ButtonSize;
+    playLabel?: string;
+    pauseLabel?: string;
+    onCheckedChange?: (event: SharePointUIEvent, data: CarouselAutoplayChangeData) => void;
+    slot?: string | null;
+};
+export declare const CarouselAutoplayButton: React.ForwardRefExoticComponent<Omit<ElementProps, "slot"> & {
+    icon?: React.ReactNode;
+    appearance?: ButtonAppearance;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    iconPosition?: "before" | "after";
+    isAccessible?: boolean;
+    shape?: ButtonShape;
+    size?: ButtonSize;
+    playLabel?: string;
+    pauseLabel?: string;
+    onCheckedChange?: (event: SharePointUIEvent, data: CarouselAutoplayChangeData) => void;
+    slot?: string | null;
+} & React.RefAttributes<HTMLElement>>;
+export type CarouselNavButtonSlotProps = React.ReactElement | Omit<Parameters<typeof CarouselButton>[0], "navType" | "slot">;
+export type CarouselAutoplaySlotProps = React.ReactElement | Omit<Parameters<typeof CarouselAutoplayButton>[0], "slot"> | boolean;
+export type CarouselTooltipSlotProps = React.ReactElement | Omit<Parameters<typeof Tooltip>[0], "children" | "slot">;
+export type CarouselReactIndexChangeData = {
+    index: number;
+} & ({
+    event: SharePointUIEvent;
+    type: undefined;
+} | {
+    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>;
+    type: "click";
+} | {
+    event: React.FocusEvent<Element>;
+    type: "focus";
+} | {
+    event: PointerEvent | MouseEvent;
+    type: "drag";
+} | {
+    event: Event;
+    type: "autoplay" | "scroll" | "programmatic";
+} | {
+    event: React.KeyboardEvent<HTMLElement>;
+    type: "keydown";
+});
+export declare const CarouselNavContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    prev?: CarouselNavButtonSlotProps | null;
+    next?: CarouselNavButtonSlotProps | null;
+    autoplay?: CarouselAutoplaySlotProps | null;
+    prevTooltip?: CarouselTooltipSlotProps | null;
+    nextTooltip?: CarouselTooltipSlotProps | null;
+    autoplayTooltip?: CarouselTooltipSlotProps | null;
+    layout?: "inline" | "inline-wide" | "overlay" | "overlay-wide" | "overlay-expanded";
+} & React.RefAttributes<HTMLElement>>;
+export declare function CarouselProvider({ value, children }: {
+    value: CarouselContextValue | undefined;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function useCarouselContext(): CarouselContextValue | undefined;
+export declare const CarouselSlider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    cardFocus?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CarouselViewport: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+    roleDescription?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    slideLabel?: string;
+    slideGroupLabel?: string;
+    navigationLabel?: string;
+    playLabel?: string;
+    pauseLabel?: string;
+    slideWidth?: string;
+    align?: CarouselAlign;
+    appearance?: CarouselAppearance;
+    motion?: CarouselMotion;
+    motionDuration?: number;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    selectedIndex?: number;
+    activeIndex?: number;
+    defaultSelectedIndex?: number;
+    defaultActiveIndex?: number;
+    wrap?: boolean;
+    circular?: boolean;
+    groupSize?: number | "auto";
+    draggable?: boolean;
+    whitespace?: boolean;
+    announcement?: CarouselAnnouncerFunction;
+    onIndexChange?: (index: number) => void;
+    onActiveIndexChange?: (event: SharePointUIEvent, data: CarouselReactIndexChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumb: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+    focusMode?: "tab" | "arrow";
+    size?: "small" | "medium" | "large";
+    separator?: string;
+    list?: React.ReactElement;
+} & React.RefAttributes<HTMLElement>>;
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    current?: boolean;
+    size?: BreadcrumbSize;
+} & React.RefAttributes<HTMLElement>>;
+export declare const BreadcrumbButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: "button" | "submit" | "reset";
+    current?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    size?: BreadcrumbSize;
+} & React.RefAttributes<HTMLElement>>;
+export declare const BreadcrumbDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Nav: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onClickCapture" | "onSelect"> & {
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onClickCapture?: React.MouseEventHandler<HTMLElement>;
+    children?: React.ReactNode;
+    label?: string;
+    selectedValue?: string | null;
+    defaultSelectedValue?: string | null;
+    selectedCategoryValue?: string | null;
+    defaultSelectedCategoryValue?: string | null;
+    openCategories?: readonly string[];
+    defaultOpenCategories?: readonly string[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    collapsible?: boolean;
+    multiple?: boolean;
+    density?: "small" | "medium" | "large";
+    tabbable?: boolean | "true" | "false";
+    openLabel?: string;
+    closeLabel?: string;
+    onItemSelect?: (value: string, href: string | null, label: string) => void;
+    onCategoryToggle?: (value: string, open: boolean, openCategories: string[]) => void;
+    onNavItemSelect?: (event: SharePointUIEvent, data: NavReactItemSelectData) => void;
+    onNavCategoryItemToggle?: (event: SharePointUIEvent, data: NavReactCategoryToggleData) => void;
+    onOpenChange?: (open: boolean) => void;
+    onCollapsedChange?: (collapsed: boolean) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavItem: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLAnchorElement | HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLAnchorElement | HTMLButtonElement> & NativeAdditionalEventProps<HTMLAnchorElement | HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    value: string;
+    href?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    avatar?: React.ReactElement;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavCategory: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavCategoryItem: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLButtonElement> & NativeAdditionalEventProps<HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    avatar?: React.ReactElement;
+    expandIcon?: React.ReactNode;
+    expandIconMotion?: React.ComponentType<PresenceMotionSlotProps>;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavSubItemGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    collapseMotion?: React.ComponentType<PresenceMotionSlotProps>;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavSubItem: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLAnchorElement | HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLAnchorElement | HTMLButtonElement> & NativeAdditionalEventProps<HTMLAnchorElement | HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    value: string;
+    href?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    avatar?: React.ReactElement;
+} & React.RefAttributes<HTMLElement>>;
+export type NavDividerProps = ElementProps & {
+    wrapper?: DividerWrapper;
+    alignContent?: "start" | "center" | "end";
+    appearance?: DividerAppearance;
+    inset?: boolean;
+    vertical?: boolean;
+};
+export declare const NavDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    wrapper?: DividerWrapper;
+    alignContent?: "start" | "center" | "end";
+    appearance?: DividerAppearance;
+    inset?: boolean;
+    vertical?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavSectionHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const AppItem: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLAnchorElement | HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLAnchorElement | HTMLButtonElement> & NativeAdditionalEventProps<HTMLAnchorElement | HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    value: string;
+    href?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    avatar?: React.ReactElement;
+} & React.RefAttributes<HTMLElement>>;
+export declare const AppItemStatic: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type HamburgerProps = NativeButtonHostProps & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    open?: boolean;
+    label?: string;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    appearance?: ButtonAppearance;
+    iconPosition?: "before" | "after";
+    shape?: ButtonShape;
+    size?: ButtonSize;
+};
+export declare const Hamburger: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLButtonElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLButtonElement> & NativeAdditionalEventProps<HTMLButtonElement> & {
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    open?: boolean;
+    label?: string;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    appearance?: ButtonAppearance;
+    iconPosition?: "before" | "after";
+    shape?: ButtonShape;
+    size?: ButtonSize;
+} & React.RefAttributes<HTMLElement>>;
+export type NavDrawerProps = Omit<React.ComponentProps<typeof Nav>, "children" | "open" | "defaultOpen" | "onOpenChange"> & {
+    children?: React.ReactNode;
+    type?: "overlay" | "inline";
+    open?: boolean;
+    defaultOpen?: boolean;
+    modal?: boolean;
+    dismissible?: boolean;
+    position?: "start" | "end" | "top" | "bottom";
+    size?: "small" | "medium" | "large" | "full";
+    expandable?: boolean;
+    expanded?: boolean;
+    unmountOnClose?: boolean;
+    separator?: boolean;
+    closeLabel?: string;
+    onOpenChange?: (open: boolean) => void;
+    onDismiss?: () => void;
+    onExpandedChange?: (expanded: boolean) => void;
+    tabbable?: boolean;
+};
+export declare const NavDrawer: React.ForwardRefExoticComponent<Omit<NavDrawerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const NavDrawerHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavDrawerBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const NavDrawerFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const SplitNavItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    value: string;
+    href?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    actionLabel?: string;
+    onAction?: React.MouseEventHandler<HTMLButtonElement>;
+    navItem?: React.ReactElement;
+    actionButton?: React.ReactElement;
+    actionButtonTooltip?: React.ReactElement;
+    menuButton?: React.ReactElement;
+    menuButtonTooltip?: React.ReactElement;
+    toggleButton?: React.ReactElement;
+    toggleButtonTooltip?: React.ReactElement;
+} & React.RefAttributes<HTMLElement>>;
+export type TabValue = unknown;
+export declare const Tabs: <T = string>(props: ElementProps & {
+    children?: React.ReactNode;
+    selectedValue?: T;
+    defaultSelectedValue?: T;
+    disabled?: boolean;
+    onTabSelect?: (value: T) => void;
+} & React.RefAttributes<HTMLElement>) => React.ReactElement;
+export type TabSelectData = {
+    value: TabValue;
+};
+export type TabSelectEvent = React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
+export type TabRegisterData = {
+    value: TabValue;
+    ref: React.RefObject<HTMLElement | null>;
+};
+export type TabListProviderValue = {
+    onTabSelect?: (event: TabSelectEvent, data: TabSelectData) => void;
+    selectTabOnFocus?: boolean;
+    selectedValue?: TabValue;
+    reserveSelectedTabSpace?: boolean;
+    appearance: "transparent" | "subtle" | "subtle-circular" | "filled-circular";
+    disabled: boolean;
+    size: "small" | "medium" | "large";
+    vertical: boolean;
+    onRegister: (data: TabRegisterData) => void;
+    onUnregister: (data: TabRegisterData) => void;
+    onSelect: (event: TabSelectEvent, data: TabSelectData) => void;
+    getRegisteredTabs: () => {
+        selectedValue?: TabValue;
+        previousSelectedValue?: TabValue;
+        registeredTabs: Record<string, TabRegisterData>;
+    };
+};
+export declare function TabListProvider({ value, children }: {
+    value: TabListProviderValue;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export type TabListProps = ElementProps & {
+    children?: React.ReactNode;
+    selectedValue?: TabValue;
+    defaultSelectedValue?: TabValue;
+    selectTabOnFocus?: boolean;
+    reserveSelectedTabSpace?: boolean;
+    vertical?: boolean;
+    disabled?: boolean;
+    appearance?: "transparent" | "subtle" | "subtle-circular" | "filled-circular";
+    size?: "small" | "medium" | "large";
+    onTabSelect?: (event: TabSelectEvent, data: TabSelectData) => void;
+};
+export declare const TabList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    selectedValue?: TabValue;
+    defaultSelectedValue?: TabValue;
+    selectTabOnFocus?: boolean;
+    reserveSelectedTabSpace?: boolean;
+    vertical?: boolean;
+    disabled?: boolean;
+    appearance?: "transparent" | "subtle" | "subtle-circular" | "filled-circular";
+    size?: "small" | "medium" | "large";
+    onTabSelect?: (event: TabSelectEvent, data: TabSelectData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Tab: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value: TabValue;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    content?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TabPanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value: TabValue;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type TooltipVisibleChangeEvent = React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined;
+export type TooltipProps = ElementProps & {
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    mountNode?: PortalMountNode;
+    placement?: "top" | "bottom" | "start" | "end" | "left" | "right";
+    positioning?: TooltipPositioning;
+    align?: "start" | "center" | "end";
+    offset?: number;
+    appearance?: TooltipAppearance;
+    relationship?: TooltipRelationship;
+    disabled?: boolean;
+    open?: boolean;
+    visible?: boolean;
+    delay?: number;
+    showDelay?: number;
+    hideDelay?: number;
+    withArrow?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onVisibleChange?: (event: TooltipVisibleChangeEvent, data: TooltipVisibleChangeData) => void;
+};
+export declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    mountNode?: PortalMountNode;
+    placement?: "top" | "bottom" | "start" | "end" | "left" | "right";
+    positioning?: TooltipPositioning;
+    align?: "start" | "center" | "end";
+    offset?: number;
+    appearance?: TooltipAppearance;
+    relationship?: TooltipRelationship;
+    disabled?: boolean;
+    open?: boolean;
+    visible?: boolean;
+    delay?: number;
+    showDelay?: number;
+    hideDelay?: number;
+    withArrow?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onVisibleChange?: (event: TooltipVisibleChangeEvent, data: TooltipVisibleChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type PopoverContextValue = {
+    open: boolean;
+    toggleOpen: (event: Event) => void;
+    setOpen: (event: Event, open: boolean) => void;
+    triggerRef: React.MutableRefObject<HTMLElement | null>;
+    contentRef: React.MutableRefObject<HTMLElement | null>;
+    openOnHover: boolean;
+    openOnContext: boolean;
+    mountNode?: PortalMountNode;
+    withArrow: boolean;
+    arrowRef: React.MutableRefObject<HTMLDivElement | null>;
+    size: "small" | "medium" | "large";
+    appearance?: "brand" | "inverted";
+    trapFocus: boolean;
+    inertTrapFocus?: boolean;
+    inline: boolean;
+};
+export declare function PopoverProvider({ value, children }: {
+    value: PopoverContextValue;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export type PopoverOpenChangeEvent = MouseEvent | TouchEvent | FocusEvent | React.FocusEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>;
+export declare const Popover: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    trigger?: React.ReactElement;
+    label?: string;
+    placement?: "top" | "bottom" | "start" | "end";
+    positioning?: PopoverPositioning;
+    open?: boolean;
+    defaultOpen?: boolean;
+    openOnContext?: boolean;
+    openOnHover?: boolean;
+    mouseLeaveDelay?: number;
+    closeOnIframeFocus?: boolean;
+    onOpenChange?: (event: PopoverOpenChangeEvent, data: PopoverOpenChangeData) => void;
+    inline?: boolean;
+    trapFocus?: boolean;
+    inertTrapFocus?: boolean;
+    legacyTrapFocus?: boolean;
+    unstable_disableAutoFocus?: boolean;
+    arrow?: boolean;
+    withArrow?: boolean;
+    appearance?: "brand" | "inverted";
+    size?: "small" | "medium" | "large";
+    closeOnScroll?: boolean;
+    surfaceMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    mountNode?: PortalMountNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    disableButtonEnhancement?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const PopoverSurface: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+type TeachingPopoverCarouselEventData<TType extends string> = {
+    type: undefined;
+    event: Event | React.SyntheticEvent;
+} | (TType extends "click" ? {
+    type: TType;
+    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>;
+} : TType extends "keydown" ? {
+    type: TType;
+    event: React.KeyboardEvent<HTMLElement>;
+} : {
+    type: TType;
+    event: Event;
+});
+export type TeachingPopoverCarouselValueChangeData = TeachingPopoverCarouselEventData<TeachingPopoverCarouselValueChangeType> & {
+    value?: string;
+};
+export type TeachingPopoverCarouselFinishData = TeachingPopoverCarouselEventData<"click"> & {
+    value?: string;
+};
+export type TeachingPopoverCarouselChangeEvent = Event | React.SyntheticEvent;
+export type TeachingPopoverProps = React.ComponentProps<typeof Popover>;
+/** Guided, keyboard-contained help surface. Its parts use native React composition and add no runtime dependency. */
+export declare function TeachingPopover({ children, trigger, trapFocus, withArrow, ...props }: TeachingPopoverProps): React.ReactElement;
+export declare const TeachingPopoverTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    disableButtonEnhancement?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare function TeachingPopoverSurface({ children, ...props }: ElementProps & {
+    children?: React.ReactNode;
+}): React.ReactElement;
+export type TeachingPopoverButtonSlot = React.ReactNode | Parameters<typeof Button>[0];
+export declare function TeachingPopoverHeader({ children, icon, dismissButton, onDismiss, dismissLabel, style, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    dismissButton?: TeachingPopoverButtonSlot;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+}): React.ReactElement;
+export declare function TeachingPopoverTitle({ children, dismissButton, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    dismissButton?: TeachingPopoverButtonSlot;
+}): React.ReactElement;
+export declare function TeachingPopoverBody({ children, media, mediaLength, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    media?: React.ReactNode;
+    mediaLength?: "short" | "medium" | "tall";
+}): React.ReactElement;
+export declare const TeachingPopoverFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    primary: React.ReactNode | Parameters<typeof Button>[0];
+    secondary?: React.ReactNode | Parameters<typeof Button>[0];
+    footerLayout?: "horizontal" | "vertical";
+} & React.RefAttributes<HTMLElement>>;
+export declare function TeachingPopoverCarousel({ children, defaultValue, value, onValueChange, onAnnouncement, announcement, onFinish, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (event: TeachingPopoverCarouselChangeEvent, data: TeachingPopoverCarouselValueChangeData) => void;
+    onAnnouncement?: (message: string) => void;
+    announcement?: (newValue: string) => string;
+    onFinish?: (event: TeachingPopoverCarouselChangeEvent, data: TeachingPopoverCarouselFinishData) => void;
+}): React.ReactElement;
+export declare function TeachingPopoverCarouselCard({ value: _value, children, ...props }: ElementProps & {
+    value: string;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function TeachingPopoverCarouselFooter({ children, previous, next, layout, initialStepText, finalStepText, ...props }: ElementProps & {
+    children?: React.ReactNode;
+    previous?: React.ReactNode;
+    next?: React.ReactNode;
+    layout?: "centered" | "offset";
+    initialStepText?: string;
+    finalStepText?: string;
+}): React.ReactElement;
+export type TeachingPopoverCarouselFooterButtonProps = Omit<ButtonProps, "children"> & {
+    navType: "next" | "prev" | "previous" | "dismiss";
+    altText?: React.ReactNode;
+    children?: React.ReactNode;
+};
+export declare function TeachingPopoverCarouselFooterButton({ navType, altText, children, onClick, appearance, size, shape, icon, iconPosition, ...props }: TeachingPopoverCarouselFooterButtonProps): React.ReactElement;
+export declare function TeachingPopoverCarouselNav({ children, onKeyDown, ...props }: ElementProps & {
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function TeachingPopoverCarouselNavButton({ value, children, onClick, ...props }: ElementProps & {
+    value: string;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function TeachingPopoverCarouselPageCount({ children, ...props }: ElementProps & {
+    children?: React.ReactNode | ((currentPage: number, totalPages: number) => React.ReactNode);
+}): React.ReactElement;
+export type MenuPositioning = "top" | "bottom" | "start" | "end" | "above" | "below" | "before" | "after" | "above-start" | "above-end" | "below-start" | "below-end";
+export type MenuPositioningOptions = {
+    placement?: MenuPositioning;
+    align?: "start" | "end";
+    offset?: number;
+};
+export type MenuProps = Omit<ElementProps, "onSelect" | "contextMenu"> & {
+    children?: React.ReactNode;
+    trigger?: React.ReactElement;
+    label?: string;
+    placement?: MenuPositioning;
+    positioning?: MenuPositioning | MenuPositioningOptions;
+    open?: boolean;
+    defaultOpen?: boolean;
+    contextMenu?: boolean;
+    openOnContext?: boolean;
+    openOnHover?: boolean;
+    hoverDelay?: number;
+    closeOnScroll?: boolean;
+    inline?: boolean;
+    persistOnItemClick?: boolean;
+    checkedValues?: MenuCheckedValues;
+    defaultCheckedValues?: MenuCheckedValues;
+    hasCheckmarks?: boolean;
+    hasIcons?: boolean;
+    surfaceMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    mountNode?: PortalMountNode;
+    onCheckedValueChange?: (event: MenuCheckedValueChangeEvent, data: MenuCheckedValueChangeData) => void;
+    onOpenChange?: (event: MenuReactOpenChangeEvent, data: MenuReactOpenChangeData) => void;
+    onSelect?: (value: string, label: string, checked: boolean) => void;
+};
+export declare function Menu({ children, trigger, label, placement, positioning, open, defaultOpen, contextMenu, openOnContext, openOnHover, hoverDelay, closeOnScroll, inline, persistOnItemClick, checkedValues, defaultCheckedValues, hasCheckmarks, hasIcons, surfaceMotion, mountNode, onCheckedValueChange, onOpenChange, onSelect, ...props }: MenuProps): React.ReactElement;
+/** Open a command menu from a right-click, the Context Menu key, or Shift+F10. */
+export declare function ContextMenu(props: MenuProps): React.ReactElement;
+export declare const MenuBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MenuBarItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<Omit<ElementProps, "onSelect"> & {
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    checkmark?: React.ReactNode;
+    submenuIndicator?: React.ReactNode;
+    icon?: React.ReactNode;
+    secondaryContent?: React.ReactNode;
+    subText?: React.ReactNode;
+    switchIndicator?: React.ReactNode;
+    kind?: "default" | "checkbox" | "radio" | "switch";
+    value?: string;
+    name?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    persistOnClick?: boolean;
+    hasSubmenu?: boolean;
+    onSelect?: (value: string, label: string, checked: boolean) => void;
+    onCheckedChange?: (checked: boolean, event?: MenuCheckedValueChangeEvent) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type MenuItemSelectableProps = Omit<ElementProps, "onSelect"> & {
+    name: string;
+    value: string;
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    checkmark?: React.ReactNode;
+    submenuIndicator?: React.ReactNode;
+    icon?: React.ReactNode;
+    secondaryContent?: React.ReactNode;
+    subText?: React.ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    hasSubmenu?: boolean;
+    persistOnClick?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+export type MenuItemSwitchProps = MenuItemSelectableProps & {
+    switchIndicator?: React.ReactNode;
+};
+export declare function MenuItemCheckbox(props: MenuItemSelectableProps): React.ReactElement;
+export declare function MenuItemRadio(props: MenuItemSelectableProps): React.ReactElement;
+export declare function MenuItemSwitch(props: MenuItemSwitchProps): React.ReactElement;
+export type MenuItemLinkProps = ElementProps & {
+    href: string;
+    target?: string;
+    rel?: string;
+    download?: string | boolean;
+    disabled?: boolean;
+    icon?: SpanSlotProps;
+    checkmark?: SpanSlotProps;
+    content?: SpanSlotProps;
+    secondaryContent?: SpanSlotProps;
+    children?: React.ReactNode;
+};
+export declare const MenuItemLink: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    href: string;
+    target?: string;
+    rel?: string;
+    download?: string | boolean;
+    disabled?: boolean;
+    icon?: SpanSlotProps;
+    checkmark?: SpanSlotProps;
+    content?: SpanSlotProps;
+    secondaryContent?: SpanSlotProps;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare function MenuTrigger({ children, disableButtonEnhancement, ...props }: ElementProps & {
+    children: React.ReactElement;
+    disableButtonEnhancement?: boolean;
+}): React.ReactElement;
+export declare const MenuPopover: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type MenuListProps = ElementProps & {
+    children?: React.ReactNode;
+    checkedValues?: MenuCheckedValues;
+    defaultCheckedValues?: MenuCheckedValues;
+    hasCheckmarks?: boolean;
+    hasIcons?: boolean;
+    onCheckedValueChange?: MenuProps["onCheckedValueChange"];
+};
+export declare function MenuList({ children, checkedValues, defaultCheckedValues, hasCheckmarks, hasIcons, onCheckedValueChange, ...props }: MenuListProps): React.ReactElement;
+export declare const MenuSplitGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    orientation?: "horizontal" | "vertical";
+} & React.RefAttributes<HTMLElement>>;
+export declare const MenuDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MenuGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label: string;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MenuGroupHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type AvatarProps = ElementProps & {
+    name?: string;
+    image?: string;
+    initials?: string;
+    size?: number | string;
+    shape?: "circular" | "square";
+    color?: AvatarColor;
+    active?: "active" | "inactive" | "unset";
+    activeAppearance?: "ring" | "shadow" | "ring-shadow";
+    idForColor?: string;
+    decorative?: boolean;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    children?: React.ReactNode;
+};
+export declare const Avatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    name?: string;
+    image?: string;
+    initials?: string;
+    size?: number | string;
+    shape?: "circular" | "square";
+    color?: AvatarColor;
+    active?: "active" | "inactive" | "unset";
+    activeAppearance?: "ring" | "shadow" | "ring-shadow";
+    idForColor?: string;
+    decorative?: boolean;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare function AvatarGroupProvider({ value, children }: {
+    value: AvatarGroupContextValue;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare const AvatarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    label?: string;
+    maxVisible?: number;
+    layout?: "stack" | "spread" | "pie";
+    size?: number;
+    expanded?: boolean;
+    showMoreLabel?: string;
+    showLessLabel?: string;
+    onExpandedChange?: (expanded: boolean) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type AvatarGroupItemAvatarSlot = React.ReactElement | Parameters<typeof Avatar>[0];
+export type AvatarGroupItemProps = ElementProps & {
+    name: string;
+    avatar?: AvatarGroupItemAvatarSlot;
+    overflowLabel?: SpanSlotProps;
+    image?: string;
+    initials?: string;
+    size?: number;
+    shape?: "circular" | "square";
+    color?: AvatarColor;
+    active?: "active" | "inactive" | "unset";
+    activeAppearance?: "ring" | "shadow" | "ring-shadow";
+    idForColor?: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+};
+/** One identity in an AvatarGroup; inside AvatarGroupPopover it renders as a named list row. */
+export declare const AvatarGroupItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    name: string;
+    avatar?: AvatarGroupItemAvatarSlot;
+    overflowLabel?: SpanSlotProps;
+    image?: string;
+    initials?: string;
+    size?: number;
+    shape?: "circular" | "square";
+    color?: AvatarColor;
+    active?: "active" | "inactive" | "unset";
+    activeAppearance?: "ring" | "shadow" | "ring-shadow";
+    idForColor?: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type AvatarGroupPopoverProps = ElementProps & {
+    children: React.ReactNode;
+    count?: number;
+    indicator?: "count" | "icon";
+    label?: string;
+    triggerLabel?: string;
+    open?: boolean;
+    placement?: "top" | "bottom" | "start" | "end";
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactElement<React.HTMLAttributes<HTMLUListElement>> | React.HTMLAttributes<HTMLUListElement>;
+    popoverSurface?: React.ReactElement<any> | Parameters<typeof PopoverSurface>[0];
+    tooltip?: React.ReactElement<any> | Parameters<typeof Tooltip>[0];
+    triggerButton?: React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>> | React.ButtonHTMLAttributes<HTMLButtonElement>;
+};
+/** A labelled overflow trigger with a theme-aware people list in the library Popover. */
+export declare function AvatarGroupPopover({ children, count, indicator, label, triggerLabel, open, placement, onOpenChange, content, popoverSurface, tooltip, triggerButton, ...props }: AvatarGroupPopoverProps): React.ReactElement;
+export declare const Persona: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    name: string;
+    image?: string;
+    initials?: string;
+    primaryText?: React.ReactNode;
+    secondaryText?: React.ReactNode;
+    tertiaryText?: React.ReactNode;
+    quaternaryText?: React.ReactNode;
+    presence?: PersonaPresence;
+    presenceLabel?: string;
+    size?: PersonaSize;
+    color?: AvatarColor;
+    textPosition?: "after" | "before" | "below";
+    textAlignment?: "start" | "center";
+    presenceOnly?: boolean;
+    avatar?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type VirtualListScrollToHandle = {
+    scrollTo: (index: number, align?: "start" | "center" | "end", behavior?: ScrollBehavior) => void;
+};
+export type VirtualizerSlotProps = React.ReactElement<any> | React.HTMLAttributes<HTMLDivElement>;
+export type VirtualizerBookendSlots = {
+    before?: VirtualizerSlotProps;
+    after?: VirtualizerSlotProps;
+    beforeContainer?: VirtualizerSlotProps;
+    afterContainer?: VirtualizerSlotProps;
+};
+type VirtualizerScrollViewContainer = VirtualizerSlotProps;
+export type VirtualListProps<T> = ElementProps & VirtualizerBookendSlots & {
+    items?: T[];
+    itemCount?: number;
+    dataSource?: VirtualListDataSource<T>;
+    onDataLoadError?: (error: unknown, range: {
+        start: number;
+        end: number;
+    }) => void;
+    renderItem: (item: T | undefined, index: number) => React.ReactNode;
+    itemKey?: (item: T | undefined, index: number) => string | number;
+    onRenderedRange?: (range: {
+        start: number;
+        end: number;
+        total: number;
+    }) => void;
+    onScrollStateChange?: (scrolling: boolean) => void;
+    viewportRef?: React.Ref<HTMLDivElement>;
+    scrollToIndexRef?: React.RefObject<VirtualListScrollToHandle | null>;
+    virtualizerLength?: number;
+    label?: string;
+    rowHeight?: number;
+    measureItems?: boolean;
+    overscan?: number;
+    axis?: "vertical" | "horizontal";
+    scrollMode?: "element" | "window";
+};
+export declare function VirtualList<T>({ items, itemCount, dataSource, onDataLoadError, renderItem, itemKey, onRenderedRange, onScrollStateChange, viewportRef, scrollToIndexRef, virtualizerLength, label, rowHeight, measureItems, overscan, axis, ...props }: ElementProps & {
+    items?: T[];
+    itemCount?: number;
+    dataSource?: VirtualListDataSource<T>;
+    onDataLoadError?: (error: unknown, range: {
+        start: number;
+        end: number;
+    }) => void;
+    renderItem: (item: T | undefined, index: number) => React.ReactNode;
+    itemKey?: (item: T | undefined, index: number) => string | number;
+    onRenderedRange?: (range: {
+        start: number;
+        end: number;
+        total: number;
+    }) => void;
+    onScrollStateChange?: (scrolling: boolean) => void;
+    viewportRef?: React.Ref<HTMLDivElement>;
+    scrollToIndexRef?: React.RefObject<VirtualListScrollToHandle | null>;
+    virtualizerLength?: number;
+    label?: string;
+    rowHeight?: number;
+    measureItems?: boolean;
+    overscan?: number;
+    axis?: "vertical" | "horizontal";
+    scrollMode?: "element" | "window";
+}): React.ReactElement;
+export type VirtualizerChildRenderFunction = (index: number, isScrolling: boolean) => React.ReactNode;
+export type VirtualizerScrollToHandle = {
+    scrollTo: (index: number, behavior?: ScrollBehavior, callback?: (index: number) => void) => void;
+    virtualizerLength: React.RefObject<number>;
+    currentIndex: React.RefObject<number | undefined>;
+};
+export type VirtualizerDataRef = {
+    progressiveSizes: React.RefObject<number[]>;
+    nodeSizes: React.RefObject<number[]>;
+    setFlaggedIndex: (index: number | null) => void;
+    currentIndex: React.RefObject<number>;
+};
+export type ScrollToInterface = VirtualizerScrollToHandle;
+export type VirtualizerContextProps = {
+    contextIndex: number;
+    setContextIndex: (index: number) => void;
+    childProgressiveSizes?: React.MutableRefObject<number[]>;
+};
+export type DynamicVirtualizerContextProps = Required<VirtualizerContextProps>;
+export declare function useVirtualizerContext(): VirtualizerContextProps;
+export declare const useVirtualizerContext_unstable: typeof useVirtualizerContext;
+export declare const VirtualizerContextProvider: React.Provider<VirtualizerContextProps>;
+/** Fixed or measured one-dimensional virtualization over the bounded VirtualList renderer. */
+export declare function Virtualizer({ children, numItems, itemSize, virtualizerLength, bufferItems, bufferSize, containerSizeRef, getItemSize, gap, reversed, updateScrollPosition, virtualizerContext, axis, measureItems, enableScrollLoad, enablePagination, flaggedIndex, onRenderedFlaggedIndex, onRenderedRange: onRenderedRangeChange, imperativeVirtualizerRef, imperativeRef, scrollViewRef, label, scrollMode, before, after, beforeContainer, afterContainer, ...props }: Omit<ElementProps, "children"> & {
+    children: VirtualizerChildRenderFunction;
+    numItems: number;
+    itemSize: number;
+    virtualizerLength?: number;
+    bufferItems?: number;
+    bufferSize?: number;
+    containerSizeRef?: React.RefObject<number>;
+    getItemSize?: (index: number) => number;
+    gap?: number;
+    reversed?: boolean;
+    updateScrollPosition?: (position: number) => void;
+    virtualizerContext?: VirtualizerContextProps;
+    axis?: "vertical" | "horizontal";
+    scrollMode?: "element" | "window";
+    measureItems?: boolean;
+    enableScrollLoad?: boolean;
+    enablePagination?: boolean;
+    flaggedIndex?: React.MutableRefObject<number | null>;
+    onRenderedFlaggedIndex?: (index: number) => void;
+    onRenderedRange?: (range: {
+        start: number;
+        end: number;
+        total: number;
+    }) => void;
+    imperativeVirtualizerRef?: React.RefObject<VirtualizerDataRef | null>;
+    imperativeRef?: React.RefObject<VirtualizerScrollToHandle | null>;
+    scrollViewRef?: React.MutableRefObject<HTMLElement | null>;
+    label?: string;
+} & VirtualizerBookendSlots): React.ReactElement;
+type ScrollViewBaseProps = Omit<ElementProps, "children"> & {
+    children: VirtualizerChildRenderFunction;
+    itemSize: number;
+    numItems: number;
+    virtualizerLength?: number;
+    bufferItems?: number;
+    bufferSize?: number;
+    scrollViewRef?: React.MutableRefObject<HTMLElement | null>;
+    axis?: "vertical" | "horizontal";
+    reversed?: boolean;
+    enableScrollLoad?: boolean;
+    getItemSize?: (index: number) => number;
+    virtualizerContext?: VirtualizerContextProps;
+    onRenderedFlaggedIndex?: (index: number) => void;
+    flaggedIndex?: React.MutableRefObject<number | null>;
+    imperativeVirtualizerRef?: React.RefObject<VirtualizerDataRef | null>;
+    imperativeRef?: React.RefObject<VirtualizerScrollToHandle | null>;
+    containerSizeRef?: React.RefObject<number>;
+    updateScrollPosition?: (position: number) => void;
+    gap?: number;
+    enablePagination?: boolean;
+    container?: VirtualizerScrollViewContainer;
+    label?: string;
+} & VirtualizerBookendSlots;
+/** Responsive compatibility view for Fluent's legacy fixed-size VirtualizerScrollView API. */
+export declare function VirtualizerScrollView({ children, itemSize, numItems, virtualizerLength, bufferItems, bufferSize, scrollViewRef: providedScrollViewRef, axis, reversed, enableScrollLoad, onRenderedFlaggedIndex, flaggedIndex, imperativeVirtualizerRef, imperativeRef, containerSizeRef, updateScrollPosition, gap, enablePagination, container, label, ...props }: ScrollViewBaseProps): React.ReactElement;
+/** Responsive measured compatibility view for Fluent's legacy dynamic VirtualizerScrollView API. */
+export declare function VirtualizerScrollViewDynamic({ children, itemSize, numItems, virtualizerLength, bufferItems, bufferSize, scrollViewRef: providedScrollViewRef, axis, reversed, enableScrollLoad, getItemSize, virtualizerContext, onRenderedFlaggedIndex, flaggedIndex, imperativeVirtualizerRef, imperativeRef, containerSizeRef, updateScrollPosition, gap, enablePagination, container, label, ...props }: ScrollViewBaseProps): React.ReactElement;
+export type DataGridColumnResizeData = {
+    columnId: string;
+    width: number;
+};
+export type DataGridColumnResizeEvent = MouseEvent | KeyboardEvent | TouchEvent | undefined;
+export type DataGridSelectionChangeEvent = React.MouseEvent | React.KeyboardEvent;
+declare function VirtualDataGrid<T>({ items, dataSource, onDataLoadError, onDataSourceGroupToggle, columns, getRowId, label: labelProp, height, rowHeight, getRowHeight, overscan, virtualize, virtualizeColumns, focusMode, subtleSelection, selectionAppearance, selectionMode, selectedKeys, defaultSelectedKeys, selectionModel, defaultSelectionModel, onDataSourceSelectionChange, onSelectionChange, sort, defaultSort, onSortChange, multiSort, defaultMultiSort, onMultiSortChange, sortPriorityLabel: sortPriorityLabelProp, filterable, filterValue, defaultFilterValue, onFilterValueChange, filterLabel: filterLabelProp, renderCell, onCellEdit, onCellsEdit, validateCellEdit, rowLabel: rowLabelProp, editHint: editHintProp, emptyMessage: emptyMessageProp, loadingLabel: loadingLabelProp, selectLabel: selectLabelProp, selectAllLabel: selectAllLabelProp, resizableColumns, columnWidths, defaultColumnWidths, columnSizingOptions, resizableColumnsOptions, containerWidthOffset, onColumnResize, resizeLabel: resizeLabelProp, reorderableColumns, columnOrder, defaultColumnOrder, onColumnOrderChange, reorderLabel: reorderLabelProp, groupBy, collapsedGroupKeys, defaultCollapsedGroupKeys, onCollapsedGroupKeysChange, emptyGroupLabel: emptyGroupLabelProp, expandGroupLabel: expandGroupLabelProp, collapseGroupLabel: collapseGroupLabelProp, onRenderedRange, ...props }: ElementProps & {
+    items?: T[];
+    dataSource?: DataGridDataSource<T>;
+    onDataLoadError?: (error: unknown, range: {
+        start: number;
+        end: number;
+    }) => void;
+    onDataSourceGroupToggle?: (groupKey: string, expanded: boolean) => void;
+    columns: DataGridColumn<T>[];
+    getRowId: (item: T) => string | number;
+    label?: string;
+    height?: number | string;
+    rowHeight?: number;
+    getRowHeight?: (item: T, index: number) => number;
+    overscan?: number;
+    virtualize?: boolean;
+    virtualizeColumns?: boolean;
+    focusMode?: DataGridFocusMode;
+    subtleSelection?: boolean;
+    selectionAppearance?: DataGridSelectionAppearance;
+    selectionMode?: "none" | "single" | "multiple" | "multiselect";
+    selectedKeys?: readonly (string | number)[];
+    defaultSelectedKeys?: readonly (string | number)[];
+    selectionModel?: DataGridSelectionModel;
+    defaultSelectionModel?: DataGridSelectionModel;
+    onDataSourceSelectionChange?: (selection: DataGridSelectionModel, selectedItems: T[]) => void;
+    onSelectionChange?: (keys: string[], selectedItems: T[]) => void;
+    sort?: DataGridSort | null;
+    defaultSort?: DataGridSort;
+    onSortChange?: (sort: DataGridSort | undefined) => void;
+    multiSort?: readonly DataGridSort[];
+    defaultMultiSort?: readonly DataGridSort[];
+    onMultiSortChange?: (sorts: DataGridSort[]) => void;
+    sortPriorityLabel?: string;
+    filterable?: boolean;
+    filterValue?: string;
+    defaultFilterValue?: string;
+    onFilterValueChange?: (value: string) => void;
+    filterLabel?: string;
+    renderCell?: (item: T, column: DataGridColumn<T>, rowIndex: number) => React.ReactNode;
+    onCellEdit?: (edit: DataGridCellEdit<T>) => void | Promise<void>;
+    onCellsEdit?: (edits: readonly DataGridCellEdit<T>[]) => void | Promise<void>;
+    validateCellEdit?: (edit: DataGridCellEdit<T>) => string | undefined;
+    rowLabel?: string;
+    editHint?: string;
+    emptyMessage?: React.ReactNode;
+    loadingLabel?: string;
+    selectLabel?: string;
+    selectAllLabel?: string;
+    resizableColumns?: boolean;
+    columnWidths?: DataGridColumnWidths;
+    defaultColumnWidths?: DataGridColumnWidths;
+    columnSizingOptions?: DataGridColumnSizingOptions;
+    resizableColumnsOptions?: {
+        autoFitColumns?: boolean;
+    };
+    containerWidthOffset?: number;
+    onColumnResize?: (event: DataGridColumnResizeEvent, data: DataGridColumnResizeData) => void;
+    resizeLabel?: string;
+    reorderableColumns?: boolean;
+    columnOrder?: readonly string[];
+    defaultColumnOrder?: readonly string[];
+    onColumnOrderChange?: (columnIds: string[]) => void;
+    reorderLabel?: string;
+    groupBy?: string;
+    collapsedGroupKeys?: readonly string[];
+    defaultCollapsedGroupKeys?: readonly string[];
+    onCollapsedGroupKeysChange?: (groupKeys: string[]) => void;
+    emptyGroupLabel?: string;
+    expandGroupLabel?: string;
+    collapseGroupLabel?: string;
+    onRenderedRange?: (range: {
+        start: number;
+        end: number;
+        total: number;
+    }) => void;
+}): React.ReactElement;
+type VirtualDataGridProps<T> = Parameters<typeof VirtualDataGrid<T>>[0];
+export type DataGridCompositionSortState = {
+    sortColumn: TableColumnId | undefined;
+    sortDirection: TableSortDirection;
+};
+export type DataGridSelectionChangeData<T> = {
+    selectedItems: Set<T>;
+};
+export type DataGridCompositionContextValue<T> = {
+    items: readonly T[];
+    dataSource?: DataGridDataSource<T>;
+    totalRows: number;
+    firstRow: number;
+    lastRow: number;
+    rowHeight: number;
+    sourceBusy: boolean;
+    sourceError: string;
+    expandGroupLabel: string;
+    collapseGroupLabel: string;
+    groupCountLabel: string;
+    toggleGroup: (group: Extract<DataGridDataSourceRow<T>, {
+        kind: "group";
+    }>) => void;
+    columns: readonly TableColumnDefinition<T>[];
+    getRowId: (item: T) => string | number;
+    selectionMode: "none" | "single" | "multiselect";
+    selectionAppearance: "brand" | "neutral";
+    subtleSelection: boolean;
+    focusMode: DataGridFocusMode;
+    selectedItems: Set<T>;
+    selectionModel: DataGridSelectionModel;
+    setSelectionModel: (selection: DataGridSelectionModel, event: React.SyntheticEvent) => void;
+    isItemSelected: (item: T) => boolean;
+    isRowSelected: (rowId: string | number, item: T) => boolean;
+    setSelectedItems: (items: Set<T>, event: React.SyntheticEvent) => void;
+    sortState: DataGridCompositionSortState;
+    setSortState: (state: DataGridCompositionSortState, event: React.MouseEvent) => void;
+    activeCell: {
+        row: number;
+        column: number;
+    };
+    setActiveCell: (row: number, column: number) => void;
+    columnWidths: DataGridColumnWidths;
+    resizeColumn: (id: string, width: number, event: DataGridColumnResizeEvent) => void;
+    columnSizingOptions: DataGridColumnSizingOptions;
+    resizableColumns: boolean;
+    autoFitColumns: boolean;
+    resizeLabel: string;
+    orderedColumns?: readonly TableColumnDefinition<T>[];
+    reorderColumn?: (fromId: string, toId: string, after?: boolean) => void;
+    reorderableColumns?: boolean;
+    reorderLabel?: string;
+    draggedColumn?: React.MutableRefObject<string | undefined>;
+    editHint: string;
+    rowLabel: string;
+    editedCells: Record<string, DataGridEditValue>;
+    onCellEdit?: (edit: DataGridCellEdit<T>) => void | Promise<void>;
+    validateCellEdit?: (edit: DataGridCellEdit<T>) => string | undefined;
+    setEditedCell: (key: string, value: DataGridEditValue) => void;
+};
+export type DataGridContextValue<T> = Omit<DataGridCompositionContextValue<T>, "items" | "columns"> & {
+    /** Fluent table feature state uses mutable snapshots; these arrays are local projections. */
+    items: T[];
+    columns: TableColumnDefinition<T>[];
+    /** Fluent table feature state projected from the active DataGrid composition. */
+    getRows: TableFeaturesState<T>["getRows"];
+    selection: TableSelectionState;
+    sort: TableSortState<T>;
+    tableRef: React.RefObject<HTMLDivElement | null>;
+    columnSizing_unstable: TableColumnSizingState;
+    selectableRows: boolean;
+    compositeRowTabsterAttribute: TableCompositeNavigationAttribute;
+};
+export type DataGridCompositionRow<T> = {
+    item: T;
+    rowId: string | number;
+    index: number;
+};
+export type DataGridCompositionGroupRow<T> = {
+    group: Extract<DataGridDataSourceRow<T>, {
+        kind: "group";
+    }>;
+    index: number;
+};
+export type DataGridRowRenderHelpers<T> = {
+    item?: T;
+    rowId?: string | number;
+    renderCell: (column: TableColumnDefinition<T>) => React.ReactNode;
+    renderHeaderCell: (column: TableColumnDefinition<T>) => React.ReactNode;
+    columns: readonly TableColumnDefinition<T>[];
+    dataGridContextValue: DataGridContextValue<T>;
+};
+export type DataGridCompositionProps<T> = Omit<ElementProps, "children"> & {
+    items?: readonly T[];
+    dataSource?: DataGridDataSource<T>;
+    onDataLoadError?: (error: unknown, range: {
+        start: number;
+        end: number;
+    }) => void;
+    onDataSourceGroupToggle?: (groupKey: string, expanded: boolean) => void;
+    onRenderedRange?: (range: {
+        start: number;
+        end: number;
+        total: number;
+    }) => void;
+    rowHeight?: number;
+    overscan?: number;
+    virtualize?: boolean;
+    loadingLabel?: string;
+    expandGroupLabel?: string;
+    collapseGroupLabel?: string;
+    groupCountLabel?: string;
+    columns: readonly TableColumnDefinition<T>[];
+    getRowId: (item: T) => string | number;
+    selectionMode?: "none" | "single" | "multiselect";
+    selectionAppearance?: "brand" | "neutral";
+    subtleSelection?: boolean;
+    focusMode?: DataGridFocusMode;
+    selectedItems?: Set<T>;
+    defaultSelectedItems?: Set<T>;
+    selectionModel?: DataGridSelectionModel;
+    defaultSelectionModel?: DataGridSelectionModel;
+    onDataSourceSelectionChange?: (selection: DataGridSelectionModel, selectedItems: T[]) => void;
+    onSelectionChange?: (event: DataGridSelectionChangeEvent, data: DataGridSelectionChangeData<T>) => void;
+    sortState?: DataGridCompositionSortState;
+    defaultSortState?: DataGridCompositionSortState;
+    onSortChange?: (event: React.MouseEvent, state: DataGridCompositionSortState) => void;
+    label?: string;
+    resizableColumns?: boolean;
+    columnWidths?: DataGridColumnWidths;
+    defaultColumnWidths?: DataGridColumnWidths;
+    columnSizingOptions?: DataGridColumnSizingOptions;
+    resizableColumnsOptions?: {
+        autoFitColumns?: boolean;
+    };
+    containerWidthOffset?: number;
+    onColumnResize?: (event: DataGridColumnResizeEvent, data: DataGridColumnResizeData) => void;
+    resizeLabel?: string;
+    reorderableColumns?: boolean;
+    columnOrder?: readonly string[];
+    defaultColumnOrder?: readonly string[];
+    onColumnOrderChange?: (columnIds: string[]) => void;
+    reorderLabel?: string;
+    onCellEdit?: (edit: DataGridCellEdit<T>) => void | Promise<void>;
+    validateCellEdit?: (edit: DataGridCellEdit<T>) => string | undefined;
+    rowLabel?: string;
+    editHint?: string;
+    children?: React.ReactNode;
+};
+export type DataGridProps<T> = VirtualDataGridProps<T> | DataGridCompositionProps<T>;
+export declare function DataGridContextProvider<T>({ value, children }: {
+    value: DataGridContextValue<T> | undefined;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export declare function ColumnIdContextProvider({ value, children }: {
+    value: TableColumnId | undefined;
+    children?: React.ReactNode;
+}): React.ReactElement;
+/** Select from the nearest DataGrid context, using Fluent-compatible defaults outside a provider. */
+export declare function useDataGridContext_unstable<TValue>(selector: (context: DataGridContextValue<unknown>) => TValue): TValue;
+export declare function DataGrid<T>(props: DataGridCompositionProps<T>): React.ReactElement;
+export declare function DataGrid<T>(props: VirtualDataGridProps<T>): React.ReactElement;
+export type DataGridHeaderProps = Omit<ElementProps, "children"> & {
+    children?: React.ReactNode;
+};
+export declare function DataGridHeader({ children, ...props }: DataGridHeaderProps): React.ReactElement;
+export type DataGridBodyProps<T> = Omit<ElementProps, "children"> & {
+    children: (row: DataGridCompositionRow<T>) => React.ReactNode;
+    renderGroupRow?: (row: DataGridCompositionGroupRow<T>) => React.ReactNode;
+};
+export declare function DataGridBody<T>({ children, renderGroupRow, ...props }: DataGridBodyProps<T>): React.ReactElement;
+export type DataGridFluentCellRenderFunction<T> = (column: TableColumnDefinition<T>, dataGridContextValue: DataGridContextValue<T>) => React.ReactNode;
+type DataGridRowBaseProps<T> = Omit<ElementProps, "children"> & {
+    item?: T;
+    rowId?: string | number;
+    rowIndex?: number;
+    appearance?: "brand" | "neutral" | "none";
+    selectionCell?: React.ReactNode;
+};
+export type DataGridRowProps<T> = DataGridRowBaseProps<T> & {
+    children: React.ReactNode | ((helpers: DataGridRowRenderHelpers<T>) => React.ReactNode) | DataGridFluentCellRenderFunction<T>;
+};
+export declare function DataGridRow<T>(props: DataGridRowBaseProps<T> & {
+    children: (helpers: DataGridRowRenderHelpers<T>) => React.ReactNode;
+}): React.ReactElement;
+export declare function DataGridRow<T>(props: DataGridRowBaseProps<T> & {
+    children: DataGridFluentCellRenderFunction<T>;
+}): React.ReactElement;
+export declare function DataGridRow<T>(props: DataGridRowBaseProps<T> & {
+    children: React.ReactNode;
+}): React.ReactElement;
+export type DataGridCellProps = Omit<ElementProps, "children"> & {
+    children?: React.ReactNode;
+    columnId?: TableColumnId;
+    rowIndex?: number;
+    columnIndex?: number;
+    focusMode?: "group" | "none" | "cell";
+    editable?: boolean;
+    value?: unknown;
+    editType?: DataGridColumn["editType"];
+    editLabel?: string;
+};
+export declare function DataGridCell({ children, columnId, rowIndex, columnIndex, focusMode: requestedFocusMode, editable, value, editType, editLabel, ...props }: DataGridCellProps): React.ReactElement;
+export type DataGridHeaderCellProps = Omit<ElementProps, "children"> & {
+    children?: React.ReactNode;
+    columnId?: TableColumnId;
+    rowIndex?: number;
+    columnIndex?: number;
+    sortable?: boolean;
+    sortDirection?: "ascending" | "descending";
+    focusMode?: "group" | "none" | "cell";
+    aside?: SpanSlotProps;
+    sortIcon?: SpanSlotProps;
+    button?: React.ReactElement<any> | Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+};
+export declare function DataGridHeaderCell({ children, columnId, rowIndex, columnIndex, sortable, sortDirection: explicitSortDirection, focusMode, aside, sortIcon, button, ...props }: DataGridHeaderCellProps): React.ReactElement;
+export type SelectionIndicatorSlot = React.ReactElement | React.HTMLAttributes<HTMLElement>;
+export type DataGridSelectionCellProps = Omit<ElementProps, "children"> & {
+    item?: unknown;
+    rowIndex?: number;
+    columnIndex?: number;
+    label?: string;
+    type?: "checkbox" | "radio";
+    checked?: boolean | "mixed";
+    subtle?: boolean;
+    hidden?: boolean;
+    invisible?: boolean;
+    checkboxIndicator?: SelectionIndicatorSlot;
+    radioIndicator?: SelectionIndicatorSlot;
+};
+export declare function DataGridSelectionCell({ item, rowIndex, columnIndex, label, type, checked: checkedProp, subtle: subtleProp, hidden, invisible, checkboxIndicator, radioIndicator, ...props }: DataGridSelectionCellProps): React.ReactElement;
+export type TreeItemLayoutProps = ElementProps & {
+    children?: React.ReactNode;
+    main?: React.ReactNode;
+    iconBefore?: React.ReactNode;
+    iconAfter?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    aside?: React.ReactNode;
+    actions?: React.ReactNode;
+    selector?: React.ReactNode;
+};
+export declare function TreeItemLayout({ children, main, iconBefore, iconAfter, expandIcon, aside, actions, selector, className, ...props }: TreeItemLayoutProps): React.ReactElement;
+export type TreeItemPersonaLayoutProps = ElementProps & {
+    children?: React.ReactNode;
+    media?: React.ReactNode;
+    main?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    aside?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    selector?: React.ReactNode;
+};
+export declare function TreeItemPersonaLayout({ children, media, main, description, actions, aside, expandIcon, selector, className, ...props }: TreeItemPersonaLayoutProps): React.ReactElement;
+export type TreeInteractionEvent = React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+export type TreeCheckedChangeEvent = React.ChangeEvent<HTMLElement>;
+type TreeOpenChangeEventMap = {
+    ExpandIconClick: React.MouseEvent<HTMLElement>;
+    Click: React.MouseEvent<HTMLElement>;
+    ArrowLeft: React.KeyboardEvent<HTMLElement>;
+    ArrowRight: React.KeyboardEvent<HTMLElement>;
+    Enter: React.KeyboardEvent<HTMLElement>;
+};
+type TreeNavigationEventMap = {
+    Click: React.MouseEvent<HTMLElement>;
+    TypeAhead: React.KeyboardEvent<HTMLElement>;
+    ArrowRight: React.KeyboardEvent<HTMLElement>;
+    ArrowLeft: React.KeyboardEvent<HTMLElement>;
+    ArrowUp: React.KeyboardEvent<HTMLElement>;
+    ArrowDown: React.KeyboardEvent<HTMLElement>;
+    Home: React.KeyboardEvent<HTMLElement>;
+    End: React.KeyboardEvent<HTMLElement>;
+};
+export type TreeOpenChangeData = {
+    [Type in keyof TreeOpenChangeEventMap]: {
+        event: TreeOpenChangeEventMap[Type];
+        open: boolean;
+        openItems: Set<string>;
+        value: string;
+        target: HTMLElement;
+        type: Type;
+    };
+}[keyof TreeOpenChangeEventMap];
+export type TreeItemOpenChangeData = {
+    [Type in keyof TreeOpenChangeEventMap]: {
+        event: TreeOpenChangeEventMap[Type];
+        open: boolean;
+        value: string | number;
+        target: HTMLElement;
+        type: Type;
+    };
+}[keyof TreeOpenChangeEventMap];
+export type TreeNavigationData = {
+    [Type in keyof TreeNavigationEventMap]: {
+        event: TreeNavigationEventMap[Type];
+        target: HTMLElement;
+        value: string;
+        parentValue?: string;
+        type: Type;
+        isScrollPrevented: boolean;
+        preventScroll: () => void;
+    };
+}[keyof TreeNavigationEventMap];
+export type TreeItemProps = ElementProps & {
+    itemType: "leaf" | "branch";
+    value?: string | number;
+    open?: boolean;
+    parentValue?: string | number;
+    onOpenChange?: (event: TreeInteractionEvent, data: TreeItemOpenChangeData) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+};
+export declare function TreeItem(_props: TreeItemProps): null;
+export type FlatTreeItemProps = ElementProps & {
+    itemType: "leaf" | "branch";
+    value: string | number;
+    open?: boolean;
+    parentValue?: string | number;
+    onOpenChange?: TreeItemProps["onOpenChange"];
+    disabled?: boolean;
+    children?: React.ReactNode;
+    "aria-level": number;
+    "aria-setsize": number;
+    "aria-posinset": number;
+};
+export declare function FlatTreeItem(_props: FlatTreeItemProps): null;
+export type TreeProps<T = unknown> = ElementProps & {
+    items?: readonly TreeNode<T>[];
+    children?: React.ReactNode;
+    label?: string;
+    selectionMode?: "none" | "single" | "multiple" | "multiselect";
+    selectedKeys?: readonly (string | number)[];
+    defaultSelectedKeys?: readonly (string | number)[];
+    checkedItems?: Iterable<string | number | readonly [string | number, boolean | "mixed"]>;
+    defaultCheckedItems?: Iterable<string | number | readonly [string | number, boolean | "mixed"]>;
+    openItems?: Iterable<string | number>;
+    defaultOpenItems?: Iterable<string | number>;
+    expandedKeys?: readonly (string | number)[];
+    defaultExpandedKeys?: readonly (string | number)[];
+    onSelectionChange?: (keys: string[], selectedItems: TreeNode<T>[]) => void;
+    onCheckedChange?: (event: TreeCheckedChangeEvent, data: {
+        value: string;
+        checkedItems: Map<string, boolean | "mixed">;
+        target: HTMLElement;
+        event: TreeCheckedChangeEvent;
+        type: "Change";
+        selectionMode: "single" | "multiselect";
+        checked: boolean | "mixed";
+    }) => void;
+    onExpandedChange?: (keys: string[]) => void;
+    onOpenChange?: (event: TreeInteractionEvent, data: TreeOpenChangeData) => void;
+    onNavigation?: (event: TreeInteractionEvent, data: TreeNavigationData) => void;
+    navigationMode?: "tree" | "treegrid";
+    appearance?: "subtle" | "subtle-alpha" | "transparent";
+    size?: "small" | "medium";
+    renderItem?: (node: TreeNode<T>, level: number) => React.ReactNode;
+    collapseMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    toggleLabel?: string;
+    emptyMessage?: React.ReactNode;
+};
+export declare function Tree<T>({ items, children, label, selectionMode, selectedKeys, defaultSelectedKeys, checkedItems, defaultCheckedItems, openItems, defaultOpenItems, expandedKeys, defaultExpandedKeys, onSelectionChange, onCheckedChange, onExpandedChange, onOpenChange, onNavigation, navigationMode, appearance, size, renderItem, collapseMotion, toggleLabel, emptyMessage, ...props }: TreeProps<T>): React.ReactElement;
+export type FlatTreeProps = ElementProps & {
+    children?: React.ReactNode;
+    label?: string;
+    selectionMode?: "none" | "single" | "multiple" | "multiselect";
+    selectedKeys?: readonly (string | number)[];
+    defaultSelectedKeys?: readonly (string | number)[];
+    checkedItems?: Iterable<string | number | readonly [string | number, boolean | "mixed"]>;
+    defaultCheckedItems?: Iterable<string | number | readonly [string | number, boolean | "mixed"]>;
+    openItems?: Iterable<string | number>;
+    defaultOpenItems?: Iterable<string | number>;
+    expandedKeys?: readonly (string | number)[];
+    defaultExpandedKeys?: readonly (string | number)[];
+    onSelectionChange?: TreeProps["onSelectionChange"];
+    onCheckedChange?: TreeProps["onCheckedChange"];
+    onExpandedChange?: TreeProps["onExpandedChange"];
+    onOpenChange?: TreeProps["onOpenChange"];
+    onNavigation?: TreeProps["onNavigation"];
+    navigationMode?: "tree" | "treegrid";
+    appearance?: "subtle" | "subtle-alpha" | "transparent";
+    size?: "small" | "medium";
+    renderItem?: (node: TreeNode<React.ReactNode>, level: number) => React.ReactNode;
+    collapseMotion?: React.ComponentType<PresenceMotionSlotProps>;
+    toggleLabel?: string;
+    emptyMessage?: React.ReactNode;
+};
+export declare function FlatTree({ children, ...props }: FlatTreeProps): React.ReactElement;
+export type TextFieldProps = ElementProps & {
+    label?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    type?: string;
+};
+export declare const TextField: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    label?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    type?: string;
+} & React.RefAttributes<HTMLElement>>;
+export type FieldProps = ElementProps & {
+    children?: React.ReactNode | ((props: FieldControlProps) => React.ReactNode);
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    validationMessage?: React.ReactNode;
+    validationMessageIcon?: React.ReactNode;
+    validationState?: FieldValidationState;
+    required?: boolean;
+    disabled?: boolean;
+    orientation?: FieldOrientation;
+    size?: LabelSize;
+};
+/** Pair one form control with a theme-aware label, hint, and validation message. */
+export declare function Field({ children, label, hint, validationMessage, validationMessageIcon, validationState, required, disabled, orientation, size, className, style, ...props }: FieldProps): React.ReactElement;
+export type InputProps = Omit<NativeClickHostProps<HTMLInputElement>, "children" | "onChange" | "defaultValue" | "defaultChecked"> & {
+    children?: never;
+    type?: InputType;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    checked?: boolean;
+    defaultChecked?: boolean;
+    accept?: string;
+    alt?: string;
+    autoComplete?: string;
+    capture?: boolean | string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    height?: number | string;
+    list?: string;
+    max?: number | string;
+    maxLength?: number;
+    min?: number | string;
+    minLength?: number;
+    multiple?: boolean;
+    pattern?: string;
+    src?: string;
+    step?: number | string;
+    width?: number | string;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        value: string;
+    }) => void;
+    contentBefore?: React.ReactNode;
+    contentAfter?: React.ReactNode;
+    size?: InputSize;
+    appearance?: InputAppearance;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    name?: string;
+};
+/** Bare input primitive. Supply aria-label or aria-labelledby; use TextField when a shadow-safe visible label is needed. */
+export declare const Input: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLInputElement>, "defaultValue" | "defaultChecked" | "children" | "onChange"> & {
+    children?: never;
+    type?: InputType;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    checked?: boolean;
+    defaultChecked?: boolean;
+    accept?: string;
+    alt?: string;
+    autoComplete?: string;
+    capture?: boolean | string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    height?: number | string;
+    list?: string;
+    max?: number | string;
+    maxLength?: number;
+    min?: number | string;
+    minLength?: number;
+    multiple?: boolean;
+    pattern?: string;
+    src?: string;
+    step?: number | string;
+    width?: number | string;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        value: string;
+    }) => void;
+    contentBefore?: React.ReactNode;
+    contentAfter?: React.ReactNode;
+    size?: InputSize;
+    appearance?: InputAppearance;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    name?: string;
+} & React.RefAttributes<HTMLElement>>;
+export type FileUploadProps = NativeClickHostProps<HTMLDivElement> & {
+    label?: string;
+    name?: string;
+    form?: string;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    maxFiles?: number;
+    maxFileSize?: number;
+    browseLabel?: string;
+    dropLabel?: string;
+    removeLabel?: string;
+    selectedLabel?: string;
+    onFilesChange?: (files: File[]) => void;
+    onFilesError?: (errors: FileUploadError[]) => void;
+};
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    label?: string;
+    name?: string;
+    form?: string;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    maxFiles?: number;
+    maxFileSize?: number;
+    browseLabel?: string;
+    dropLabel?: string;
+    removeLabel?: string;
+    selectedLabel?: string;
+    onFilesChange?: (files: File[]) => void;
+    onFilesError?: (errors: FileUploadError[]) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "loading" | "decoding"> & {
+    fit?: ImageFit;
+    shape?: ImageShape;
+    block?: boolean;
+    bordered?: boolean;
+    shadow?: boolean;
+    loading?: "eager" | "lazy";
+    decoding?: "async" | "sync" | "auto";
+};
+/** Theme-aware image styling on a native img; keeps srcset, dimensions, and browser loading native. */
+export declare const Image: React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "loading" | "decoding"> & {
+    fit?: ImageFit;
+    shape?: ImageShape;
+    block?: boolean;
+    bordered?: boolean;
+    shadow?: boolean;
+    loading?: "eager" | "lazy";
+    decoding?: "async" | "sync" | "auto";
+} & React.RefAttributes<HTMLImageElement>>;
+export type SearchBoxChangeEvent = React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>;
+export type SearchBoxProps = Omit<InputProps, "appearance" | "children" | "defaultValue" | "input" | "onChange" | "size" | "type" | "value"> & {
+    children?: React.ReactNode;
+    label?: string;
+    type?: React.HTMLInputTypeAttribute;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onChange?: (event: SearchBoxChangeEvent, data: {
+        value: string;
+    }) => void;
+    size?: SearchSize;
+    appearance?: SearchAppearance;
+    clearLabel?: string;
+    contentBefore?: React.ReactNode;
+    contentAfter?: React.ReactNode;
+    dismiss?: React.ReactNode;
+};
+export declare const SearchBox: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "defaultValue" | "input" | "appearance" | "size" | "type" | "children" | "onChange"> & {
+    children?: React.ReactNode;
+    label?: string;
+    type?: React.HTMLInputTypeAttribute;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onChange?: (event: SearchBoxChangeEvent, data: {
+        value: string;
+    }) => void;
+    size?: SearchSize;
+    appearance?: SearchAppearance;
+    clearLabel?: string;
+    contentBefore?: React.ReactNode;
+    contentAfter?: React.ReactNode;
+    dismiss?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+type FluentEventData<TChangeEvent extends Event | React.SyntheticEvent> = {
+    color: ColorPickerHsvColor;
+    event: SharePointUIEvent;
+    type: undefined;
+} | {
+    color: ColorPickerHsvColor;
+    event: TChangeEvent;
+    type: "change";
+};
+export type ColorPickerOnColorChangeData = FluentEventData<React.ChangeEvent<HTMLInputElement>>;
+export type ColorPickerProps = Omit<NativeClickHostProps<HTMLDivElement>, "color"> & {
+    label?: string;
+    name?: string;
+    form?: string;
+    color?: ColorPickerHsvColor;
+    defaultColor?: ColorPickerHsvColor;
+    value?: string;
+    defaultValue?: string;
+    alpha?: number;
+    defaultAlpha?: number;
+    colors?: readonly string[];
+    format?: ColorPickerFormat;
+    onColorChange?: (event: SharePointUIEvent, data: ColorPickerOnColorChangeData) => void;
+    onValueChange?: (value: string, alpha: number) => void;
+    onFormatChange?: (format: ColorPickerFormat) => void;
+    size?: ColorPickerSize;
+    shape?: ColorPickerShape;
+    readOnly?: boolean;
+    required?: boolean;
+    children?: React.ReactNode;
+};
+export declare const ColorPicker: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLDivElement>, "color"> & {
+    label?: string;
+    name?: string;
+    form?: string;
+    color?: ColorPickerHsvColor;
+    defaultColor?: ColorPickerHsvColor;
+    value?: string;
+    defaultValue?: string;
+    alpha?: number;
+    defaultAlpha?: number;
+    colors?: readonly string[];
+    format?: ColorPickerFormat;
+    onColorChange?: (event: SharePointUIEvent, data: ColorPickerOnColorChangeData) => void;
+    onValueChange?: (value: string, alpha: number) => void;
+    onFormatChange?: (format: ColorPickerFormat) => void;
+    size?: ColorPickerSize;
+    shape?: ColorPickerShape;
+    readOnly?: boolean;
+    required?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type ColorAreaChangeData = {
+    color: ColorPickerHsvColor;
+    event: SharePointUIEvent;
+    type: undefined;
+} | {
+    color: ColorPickerHsvColor;
+    event: React.SyntheticEvent | PointerEvent;
+    type: "change";
+};
+export type ColorControlChangeData = FluentEventData<React.ChangeEvent<HTMLInputElement>>;
+export type ColorControlChangeHandler = (event: SharePointUIEvent, data: ColorControlChangeData) => void;
+export type ColorAreaProps = Omit<NativeClickHostProps<HTMLDivElement>, "color" | "onChange"> & {
+    color?: ColorPickerHsvColor;
+    defaultColor?: ColorPickerHsvColor;
+    inputX?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    inputY?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    thumb?: React.ReactNode;
+    shape?: ColorPickerShape;
+    onChange?: (event: SharePointUIEvent, data: ColorAreaChangeData) => void;
+    children?: React.ReactNode;
+};
+export type ColorSliderProps = Omit<NativeClickHostProps<HTMLDivElement>, "color" | "onChange"> & {
+    color?: ColorPickerHsvColor;
+    defaultColor?: ColorPickerHsvColor;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    rail?: React.ReactNode;
+    thumb?: React.ReactNode;
+    channel?: ColorSliderChannel;
+    vertical?: boolean;
+    shape?: ColorPickerShape;
+    onChange?: ColorControlChangeHandler;
+};
+export type AlphaSliderProps = Omit<ColorSliderProps, "channel"> & {
+    transparency?: boolean;
+};
+export declare const ColorArea: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLDivElement>, "color" | "onChange"> & {
+    color?: ColorPickerHsvColor;
+    defaultColor?: ColorPickerHsvColor;
+    inputX?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    inputY?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    thumb?: React.ReactNode;
+    shape?: ColorPickerShape;
+    onChange?: (event: SharePointUIEvent, data: ColorAreaChangeData) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ColorSlider: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLDivElement>, "color" | "onChange"> & {
+    color?: ColorPickerHsvColor;
+    defaultColor?: ColorPickerHsvColor;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    rail?: React.ReactNode;
+    thumb?: React.ReactNode;
+    channel?: ColorSliderChannel;
+    vertical?: boolean;
+    shape?: ColorPickerShape;
+    onChange?: ColorControlChangeHandler;
+} & React.RefAttributes<HTMLElement>>;
+export declare const AlphaSlider: React.ForwardRefExoticComponent<Omit<ColorSliderProps, "channel"> & {
+    transparency?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export type SwatchPickerSelection = {
+    selectedValue: string;
+    selectedColor: string;
+    selectedValues: string[];
+    selectedColors: string[];
+    selectionMode: "single" | "multiple";
+};
+export type SwatchPickerSelectionChangeEvent = SharePointUIEvent;
+export type SwatchPickerOnSelectionChangeData = (SwatchPickerSelection & {
+    event: SharePointUIEvent;
+    type: undefined;
+    selectedSwatch: string;
+}) | (SwatchPickerSelection & {
+    event: React.MouseEvent<HTMLButtonElement>;
+    type: "click";
+    selectedSwatch: string;
+});
+export type SwatchPickerProps = ElementProps & {
+    selectedValue?: string;
+    defaultSelectedValue?: string;
+    selectedValues?: string[];
+    defaultSelectedValues?: string[];
+    selectionMode?: "single" | "multiple";
+    layout?: "row" | "grid";
+    size?: "extra-small" | "small" | "medium" | "large";
+    shape?: "rounded" | "square" | "circular";
+    spacing?: "small" | "medium";
+    focusMode?: "arrow" | "tab";
+    columns?: number;
+    onSelectionChange?: (event: SwatchPickerSelectionChangeEvent, data: SwatchPickerOnSelectionChangeData) => void;
+    children?: React.ReactNode;
+};
+export declare const SwatchPicker: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    selectedValue?: string;
+    defaultSelectedValue?: string;
+    selectedValues?: string[];
+    defaultSelectedValues?: string[];
+    selectionMode?: "single" | "multiple";
+    layout?: "row" | "grid";
+    size?: "extra-small" | "small" | "medium" | "large";
+    shape?: "rounded" | "square" | "circular";
+    spacing?: "small" | "medium";
+    focusMode?: "arrow" | "tab";
+    columns?: number;
+    onSelectionChange?: (event: SwatchPickerSelectionChangeEvent, data: SwatchPickerOnSelectionChangeData) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ColorSwatch: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    color: string;
+    value: string;
+    disabled?: boolean;
+    borderColor?: string;
+    size?: SwatchPickerProps["size"];
+    shape?: SwatchPickerProps["shape"];
+    icon?: React.ReactNode;
+    disabledIcon?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ImageSwatch: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    src: string;
+    value: string;
+    disabled?: boolean;
+    size?: SwatchPickerProps["size"];
+    shape?: SwatchPickerProps["shape"];
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const EmptySwatch: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    onAdd?: () => void;
+    disabled?: boolean;
+    size?: SwatchPickerProps["size"];
+    shape?: SwatchPickerProps["shape"];
+} & React.RefAttributes<HTMLElement>>;
+export declare const SwatchPickerRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type TableSize = "small" | "medium" | "large";
+export type TableAppearance = "subtle" | "dividers" | "plain";
+export type TableSortDirection = "ascending" | "descending";
+export type TableColumnId = string | number;
+export type TableRowId = string | number;
+export type TableContextValue = {
+    size: "extra-small" | "small" | "medium" | "large";
+    noNativeElements: boolean;
+    sortable: boolean;
+};
+export declare const TableContextProvider: React.Provider<TableContextValue | undefined>;
+export declare function useTableContext(): TableContextValue;
+export declare const TableRowIdContextProvider: React.Provider<TableRowId | undefined>;
+export declare function useTableRowIdContext(): TableRowId;
+export declare function useColumnIdContext(): TableColumnId;
+export declare const TableHeaderContextProvider: React.Provider<string | undefined>;
+export declare function useIsInTableHeader(): boolean;
+export type TableColumnDefinition<TItem> = {
+    columnId: TableColumnId;
+    compare: (a: TItem, b: TItem) => number;
+    renderHeaderCell: (data?: unknown) => React.ReactNode;
+    renderCell: (item: TItem) => React.ReactNode;
+};
+export type CreateTableColumnOptions<TItem> = {
+    columnId: TableColumnId;
+    compare?: (a: TItem, b: TItem) => number;
+    renderHeaderCell?: (data?: unknown) => React.ReactNode;
+    renderCell?: (item: TItem) => React.ReactNode;
+};
+export declare function createTableColumn<TItem>(options: CreateTableColumnOptions<TItem>): TableColumnDefinition<TItem>;
+export type TableRowData<TItem> = {
+    item: TItem;
+    rowId: TableRowId;
+};
+export type TableSelectionState = {
+    selectionMode: "single" | "multiselect";
+    selectedRows: Set<TableRowId>;
+    allRowsSelected: boolean;
+    someRowsSelected: boolean;
+    isRowSelected: (rowId: TableRowId) => boolean;
+    toggleRow: (event: React.SyntheticEvent, rowId: TableRowId) => void;
+    selectRow: (event: React.SyntheticEvent, rowId: TableRowId) => void;
+    deselectRow: (event: React.SyntheticEvent, rowId: TableRowId) => void;
+    toggleAllRows: (event: React.SyntheticEvent) => void;
+    clearRows: (event: React.SyntheticEvent) => void;
+};
+export type TableSortState<TItem> = {
+    sortColumn: TableColumnId | undefined;
+    sortDirection: TableSortDirection;
+    getSortDirection: (columnId: TableColumnId) => TableSortDirection | undefined;
+    setColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId, direction: TableSortDirection) => void;
+    toggleColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId) => void;
+    sort: <TRow extends TableRowData<TItem>>(rows: TRow[]) => TRow[];
+};
+export type ColumnWidthState = {
+    columnId: TableColumnId;
+    width: number;
+    minWidth: number;
+    idealWidth: number;
+    padding: number;
+};
+export type TableColumnSizingOptions = Record<TableColumnId, Partial<Pick<ColumnWidthState, "minWidth" | "idealWidth" | "padding">> & {
+    defaultWidth?: number;
+    autoFitColumns?: boolean;
+}>;
+export type TableColumnSizingState = {
+    getOnMouseDown: (columnId: TableColumnId) => (event: React.MouseEvent | React.TouchEvent) => void;
+    setColumnWidth: (columnId: TableColumnId, width: number) => void;
+    getColumnWidths: () => ColumnWidthState[];
+    getTableProps: (props?: React.HTMLAttributes<HTMLDivElement>) => React.HTMLAttributes<HTMLDivElement>;
+    getTableHeaderCellProps: (columnId: TableColumnId) => {
+        style?: React.CSSProperties;
+        aside?: React.ReactNode;
+    };
+    getTableCellProps: (columnId: TableColumnId) => {
+        style?: React.CSSProperties;
+    };
+    enableKeyboardMode: (columnId: TableColumnId, onChange?: (columnId: TableColumnId, isKeyboardMode: boolean) => void) => (event: React.MouseEvent | React.TouchEvent) => void;
+};
+export type TableFeaturesState<TItem> = {
+    items: TItem[];
+    columns: TableColumnDefinition<TItem>[];
+    getRowId?: (item: TItem) => TableRowId;
+    getRows: <TRow extends TableRowData<TItem> = TableRowData<TItem>>(rowEnhancer?: (row: TableRowData<TItem>) => TRow) => TRow[];
+    selection: TableSelectionState;
+    sort: TableSortState<TItem>;
+    tableRef: React.RefObject<HTMLDivElement | null>;
+    columnSizing_unstable: TableColumnSizingState;
+};
+export type TableFeaturePlugin = <TItem>(state: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;
+export type UseTableFeaturesOptions<TItem> = {
+    items: TItem[];
+    columns: TableColumnDefinition<TItem>[];
+    getRowId?: (item: TItem) => TableRowId;
+};
+export type UseTableSelectionOptions = {
+    selectionMode: "single" | "multiselect";
+    defaultSelectedItems?: Iterable<TableRowId>;
+    selectedItems?: Iterable<TableRowId>;
+    onSelectionChange?: (event: React.SyntheticEvent, data: {
+        selectedItems: Set<TableRowId>;
+    }) => void;
+};
+export type UseTableSortOptions = {
+    sortState?: {
+        sortColumn: TableColumnId | undefined;
+        sortDirection: TableSortDirection;
+    };
+    defaultSortState?: {
+        sortColumn: TableColumnId | undefined;
+        sortDirection: TableSortDirection;
+    };
+    onSortChange?: (event: React.SyntheticEvent, state: {
+        sortColumn: TableColumnId | undefined;
+        sortDirection: TableSortDirection;
+    }) => void;
+};
+/** Build reusable table row state, then enhance it with selection/sort feature plugins. Keep plugin order stable across renders. */
+export declare function useTableFeatures<TItem>(options: UseTableFeaturesOptions<TItem>, plugins?: readonly TableFeaturePlugin[]): TableFeaturesState<TItem>;
+/** Create a Fluent-compatible selection plugin for useTableFeatures. */
+export declare function useTableSelection(options: UseTableSelectionOptions): TableFeaturePlugin;
+/** Create a Fluent-compatible sort plugin; sorting returns a shallow-sorted copy of rows. */
+export declare function useTableSort(options?: UseTableSortOptions): TableFeaturePlugin;
+export type UseTableColumnSizingParams = {
+    columnSizingOptions?: TableColumnSizingOptions;
+    onColumnResize?: (event: KeyboardEvent | TouchEvent | MouseEvent | undefined, data: {
+        columnId: TableColumnId;
+        width: number;
+    }) => void;
+    containerWidthOffset?: number;
+    autoFitColumns?: boolean;
+};
+/** Fluent-compatible composable sizing state for Table and custom table renderers. */
+export declare function useTableColumnSizing_unstable(params?: UseTableColumnSizingParams): TableFeaturePlugin;
+export type TableCompositeNavigationAttribute = {
+    "data-tabster": string;
+};
+export type TableCompositeNavigation = {
+    onTableKeyDown: React.KeyboardEventHandler<HTMLElement>;
+    tableTabsterAttribute: TableCompositeNavigationAttribute;
+    tableRowTabsterAttribute: TableCompositeNavigationAttribute;
+};
+/** Fluent-compatible table/grid navigation attributes and focus handoff events without a Tabster runtime dependency. */
+export declare function useTableCompositeNavigation(): TableCompositeNavigation;
+export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    size?: TableSize;
+    appearance?: TableAppearance;
+    noNativeElements?: boolean;
+    sortable?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    selected?: boolean;
+    appearance?: "brand" | "neutral" | "none";
+} & React.RefAttributes<HTMLElement>>;
+export type TableHeaderCellButtonSlot = React.ReactElement<any> | Omit<React.HTMLAttributes<HTMLElement>, "children">;
+export declare const TableHeaderCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    aside?: React.ReactNode;
+    sortIcon?: React.ReactNode;
+    button?: TableHeaderCellButtonSlot;
+    sortable?: boolean;
+    sortDirection?: TableSortDirection;
+    columnId?: string | number;
+    onSort?: (direction: TableSortDirection, columnId?: string) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type TableCellLayoutSlot = React.ReactNode | React.HTMLAttributes<HTMLSpanElement>;
+export type TableCellLayoutProps = ElementProps & {
+    children?: React.ReactNode;
+    main?: TableCellLayoutSlot;
+    media?: TableCellLayoutSlot;
+    description?: TableCellLayoutSlot;
+    appearance?: "primary";
+    truncate?: boolean;
+};
+export type SpanSlotProps = React.ReactNode | React.HTMLAttributes<HTMLSpanElement>;
+export declare const TableCellLayout: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    main?: TableCellLayoutSlot;
+    media?: TableCellLayoutSlot;
+    description?: TableCellLayoutSlot;
+    appearance?: "primary";
+    truncate?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableCellActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    visible?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableSelectionCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    type?: "checkbox" | "radio";
+    checked?: boolean | "mixed";
+    subtle?: boolean;
+    invisible?: boolean;
+    hidden?: boolean;
+    checkboxIndicator?: SelectionIndicatorSlot;
+    radioIndicator?: SelectionIndicatorSlot;
+    onSelectionChange?: (checked: boolean, type: "checkbox" | "radio") => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TableResizeHandle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    onResize?: (delta: number, value: number, event?: Event) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type TextAreaAppearance = "outline" | "filled-darker" | "filled-lighter" | "filled-darker-shadow" | "filled-lighter-shadow";
+export type TextAreaSize = "small" | "medium" | "large";
+export type TextAreaResize = "none" | "horizontal" | "vertical" | "both";
+export type TextAreaChangeData = {
+    value: string;
+};
+export type TextAreaProps = Omit<NativeClickHostProps<HTMLTextAreaElement>, "onChange" | "defaultValue"> & {
+    label?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    textarea?: React.ReactElement<React.TextareaHTMLAttributes<HTMLTextAreaElement>> | React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    rows?: number;
+    cols?: number;
+    autoComplete?: string;
+    dirName?: string;
+    form?: string;
+    maxLength?: number;
+    minLength?: number;
+    name?: string;
+    wrap?: "hard" | "soft" | "off";
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    appearance?: TextAreaAppearance;
+    size?: TextAreaSize;
+    resize?: TextAreaResize;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>, data: TextAreaChangeData) => void;
+};
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLTextAreaElement>, "defaultValue" | "onChange"> & {
+    label?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    textarea?: React.ReactElement<React.TextareaHTMLAttributes<HTMLTextAreaElement>> | React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    rows?: number;
+    cols?: number;
+    autoComplete?: string;
+    dirName?: string;
+    form?: string;
+    maxLength?: number;
+    minLength?: number;
+    name?: string;
+    wrap?: "hard" | "soft" | "off";
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    appearance?: TextAreaAppearance;
+    size?: TextAreaSize;
+    resize?: TextAreaResize;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>, data: TextAreaChangeData) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type CheckboxCheckedState = boolean | "mixed";
+export type CheckboxProps = Omit<NativeClickHostProps<HTMLInputElement>, "onChange" | "children"> & {
+    children?: never;
+    checked?: CheckboxCheckedState;
+    defaultChecked?: CheckboxCheckedState;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    value?: string;
+    label?: React.ReactNode;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    indicator?: React.ReactNode;
+    labelPosition?: "before" | "after";
+    shape?: "square" | "circular";
+    size?: "small" | "medium" | "large";
+    onCheckedChange?: (checked: boolean) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        checked: CheckboxCheckedState;
+    }) => void;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLInputElement>, "children" | "onChange"> & {
+    children?: never;
+    checked?: CheckboxCheckedState;
+    defaultChecked?: CheckboxCheckedState;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    value?: string;
+    label?: React.ReactNode;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    indicator?: React.ReactNode;
+    labelPosition?: "before" | "after";
+    shape?: "square" | "circular";
+    size?: "small" | "medium" | "large";
+    onCheckedChange?: (checked: boolean) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        checked: CheckboxCheckedState;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type SwitchProps = Omit<NativeClickHostProps<HTMLInputElement>, "onChange"> & {
+    label?: React.ReactNode;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    indicator?: React.ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    value?: string;
+    size?: "small" | "medium";
+    labelPosition?: "before" | "after" | "above";
+    onCheckedChange?: (checked: boolean) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        checked: boolean;
+    }) => void;
+};
+export declare const Switch: React.ForwardRefExoticComponent<Omit<NativeClickHostProps<HTMLInputElement>, "onChange"> & {
+    label?: React.ReactNode;
+    input?: React.ReactElement<React.InputHTMLAttributes<HTMLInputElement>> | React.InputHTMLAttributes<HTMLInputElement>;
+    indicator?: React.ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    required?: boolean;
+    name?: string;
+    form?: string;
+    value?: string;
+    size?: "small" | "medium";
+    labelPosition?: "before" | "after" | "above";
+    onCheckedChange?: (checked: boolean) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: {
+        checked: boolean;
+    }) => void;
+} & React.RefAttributes<HTMLElement>>;
+export type SpinnerContextValue = {
+    size?: SpinnerSize;
+};
+export declare const SpinnerContextProvider: React.Provider<SpinnerContextValue | undefined>;
+export declare function useSpinnerContext(): SpinnerContextValue;
+export declare const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    label?: React.ReactNode;
+    spinner?: React.ReactNode;
+    spinnerTail?: React.ReactNode;
+    size?: SpinnerSize;
+    appearance?: SpinnerAppearance;
+    labelPosition?: SpinnerLabelPosition;
+    delay?: number;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MessageBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    intent?: MessageBarIntent;
+    politeness?: MessageBarPoliteness;
+    shape?: MessageBarShape;
+    layout?: MessageBarLayout;
+    icon?: React.ReactNode;
+    bottomReflowSpacer?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MessageBarActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    containerAction?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MessageBarBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MessageBarTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const MessageBarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    animate?: MessageBarGroupAnimation;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    intent?: "info" | "success" | "warning" | "error";
+    appearance?: "primary" | "inverted";
+    assertive?: boolean;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    onDismiss?: () => void;
+    icon?: React.ReactNode;
+    avatar?: React.ReactNode;
+    action?: React.ReactNode;
+    actions?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type ToastProps = Omit<ElementProps, "title"> & Omit<ToastDispatchOptions, "appearance"> & {
+    appearance?: "brand" | "inverted";
+    children?: React.ReactNode;
+    onDismiss?: (id: string, reason: string) => void;
+};
+export declare const ToastTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    media?: React.ReactNode;
+    action?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToastBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    subtitle?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ToastFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare function ToastTrigger({ children, disableButtonEnhancement }: {
+    children: React.ReactElement;
+    disableButtonEnhancement?: boolean;
+}): React.ReactElement;
+export declare const Toast: React.ForwardRefExoticComponent<Omit<ElementProps, "title"> & Omit<ToastDispatchOptions, "appearance"> & {
+    appearance?: "brand" | "inverted";
+    children?: React.ReactNode;
+    onDismiss?: (id: string, reason: string) => void;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Toaster: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    position?: ToastPosition;
+    limit?: number;
+    inline?: boolean;
+    toasterId?: string;
+    mountNode?: PortalMountNode;
+    announce?: ToastAnnounce;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare function useToastController(toasterId?: string): ToastControllerValue;
+export type SkeletonContextValue = {
+    animation?: SkeletonAnimation;
+    appearance?: SkeletonAppearance;
+    size?: SkeletonItemSize;
+    shape?: SkeletonShape;
+};
+export declare const SkeletonContextProvider: React.Provider<SkeletonContextValue | undefined>;
+export declare function useSkeletonContext(): SkeletonContextValue;
+export declare const Skeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    shape?: SkeletonShape;
+    width?: string | number;
+    height?: string | number;
+    animated?: boolean;
+    animation?: SkeletonAnimation;
+    appearance?: SkeletonAppearance;
+    size?: SkeletonItemSize;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const SkeletonItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    animation?: SkeletonAnimation;
+    appearance?: SkeletonAppearance;
+    size?: SkeletonItemSize;
+    shape?: "rectangle" | "square" | "circle";
+} & React.RefAttributes<HTMLElement>>;
+export type LinkProps = NativeClickHostProps<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement> & {
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string | boolean;
+    hrefLang?: string;
+    hreflang?: string;
+    media?: string;
+    ping?: string;
+    type?: string;
+    referrerPolicy?: string;
+    title?: string;
+    appearance?: "default" | "subtle";
+    underline?: "always" | "hover" | "none";
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    inline?: boolean;
+    as?: "a" | "button" | "span";
+    children?: React.ReactNode;
+};
+export declare const Link: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement> & NativeAdditionalEventProps<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement> & {
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement> | undefined;
+} & {
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string | boolean;
+    hrefLang?: string;
+    hreflang?: string;
+    media?: string;
+    ping?: string;
+    type?: string;
+    referrerPolicy?: string;
+    title?: string;
+    appearance?: "default" | "subtle";
+    underline?: "always" | "hover" | "none";
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+    inline?: boolean;
+    as?: "a" | "button" | "span";
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    orientation?: "horizontal" | "vertical";
+    vertical?: boolean;
+    align?: "start" | "center" | "end";
+    alignContent?: "start" | "center" | "end";
+    appearance?: DividerAppearance;
+    inset?: boolean;
+    wrapper?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export type AccordionProviderValue = {
+    openItems: AccordionItemValue[];
+    requestToggle: (data: {
+        event: Event;
+        value: AccordionItemValue;
+    }) => void;
+    collapsible: boolean;
+    multiple: boolean;
+    navigation: AccordionNavigation | undefined;
+};
+export declare function AccordionProvider({ value, children }: {
+    value: AccordionProviderValue;
+    children?: React.ReactNode;
+}): React.ReactElement;
+export type AccordionToggleEvent = React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+export declare const Accordion: <TValue extends AccordionItemValue = AccordionItemValue>(props: ElementProps & {
+    mode?: "single" | "multiple";
+    multiple?: boolean;
+    collapsible?: boolean;
+    navigation?: AccordionNavigation;
+    openItems?: TValue | readonly TValue[];
+    defaultOpenItems?: TValue | readonly TValue[];
+    onToggle?: (event: AccordionToggleEvent, data: {
+        value: TValue;
+        openItems: TValue[];
+    }) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>) => React.ReactElement;
+export declare const AccordionItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    value: AccordionItemValue;
+    heading?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<ElementProps, "onClick" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture"> & NativeMousePointerEventProps<HTMLDivElement> & NativeAdditionalEventProps<HTMLDivElement> & {
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & {
+    expandIconPosition?: "start" | "end";
+    inline?: boolean;
+    size?: "small" | "medium" | "large" | "extra-large";
+    icon?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    button?: React.ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>> | React.ButtonHTMLAttributes<HTMLButtonElement>;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const AccordionPanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+} & {
+    children?: React.ReactNode;
+    collapseMotion?: React.ComponentType<PresenceMotionSlotProps>;
+} & React.RefAttributes<HTMLElement>>;