react-headless-components-preview.api.md

API Report File for "@fluentui/react-headless-components-preview"

Do not edit this file. It is a report generated by API Extractor.

import type { AccordionBaseProps } from '@fluentui/react-accordion';
import { AccordionBaseState } from '@fluentui/react-accordion';
import { AccordionContextValue } from '@fluentui/react-accordion';
import { AccordionContextValues as AccordionContextValues_2 } from '@fluentui/react-accordion';
import type { AccordionHeaderBaseProps } from '@fluentui/react-accordion';
import { AccordionHeaderBaseState } from '@fluentui/react-accordion';
import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
import type { AccordionHeaderSlots as AccordionHeaderSlots_2 } from '@fluentui/react-accordion';
import { AccordionItemContextValues } from '@fluentui/react-accordion';
import type { AccordionItemProps as AccordionItemProps_2 } from '@fluentui/react-accordion';
import type { AccordionItemSlots as AccordionItemSlots_2 } from '@fluentui/react-accordion';
import { AccordionItemState as AccordionItemState_2 } from '@fluentui/react-accordion';
import type { AccordionPanelBaseProps } from '@fluentui/react-accordion';
import type { AccordionPanelBaseState } from '@fluentui/react-accordion';
import type { AccordionPanelSlots as AccordionPanelSlots_2 } from '@fluentui/react-accordion';
import type { AccordionSlots as AccordionSlots_2 } from '@fluentui/react-accordion';
import type { AvatarBaseProps } from '@fluentui/react-avatar';
import { AvatarBaseState } from '@fluentui/react-avatar';
import type { BadgeBaseProps } from '@fluentui/react-badge';
import { BadgeBaseState } from '@fluentui/react-badge';
import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbButtonBaseProps } from '@fluentui/react-breadcrumb';
import type { BreadcrumbButtonBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbButtonSlots as BreadcrumbButtonSlots_2 } from '@fluentui/react-breadcrumb';
import { BreadcrumbContextValues as BreadcrumbContextValues_2 } from '@fluentui/react-breadcrumb';
import type { BreadcrumbDividerBaseProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbDividerBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbDividerSlots as BreadcrumbDividerSlots_2 } from '@fluentui/react-breadcrumb';
import type { BreadcrumbItemBaseProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbItemBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbItemSlots as BreadcrumbItemSlots_2 } from '@fluentui/react-breadcrumb';
import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-breadcrumb';
import type { ButtonBaseProps } from '@fluentui/react-button';
import { ButtonBaseState } from '@fluentui/react-button';
import type { ButtonSlots as ButtonSlots_2 } from '@fluentui/react-button';
import type { CheckboxBaseProps } from '@fluentui/react-checkbox';
import { CheckboxBaseState } from '@fluentui/react-checkbox';
import type { CheckboxSlots as CheckboxSlots_2 } from '@fluentui/react-checkbox';
import { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import { ContextSelector } from '@fluentui/react-context-selector';
import type { DividerBaseProps } from '@fluentui/react-divider';
import { DividerBaseState } from '@fluentui/react-divider';
import type { DividerSlots as DividerSlots_2 } from '@fluentui/react-divider';
import type { FieldBaseProps } from '@fluentui/react-field';
import { FieldBaseState } from '@fluentui/react-field';
import { FieldContextValues } from '@fluentui/react-field';
import type { FieldSlots as FieldSlots_2 } from '@fluentui/react-field';
import type { FluentProviderContextValues } from '@fluentui/react-provider';
import { FluentProviderProps } from '@fluentui/react-provider';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { InputBaseProps } from '@fluentui/react-input';
import { InputBaseState } from '@fluentui/react-input';
import type { InputSlots as InputSlots_2 } from '@fluentui/react-input';
import { JSXElement } from '@fluentui/react-utilities';
import type { LinkBaseProps } from '@fluentui/react-link';
import { LinkBaseState } from '@fluentui/react-link';
import type { LinkSlots as LinkSlots_2 } from '@fluentui/react-link';
import { MessageBarActionsContextValues as MessageBarActionsContextValues_2 } from '@fluentui/react-message-bar';
import type { MessageBarActionsProps as MessageBarActionsProps_2 } from '@fluentui/react-message-bar';
import type { MessageBarActionsSlots as MessageBarActionsSlots_2 } from '@fluentui/react-message-bar';
import { MessageBarActionsState as MessageBarActionsState_2 } from '@fluentui/react-message-bar';
import type { MessageBarBaseProps } from '@fluentui/react-message-bar';
import { MessageBarBaseState } from '@fluentui/react-message-bar';
import { MessageBarBodyContextValues as MessageBarBodyContextValues_2 } from '@fluentui/react-message-bar';
import type { MessageBarBodyProps as MessageBarBodyProps_2 } from '@fluentui/react-message-bar';
import type { MessageBarBodySlots as MessageBarBodySlots_2 } from '@fluentui/react-message-bar';
import { MessageBarBodyState as MessageBarBodyState_2 } from '@fluentui/react-message-bar';
import { MessageBarContextValue } from '@fluentui/react-message-bar';
import { MessageBarContextValues as MessageBarContextValues_2 } from '@fluentui/react-message-bar';
import type { MessageBarIntent } from '@fluentui/react-message-bar';
import type { MessageBarSlots as MessageBarSlots_2 } from '@fluentui/react-message-bar';
import type { MessageBarTitleProps as MessageBarTitleProps_2 } from '@fluentui/react-message-bar';
import type { MessageBarTitleSlots as MessageBarTitleSlots_2 } from '@fluentui/react-message-bar';
import { MessageBarTitleState as MessageBarTitleState_2 } from '@fluentui/react-message-bar';
import type { ProgressBarBaseProps } from '@fluentui/react-progress';
import type { ProgressBarBaseState } from '@fluentui/react-progress';
import type { ProgressBarSlots as ProgressBarSlots_2 } from '@fluentui/react-progress';
import type { RadioBaseProps } from '@fluentui/react-radio';
import { RadioBaseState } from '@fluentui/react-radio';
import type { RadioGroupBaseProps } from '@fluentui/react-radio';
import { RadioGroupBaseState } from '@fluentui/react-radio';
import { RadioGroupContextValues } from '@fluentui/react-radio';
import type { RadioGroupSlots as RadioGroupSlots_2 } from '@fluentui/react-radio';
import { RadioOnChangeData } from '@fluentui/react-radio';
import { RadioSlots as RadioSlots_2 } from '@fluentui/react-radio';
import type { RatingBaseProps } from '@fluentui/react-rating';
import { RatingBaseState } from '@fluentui/react-rating';
import { RatingContextValues } from '@fluentui/react-rating';
import type { RatingDisplayBaseProps } from '@fluentui/react-rating';
import { RatingDisplayBaseState } from '@fluentui/react-rating';
import { RatingDisplayContextValues } from '@fluentui/react-rating';
import type { RatingDisplaySlots as RatingDisplaySlots_2 } from '@fluentui/react-rating';
import type { RatingItemBaseProps } from '@fluentui/react-rating';
import { RatingItemBaseState } from '@fluentui/react-rating';
import { RatingItemSlots as RatingItemSlots_2 } from '@fluentui/react-rating';
import type { RatingSlots as RatingSlots_2 } from '@fluentui/react-rating';
import * as React_2 from 'react';
import type { SearchBoxBaseProps } from '@fluentui/react-search';
import { SearchBoxBaseState } from '@fluentui/react-search';
import type { SearchBoxSlots as SearchBoxSlots_2 } from '@fluentui/react-search';
import type { SelectBaseProps } from '@fluentui/react-select';
import { SelectBaseState } from '@fluentui/react-select';
import type { SelectSlots as SelectSlots_2 } from '@fluentui/react-select';
import { SkeletonBaseProps } from '@fluentui/react-skeleton';
import { SkeletonBaseState } from '@fluentui/react-skeleton';
import { SkeletonContextValues } from '@fluentui/react-skeleton';
import { SkeletonItemBaseProps } from '@fluentui/react-skeleton';
import { SkeletonItemBaseState } from '@fluentui/react-skeleton';
import type { SkeletonItemSlots as SkeletonItemSlots_2 } from '@fluentui/react-skeleton';
import type { SkeletonSlots as SkeletonSlots_2 } from '@fluentui/react-skeleton';
import type { SliderBaseProps } from '@fluentui/react-slider';
import { SliderBaseState } from '@fluentui/react-slider';
import type { SliderSlots as SliderSlots_2 } from '@fluentui/react-slider';
import type { Slot } from '@fluentui/react-utilities';
import type { SpinButtonBaseProps } from '@fluentui/react-spinbutton';
import { SpinButtonBaseState } from '@fluentui/react-spinbutton';
import type { SpinButtonSlots as SpinButtonSlots_2 } from '@fluentui/react-spinbutton';
import type { SpinnerBaseProps } from '@fluentui/react-spinner';
import { SpinnerBaseState } from '@fluentui/react-spinner';
import type { SpinnerSlots as SpinnerSlots_2 } from '@fluentui/react-spinner';
import type { SwitchBaseProps } from '@fluentui/react-switch';
import { SwitchBaseState } from '@fluentui/react-switch';
import type { SwitchSlots as SwitchSlots_2 } from '@fluentui/react-switch';
import type { TabBaseProps } from '@fluentui/react-tabs';
import { TabBaseState } from '@fluentui/react-tabs';
import type { TabListBaseProps } from '@fluentui/react-tabs';
import { TabListBaseState } from '@fluentui/react-tabs';
import { TabListContextValues } from '@fluentui/react-tabs';
import type { TabListSlots as TabListSlots_2 } from '@fluentui/react-tabs';
import { TabSlots } from '@fluentui/react-tabs';
import { TabValue } from '@fluentui/react-tabs';
import type { TextareaBaseProps } from '@fluentui/react-textarea';
import { TextareaBaseState } from '@fluentui/react-textarea';
import type { TextareaSlots as TextareaSlots_2 } from '@fluentui/react-textarea';
import type { ToggleButtonBaseProps } from '@fluentui/react-button';
import type { ToggleButtonBaseState } from '@fluentui/react-button';
import type { ToolbarBaseProps } from '@fluentui/react-toolbar';
import { ToolbarBaseState } from '@fluentui/react-toolbar';
import type { ToolbarButtonBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarButtonBaseState } from '@fluentui/react-toolbar';
import { ToolbarContextValue } from '@fluentui/react-toolbar';
import { ToolbarContextValues as ToolbarContextValues_2 } from '@fluentui/react-toolbar';
import type { ToolbarDividerBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarDividerBaseState } from '@fluentui/react-toolbar';
import type { ToolbarGroupProps as ToolbarGroupProps_2 } from '@fluentui/react-toolbar';
import { ToolbarGroupState as ToolbarGroupState_2 } from '@fluentui/react-toolbar';
import type { ToolbarRadioGroupProps as ToolbarRadioGroupProps_2 } from '@fluentui/react-toolbar';
import type { ToolbarRadioGroupState as ToolbarRadioGroupState_2 } from '@fluentui/react-toolbar';
import type { ToolbarSlots as ToolbarSlots_2 } from '@fluentui/react-toolbar';
import type { ToolbarToggleButtonBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarToggleButtonBaseState } from '@fluentui/react-toolbar';
import { useMessageBarBodyContextValues_unstable } from '@fluentui/react-message-bar';
import { useFluent_unstable as useProviderContext } from '@fluentui/react-shared-contexts';

// @public
export const Accordion: ForwardRefComponent<AccordionProps>;

// @public (undocumented)
export type AccordionContextValues = AccordionContextValues_2;

// @public
export const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;

// @public (undocumented)
export type AccordionHeaderProps = AccordionHeaderBaseProps;

// @public (undocumented)
export type AccordionHeaderSlots = AccordionHeaderSlots_2;

// @public (undocumented)
export type AccordionHeaderState = AccordionHeaderBaseState & {
    root: {
        'data-open'?: string;
        'data-disabled'?: string;
        'data-expand-icon-position'?: string;
    };
};

// @public
export const AccordionItem: ForwardRefComponent<AccordionItemProps>;

// @public (undocumented)
export type AccordionItemProps = AccordionItemProps_2;

// @public (undocumented)
export type AccordionItemSlots = AccordionItemSlots_2;

// @public (undocumented)
export type AccordionItemState = AccordionItemState_2 & {
    root: {
        'data-disabled'?: string;
        'data-open'?: string;
    };
};

// @public
export const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;

// @public (undocumented)
export type AccordionPanelProps = AccordionPanelBaseProps;

// @public (undocumented)
export type AccordionPanelSlots = AccordionPanelSlots_2;

// @public (undocumented)
export type AccordionPanelState = AccordionPanelBaseState & {
    root: {
        'data-open'?: string;
    };
};

// @public (undocumented)
export type AccordionProps = AccordionBaseProps;

// @public (undocumented)
export type AccordionSlots = AccordionSlots_2;

// @public (undocumented)
export type AccordionState = AccordionBaseState & {
    root: {
        'data-collapsible'?: string;
        'data-multiple'?: string;
    };
};

// @public
export const Avatar: ForwardRefComponent<AvatarProps>;

// @public
export type AvatarProps = AvatarBaseProps;

// @public
export type AvatarState = AvatarBaseState;

// @public
export const Badge: ForwardRefComponent<BadgeProps>;

// @public
export type BadgeProps = BadgeBaseProps;

// @public
export type BadgeState = BadgeBaseState & {
    root: {
        'data-icon-position'?: 'before' | 'after';
    };
};

// @public
export const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;

// @public
export const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;

// @public
export type BreadcrumbButtonProps = BreadcrumbButtonBaseProps;

// @public
export type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2;

// @public
export type BreadcrumbButtonState = BreadcrumbButtonBaseState & {
    root: {
        'data-current'?: string;
    };
};

// @public
export type BreadcrumbContextValues = BreadcrumbContextValues_2;

// @public
export const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;

// @public
export type BreadcrumbDividerProps = BreadcrumbDividerBaseProps;

// @public
export type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2;

// @public
export type BreadcrumbDividerState = BreadcrumbDividerBaseState;

// @public
export const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;

// @public
export type BreadcrumbItemProps = BreadcrumbItemBaseProps;

// @public
export type BreadcrumbItemSlots = BreadcrumbItemSlots_2;

// @public
export type BreadcrumbItemState = BreadcrumbItemBaseState;

// @public
export type BreadcrumbProps = BreadcrumbBaseProps;

// @public
export type BreadcrumbSlots = BreadcrumbSlots_2;

// @public
export type BreadcrumbState = BreadcrumbBaseState;

// @public
export const Button: ForwardRefComponent<ButtonProps>;

// @public
export type ButtonProps = ButtonBaseProps;

// @public
export type ButtonSlots = ButtonSlots_2;

// @public
export type ButtonState = ButtonBaseState & {
    root: {
        'data-disabled'?: string;
        'data-disabled-focusable'?: string;
        'data-icon-only'?: string;
    };
};

// @public
export const Checkbox: ForwardRefComponent<CheckboxProps>;

// @public
export type CheckboxProps = CheckboxBaseProps;

// @public (undocumented)
export type CheckboxSlots = CheckboxSlots_2;

// @public
export type CheckboxState = CheckboxBaseState & {
    root: {
        'data-disabled'?: string;
        'data-checked'?: string;
    };
};

// @public
export const Divider: ForwardRefComponent<DividerProps>;

// @public (undocumented)
export type DividerProps = DividerBaseProps;

// @public (undocumented)
export type DividerSlots = DividerSlots_2;

// @public (undocumented)
export type DividerState = DividerBaseState & {
    root: {
        'data-orientation'?: 'vertical' | 'horizontal';
    };
};

// @public
export const Field: ForwardRefComponent<FieldProps>;

// @public
export type FieldProps = FieldBaseProps;

// @public
export type FieldSlots = FieldSlots_2;

// @public
export type FieldState = FieldBaseState & {
    root: {
        'data-validate-state'?: FieldBaseState['validationState'];
    };
};

// @public
export const Input: ForwardRefComponent<InputProps>;

// @public
export type InputProps = InputBaseProps;

// @public
export type InputSlots = InputSlots_2;

// @public
export type InputState = InputBaseState & {
    root: {
        'data-disabled'?: string;
    };
};

// @public
export const Link: ForwardRefComponent<LinkProps>;

// @public
export type LinkProps = LinkBaseProps;

// @public
export type LinkSlots = LinkSlots_2;

// @public
export type LinkState = LinkBaseState & {
    root: {
        'data-disabled'?: string;
        'data-disabled-focusable'?: string;
    };
};

// @public
export const MessageBar: ForwardRefComponent<MessageBarProps>;

// @public
export const MessageBarActions: ForwardRefComponent<MessageBarActionsProps>;

// @public (undocumented)
export type MessageBarActionsContextValues = MessageBarActionsContextValues_2;

// @public (undocumented)
export type MessageBarActionsProps = MessageBarActionsProps_2;

// @public (undocumented)
export type MessageBarActionsSlots = MessageBarActionsSlots_2;

// @public (undocumented)
export type MessageBarActionsState = MessageBarActionsState_2 & {
    root: {
        'data-layout'?: string;
        'data-has-actions'?: string;
    };
};

// @public
export const MessageBarBody: ForwardRefComponent<MessageBarBodyProps>;

// @public (undocumented)
export type MessageBarBodyContextValues = MessageBarBodyContextValues_2;

// @public (undocumented)
export type MessageBarBodyProps = MessageBarBodyProps_2;

// @public (undocumented)
export type MessageBarBodySlots = MessageBarBodySlots_2;

// @public (undocumented)
export type MessageBarBodyState = MessageBarBodyState_2;

// @public (undocumented)
export type MessageBarContextValues = MessageBarContextValues_2;

export { MessageBarIntent }

// @public (undocumented)
export type MessageBarProps = MessageBarBaseProps;

// @public (undocumented)
export type MessageBarSlots = MessageBarSlots_2;

// @public (undocumented)
export type MessageBarState = MessageBarBaseState & {
    root: {
        'data-layout'?: string;
        'data-intent'?: string;
    };
};

// @public
export const MessageBarTitle: ForwardRefComponent<MessageBarTitleProps>;

// @public (undocumented)
export type MessageBarTitleProps = MessageBarTitleProps_2;

// @public (undocumented)
export type MessageBarTitleSlots = MessageBarTitleSlots_2;

// @public (undocumented)
export type MessageBarTitleState = MessageBarTitleState_2;

// @public
export const ProgressBar: ForwardRefComponent<ProgressBarProps>;

// @public
export type ProgressBarProps = ProgressBarBaseProps;

// @public (undocumented)
export type ProgressBarSlots = ProgressBarSlots_2;

// @public
export type ProgressBarState = ProgressBarBaseState;

// @public
export const Provider: React_2.ForwardRefExoticComponent<Omit<ProviderSlots, "root"> & React_2.FragmentProps & Pick<FluentProviderProps, "dir" | "targetDocument"> & React_2.RefAttributes<HTMLDivElement>>;

// @public
export type ProviderProps = ComponentProps<ProviderSlots> & Pick<FluentProviderProps, 'dir' | 'targetDocument'>;

// @public
export type ProviderState = ComponentState<ProviderSlots> & Pick<FluentProviderProps, 'dir' | 'targetDocument'>;

// @public
export const Radio: React_2.ForwardRefExoticComponent<Omit<ComponentProps<Partial<RadioSlots_2>, "input">, "onChange" | "size"> & {
    value?: string;
    labelPosition?: "after" | "below";
    disabled?: boolean;
    onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>, data: RadioOnChangeData) => void;
} & React_2.RefAttributes<HTMLInputElement>>;

// @public
export const RadioGroup: ForwardRefComponent<RadioGroupProps>;

// @public
export type RadioGroupProps = RadioGroupBaseProps;

// @public
export type RadioGroupSlots = RadioGroupSlots_2;

// @public
export type RadioGroupState = RadioGroupBaseState;

// @public
export type RadioProps = RadioBaseProps;

// @public
export type RadioSlots = RadioSlots_2;

// @public
export type RadioState = RadioBaseState & {
    root: {
        'data-disabled'?: string;
    };
};

// @public
export const Rating: ForwardRefComponent<RatingProps>;

// @public
export const RatingDisplay: ForwardRefComponent<RatingDisplayProps>;

// @public
export type RatingDisplayProps = RatingDisplayBaseProps;

// @public
export type RatingDisplaySlots = RatingDisplaySlots_2;

// @public
export type RatingDisplayState = RatingDisplayBaseState;

// @public
export const RatingItem: React_2.ForwardRefExoticComponent<Omit<Partial<RatingItemSlots_2>, "root"> & Omit<{
    as?: "span" | undefined;
} & Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children"> & {
    children?: any;
}, "ref"> & {
    value?: number;
} & React_2.RefAttributes<HTMLSpanElement>>;

// @public
export type RatingItemProps = RatingItemBaseProps;

// @public
export type RatingItemSlots = RatingItemSlots_2;

// @public
export type RatingItemState = RatingItemBaseState & {
    root: {
        'data-appearance'?: 'filled' | 'filled-half' | 'outline';
    };
};

// @public
export type RatingProps = RatingBaseProps;

// @public
export type RatingSlots = RatingSlots_2;

// @public
export type RatingState = RatingBaseState;

// @public
export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement;

// @public
export const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement;

// @public
export const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement;

// @public
export const renderAccordionPanel: (state: AccordionPanelState) => JSXElement;

// @public
export const renderAvatar: (state: AvatarBaseState) => JSXElement;

// @public
export const renderBadge: (state: BadgeBaseState) => JSXElement;

// @public
export const renderBreadcrumb: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues_2) => JSXElement;

// @public
export const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement;

// @public
export const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement;

// @public
export const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement;

// @public
export const renderButton: (state: ButtonBaseState) => JSXElement;

// @public
export const renderCheckbox: (state: CheckboxBaseState) => JSXElement;

// @public
export const renderDivider: (state: DividerBaseState) => JSXElement;

// @public
export const renderField: (state: FieldBaseState, contextValues: FieldContextValues) => JSXElement;

// @public
export const renderInput: (state: InputBaseState) => JSXElement;

// @public
export const renderLink: (state: LinkBaseState) => JSXElement;

// @public
export const renderMessageBar: (state: MessageBarBaseState, contexts: MessageBarContextValues_2) => JSXElement;

// @public
export const renderMessageBarActions: (state: MessageBarActionsState_2, contexts: MessageBarActionsContextValues_2) => JSXElement;

// @public
export const renderMessageBarBody: (state: MessageBarBodyState_2, contextValues: MessageBarBodyContextValues_2) => JSXElement;

// @public
export const renderMessageBarTitle: (state: MessageBarTitleState_2) => JSXElement;

// @public
export const renderProgressBar: (state: ProgressBarState) => JSXElement;

// @public
export const renderProvider: (state: ProviderState, contextValues: FluentProviderContextValues) => JSXElement;

// @public
export const renderRadio: (state: RadioBaseState) => JSXElement;

// @public
export const renderRadioGroup: (state: RadioGroupBaseState, contextValues: RadioGroupContextValues) => JSXElement;

// @public
export const renderRating: (state: RatingBaseState, contextValues: RatingContextValues) => JSXElement;

// @public
export const renderRatingDisplay: (state: RatingDisplayBaseState, contextValues: RatingDisplayContextValues) => JSXElement;

// @public
export const renderRatingItem: (state: RatingItemBaseState) => JSXElement;

// @public
export const renderSearchBox: (state: SearchBoxBaseState) => JSXElement;

// @public
export const renderSelect: (state: SelectBaseState) => JSXElement;

// @public
export const renderSkeleton: (state: SkeletonBaseState, contextValues: SkeletonContextValues) => JSXElement;

// @public
export const renderSkeletonItem: (state: SkeletonItemBaseState) => JSXElement;

// @public
export const renderSlider: (state: SliderBaseState) => JSXElement;

// @public
export const renderSpinButton: (state: SpinButtonBaseState) => JSXElement;

// @public
export const renderSpinner: (state: SpinnerBaseState) => JSXElement;

// @public
export const renderSwitch: (state: SwitchBaseState) => JSXElement;

// @public
export const renderTab: (state: TabBaseState) => JSXElement;

// @public
export const renderTabList: (state: TabListBaseState, contextValues: TabListContextValues) => JSXElement;

// @public
export const renderTextarea: (state: TextareaBaseState) => JSXElement;

// @public
export const renderToggleButton: (state: ButtonBaseState) => JSXElement;

// @public
export const renderToolbar: (state: ToolbarBaseState, contextValues: ToolbarContextValues_2) => JSXElement;

// @public
export const renderToolbarButton: (state: ButtonBaseState) => JSXElement;

// @public
export const renderToolbarDivider: (state: DividerBaseState) => JSXElement;

// @public
export const renderToolbarGroup: (state: ToolbarGroupState_2) => JSXElement;

// @public
export const renderToolbarRadioGroup: (state: ToolbarGroupState_2) => JSXElement;

// @public
export const renderToolbarToggleButton: (state: ButtonBaseState) => JSXElement;

// @public
export const SearchBox: ForwardRefComponent<SearchBoxProps>;

// @public
export type SearchBoxProps = SearchBoxBaseProps;

// @public
export type SearchBoxSlots = SearchBoxSlots_2;

// @public
export type SearchBoxState = SearchBoxBaseState & {
    root: {
        'data-disabled'?: string;
        'data-focused'?: string;
    };
};

// @public
export const Select: ForwardRefComponent<SelectProps>;

// @public
export type SelectProps = SelectBaseProps;

// @public (undocumented)
export type SelectSlots = SelectSlots_2;

// @public
export type SelectState = SelectBaseState & {
    root: {
        'data-disabled'?: string;
    };
};

// @public
export const Skeleton: React_2.ForwardRefExoticComponent<SkeletonBaseProps & React_2.RefAttributes<HTMLDivElement>>;

// @public
export const SkeletonItem: React_2.ForwardRefExoticComponent<SkeletonItemBaseProps & React_2.RefAttributes<HTMLDivElement>>;

// @public
export type SkeletonItemProps = SkeletonItemBaseProps;

// @public
export type SkeletonItemSlots = SkeletonItemSlots_2;

// @public
export type SkeletonItemState = SkeletonItemBaseState;

// @public
export type SkeletonProps = SkeletonBaseProps;

// @public
export type SkeletonSlots = SkeletonSlots_2;

// @public
export type SkeletonState = SkeletonBaseState;

// @public
export const Slider: ForwardRefComponent<SliderProps>;

// @public
export type SliderProps = SliderBaseProps;

// @public
export type SliderSlots = SliderSlots_2;

// @public
export type SliderState = SliderBaseState & {
    root: {
        'data-disabled'?: string;
        'data-vertical'?: string;
    };
};

// @public
export const SpinButton: ForwardRefComponent<SpinButtonProps>;

// @public
export type SpinButtonProps = SpinButtonBaseProps;

// @public
export type SpinButtonSlots = SpinButtonSlots_2;

// @public
export type SpinButtonState = SpinButtonBaseState & {
    root: {
        'data-disabled'?: string;
        'data-spin-state'?: string;
        'data-at-bound'?: string;
    };
};

// @public
export const Spinner: ForwardRefComponent<SpinnerProps>;

// @public
export type SpinnerProps = SpinnerBaseProps;

// @public
export type SpinnerSlots = SpinnerSlots_2;

// @public
export type SpinnerState = SpinnerBaseState & {
    root: {
        'data-label-position'?: 'before' | 'after' | 'above' | 'below';
    };
};

// @public
export const Switch: ForwardRefComponent<SwitchProps>;

// @public
export type SwitchProps = SwitchBaseProps;

// @public
export type SwitchSlots = SwitchSlots_2;

// @public
export type SwitchState = SwitchBaseState & {
    root: {
        'data-disabled'?: string;
        'data-disabled-focusable'?: string;
        'data-checked'?: string;
    };
};

// @public
export const Tab: ForwardRefComponent<TabProps>;

// @public
export const TabList: ForwardRefComponent<TabListProps>;

// @public
export type TabListProps = TabListBaseProps;

// @public
export type TabListSlots = TabListSlots_2;

// @public
export type TabListState = TabListBaseState & {
    root: {
        focusgroup?: string;
        'data-orientation'?: 'vertical' | 'horizontal';
    };
};

// @public (undocumented)
export type TabProps = TabBaseProps;

export { TabSlots }

// @public (undocumented)
export type TabState = TabBaseState & {
    root: {
        focusgroupstart?: string;
        'data-icon-only'?: string;
        'data-selected'?: string;
    };
};

export { TabValue }

// @public
export const Textarea: ForwardRefComponent<TextareaProps>;

// @public
export type TextareaProps = TextareaBaseProps;

// @public
export type TextareaSlots = TextareaSlots_2;

// @public
export type TextareaState = TextareaBaseState;

// @public
export const ToggleButton: ForwardRefComponent<ToggleButtonProps>;

// @public
export type ToggleButtonProps = ToggleButtonBaseProps;

// @public
export type ToggleButtonSlots = ButtonSlots;

// @public
export type ToggleButtonState = ToggleButtonBaseState & {
    root: {
        'data-disabled'?: string;
        'data-disabled-focusable'?: string;
        'data-icon-only'?: string;
        'data-checked'?: string;
    };
};

// @public
export const Toolbar: ForwardRefComponent<ToolbarProps>;

// @public
export const ToolbarButton: ForwardRefComponent<ToolbarButtonProps>;

// @public (undocumented)
export type ToolbarButtonProps = ToolbarButtonBaseProps;

// @public (undocumented)
export type ToolbarButtonState = ToolbarButtonBaseState & {
    root: {
        'data-vertical'?: string;
        'data-disabled'?: string;
        'data-disabled-focusable'?: string;
        'data-icon-only'?: string;
    };
};

// @public (undocumented)
export type ToolbarContextValues = ToolbarContextValues_2;

// @public
export const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps>;

// @public (undocumented)
export type ToolbarDividerProps = ToolbarDividerBaseProps;

// @public (undocumented)
export type ToolbarDividerState = ToolbarDividerBaseState & {
    root: {
        'data-vertical'?: string;
    };
};

// @public
export const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps>;

// @public (undocumented)
export type ToolbarGroupProps = ToolbarGroupProps_2;

// @public (undocumented)
export type ToolbarGroupState = ToolbarGroupState_2 & {
    root: {
        'data-vertical'?: string;
    };
};

// @public (undocumented)
export type ToolbarProps = ToolbarBaseProps;

// @public
export const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps>;

// @public (undocumented)
export type ToolbarRadioGroupProps = ToolbarRadioGroupProps_2;

// @public (undocumented)
export type ToolbarRadioGroupState = ToolbarRadioGroupState_2 & {
    vertical?: boolean;
    root: {
        'data-vertical'?: string;
    };
};

// @public (undocumented)
export type ToolbarSlots = ToolbarSlots_2;

// @public (undocumented)
export type ToolbarState = ToolbarBaseState & {
    root: {
        'data-vertical'?: string;
        focusgroup?: string;
    };
};

// @public
export const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps>;

// @public (undocumented)
export type ToolbarToggleButtonProps = ToolbarToggleButtonBaseProps;

// @public (undocumented)
export type ToolbarToggleButtonState = ToolbarToggleButtonBaseState & {
    root: {
        'data-disabled'?: string;
        'data-disabled-focusable'?: string;
        'data-icon-only'?: string;
        'data-checked'?: string;
    };
};

// @public
export const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;

// @public
export const useAccordionContext: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;

// @public
export const useAccordionContextValues: (state: AccordionState) => AccordionContextValues;

// @public
export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;

// @public
export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;

// @public
export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;

// @public
export const useAvatar: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;

// @public
export const useBadge: (props: BadgeProps, ref: React_2.Ref<HTMLDivElement>) => BadgeState;

// @public
export const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;

// @public
export const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;

// @public
export const useBreadcrumbContext: () => BreadcrumbContextValues_2;

// @public
export const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues;

// @public
export const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;

// @public
export const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;

// @public
export const useButton: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;

// @public
export const useCheckbox: (props: CheckboxProps, ref: React_2.Ref<HTMLInputElement>) => CheckboxState;

// @public
export const useDivider: (props: DividerProps, ref: React_2.Ref<HTMLElement>) => DividerState;

// @public
export const useField: (props: FieldProps, ref: React_2.Ref<HTMLDivElement>) => FieldState;

// @public
export const useInput: (props: InputProps, ref: React_2.Ref<HTMLInputElement>) => InputState;

// @public
export const useLink: (props: LinkProps, ref: React_2.Ref<HTMLElement>) => LinkState;

// @public
export const useMessageBar: (props: MessageBarProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarState;

// @public
export const useMessageBarActions: (props: MessageBarActionsProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarActionsState;

// @public
export const useMessageBarActionsContextValues: () => MessageBarActionsContextValues;

// @public
export const useMessageBarBody: (props: MessageBarBodyProps, ref: React_2.Ref<HTMLDivElement>) => MessageBarBodyState;

// @public
export const useMessageBarBodyContextValues: typeof useMessageBarBodyContextValues_unstable;

// @public
export const useMessageBarContext: () => MessageBarContextValue;

// @public
export const useMessageBarContextValues: (state: MessageBarState) => MessageBarContextValues;

// @public
export const useMessageBarTitle: (props: MessageBarTitleProps, ref: React_2.Ref<HTMLElement>) => MessageBarTitleState;

// @public
export const useProgressBar: (props: ProgressBarProps, ref: React_2.Ref<HTMLDivElement>) => ProgressBarState;

// @public (undocumented)
export const useProvider: (props: ProviderProps, ref: React_2.Ref<HTMLDivElement>) => ProviderState;

export { useProviderContext }

// @public
export const useRadio: (props: RadioProps, ref: React_2.Ref<HTMLInputElement>) => RadioState;

// @public
export const useRadioGroup: (props: RadioGroupProps, ref: React_2.Ref<HTMLDivElement>) => RadioGroupState;

// @public
export const useRating: (props: RatingProps, ref: React_2.Ref<HTMLDivElement>) => RatingState;

// @public
export const useRatingDisplay: (props: RatingDisplayProps, ref: React_2.Ref<HTMLDivElement>) => RatingDisplayState;

// @public
export const useRatingItem: (props: RatingItemProps, ref: React_2.Ref<HTMLSpanElement>) => RatingItemState;

// @public
export const useSearchBox: (props: SearchBoxProps, ref: React_2.Ref<HTMLInputElement>) => SearchBoxState;

// @public
export const useSelect: (props: SelectProps, ref: React_2.Ref<HTMLSelectElement>) => SelectState;

// @public
export const useSkeleton: (props: SkeletonProps, ref: React_2.Ref<HTMLDivElement>) => SkeletonState;

// @public
export const useSkeletonItem: (props: SkeletonItemProps, ref: React_2.Ref<HTMLDivElement>) => SkeletonItemState;

// @public
export const useSlider: (props: SliderProps, ref: React_2.Ref<HTMLInputElement>) => SliderState;

// @public
export const useSpinButton: (props: SpinButtonProps, ref: React_2.Ref<HTMLInputElement>) => SpinButtonState;

// @public
export const useSpinner: (props: SpinnerProps, ref: React_2.Ref<HTMLElement>) => SpinnerState;

// @public
export const useSwitch: (props: SwitchProps, ref: React_2.Ref<HTMLInputElement>) => SwitchState;

// @public
export const useTab: (props: TabProps, ref: React_2.Ref<HTMLElement>) => TabState;

// @public
export const useTabList: (props: TabListProps, ref: React_2.Ref<HTMLElement>) => TabListState;

// @public
export const useTextarea: (props: TextareaProps, ref: React_2.Ref<HTMLTextAreaElement>) => TextareaState;

// @public
export const useToggleButton: (props: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;

// @public
export const useToolbar: (props: ToolbarProps, ref: React_2.Ref<HTMLElement>) => ToolbarState;

// @public
export const useToolbarButton: (props: ToolbarButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarButtonState;

// @public
export const useToolbarContext: <T>(selector: ContextSelector<ToolbarContextValue, T>) => T;

// @public
export const useToolbarContextValues: (state: ToolbarState) => ToolbarContextValues;

// @public
export const useToolbarDivider: (props: ToolbarDividerProps, ref: React_2.Ref<HTMLElement>) => ToolbarDividerState;

// @public
export const useToolbarGroup: (props: ToolbarGroupProps, ref: React_2.Ref<HTMLDivElement>) => ToolbarGroupState;

// @public
export const useToolbarRadioGroup: (props: ToolbarRadioGroupProps, ref: React_2.Ref<HTMLDivElement>) => ToolbarRadioGroupState;

// @public
export const useToolbarToggleButton: (props: ToolbarToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarToggleButtonState;

// (No @packageDocumentation comment for this package)