@fluentui/react/etc/react.api.md

## API Report File for "@fluentui/react"

> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).

```ts

import { addDays } from '@fluentui/date-time-utilities';
import { addDirectionalKeyCode } from '@fluentui/utilities';
import { addElementAtIndex } from '@fluentui/utilities';
import { addMonths } from '@fluentui/date-time-utilities';
import { addWeeks } from '@fluentui/date-time-utilities';
import { addYears } from '@fluentui/date-time-utilities';
import { allowOverscrollOnElement } from '@fluentui/utilities';
import { allowScrollOnElement } from '@fluentui/utilities';
import { anchorProperties } from '@fluentui/utilities';
import { AnimationClassNames } from '@fluentui/style-utilities';
import { AnimationStyles } from '@fluentui/style-utilities';
import { AnimationVariables } from '@fluentui/style-utilities';
import { appendFunction } from '@fluentui/utilities';
import { arraysEqual } from '@fluentui/utilities';
import { asAsync } from '@fluentui/utilities';
import { assertNever } from '@fluentui/utilities';
import { assign } from '@fluentui/utilities';
import { Async } from '@fluentui/utilities';
import { audioProperties } from '@fluentui/utilities';
import { AutoScroll } from '@fluentui/utilities';
import { BaseComponent } from '@fluentui/utilities';
import { baseElementEvents } from '@fluentui/utilities';
import { baseElementProperties } from '@fluentui/utilities';
import { buildClassMap } from '@fluentui/style-utilities';
import { buttonProperties } from '@fluentui/utilities';
import { calculatePrecision } from '@fluentui/utilities';
import { classNamesFunction } from '@fluentui/utilities';
import { colGroupProperties } from '@fluentui/utilities';
import { ColorClassNames } from '@fluentui/style-utilities';
import { colProperties } from '@fluentui/utilities';
import { CommunicationColors } from '@fluentui/theme';
import { compareDatePart } from '@fluentui/date-time-utilities';
import { compareDates } from '@fluentui/date-time-utilities';
import { ComponentsStyles } from '@fluentui/theme';
import { ComponentStyles } from '@fluentui/theme';
import { composeComponentAs } from '@fluentui/utilities';
import { composeRenderFunction } from '@fluentui/utilities';
import { concatStyleSets } from '@fluentui/style-utilities';
import { concatStyleSetsWithProps } from '@fluentui/style-utilities';
import { createArray } from '@fluentui/utilities';
import { createFontStyles } from '@fluentui/style-utilities';
import { createMemoizer } from '@fluentui/utilities';
import { createMergedRef } from '@fluentui/utilities';
import { createTheme } from '@fluentui/theme';
import { css } from '@fluentui/utilities';
import { customizable } from '@fluentui/utilities';
import { Customizations } from '@fluentui/utilities';
import { Customizer } from '@fluentui/utilities';
import { CustomizerContext } from '@fluentui/utilities';
import { DATA_IS_SCROLLABLE_ATTRIBUTE } from '@fluentui/utilities';
import { DATA_PORTAL_ATTRIBUTE } from '@fluentui/utilities';
import { DateRangeType } from '@fluentui/date-time-utilities';
import { DayOfWeek } from '@fluentui/date-time-utilities';
import { DAYS_IN_WEEK } from '@fluentui/date-time-utilities';
import { DefaultEffects } from '@fluentui/style-utilities';
import { DefaultFontStyles } from '@fluentui/style-utilities';
import { DefaultPalette } from '@fluentui/style-utilities';
import { DefaultSpacing } from '@fluentui/theme';
import { DelayedRender } from '@fluentui/utilities';
import { Depths } from '@fluentui/theme';
import { disableBodyScroll } from '@fluentui/utilities';
import { divProperties } from '@fluentui/utilities';
import { doesElementContainFocus } from '@fluentui/utilities';
import { EdgeChromiumHighContrastSelector } from '@fluentui/style-utilities';
import { elementContains } from '@fluentui/utilities';
import { elementContainsAttribute } from '@fluentui/utilities';
import { enableBodyScroll } from '@fluentui/utilities';
import { EventGroup } from '@fluentui/utilities';
import { extendComponent } from '@fluentui/utilities';
import { FabricPerformance } from '@fluentui/utilities';
import { filteredAssign } from '@fluentui/utilities';
import { find } from '@fluentui/utilities';
import { findElementRecursive } from '@fluentui/utilities';
import { findIndex } from '@fluentui/utilities';
import { findScrollableParent } from '@fluentui/utilities';
import { FirstWeekOfYear } from '@fluentui/date-time-utilities';
import { fitContentToBounds } from '@fluentui/utilities';
import { FitMode } from '@fluentui/utilities';
import { flatten } from '@fluentui/utilities';
import { FluentTheme } from '@fluentui/theme';
import { focusAsync } from '@fluentui/utilities';
import { focusClear } from '@fluentui/style-utilities';
import { focusFirstChild } from '@fluentui/utilities';
import { FocusRects } from '@fluentui/utilities';
import { FocusZone } from '@fluentui/react-focus';
import { FocusZoneDirection } from '@fluentui/react-focus';
import { FocusZoneTabbableElements } from '@fluentui/react-focus';
import { FontClassNames } from '@fluentui/style-utilities';
import { fontFace } from '@fluentui/style-utilities';
import { FontSizes } from '@fluentui/style-utilities';
import { FontWeights } from '@fluentui/style-utilities';
import { format } from '@fluentui/utilities';
import { formProperties } from '@fluentui/utilities';
import { getChildren } from '@fluentui/utilities';
import { getDatePartHashValue } from '@fluentui/date-time-utilities';
import { getDateRangeArray } from '@fluentui/date-time-utilities';
import { getDistanceBetweenPoints } from '@fluentui/utilities';
import { getDocument } from '@fluentui/utilities';
import { getEdgeChromiumNoHighContrastAdjustSelector } from '@fluentui/style-utilities';
import { getElementIndexPath } from '@fluentui/utilities';
import { getEndDateOfWeek } from '@fluentui/date-time-utilities';
import { getFadedOverflowStyle } from '@fluentui/style-utilities';
import { getFirstFocusable } from '@fluentui/utilities';
import { getFirstTabbable } from '@fluentui/utilities';
import { getFirstVisibleElementFromSelector } from '@fluentui/utilities';
import { getFocusableByIndexPath } from '@fluentui/utilities';
import { getFocusOutlineStyle } from '@fluentui/style-utilities';
import { getFocusStyle } from '@fluentui/style-utilities';
import { getGlobalClassNames } from '@fluentui/style-utilities';
import { getHighContrastNoAdjustStyle } from '@fluentui/style-utilities';
import { getIcon } from '@fluentui/style-utilities';
import { getIconClassName } from '@fluentui/style-utilities';
import { getId } from '@fluentui/utilities';
import { getInitials } from '@fluentui/utilities';
import { getInputFocusStyle } from '@fluentui/style-utilities';
import { getLanguage } from '@fluentui/utilities';
import { getLastFocusable } from '@fluentui/utilities';
import { getLastTabbable } from '@fluentui/utilities';
import { getMonthEnd } from '@fluentui/date-time-utilities';
import { getMonthStart } from '@fluentui/date-time-utilities';
import { getNativeElementProps } from '@fluentui/utilities';
import { getNativeProps } from '@fluentui/utilities';
import { getNextElement } from '@fluentui/utilities';
import { getParent } from '@fluentui/utilities';
import { getPlaceholderStyles } from '@fluentui/style-utilities';
import { getPreviousElement } from '@fluentui/utilities';
import { getPropsWithDefaults } from '@fluentui/utilities';
import { getRect } from '@fluentui/utilities';
import { getResourceUrl } from '@fluentui/utilities';
import { getRTL } from '@fluentui/utilities';
import { getRTLSafeKeyCode } from '@fluentui/utilities';
import { getScreenSelector } from '@fluentui/style-utilities';
import { getScrollbarWidth } from '@fluentui/utilities';
import { getStartDateOfWeek } from '@fluentui/date-time-utilities';
import { getTheme } from '@fluentui/style-utilities';
import { getThemedContext } from '@fluentui/style-utilities';
import { getVirtualParent } from '@fluentui/utilities';
import { getWeekNumber } from '@fluentui/date-time-utilities';
import { getWeekNumbersInMonth } from '@fluentui/date-time-utilities';
import { getWindow } from '@fluentui/utilities';
import { getYearEnd } from '@fluentui/date-time-utilities';
import { getYearStart } from '@fluentui/date-time-utilities';
import { GlobalClassNames } from '@fluentui/style-utilities';
import { GlobalSettings } from '@fluentui/utilities';
import { hasHorizontalOverflow } from '@fluentui/utilities';
import { hasOverflow } from '@fluentui/utilities';
import { hasVerticalOverflow } from '@fluentui/utilities';
import { hiddenContentStyle } from '@fluentui/style-utilities';
import { HighContrastSelector } from '@fluentui/style-utilities';
import { HighContrastSelectorBlack } from '@fluentui/style-utilities';
import { HighContrastSelectorWhite } from '@fluentui/style-utilities';
import { hoistMethods } from '@fluentui/utilities';
import { hoistStatics } from '@fluentui/utilities';
import { htmlElementProperties } from '@fluentui/utilities';
import { IAnimationStyles } from '@fluentui/style-utilities';
import { IAnimationVariables } from '@fluentui/style-utilities';
import { IAsAsyncOptions } from '@fluentui/utilities';
import { IBaseProps } from '@fluentui/utilities';
import { ICalendarStrings } from '@fluentui/date-time-utilities';
import { ICancelable } from '@fluentui/utilities';
import { IChangeDescription } from '@fluentui/utilities';
import { IChangeEventCallback } from '@fluentui/utilities';
import { IClassNames } from '@fluentui/utilities';
import { IClassNamesFunctionOptions } from '@fluentui/utilities';
import type { IComponent } from '@fluentui/foundation-legacy';
import { IComponentAs } from '@fluentui/utilities';
import { IComponentAsProps } from '@fluentui/utilities';
import type { IComponentStyles } from '@fluentui/foundation-legacy';
import { IconFontSizes } from '@fluentui/style-utilities';
import { IconNames } from '@fluentui/font-icons-mdl2';
import { ICSPSettings } from '@fluentui/style-utilities';
import { ICssInput } from '@fluentui/utilities';
import type { ICSSPixelUnitRule } from '@fluentui/merge-styles';
import type { ICSSRule } from '@fluentui/merge-styles';
import { ICustomizableProps } from '@fluentui/utilities';
import { ICustomizations } from '@fluentui/utilities';
import { ICustomizerContext } from '@fluentui/utilities';
import { ICustomizerProps } from '@fluentui/utilities';
import { IDateFormatting } from '@fluentui/date-time-utilities';
import type { IDayGridOptions } from '@fluentui/date-time-utilities';
import { IDeclaredEventsByName } from '@fluentui/utilities';
import { IDelayedRenderProps } from '@fluentui/utilities';
import { IDelayedRenderState } from '@fluentui/utilities';
import { IDictionary } from '@fluentui/utilities';
import { IDisposable } from '@fluentui/utilities';
import { IEffects } from '@fluentui/style-utilities';
import { IEventRecord } from '@fluentui/utilities';
import { IEventRecordList } from '@fluentui/utilities';
import { IEventRecordsByName } from '@fluentui/utilities';
import { IFitContentToBoundsOptions } from '@fluentui/utilities';
import { IFocusZone } from '@fluentui/react-focus';
import { IFocusZoneProps } from '@fluentui/react-focus';
import { IFontFace } from '@fluentui/style-utilities';
import { IFontStyles } from '@fluentui/style-utilities';
import { IFontWeight } from '@fluentui/style-utilities';
import { iframeProperties } from '@fluentui/utilities';
import { IGetFocusStylesOptions } from '@fluentui/style-utilities';
import type { IHTMLSlot } from '@fluentui/foundation-legacy';
import { IIconOptions } from '@fluentui/style-utilities';
import { IIconRecord } from '@fluentui/style-utilities';
import { IIconSubset } from '@fluentui/style-utilities';
import { IIconSubsetRecord } from '@fluentui/style-utilities';
import { imageProperties } from '@fluentui/utilities';
import { imgProperties } from '@fluentui/utilities';
import { initializeComponentRef } from '@fluentui/utilities';
import { initializeFocusRects } from '@fluentui/utilities';
import { initializeIcons } from '@fluentui/font-icons-mdl2';
import { InjectionMode } from '@fluentui/style-utilities';
import { inputProperties } from '@fluentui/utilities';
import { IObjectWithKey } from '@fluentui/utilities';
import { IPalette } from '@fluentui/style-utilities';
import { IPartialTheme } from '@fluentui/style-utilities';
import { IPerfData } from '@fluentui/utilities';
import { IPerfMeasurement } from '@fluentui/utilities';
import { IPerfSummary } from '@fluentui/utilities';
import { IPoint } from '@fluentui/utilities';
import { IProcessedStyleSet } from '@fluentui/style-utilities';
import { IPropsWithStyles } from '@fluentui/utilities';
import { IRawStyle } from '@fluentui/style-utilities';
import { IRectangle } from '@fluentui/utilities';
import { IRefObject } from '@fluentui/utilities';
import { IRenderComponent } from '@fluentui/utilities';
import { IRenderFunction } from '@fluentui/utilities';
import { IScheme } from '@fluentui/style-utilities';
import { ISchemeNames } from '@fluentui/style-utilities';
import { isControlled } from '@fluentui/utilities';
import { isDirectionalKeyCode } from '@fluentui/utilities';
import { ISelection } from '@fluentui/utilities';
import { ISelectionOptions } from '@fluentui/utilities';
import { ISelectionOptionsWithRequiredGetKey } from '@fluentui/utilities';
import { isElementFocusSubZone } from '@fluentui/utilities';
import { isElementFocusZone } from '@fluentui/utilities';
import { isElementTabbable } from '@fluentui/utilities';
import { isElementVisible } from '@fluentui/utilities';
import { isElementVisibleAndNotHidden } from '@fluentui/utilities';
import { ISemanticColors } from '@fluentui/style-utilities';
import { ISemanticTextColors } from '@fluentui/style-utilities';
import { ISerializableObject } from '@fluentui/utilities';
import { ISettings } from '@fluentui/utilities';
import { ISettingsFunction } from '@fluentui/utilities';
import { ISettingsMap } from '@fluentui/utilities';
import { IsFocusVisibleClassName } from '@fluentui/utilities';
import { isIE11 } from '@fluentui/utilities';
import { isInDateRangeArray } from '@fluentui/date-time-utilities';
import { isIOS } from '@fluentui/utilities';
import { ISize } from '@fluentui/utilities';
import type { ISlotProp } from '@fluentui/foundation-legacy';
import type { ISlottableProps } from '@fluentui/foundation-legacy';
import { isMac } from '@fluentui/utilities';
import { ISpacing } from '@fluentui/style-utilities';
import { IStyle } from '@fluentui/style-utilities';
import type { IStyleableComponentProps } from '@fluentui/foundation-legacy';
import { IStyleFunction } from '@fluentui/utilities';
import { IStyleFunctionOrObject } from '@fluentui/utilities';
import { IStyleSet } from '@fluentui/style-utilities';
import { IStyleSheetConfig } from '@fluentui/style-utilities';
import { isVirtualElement } from '@fluentui/utilities';
import { ITheme } from '@fluentui/style-utilities';
import { IVirtualElement } from '@fluentui/utilities';
import { IWarnControlledUsageParams } from '@fluentui/utilities';
import { KeyCodes } from '@fluentui/utilities';
import { keyframes } from '@fluentui/style-utilities';
import { labelProperties } from '@fluentui/utilities';
import { liProperties } from '@fluentui/utilities';
import { loadTheme } from '@fluentui/style-utilities';
import { LocalizedFontFamilies } from '@fluentui/theme';
import { LocalizedFontNames } from '@fluentui/theme';
import { mapEnumByName } from '@fluentui/utilities';
import { memoize } from '@fluentui/utilities';
import { memoizeFunction } from '@fluentui/utilities';
import { merge } from '@fluentui/utilities';
import { mergeAriaAttributeValues } from '@fluentui/utilities';
import { mergeCustomizations } from '@fluentui/utilities';
import { mergeScopedSettings } from '@fluentui/utilities';
import { mergeSettings } from '@fluentui/utilities';
import { mergeStyles } from '@fluentui/style-utilities';
import { mergeStyleSets } from '@fluentui/style-utilities';
import { mergeThemes } from '@fluentui/theme';
import { modalize } from '@fluentui/utilities';
import { MonthOfYear } from '@fluentui/date-time-utilities';
import { MotionAnimations } from '@fluentui/theme';
import { MotionDurations } from '@fluentui/theme';
import { MotionTimings } from '@fluentui/theme';
import { NeutralColors } from '@fluentui/theme';
import { normalize } from '@fluentui/style-utilities';
import { noWrap } from '@fluentui/style-utilities';
import { nullRender } from '@fluentui/utilities';
import { olProperties } from '@fluentui/utilities';
import { omit } from '@fluentui/utilities';
import { Omit as Omit_2 } from '@fluentui/utilities';
import { on } from '@fluentui/utilities';
import { optionProperties } from '@fluentui/utilities';
import { PartialTheme } from '@fluentui/theme';
import { Point } from '@fluentui/utilities';
import { portalContainsElement } from '@fluentui/utilities';
import { precisionRound } from '@fluentui/utilities';
import { PulsingBeaconAnimationStyles } from '@fluentui/style-utilities';
import { raiseClick } from '@fluentui/utilities';
import * as React_2 from 'react';
import type { ReactNode } from 'react';
import { Rectangle } from '@fluentui/utilities';
import { RefObject } from '@fluentui/utilities';
import { registerDefaultFontFaces } from '@fluentui/theme';
import { registerIconAlias } from '@fluentui/style-utilities';
import { registerIcons } from '@fluentui/style-utilities';
import { registerOnThemeChangeCallback } from '@fluentui/style-utilities';
import { removeIndex } from '@fluentui/utilities';
import { removeOnThemeChangeCallback } from '@fluentui/style-utilities';
import { replaceElement } from '@fluentui/utilities';
import { resetControlledWarnings } from '@fluentui/utilities';
import { resetIds } from '@fluentui/utilities';
import { resetMemoizations } from '@fluentui/utilities';
import { safeRequestAnimationFrame } from '@fluentui/utilities';
import { safeSetTimeout } from '@fluentui/utilities';
import { ScreenWidthMaxLarge } from '@fluentui/style-utilities';
import { ScreenWidthMaxMedium } from '@fluentui/style-utilities';
import { ScreenWidthMaxSmall } from '@fluentui/style-utilities';
import { ScreenWidthMaxXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMaxXXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinMedium } from '@fluentui/style-utilities';
import { ScreenWidthMinSmall } from '@fluentui/style-utilities';
import { ScreenWidthMinUhfMobile } from '@fluentui/style-utilities';
import { ScreenWidthMinXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinXXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinXXXLarge } from '@fluentui/style-utilities';
import { Selection as Selection_2 } from '@fluentui/utilities';
import { SELECTION_CHANGE } from '@fluentui/utilities';
import { SelectionDirection } from '@fluentui/utilities';
import { SelectionMode as SelectionMode_2 } from '@fluentui/utilities';
import { selectProperties } from '@fluentui/utilities';
import { setBaseUrl } from '@fluentui/utilities';
import { setFocusVisibility } from '@fluentui/utilities';
import { setIconOptions } from '@fluentui/style-utilities';
import { setLanguage } from '@fluentui/utilities';
import { setMemoizeWeakMap } from '@fluentui/utilities';
import { setMonth } from '@fluentui/date-time-utilities';
import { setPortalAttribute } from '@fluentui/utilities';
import { setRTL } from '@fluentui/utilities';
import { setSSR } from '@fluentui/utilities';
import { Settings } from '@fluentui/utilities';
import { SettingsFunction } from '@fluentui/utilities';
import { setVirtualParent } from '@fluentui/utilities';
import { setWarningCallback } from '@fluentui/utilities';
import { shallowCompare } from '@fluentui/utilities';
import { SharedColors } from '@fluentui/theme';
import { shouldWrapFocus } from '@fluentui/utilities';
import { styled } from '@fluentui/utilities';
import { StyleFunction } from '@fluentui/utilities';
import { Stylesheet } from '@fluentui/style-utilities';
import { tableProperties } from '@fluentui/utilities';
import { Target } from '@fluentui/react-hooks';
import { tdProperties } from '@fluentui/utilities';
import { textAreaProperties } from '@fluentui/utilities';
import { Theme } from '@fluentui/theme';
import { ThemeSettingName } from '@fluentui/style-utilities';
import { thProperties } from '@fluentui/utilities';
import { TimeConstants } from '@fluentui/date-time-utilities';
import { toMatrix } from '@fluentui/utilities';
import { trProperties } from '@fluentui/utilities';
import { unhoistMethods } from '@fluentui/utilities';
import { unregisterIcons } from '@fluentui/style-utilities';
import { useCustomizationSettings } from '@fluentui/utilities';
import { useDocument } from '@fluentui/react-window-provider';
import { useFocusRects } from '@fluentui/utilities';
import { useWindow } from '@fluentui/react-window-provider';
import { values } from '@fluentui/utilities';
import { videoProperties } from '@fluentui/utilities';
import { warn } from '@fluentui/utilities';
import { warnConditionallyRequiredProps } from '@fluentui/utilities';
import { warnControlledUsage } from '@fluentui/utilities';
import { warnDeprecations } from '@fluentui/utilities';
import { warnMutuallyExclusive } from '@fluentui/utilities';
import { WindowContext } from '@fluentui/react-window-provider';
import { WindowProvider } from '@fluentui/react-window-provider';
import { WindowProviderProps } from '@fluentui/react-window-provider';
import { ZIndexes } from '@fluentui/style-utilities';

// @public (undocumented)
export class ActionButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class ActivityItem extends React_2.Component<IActivityItemProps, {}> {
    constructor(props: IActivityItemProps);
    // (undocumented)
    render(): JSX.Element;
}

export { addDays }

export { addDirectionalKeyCode }

export { addElementAtIndex }

export { addMonths }

export { addWeeks }

export { addYears }

// @public
export type Alignment = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch';

export { allowOverscrollOnElement }

export { allowScrollOnElement }

export { anchorProperties }

export { AnimationClassNames }

// @public (undocumented)
export enum AnimationDirection {
    Horizontal = 0,
    Vertical = 1
}

export { AnimationStyles }

export { AnimationVariables }

// @public (undocumented)
export const Announced: React_2.FunctionComponent<IAnnouncedProps>;

// @public (undocumented)
export class AnnouncedBase extends React_2.Component<IAnnouncedProps> {
    // (undocumented)
    static defaultProps: Partial<IAnnouncedProps>;
    // (undocumented)
    render(): JSX.Element;
}

export { appendFunction }

export { arraysEqual }

export { asAsync }

export { assertNever }

export { assign }

export { Async }

export { audioProperties }

// @public (undocumented)
export class Autofill extends React_2.Component<IAutofillProps, IAutofillState> implements IAutofill {
    constructor(props: IAutofillProps);
    // (undocumented)
    clear(): void;
    // Warning: (ae-forgotten-export) The symbol "ICursorLocation" needs to be exported by the entry point index.d.ts
    //
    // (undocumented)
    componentDidUpdate(_: any, _1: any, cursor: ICursorLocation | null): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    get cursorLocation(): number | null;
    // (undocumented)
    static defaultProps: {
        enableAutofillOnKeyPress: number[];
    };
    // (undocumented)
    focus(): void;
    // (undocumented)
    static getDerivedStateFromProps(props: IAutofillProps, state: IAutofillState): IAutofillState | null;
    // (undocumented)
    getSnapshotBeforeUpdate(): ICursorLocation | null;
    // (undocumented)
    get inputElement(): HTMLInputElement | null;
    // (undocumented)
    get isValueSelected(): boolean;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    get selectionEnd(): number | null;
    // (undocumented)
    get selectionStart(): number | null;
    // (undocumented)
    get value(): string;
}

export { AutoScroll }

// @public (undocumented)
export class BaseButton extends React_2.Component<IBaseButtonProps, IBaseButtonState> implements IButton {
    constructor(props: IBaseButtonProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IBaseButtonProps, prevState: IBaseButtonState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: Partial<IBaseButtonProps>;
    // (undocumented)
    dismissMenu(): void;
    // (undocumented)
    focus(): void;
    // (undocumented)
    openMenu(shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean): void;
    // (undocumented)
    render(): JSX.Element;
}

export { BaseComponent }

export { baseElementEvents }

export { baseElementProperties }

// @public (undocumented)
export class BaseExtendedPeoplePicker extends BaseExtendedPicker<IPersonaProps, IExtendedPeoplePickerProps> {
}

// @public (undocumented)
export class BaseExtendedPicker<T, P extends IBaseExtendedPickerProps<T>> extends React_2.Component<P, IBaseExtendedPickerState<T>> implements IBaseExtendedPicker<T> {
    constructor(basePickerProps: P);
    // (undocumented)
    protected canAddItems(): boolean;
    // (undocumented)
    clearInput(): void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    floatingPicker: React_2.RefObject<BaseFloatingPicker<T, IBaseFloatingPickerProps<T>>>;
    // (undocumented)
    protected get floatingPickerProps(): IBaseFloatingPickerProps<T>;
    // (undocumented)
    focus(): void;
    // (undocumented)
    get highlightedItems(): T[];
    // (undocumented)
    protected input: React_2.RefObject<Autofill>;
    // (undocumented)
    get inputElement(): HTMLInputElement | null;
    // (undocumented)
    get items(): any;
    // (undocumented)
    protected onBackspace: (ev: React_2.KeyboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onInputChange: (value: string, composing?: boolean | undefined) => void;
    // (undocumented)
    protected onInputClick: (ev: React_2.MouseEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onInputFocus: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onPaste: (ev: React_2.ClipboardEvent<Autofill | HTMLInputElement>) => void;
    // (undocumented)
    protected _onSelectedItemsChanged: () => void;
    // (undocumented)
    protected onSelectionChange: () => void;
    // (undocumented)
    protected _onSuggestionSelected: (item: T) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderFloatingPicker(): JSX.Element;
    // (undocumented)
    protected renderSelectedItemsList(): JSX.Element;
    // (undocumented)
    protected root: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    selectedItemsList: React_2.RefObject<BaseSelectedItemsList<T, IBaseSelectedItemsListProps<T>>>;
    // (undocumented)
    protected get selectedItemsListProps(): IBaseSelectedItemsListProps<T>;
    // (undocumented)
    protected selection: Selection_2;
}

// @public (undocumented)
export class BaseFloatingPeoplePicker extends BaseFloatingPicker<IPersonaProps, IPeopleFloatingPickerProps> {
}

// @public (undocumented)
export class BaseFloatingPicker<T, P extends IBaseFloatingPickerProps<T>> extends React_2.Component<P, IBaseFloatingPickerState> implements IBaseFloatingPicker {
    constructor(basePickerProps: P);
    // (undocumented)
    completeSuggestion: () => void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    protected currentPromise: PromiseLike<T[]>;
    // (undocumented)
    get currentSelectedSuggestionIndex(): number;
    // (undocumented)
    forceResolveSuggestion(): void;
    // (undocumented)
    hidePicker: () => void;
    // (undocumented)
    get inputText(): string;
    // (undocumented)
    protected isComponentMounted: boolean;
    // (undocumented)
    get isSuggestionsShown(): boolean;
    // (undocumented)
    protected onChange(item: T): void;
    // (undocumented)
    protected onKeyDown: (ev: MouseEvent) => void;
    // (undocumented)
    onQueryStringChanged: (queryString: string) => void;
    // (undocumented)
    protected onSelectionChange(): void;
    // (undocumented)
    protected onSuggestionClick: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
    // (undocumented)
    protected onSuggestionRemove: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderSuggestions(): JSX.Element | null;
    // (undocumented)
    protected root: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    protected selection: Selection;
    // (undocumented)
    showPicker: (updateValue?: boolean) => void;
    // (undocumented)
    get suggestions(): any[];
    // (undocumented)
    protected suggestionsControl: React_2.RefObject<SuggestionsControl<T>>;
    // (undocumented)
    protected SuggestionsControlOfProperType: new (props: ISuggestionsControlProps<T>) => SuggestionsControl<T>;
    // (undocumented)
    protected suggestionStore: SuggestionsStore<T>;
    // (undocumented)
    updateSuggestions(suggestions: T[], forceUpdate?: boolean): void;
    // (undocumented)
    protected updateSuggestionsList(suggestions: T[] | PromiseLike<T[]>): void;
    // (undocumented)
    protected updateSuggestionWithZeroState(): void;
    // (undocumented)
    protected updateValue(updatedValue: string): void;
}

// @public (undocumented)
export class BasePeoplePicker extends BasePicker<IPersonaProps, IPeoplePickerProps> {
}

// @public (undocumented)
export class BasePeopleSelectedItemsList extends BaseSelectedItemsList<IExtendedPersonaProps, ISelectedPeopleProps> {
}

// @public (undocumented)
export class BasePicker<T, P extends IBasePickerProps<T>> extends React_2.Component<P, IBasePickerState<T>> implements IBasePicker<T> {
    constructor(basePickerProps: P);
    // (undocumented)
    protected addItem: (item: T) => void;
    // (undocumented)
    protected addItemByIndex: (index: number) => void;
    // (undocumented)
    protected _ariaMap: IPickerAriaIds;
    // (undocumented)
    protected canAddItems(): boolean;
    // (undocumented)
    protected completeSelection: (item: T) => void;
    // (undocumented)
    completeSuggestion(forceComplete?: boolean): void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(oldProps: P, oldState: IBasePickerState<T>): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    protected currentPromise: PromiseLike<any> | undefined;
    // (undocumented)
    dismissSuggestions: (ev?: any) => void;
    // (undocumented)
    focus(): void;
    // (undocumented)
    focusInput(): void;
    // (undocumented)
    protected getActiveDescendant(): string | undefined;
    // (undocumented)
    static getDerivedStateFromProps(newProps: IBasePickerProps<any>): {
        items: any[];
    } | null;
    // @deprecated (undocumented)
    protected getSuggestionsAlert(suggestionAlertClassName?: string): JSX.Element | undefined;
    // (undocumented)
    protected input: React_2.RefObject<IAutofill>;
    // (undocumented)
    get items(): T[];
    // (undocumented)
    protected onBackspace(ev: React_2.KeyboardEvent<HTMLElement>): void;
    // (undocumented)
    protected onBlur: (ev: React_2.FocusEvent<HTMLElement | Autofill>) => void;
    // (undocumented)
    protected onChange(items?: T[]): void;
    protected onClick: (ev: React_2.MouseEvent<HTMLInputElement>) => void;
    protected onEmptyInputFocus(): void;
    // (undocumented)
    protected onFocus: () => void;
    // (undocumented)
    protected onGetMoreResults: () => void;
    // (undocumented)
    protected onInputBlur: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onInputChange: (value: string) => void;
    // (undocumented)
    protected onInputFocus: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onItemChange: (changedItem: T, index: number) => void;
    // (undocumented)
    protected onKeyDown: (ev: React_2.KeyboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onSelectionChange(): void;
    // (undocumented)
    protected onSuggestionClick: (ev: React_2.MouseEvent<HTMLElement>, item: any, index: number) => void;
    // (undocumented)
    protected onSuggestionRemove: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
    // (undocumented)
    protected onSuggestionSelect(): void;
    protected onWrapperClick: (ev: React_2.MouseEvent<HTMLInputElement>) => void;
    // (undocumented)
    refocusSuggestions: (keyCode: KeyCodes) => void;
    // (undocumented)
    protected removeItem: (item: T) => void;
    // (undocumented)
    protected removeItems: (itemsToRemove: any[]) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderCustomAlert(alertClassName?: string): JSX.Element;
    // (undocumented)
    protected renderItems(): JSX.Element[];
    // (undocumented)
    protected renderSuggestions(): JSX.Element | null;
    // (undocumented)
    protected resetFocus(index?: number): void;
    // (undocumented)
    protected resolveNewValue(updatedValue: string, suggestions: T[]): void;
    // (undocumented)
    protected root: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    protected selection: Selection_2;
    // @deprecated (undocumented)
    protected _shouldFocusZoneEnterInnerZone: (ev: React_2.KeyboardEvent<HTMLElement>) => boolean;
    // (undocumented)
    protected suggestionElement: React_2.RefObject<ISuggestions<T>>;
    // @deprecated (undocumented)
    protected SuggestionOfProperType: new (props: ISuggestionsProps<T>) => Suggestions<T>;
    // (undocumented)
    protected suggestionStore: SuggestionsController<T>;
    // (undocumented)
    protected updateSuggestions(suggestions: any[]): void;
    // (undocumented)
    protected updateSuggestionsList(suggestions: T[] | PromiseLike<T[]>, updatedValue?: string): void;
    // (undocumented)
    protected updateValue(updatedValue: string): void;
}

// @public (undocumented)
export class BasePickerListBelow<T, P extends IBasePickerProps<T>> extends BasePicker<T, P> {
    // (undocumented)
    protected onBackspace(ev: React_2.KeyboardEvent<HTMLElement>): void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class BaseSelectedItemsList<T, P extends IBaseSelectedItemsListProps<T>> extends React_2.Component<P, IBaseSelectedItemsListState<T>> implements IBaseSelectedItemsList<T> {
    constructor(basePickerProps: P);
    // (undocumented)
    addItems: (items: T[]) => void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(oldProps: P, oldState: IBaseSelectedItemsListState<IObjectWithKey>): void;
    // (undocumented)
    protected copyItems(items: T[]): void;
    // (undocumented)
    static getDerivedStateFromProps(newProps: IBaseSelectedItemsListProps<any>): {
        items: any[];
    } | null;
    // (undocumented)
    hasSelectedItems(): boolean;
    // (undocumented)
    highlightedItems(): T[];
    // (undocumented)
    get items(): T[];
    // (undocumented)
    protected onChange(items?: T[]): void;
    // (undocumented)
    onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onItemChange: (changedItem: T, index: number) => void;
    // (undocumented)
    protected onSelectionChanged: () => void;
    // (undocumented)
    removeItem: (item: T) => void;
    // (undocumented)
    removeItemAt: (index: number) => void;
    // (undocumented)
    removeItems: (itemsToRemove: any[]) => void;
    // (undocumented)
    removeSelectedItems(): void;
    // (undocumented)
    render(): any;
    // (undocumented)
    protected renderItems: () => JSX.Element[];
    // (undocumented)
    replaceItem: (itemToReplace: T, itemsToReplaceWith: T[]) => void;
    // (undocumented)
    protected root: HTMLElement;
    // (undocumented)
    protected get selection(): Selection_2;
    // (undocumented)
    unselectAll(): void;
    updateItems(items: T[], focusIndex?: number): void;
}

// @public (undocumented)
export enum BaseSlots {
    // (undocumented)
    backgroundColor = 1,
    // (undocumented)
    foregroundColor = 2,
    // (undocumented)
    primaryColor = 0
}

// @public (undocumented)
export const Breadcrumb: React_2.FunctionComponent<IBreadcrumbProps>;

// @public (undocumented)
export class BreadcrumbBase extends React_2.Component<IBreadcrumbProps, any> {
    constructor(props: IBreadcrumbProps);
    // (undocumented)
    static defaultProps: IBreadcrumbProps;
    focus(): void;
    // (undocumented)
    render(): JSX.Element;
}

export { buildClassMap }

// @public (undocumented)
export function buildColumns(items: any[], canResizeColumns?: boolean, onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void, sortedColumnKey?: string, isSortedDescending?: boolean, groupedColumnKey?: string, isMultiline?: boolean, columnActionsMode?: ColumnActionsMode): IColumn[];

// @public
export function buildKeytipConfigMap(config: IKeytipConfig): IKeytipConfigMap;

// @public @deprecated
export class Button extends React_2.Component<IButtonProps, {}> {
    constructor(props: IButtonProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const ButtonGrid: React_2.FunctionComponent<IButtonGridProps>;

// @public (undocumented)
export const ButtonGridCell: <T, P extends IButtonGridCellProps<T>>(props: IButtonGridCellProps<T>) => JSX.Element;

export { buttonProperties }

// @public (undocumented)
export enum ButtonType {
    // (undocumented)
    command = 4,
    // (undocumented)
    compound = 3,
    // (undocumented)
    default = 6,
    // (undocumented)
    hero = 2,
    // (undocumented)
    icon = 5,
    // (undocumented)
    normal = 0,
    // (undocumented)
    primary = 1
}

export { calculatePrecision }

// @public (undocumented)
export const Calendar: React_2.FunctionComponent<ICalendarProps>;

// @public (undocumented)
export const Callout: React_2.FunctionComponent<ICalloutProps>;

// @public (undocumented)
export const CalloutContent: React_2.FunctionComponent<ICalloutProps>;

// @public (undocumented)
export const CalloutContentBase: React_2.FunctionComponent<ICalloutProps>;

// @public
export function canAnyMenuItemsCheck(items: IContextualMenuItem[]): boolean;

// @public (undocumented)
export const Check: React_2.FunctionComponent<ICheckProps>;

// @public (undocumented)
export const CHECK_CELL_WIDTH = 48;

// @public (undocumented)
export const CheckBase: React_2.FunctionComponent<ICheckProps>;

// @public (undocumented)
export const Checkbox: React_2.FunctionComponent<ICheckboxProps>;

// @public (undocumented)
export const CheckboxBase: React_2.FunctionComponent<ICheckboxProps>;

// @public (undocumented)
export enum CheckboxVisibility {
    always = 1,
    hidden = 2,
    onHover = 0
}

// @public (undocumented)
export const ChoiceGroup: React_2.FunctionComponent<IChoiceGroupProps>;

// @public (undocumented)
export const ChoiceGroupBase: React_2.FunctionComponent<IChoiceGroupProps>;

// @public (undocumented)
export const ChoiceGroupOption: React_2.FunctionComponent<IChoiceGroupOptionProps>;

// @public
export function clamp(value: number, max: number, min?: number): number;

export { classNamesFunction }

// @public
export function cleanupDefaultLayerHost(doc: Document): void;

// @public (undocumented)
export const Coachmark: React_2.FunctionComponent<ICoachmarkProps>;

// @public (undocumented)
export const COACHMARK_ATTRIBUTE_NAME = "data-coachmarkid";

// @public (undocumented)
export const CoachmarkBase: React_2.FunctionComponent<ICoachmarkProps>;

export { colGroupProperties }

// @public (undocumented)
export enum CollapseAllVisibility {
    // (undocumented)
    hidden = 0,
    // (undocumented)
    visible = 1
}

export { ColorClassNames }

// @public (undocumented)
export const ColorPicker: React_2.FunctionComponent<IColorPickerProps>;

// @public (undocumented)
export class ColorPickerBase extends React_2.Component<IColorPickerProps, IColorPickerState> implements IColorPicker {
    constructor(props: IColorPickerProps);
    // (undocumented)
    get color(): IColor;
    // (undocumented)
    componentDidUpdate(prevProps: Readonly<IColorPickerProps>, prevState: Readonly<IColorPickerState>): void;
    // (undocumented)
    static defaultProps: Partial<IColorPickerProps>;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const ColorPickerGridCell: React_2.FunctionComponent<IColorPickerGridCellProps>;

// @public (undocumented)
export const ColorPickerGridCellBase: React_2.FunctionComponent<IColorPickerGridCellProps>;

export { colProperties }

// @public
export enum ColumnActionsMode {
    clickable = 1,
    disabled = 0,
    hasDropdown = 2
}

// @public
export enum ColumnDragEndLocation {
    header = 2,
    outside = 0,
    surface = 1
}

// @public (undocumented)
export const ComboBox: React_2.FunctionComponent<IComboBoxProps>;

// @public (undocumented)
export const CommandBar: React_2.FunctionComponent<ICommandBarProps>;

// @public (undocumented)
export class CommandBarBase extends React_2.Component<ICommandBarProps, {}> implements ICommandBar {
    constructor(props: ICommandBarProps);
    // (undocumented)
    static defaultProps: ICommandBarProps;
    // (undocumented)
    focus(): void;
    // (undocumented)
    remeasure(): void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class CommandBarButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const CommandButton: typeof ActionButton;

export { CommunicationColors }

// @public (undocumented)
export const CompactPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;

// @public
export class CompactPeoplePickerBase extends BasePeoplePicker {
    static defaultProps: {
        onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
        createGenericItem: typeof createGenericItem;
    };
}

export { compareDatePart }

export { compareDates }

export { ComponentsStyles }

export { ComponentStyles }

export { composeComponentAs }

export { composeRenderFunction }

// @public (undocumented)
export class CompoundButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

export { concatStyleSets }

export { concatStyleSetsWithProps }

// @public (undocumented)
export enum ConstrainMode {
    horizontalConstrained = 1,
    unconstrained = 0
}

// @public
export function constructKeytip(configMap: IKeytipConfigMap, parentSequence: string[], keytip: IKeytipConfigItem): void;

// @public
export const ContextualMenu: React_2.FunctionComponent<IContextualMenuProps>;

// @public (undocumented)
export const ContextualMenuBase: React_2.FunctionComponent<IContextualMenuProps>;

// @public
export const ContextualMenuItem: React_2.FunctionComponent<IContextualMenuItemProps>;

// @public (undocumented)
export class ContextualMenuItemBase extends React_2.Component<IContextualMenuItemProps, {}> {
    constructor(props: IContextualMenuItemProps);
    // (undocumented)
    dismissMenu: (dismissAll?: boolean | undefined) => void;
    // (undocumented)
    dismissSubMenu: () => void;
    // (undocumented)
    openSubMenu: () => void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum ContextualMenuItemType {
    // (undocumented)
    Divider = 1,
    // (undocumented)
    Header = 2,
    // (undocumented)
    Normal = 0,
    // (undocumented)
    Section = 3
}

// @public
export function correctHex(hex: string): string;

// @public
export function correctHSV(color: IHSV): IHSV;

// @public
export function correctRGB(color: IRGB): IRGB;

export { createArray }

// @public
export function createDefaultLayerHost(doc: Document): Node | null;

export { createFontStyles }

// @public (undocumented)
export function createGenericItem(name: string, currentValidationState: ValidationState): IGenericItem & {
    key: React_2.Key;
};

// @public (undocumented)
export function createItem(name: string, isValid: boolean): ISuggestionModel<IPersonaProps>;

export { createMemoizer }

export { createMergedRef }

export { createTheme }

export { css }

// @public
export function cssColor(color?: string): IRGB | undefined;

export { customizable }

export { Customizations }

export { Customizer }

export { CustomizerContext }

export { DATA_IS_SCROLLABLE_ATTRIBUTE }

export { DATA_PORTAL_ATTRIBUTE }

// @public (undocumented)
export const DATAKTP_ARIA_TARGET = "data-ktp-aria-target";

// @public (undocumented)
export const DATAKTP_EXECUTE_TARGET = "data-ktp-execute-target";

// @public (undocumented)
export const DATAKTP_TARGET = "data-ktp-target";

// @public (undocumented)
export const DatePicker: React_2.FunctionComponent<IDatePickerProps>;

// @public (undocumented)
export const DatePickerBase: React_2.FunctionComponent<IDatePickerProps>;

export { DateRangeType }

export { DayOfWeek }

export { DAYS_IN_WEEK }

// @public (undocumented)
export const DEFAULT_CELL_STYLE_PROPS: ICellStyleProps;

// @public (undocumented)
export const DEFAULT_MASK_CHAR = "_";

// @public (undocumented)
export const DEFAULT_ROW_HEIGHTS: {
    rowHeight: number;
    compactRowHeight: number;
};

// @public (undocumented)
export class DefaultButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const defaultCalendarNavigationIcons: ICalendarNavigationIcons;

// @public (undocumented)
export const defaultCalendarStrings: ICalendarStrings;

// @public (undocumented)
export const defaultDatePickerStrings: IDatePickerStrings;

// @public @deprecated (undocumented)
export const defaultDayPickerStrings: ICalendarStrings;

export { DefaultEffects }

export { DefaultFontStyles }

export { DefaultPalette }

export { DefaultSpacing }

// @public (undocumented)
export const defaultWeeklyDayPickerNavigationIcons: IWeeklyDayPickerNavigationIcons;

// @public (undocumented)
export const defaultWeeklyDayPickerStrings: IWeeklyDayPickerStrings;

export { DelayedRender }

export { Depths }

// @public (undocumented)
export const DetailsColumn: React_2.FunctionComponent<IDetailsColumnProps>;

// @public
export class DetailsColumnBase extends React_2.Component<IDetailsColumnProps> {
    constructor(props: IDetailsColumnProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const DetailsHeader: React_2.FunctionComponent<IDetailsHeaderBaseProps>;

// @public (undocumented)
export class DetailsHeaderBase extends React_2.Component<IDetailsHeaderBaseProps, IDetailsHeaderState> implements IDetailsHeader {
    constructor(props: IDetailsHeaderBaseProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IDetailsHeaderBaseProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        selectAllVisibility: SelectAllVisibility;
        collapseAllVisibility: CollapseAllVisibility;
        useFastIcons: boolean;
    };
    focus(): boolean;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const DetailsList: React_2.FunctionComponent<IDetailsListProps>;

// @public (undocumented)
export class DetailsListBase extends React_2.Component<IDetailsListProps, IDetailsListState> implements IDetailsList {
    constructor(props: IDetailsListProps);
    // (undocumented)
    componentDidUpdate(prevProps: IDetailsListProps, prevState: IDetailsListState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        layoutMode: DetailsListLayoutMode;
        selectionMode: SelectionMode_2;
        constrainMode: ConstrainMode;
        checkboxVisibility: CheckboxVisibility;
        isHeaderVisible: boolean;
        compact: boolean;
        useFastIcons: boolean;
    };
    // (undocumented)
    focusIndex(index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState;
    // (undocumented)
    getStartItemIndexInView(): number;
    // (undocumented)
    protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps> | undefined) => JSX.Element;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    // (undocumented)
    updateColumn(column: IColumn, options: {
        width?: number;
        newColumnIndex?: number;
    }): void;
}

// @public (undocumented)
export enum DetailsListLayoutMode {
    fixedColumns = 0,
    justified = 1
}

// @public (undocumented)
export const DetailsRow: React_2.FunctionComponent<IDetailsRowBaseProps>;

// @public (undocumented)
export class DetailsRowBase extends React_2.Component<IDetailsRowBaseProps, IDetailsRowState> {
    constructor(props: IDetailsRowBaseProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: IDetailsRowBaseProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    focus(forceIntoFirstElement?: boolean): boolean;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: IDetailsRowBaseProps, previousState: IDetailsRowState): IDetailsRowState;
    measureCell(index: number, onMeasureDone: (width: number) => void): void;
    // (undocumented)
    protected _onRenderCheck(props: IDetailsRowCheckProps): JSX.Element;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    shouldComponentUpdate(nextProps: IDetailsRowBaseProps, nextState: IDetailsRowState): boolean;
}

// @public (undocumented)
export const DetailsRowCheck: React_2.FunctionComponent<IDetailsRowCheckProps>;

// @public
export const DetailsRowFields: React_2.FunctionComponent<IDetailsRowFieldsProps>;

// @public (undocumented)
export const DetailsRowGlobalClassNames: {
    root: string;
    compact: string;
    cell: string;
    cellAnimation: string;
    cellCheck: string;
    check: string;
    cellMeasurer: string;
    listCellFirstChild: string;
    isContentUnselectable: string;
    isSelected: string;
    isCheckVisible: string;
    isRowHeader: string;
    fields: string;
};

// @public (undocumented)
export const Dialog: React_2.FunctionComponent<IDialogProps>;

// @public (undocumented)
export class DialogBase extends React_2.Component<IDialogProps, {}> {
    constructor(props: IDialogProps);
    // (undocumented)
    static defaultProps: IDialogProps;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const DialogContent: React_2.FunctionComponent<IDialogContentProps>;

// @public (undocumented)
export class DialogContentBase extends React_2.Component<IDialogContentProps, {}> {
    constructor(props: IDialogContentProps);
    // (undocumented)
    static defaultProps: IDialogContentProps;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const DialogFooter: React_2.FunctionComponent<IDialogFooterProps>;

// @public (undocumented)
export class DialogFooterBase extends React_2.Component<IDialogFooterProps, {}> {
    constructor(props: IDialogFooterProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum DialogType {
    close = 2,
    largeHeader = 1,
    normal = 0
}

// @public (undocumented)
export const DirectionalHint: {
    topLeftEdge: 0;
    topCenter: 1;
    topRightEdge: 2;
    topAutoEdge: 3;
    bottomLeftEdge: 4;
    bottomCenter: 5;
    bottomRightEdge: 6;
    bottomAutoEdge: 7;
    leftTopEdge: 8;
    leftCenter: 9;
    leftBottomEdge: 10;
    rightTopEdge: 11;
    rightCenter: 12;
    rightBottomEdge: 13;
};

// @public (undocumented)
export type DirectionalHint = typeof DirectionalHint[keyof typeof DirectionalHint];

export { disableBodyScroll }

export { divProperties }

// @public (undocumented)
export const DocumentCard: React_2.FunctionComponent<IDocumentCardProps>;

// @public (undocumented)
export const DocumentCardActions: React_2.FunctionComponent<IDocumentCardActionsProps>;

// @public (undocumented)
export const DocumentCardActivity: React_2.FunctionComponent<IDocumentCardActivityProps>;

// @public (undocumented)
export const DocumentCardDetails: React_2.FunctionComponent<IDocumentCardDetailsProps>;

// @public (undocumented)
export const DocumentCardImage: React_2.FunctionComponent<IDocumentCardImageProps>;

// @public (undocumented)
export const DocumentCardLocation: React_2.FunctionComponent<IDocumentCardLocationProps>;

// @public (undocumented)
export const DocumentCardLogo: React_2.FunctionComponent<IDocumentCardLogoProps>;

// @public (undocumented)
export const DocumentCardPreview: React_2.FunctionComponent<IDocumentCardPreviewProps>;

// @public (undocumented)
export const DocumentCardStatus: React_2.FunctionComponent<IDocumentCardStatusProps>;

// @public (undocumented)
export const DocumentCardTitle: React_2.FunctionComponent<IDocumentCardTitleProps>;

// @public (undocumented)
export enum DocumentCardType {
    compact = 1,
    normal = 0
}

export { doesElementContainFocus }

// @public (undocumented)
export class DragDropHelper implements IDragDropHelper {
    constructor(params: IDragDropHelperParams);
    // (undocumented)
    dispose(): void;
    // (undocumented)
    subscribe(root: HTMLElement, events: EventGroup, dragDropOptions: IDragDropOptions): {
        key: string;
        dispose(): void;
    };
    // (undocumented)
    unsubscribe(root: HTMLElement, key: string): void;
}

// @public (undocumented)
export const Dropdown: React_2.FunctionComponent<IDropdownProps>;

// @public (undocumented)
export const DropdownBase: React_2.FunctionComponent<IDropdownProps>;

export { EdgeChromiumHighContrastSelector }

export { elementContains }

export { elementContainsAttribute }

// @public (undocumented)
export enum ElementType {
    anchor = 1,
    button = 0
}

export { enableBodyScroll }

export { EventGroup }

// @public (undocumented)
export const ExpandingCard: React_2.FunctionComponent<IExpandingCardProps>;

// @public (undocumented)
export class ExpandingCardBase extends React_2.Component<IExpandingCardProps, IExpandingCardState> {
    constructor(props: IExpandingCardProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        compactCardHeight: number;
        expandedCardHeight: number;
        directionalHintFixed: boolean;
    };
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum ExpandingCardMode {
    compact = 0,
    expanded = 1
}

export { extendComponent }

// @public (undocumented)
export class ExtendedPeoplePicker extends BaseExtendedPeoplePicker {
}

// @public (undocumented)
export class ExtendedSelectedItem extends React_2.Component<ISelectedPeopleItemProps, IPeoplePickerItemState> {
    constructor(props: ISelectedPeopleItemProps);
    // (undocumented)
    protected persona: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    render(): JSX.Element;
}

// @public @deprecated (undocumented)
export const Fabric: React_2.FunctionComponent<IFabricProps>;

// @public (undocumented)
export const FabricBase: React_2.FunctionComponent<IFabricProps>;

export { FabricPerformance }

// @public (undocumented)
export enum FabricSlots {
    // (undocumented)
    black = 21,
    // (undocumented)
    neutralDark = 20,
    // (undocumented)
    neutralLight = 11,
    // (undocumented)
    neutralLighter = 10,
    // (undocumented)
    neutralLighterAlt = 9,
    // (undocumented)
    neutralPrimary = 19,
    // (undocumented)
    neutralPrimaryAlt = 18,
    // (undocumented)
    neutralQuaternary = 13,
    // (undocumented)
    neutralQuaternaryAlt = 12,
    // (undocumented)
    neutralSecondary = 17,
    // (undocumented)
    neutralSecondaryAlt = 16,
    // (undocumented)
    neutralTertiary = 15,
    // (undocumented)
    neutralTertiaryAlt = 14,
    // (undocumented)
    themeDark = 7,
    // (undocumented)
    themeDarkAlt = 6,
    // (undocumented)
    themeDarker = 8,
    // (undocumented)
    themeLight = 3,
    // (undocumented)
    themeLighter = 2,
    // (undocumented)
    themeLighterAlt = 1,
    // (undocumented)
    themePrimary = 0,
    // (undocumented)
    themeSecondary = 5,
    // (undocumented)
    themeTertiary = 4,
    // (undocumented)
    white = 22
}

// @public
export const Facepile: React_2.FunctionComponent<IFacepileProps>;

// @public
export class FacepileBase extends React_2.Component<IFacepileProps, {}> {
    constructor(props: IFacepileProps);
    // (undocumented)
    static defaultProps: IFacepileProps;
    // (undocumented)
    protected onRenderAriaDescription(): "" | JSX.Element | undefined;
    // (undocumented)
    render(): JSX.Element;
}

export { filteredAssign }

export { find }

export { findElementRecursive }

export { findIndex }

export { findScrollableParent }

export { FirstWeekOfYear }

export { fitContentToBounds }

export { FitMode }

export { flatten }

// @public (undocumented)
export class FloatingPeoplePicker extends BaseFloatingPeoplePicker {
    // (undocumented)
    static defaultProps: any;
}

export { FluentTheme }

export { focusAsync }

export { focusClear }

export { focusFirstChild }

export { FocusRects }

// @public
export const FocusTrapCallout: React_2.FunctionComponent<IFocusTrapCalloutProps>;

// @public (undocumented)
export const FocusTrapZone: React_2.FunctionComponent<IFocusTrapZoneProps> & {
    focusStack: string[];
};

export { FocusZone }

export { FocusZoneDirection }

export { FocusZoneTabbableElements }

export { FontClassNames }

export { fontFace }

// @public
export const FontIcon: React_2.FunctionComponent<IFontIconProps>;

export { FontSizes }

export { FontWeights }

export { format }

export { formProperties }

// @public (undocumented)
export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[];

// @public
export function getAriaDescribedBy(keySequences: string[]): string;

// @public (undocumented)
export function getBackgroundShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null;

// @public (undocumented)
export function getBoundsFromTargetWindow(target: Element | MouseEvent | Point | Rectangle | null, targetWindow: IWindowWithSegments): IRectangle;

// @public (undocumented)
export const getCellStyles: (props: {
    theme: ITheme;
    cellStyleProps?: ICellStyleProps | undefined;
}) => IStyle;

export { getChildren }

// @public
export function getColorFromHSV(hsv: IHSV, a?: number): IColor;

// @public
export function getColorFromRGBA(rgba: IRGB): IColor;

// @public
export function getColorFromString(inputColor: string): IColor | undefined;

// @public (undocumented)
export function getContrastRatio(color1: IColor, color2: IColor): number;

export { getDatePartHashValue }

export { getDateRangeArray }

// @public (undocumented)
export const getDetailsColumnStyles: (props: IDetailsColumnStyleProps) => IDetailsColumnStyles;

// @public (undocumented)
export const getDetailsHeaderStyles: (props: IDetailsHeaderStyleProps) => IDetailsHeaderStyles;

// @public (undocumented)
export const getDetailsListStyles: (props: IDetailsListStyleProps) => IDetailsListStyles;

// @public (undocumented)
export const getDetailsRowCheckStyles: (props: IDetailsRowCheckStyleProps) => IDetailsRowCheckStyles;

// @public (undocumented)
export const getDetailsRowStyles: (props: IDetailsRowStyleProps) => IDetailsRowStyles;

export { getDistanceBetweenPoints }

export { getDocument }

export { getEdgeChromiumNoHighContrastAdjustSelector }

export { getElementIndexPath }

export { getEndDateOfWeek }

export { getFadedOverflowStyle }

export { getFirstFocusable }

export { getFirstTabbable }

export { getFirstVisibleElementFromSelector }

export { getFocusableByIndexPath }

export { getFocusOutlineStyle }

export { getFocusStyle }

// @public
export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React_2.ReactElement<any, any> | null;

// @public
export function getFullColorString(color: IColor): string;

export { getGlobalClassNames }

export { getHighContrastNoAdjustStyle }

export { getIcon }

export { getIconClassName }

// @public (undocumented)
export const getIconContent: (iconName?: string | undefined) => IIconContent | null;

export { getId }

// @public (undocumented)
export function getInitialResponsiveMode(): ResponsiveMode;

export { getInitials }

export { getInputFocusStyle }

export { getLanguage }

export { getLastFocusable }

export { getLastTabbable }

// @public
export function getMaxHeight(target: Element | MouseEvent | Point | Rectangle, targetEdge: DirectionalHint, gapSpace?: number, bounds?: IRectangle, coverTarget?: boolean): number;

// @public
export const getMeasurementCache: () => {
    getCachedMeasurement: (data: any) => number | undefined;
    addMeasurementToCache: (data: any, measurement: number) => void;
};

// @public (undocumented)
export const getMenuItemStyles: (theme: ITheme) => IMenuItemStyles;

export { getMonthEnd }

export { getMonthStart }

export { getNativeElementProps }

export { getNativeProps }

export { getNextElement }

// @public
export const getNextResizeGroupStateProvider: (measurementCache?: {
    getCachedMeasurement: (data: any) => number | undefined;
    addMeasurementToCache: (data: any, measurement: number) => void;
}) => {
    getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined;
    shouldRenderDataForMeasurement: (dataToMeasure: any | undefined) => boolean;
    getInitialResizeGroupState: (data: any) => IResizeGroupState;
};

// @public
export function getOppositeEdge(edge: RectangleEdge): RectangleEdge;

export { getParent }

// @public
export function getPersonaInitialsColor(props: Pick<IPersonaProps, 'primaryText' | 'text' | 'initialsColor'>): string;

export { getPlaceholderStyles }

export { getPreviousElement }

export { getPropsWithDefaults }

export { getRect }

export { getResourceUrl }

// @public
export function getResponsiveMode(currentWindow: Window | undefined): ResponsiveMode;

export { getRTL }

export { getRTLSafeKeyCode }

export { getScreenSelector }

export { getScrollbarWidth }

// @public
export function getShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null;

// @public (undocumented)
export const getShimmeredDetailsListStyles: (props: IShimmeredDetailsListStyleProps) => IShimmeredDetailsListStyles;

// @public (undocumented)
export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames;

export { getStartDateOfWeek }

// @public (undocumented)
export function getSubmenuItems(item: IContextualMenuItem, options?: {
    target?: Target;
}): IContextualMenuItem[] | undefined;

export { getTheme }

export { getThemedContext }

export { getVirtualParent }

export { getWeekNumber }

export { getWeekNumbersInMonth }

export { getWindow }

export { getYearEnd }

export { getYearStart }

export { GlobalClassNames }

export { GlobalSettings }

// @public (undocumented)
export const GroupedList: React_2.FunctionComponent<IGroupedListProps>;

// @public (undocumented)
export class GroupedListBase extends React_2.Component<IGroupedListProps, IGroupedListState> implements IGroupedList {
    constructor(props: IGroupedListProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    static defaultProps: {
        selectionMode: SelectionMode_2;
        isHeaderVisible: boolean;
        groupProps: {};
        compact: boolean;
    };
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: IGroupedListProps, previousState: IGroupedListState): IGroupedListState;
    // (undocumented)
    getStartItemIndexInView(): number;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    // (undocumented)
    toggleCollapseAll(allCollapsed: boolean): void;
}

// @public (undocumented)
export class GroupedListSection extends React_2.Component<IGroupedListSectionProps, IGroupedListSectionState> {
    constructor(props: IGroupedListSectionProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: IGroupedListSectionProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    forceListUpdate(): void;
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const GroupFooter: React_2.FunctionComponent<IGroupFooterProps>;

// @public (undocumented)
export const GroupHeader: React_2.FunctionComponent<IGroupHeaderProps>;

// @public (undocumented)
export const GroupShowAll: React_2.FunctionComponent<IGroupShowAllProps>;

// @public (undocumented)
export const GroupSpacer: React_2.FunctionComponent<IGroupSpacerProps>;

export { hasHorizontalOverflow }

export { hasOverflow }

export { hasVerticalOverflow }

// @public (undocumented)
export const HEADER_HEIGHT = 42;

// @public
export const HEX_REGEX: RegExp;

export { hiddenContentStyle }

export { HighContrastSelector }

export { HighContrastSelectorBlack }

export { HighContrastSelectorWhite }

export { hoistMethods }

export { hoistStatics }

// @public (undocumented)
export const HoverCard: React_2.FunctionComponent<IHoverCardProps>;

// @public (undocumented)
export class HoverCardBase extends React_2.Component<IHoverCardProps, IHoverCardState> implements IHoverCard {
    constructor(props: IHoverCardProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IHoverCardProps, prevState: IHoverCardState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        cardOpenDelay: number;
        cardDismissDelay: number;
        expandedCardOpenDelay: number;
        instantOpenOnClick: boolean;
        setInitialFocus: boolean;
        openHotKey: number;
        type: HoverCardType;
    };
    // (undocumented)
    dismiss: (withTimeOut?: boolean | undefined) => void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum HoverCardType {
    expanding = "ExpandingCard",
    plain = "PlainCard"
}

// @public
export function hsl2hsv(h: number, s: number, l: number): IHSV;

// @public
export function hsl2rgb(h: number, s: number, l: number): IRGB;

// @public
export function hsv2hex(h: number, s: number, v: number): string;

// @public
export function hsv2hsl(h: number, s: number, v: number): IHSL;

// @public
export function hsv2rgb(h: number, s: number, v: number): IRGB;

export { htmlElementProperties }

// @public (undocumented)
export interface IAccessiblePopupProps {
    closeButtonAriaLabel?: string;
    elementToFocusOnDismiss?: HTMLElement;
    firstFocusableSelector?: string | (() => string);
    forceFocusInsideTrap?: boolean;
    ignoreExternalFocusing?: boolean;
    isClickableOutsideFocusTrap?: boolean;
}

// @public (undocumented)
export interface IActivityItemProps extends React_2.AllHTMLAttributes<HTMLElement> {
    activityDescription?: React_2.ReactNode[] | React_2.ReactNode;
    // @deprecated
    activityDescriptionText?: string;
    activityIcon?: React_2.ReactNode;
    activityPersonas?: IPersonaSharedProps[];
    animateBeaconSignal?: boolean;
    beaconColorOne?: string;
    beaconColorTwo?: string;
    comments?: React_2.ReactNode[] | React_2.ReactNode;
    // @deprecated
    commentText?: string;
    isCompact?: boolean;
    onRenderActivityDescription?: IRenderFunction<IActivityItemProps>;
    onRenderComments?: IRenderFunction<IActivityItemProps>;
    onRenderIcon?: IRenderFunction<IActivityItemProps>;
    onRenderTimeStamp?: IRenderFunction<IActivityItemProps>;
    styles?: IActivityItemStyles;
    timeStamp?: string | React_2.ReactNode[] | React_2.ReactNode;
}

// @public (undocumented)
export interface IActivityItemStyles {
    activityContent?: IStyle;
    activityPersona?: IStyle;
    activityText?: IStyle;
    activityTypeIcon?: IStyle;
    commentText?: IStyle;
    doublePersona?: IStyle;
    isCompactContent?: IStyle;
    isCompactIcon?: IStyle;
    isCompactPersona?: IStyle;
    isCompactPersonaContainer?: IStyle;
    isCompactRoot?: IStyle;
    isCompactTimeStamp?: IStyle;
    personaContainer?: IStyle;
    pulsingBeacon?: IStyle;
    root?: IStyle;
    timeStamp?: IStyle;
}

export { IAnimationStyles }

export { IAnimationVariables }

// @public (undocumented)
export interface IAnnouncedProps extends React_2.Props<AnnouncedBase>, React_2.HTMLAttributes<HTMLDivElement> {
    'aria-live'?: 'off' | 'polite' | 'assertive';
    as?: React_2.ElementType;
    message?: string;
    styles?: IStyleFunctionOrObject<{}, IAnnouncedStyles>;
}

// @public (undocumented)
export type IAnnouncedStyleProps = Pick<IAnnouncedProps, 'className'>;

// @public (undocumented)
export interface IAnnouncedStyles {
    root: IStyle;
    screenReaderText: IStyle;
}

export { IAsAsyncOptions }

// @public (undocumented)
export interface IAutofill {
    clear(): void;
    cursorLocation: number | null;
    focus(): void;
    inputElement: HTMLInputElement | null;
    isValueSelected: boolean;
    selectionEnd: number | null;
    selectionStart: number | null;
    value: string;
}

// @public (undocumented)
export interface IAutofillProps extends React_2.InputHTMLAttributes<HTMLInputElement | Autofill> {
    componentRef?: IRefObject<IAutofill>;
    defaultVisibleValue?: string;
    enableAutofillOnKeyPress?: KeyCodes[];
    // @deprecated
    onInputChange?: (value: string, composing: boolean) => string | void;
    onInputValueChange?: (newValue?: string, composing?: boolean) => void;
    preventValueSelection?: boolean;
    shouldSelectFullInputValueInComponentDidUpdate?: () => boolean;
    suggestedDisplayValue?: string;
    // @deprecated
    updateValueInWillReceiveProps?: () => string | null;
}

// @public (undocumented)
export interface IAutofillState {
    // (undocumented)
    inputValue: string;
    // (undocumented)
    isComposing: boolean;
}

// @public (undocumented)
export interface IBaseButtonProps extends IButtonProps {
    // (undocumented)
    baseClassName?: string;
    // (undocumented)
    variantClassName?: string;
}

// @public (undocumented)
export interface IBaseButtonState {
    // (undocumented)
    menuHidden: boolean;
}

// @public (undocumented)
export interface IBaseExtendedPicker<T> {
    focus: () => void;
    forceResolve?: () => void;
    items: T[] | undefined;
}

// @public (undocumented)
export interface IBaseExtendedPickerProps<T> {
    className?: string;
    componentRef?: IRefObject<IBaseExtendedPicker<T>>;
    currentRenderedQueryString?: string;
    defaultSelectedItems?: T[];
    disabled?: boolean;
    floatingPickerProps: IBaseFloatingPickerProps<T>;
    focusZoneProps?: IFocusZoneProps;
    headerComponent?: JSX.Element;
    inputProps?: IInputProps;
    itemLimit?: number;
    onBlur?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
    onChange?: (items?: T[]) => void;
    onFocus?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
    onItemAdded?: (addedItem: T) => void;
    onItemSelected?: (selectedItem?: T) => T | PromiseLike<T>;
    onItemsRemoved?: (removedItems: T[]) => void;
    onPaste?: (pastedText: string) => T[];
    onRenderFloatingPicker: React_2.ComponentType<IBaseFloatingPickerProps<T>>;
    onRenderSelectedItems: React_2.ComponentType<IBaseSelectedItemsListProps<T>>;
    selectedItems?: T[];
    selectedItemsListProps: IBaseSelectedItemsListProps<T>;
    suggestionItems?: T[];
}

// @public (undocumented)
export interface IBaseExtendedPickerState<T> {
    // (undocumented)
    queryString: string | null;
}

// @public (undocumented)
export interface IBaseFloatingPicker {
    hidePicker: () => void;
    inputText: string;
    isSuggestionsShown: boolean;
    onQueryStringChanged: (input: string) => void;
    showPicker: (updateValue?: boolean) => void;
    suggestions: any[];
}

// @public (undocumented)
export interface IBaseFloatingPickerProps<T> extends React_2.ClassAttributes<any> {
    calloutWidth?: number;
    className?: string;
    // (undocumented)
    componentRef?: IRefObject<IBaseFloatingPicker>;
    createGenericItem?: (input: string, isValid: boolean) => ISuggestionModel<T>;
    getTextFromItem?: (item: T, currentValue?: string) => string;
    inputElement?: HTMLInputElement | null;
    onChange?: (item: T) => void;
    onInputChanged?: (filter: string) => void;
    onRemoveSuggestion?: (item: T) => void;
    onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps<T>) => JSX.Element;
    onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike<T[]> | null;
    onSuggestionsHidden?: () => void;
    onSuggestionsShown?: () => void;
    onValidateInput?: (input: string) => boolean;
    onZeroQuerySuggestion?: (selectedItems?: T[]) => T[] | PromiseLike<T[]> | null;
    pickerCalloutProps?: ICalloutProps;
    pickerSuggestionsProps?: IBaseFloatingPickerSuggestionProps;
    resolveDelay?: number;
    searchingText?: ((props: {
        input: string;
    }) => string) | string;
    selectedItems?: T[];
    showForceResolve?: () => boolean;
    suggestionItems?: T[];
    suggestionsStore: SuggestionsStore<T>;
}

// @public (undocumented)
export interface IBaseFloatingPickerState {
    // (undocumented)
    didBind: boolean;
    // (undocumented)
    queryString: string;
    // (undocumented)
    suggestionsVisible?: boolean;
}

// @public
export type IBaseFloatingPickerSuggestionProps = Pick<ISuggestionsControlProps<any>, 'shouldSelectFirstItem' | 'headerItemsProps' | 'footerItemsProps' | 'showRemoveButtons'>;

// @public
export interface IBasePicker<T> {
    completeSuggestion: (forceComplete?: boolean) => void;
    focus: () => void;
    focusInput: () => void;
    items: T[] | undefined;
}

// @public
export interface IBasePickerProps<T> extends React_2.Props<any> {
    ['aria-label']?: string;
    className?: string;
    componentRef?: IRefObject<IBasePicker<T>>;
    createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel<T> | T;
    defaultSelectedItems?: T[];
    disabled?: boolean;
    enableSelectedSuggestionAlert?: boolean;
    getTextFromItem?: (item: T, currentValue?: string) => string;
    inputProps?: IInputProps;
    itemLimit?: number;
    onBlur?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
    onChange?: (items?: T[]) => void;
    onDismiss?: (ev?: any, selectedItem?: T) => boolean | void;
    // @deprecated
    onEmptyInputFocus?: (selectedItems?: T[]) => T[] | PromiseLike<T[]>;
    onEmptyResolveSuggestions?: (selectedItems?: T[]) => T[] | PromiseLike<T[]>;
    // @deprecated
    onFocus?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
    onGetMoreResults?: (filter: string, selectedItems?: T[]) => T[] | PromiseLike<T[]>;
    onInputChange?: (input: string) => string;
    onItemSelected?: (selectedItem?: T) => T | PromiseLike<T> | null;
    onRemoveSuggestion?: (item: T) => void;
    onRenderItem?: (props: IPickerItemProps<T>) => JSX.Element;
    onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps<T>) => JSX.Element;
    onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike<T[]>;
    onValidateInput?: (input: string) => ValidationState;
    pickerCalloutProps?: ICalloutProps;
    pickerSuggestionsProps?: IBasePickerSuggestionsProps;
    removeButtonAriaLabel?: string;
    removeButtonIconProps?: IIconProps;
    resolveDelay?: number;
    searchingText?: ((props: {
        input: string;
    }) => string) | string;
    selectedItems?: T[];
    selectionAriaLabel?: string;
    selectionRole?: string;
    styles?: IStyleFunctionOrObject<IBasePickerStyleProps, IBasePickerStyles>;
    suggestionRemovedText?: string;
    theme?: ITheme;
}

// @public (undocumented)
export interface IBasePickerState<T> {
    // (undocumented)
    isFocused?: boolean;
    // (undocumented)
    isMostRecentlyUsedVisible?: boolean;
    // (undocumented)
    isResultsFooterVisible?: boolean;
    // (undocumented)
    isSearching?: boolean;
    // (undocumented)
    items?: any;
    // (undocumented)
    moreSuggestionsAvailable?: boolean;
    // (undocumented)
    selectedIndices?: number[];
    // (undocumented)
    selectionRemoved?: T;
    // (undocumented)
    suggestedDisplayValue?: string;
    // (undocumented)
    suggestionsLoading?: boolean;
    // (undocumented)
    suggestionsVisible?: boolean;
}

// @public
export type IBasePickerStyleProps = Pick<IBasePickerProps<any>, 'theme' | 'className' | 'disabled'> & {
    isFocused?: boolean;
    inputClassName?: string;
};

// @public
export interface IBasePickerStyles {
    input: IStyle;
    itemsWrapper: IStyle;
    root: IStyle;
    screenReaderText: IStyle;
    text: IStyle;
}

// @public
export interface IBasePickerSuggestionsProps<T = any> extends Pick<ISuggestionsProps<T>, 'onRenderNoResultFound' | 'suggestionsHeaderText' | 'mostRecentlyUsedHeaderText' | 'noResultsFoundText' | 'className' | 'suggestionsClassName' | 'suggestionsItemClassName' | 'searchForMoreIcon' | 'searchForMoreText' | 'forceResolveText' | 'loadingText' | 'searchingText' | 'resultsFooterFull' | 'resultsFooter' | 'resultsMaximumNumber' | 'showRemoveButtons' | 'suggestionsAvailableAlertText' | 'suggestionsContainerAriaLabel' | 'showForceResolve' | 'removeButtonIconProps'> {
}

export { IBaseProps }

// @public (undocumented)
export interface IBaseSelectedItemsList<T> {
    // (undocumented)
    addItems: (items: T[]) => void;
    items: T[] | undefined;
}

// @public (undocumented)
export interface IBaseSelectedItemsListProps<T> extends React_2.ClassAttributes<any> {
    canRemoveItem?: (item: T) => boolean;
    // (undocumented)
    componentRef?: IRefObject<IBaseSelectedItemsList<T>>;
    createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel<T>;
    defaultSelectedItems?: T[];
    onChange?: (items?: T[]) => void;
    onCopyItems?: (items: T[]) => string;
    // @deprecated
    onItemDeleted?: (deletedItem: T) => void;
    onItemsDeleted?: (deletedItems: T[]) => void;
    onItemSelected?: (selectedItem?: T | T[]) => T | PromiseLike<T> | T[] | PromiseLike<T[]>;
    onRenderItem?: (props: ISelectedItemProps<T>) => JSX.Element;
    removeButtonAriaLabel?: string;
    selectedItems?: T[];
    selection?: Selection_2;
}

// @public (undocumented)
export interface IBaseSelectedItemsListState<T> {
    // (undocumented)
    items: T[];
}

// @public (undocumented)
export interface IBreadcrumb {
    focus(): void;
}

// @public @deprecated (undocumented)
export type IBreadCrumbData = IBreadcrumbData;

// @public (undocumented)
export interface IBreadcrumbData {
    // (undocumented)
    props: IBreadcrumbProps;
    // (undocumented)
    renderedItems: IBreadcrumbItem[];
    // (undocumented)
    renderedOverflowItems: IBreadcrumbItem[];
}

// @public (undocumented)
export interface IBreadcrumbItem extends React_2.AllHTMLAttributes<HTMLElement> {
    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'a';
    href?: string;
    isCurrentItem?: boolean;
    key: string;
    onClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: IBreadcrumbItem) => void;
    onRender?: IRenderFunction<IBreadcrumbItem>;
    onRenderContent?: IRenderFunction<IBreadcrumbItem>;
    role?: string;
    text: string;
}

// @public (undocumented)
export interface IBreadcrumbProps extends React_2.HTMLAttributes<HTMLElement> {
    ariaLabel?: string;
    className?: string;
    componentRef?: IRefObject<IBreadcrumb>;
    dividerAs?: IComponentAs<IDividerAsProps>;
    focusZoneProps?: IFocusZoneProps;
    items: IBreadcrumbItem[];
    maxDisplayedItems?: number;
    onGrowData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined;
    onReduceData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined;
    onRenderItem?: IRenderFunction<IBreadcrumbItem>;
    onRenderItemContent?: IRenderFunction<IBreadcrumbItem>;
    onRenderOverflowIcon?: IRenderFunction<IButtonProps>;
    overflowAriaLabel?: string;
    overflowButtonAs?: IComponentAs<IButtonProps>;
    overflowIndex?: number;
    // (undocumented)
    styles?: IStyleFunctionOrObject<IBreadcrumbStyleProps, IBreadcrumbStyles>;
    // (undocumented)
    theme?: ITheme;
    tooltipHostProps?: ITooltipHostProps;
}

// @public (undocumented)
export interface IBreadcrumbStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface IBreadcrumbStyles {
    // (undocumented)
    chevron: IStyle;
    // (undocumented)
    item: IStyle;
    // (undocumented)
    itemLink: IStyle;
    // (undocumented)
    list: IStyle;
    // (undocumented)
    listItem: IStyle;
    // (undocumented)
    overflow: IStyle;
    // (undocumented)
    overflowButton: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IButton {
    dismissMenu: () => void;
    focus: () => void;
    openMenu: (shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean) => void;
}

// @public (undocumented)
export interface IButtonClassNames {
    // (undocumented)
    description?: string;
    // (undocumented)
    flexContainer?: string;
    // (undocumented)
    icon?: string;
    // (undocumented)
    label?: string;
    // (undocumented)
    menuIcon?: string;
    // (undocumented)
    root?: string;
    // (undocumented)
    screenReaderText?: string;
    // (undocumented)
    textContainer?: string;
}

// @public (undocumented)
export interface IButtonGrid {
}

// @public (undocumented)
export interface IButtonGridCellProps<T> {
    cellDisabledStyle?: string[];
    cellIsSelectedStyle?: string[];
    className?: string;
    disabled?: boolean;
    getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, isSplit: boolean | undefined) => IButtonClassNames;
    id: string;
    index?: number;
    item: T;
    label?: string;
    // (undocumented)
    onClick?: (item: T, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onFocus?: (item: T, event?: React_2.FocusEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onHover?: (item?: T, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onKeyDown?: (ev: React_2.KeyboardEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onMouseEnter?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
    // (undocumented)
    onMouseLeave?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onMouseMove?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
    onRenderItem: (item: T) => JSX.Element;
    // (undocumented)
    onWheel?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
    role?: string;
    selected?: boolean;
}

// @public (undocumented)
export interface IButtonGridProps extends React_2.TableHTMLAttributes<HTMLTableElement>, React_2.RefAttributes<HTMLElement> {
    ariaPosInSet?: number;
    ariaSetSize?: number;
    columnCount: number;
    componentRef?: IRefObject<IButtonGrid>;
    // @deprecated
    containerClassName?: string;
    doNotContainWithinFocusZone?: boolean;
    isSemanticRadio?: boolean;
    items: any[];
    onBlur?: () => void;
    onRenderItem: (item: any, index: number) => JSX.Element;
    // @deprecated (undocumented)
    positionInSet?: number;
    // @deprecated (undocumented)
    setSize?: number;
    shouldFocusCircularNavigate?: boolean;
    styles?: IStyleFunctionOrObject<IButtonGridStyleProps, IButtonGridStyles>;
    theme?: ITheme;
}

// @public
export interface IButtonGridStyleProps {
    theme: ITheme;
}

// @public
export interface IButtonGridStyles {
    focusedContainer?: IStyle;
    root: IStyle;
    tableCell: IStyle;
}

// @public (undocumented)
export interface IButtonProps extends React_2.AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement> {
    allowDisabledFocus?: boolean;
    ariaDescription?: string;
    ariaHidden?: boolean;
    ariaLabel?: string;
    // @deprecated (undocumented)
    buttonType?: ButtonType;
    checked?: boolean;
    className?: string;
    componentRef?: IRefObject<IButton>;
    data?: any;
    defaultRender?: any;
    // @deprecated
    description?: IStyle;
    disabled?: boolean;
    // @deprecated
    elementRef?: React_2.Ref<HTMLElement>;
    getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: boolean | undefined, allowDisabledFocus: boolean) => IButtonClassNames;
    getSplitButtonClassNames?: (disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames;
    href?: string;
    iconProps?: IIconProps;
    keytipProps?: IKeytipProps;
    menuAs?: IComponentAs<IContextualMenuProps>;
    menuIconProps?: IIconProps;
    menuProps?: IContextualMenuProps;
    menuTriggerKeyCode?: KeyCodes | null;
    onAfterMenuDismiss?: () => void;
    onMenuClick?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>, button?: IButtonProps) => void;
    onRenderAriaDescription?: IRenderFunction<IButtonProps>;
    onRenderChildren?: IRenderFunction<IButtonProps>;
    onRenderDescription?: IRenderFunction<IButtonProps>;
    onRenderIcon?: IRenderFunction<IButtonProps>;
    // @deprecated (undocumented)
    onRenderMenu?: IRenderFunction<IContextualMenuProps>;
    onRenderMenuIcon?: IRenderFunction<IButtonProps>;
    onRenderText?: IRenderFunction<IButtonProps>;
    persistMenu?: boolean;
    primary?: boolean;
    primaryActionButtonProps?: IButtonProps;
    primaryDisabled?: boolean;
    // @deprecated
    renderPersistedMenuHiddenOnMount?: boolean;
    // @deprecated (undocumented)
    rootProps?: React_2.ButtonHTMLAttributes<HTMLButtonElement> | React_2.AnchorHTMLAttributes<HTMLAnchorElement>;
    secondaryText?: string;
    split?: boolean;
    splitButtonAriaLabel?: string;
    splitButtonMenuProps?: IButtonProps;
    styles?: IButtonStyles;
    text?: string;
    theme?: ITheme;
    toggle?: boolean;
    // @deprecated (undocumented)
    toggled?: boolean;
    uniqueId?: string | number;
}

// @public (undocumented)
export interface IButtonStyles {
    description?: IStyle;
    descriptionChecked?: IStyle;
    descriptionDisabled?: IStyle;
    descriptionHovered?: IStyle;
    descriptionPressed?: IStyle;
    flexContainer?: IStyle;
    icon?: IStyle;
    iconChecked?: IStyle;
    iconDisabled?: IStyle;
    iconExpanded?: IStyle;
    iconExpandedHovered?: IStyle;
    iconHovered?: IStyle;
    iconPressed?: IStyle;
    label?: IStyle;
    labelChecked?: IStyle;
    labelDisabled?: IStyle;
    labelHovered?: IStyle;
    menuIcon?: IStyle;
    menuIconChecked?: IStyle;
    menuIconDisabled?: IStyle;
    menuIconExpanded?: IStyle;
    menuIconExpandedHovered?: IStyle;
    menuIconHovered?: IStyle;
    menuIconPressed?: IStyle;
    root?: IStyle;
    rootChecked?: IStyle;
    rootCheckedDisabled?: IStyle;
    rootCheckedHovered?: IStyle;
    rootCheckedPressed?: IStyle;
    rootDisabled?: IStyle;
    rootExpanded?: IStyle;
    rootExpandedHovered?: IStyle;
    rootFocused?: IStyle;
    rootHasMenu?: IStyle;
    rootHovered?: IStyle;
    rootPressed?: IStyle;
    screenReaderText?: IStyle;
    secondaryText?: IStyle;
    splitButtonContainer?: IStyle;
    splitButtonContainerChecked?: IStyle;
    splitButtonContainerCheckedHovered?: IStyle;
    splitButtonContainerDisabled?: IStyle;
    splitButtonContainerFocused?: IStyle;
    splitButtonContainerHovered?: IStyle;
    splitButtonDivider?: IStyle;
    splitButtonDividerDisabled?: IStyle;
    splitButtonFlexContainer?: IStyle;
    splitButtonMenuButton?: IStyle;
    splitButtonMenuButtonChecked?: IStyle;
    splitButtonMenuButtonDisabled?: IStyle;
    splitButtonMenuButtonExpanded?: IStyle;
    splitButtonMenuFocused?: IStyle;
    splitButtonMenuIcon?: IStyle;
    splitButtonMenuIconDisabled?: IStyle;
    textContainer?: IStyle;
}

// @public (undocumented)
export interface ICalendar {
    focus: () => void;
}

// @public (undocumented)
export interface ICalendarDay {
    // (undocumented)
    focus(): void;
}

// @public (undocumented)
export interface ICalendarDayGrid {
    // (undocumented)
    focus(): void;
}

// @public (undocumented)
export interface ICalendarDayGridProps extends IDayGridOptions, IBaseProps<ICalendarDayGrid> {
    allFocusable?: boolean;
    animationDirection?: AnimationDirection;
    className?: string;
    componentRef?: IRefObject<ICalendarDayGrid>;
    customDayCellRef?: (element: HTMLElement, date: Date, classNames: IProcessedStyleSet<ICalendarDayGridStyles>) => void;
    dateRangeType: DateRangeType;
    dateTimeFormatter: IDateFormatting;
    daysToSelectInDayView?: number;
    firstDayOfWeek: DayOfWeek;
    firstWeekOfYear: FirstWeekOfYear;
    getMarkedDays?: (startingDate: Date, endingDate: Date) => Date[];
    labelledBy?: string;
    lightenDaysOutsideNavigatedMonth?: boolean;
    maxDate?: Date;
    minDate?: Date;
    navigatedDate: Date;
    onDismiss?: () => void;
    onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;
    onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;
    restrictedDates?: Date[];
    selectedDate: Date;
    showCloseButton?: boolean;
    showWeekNumbers?: boolean;
    strings: ICalendarStrings;
    styles?: IStyleFunctionOrObject<ICalendarDayGridStyleProps, ICalendarDayGridStyles>;
    theme?: ITheme;
    today?: Date;
    weeksToShow?: number;
    workWeekDays?: DayOfWeek[];
}

// @public (undocumented)
export interface ICalendarDayGridStyleProps {
    animateBackwards?: boolean;
    animationDirection?: AnimationDirection;
    className?: string;
    dateRangeType?: DateRangeType;
    lightenDaysOutsideNavigatedMonth?: boolean;
    showWeekNumbers?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface ICalendarDayGridStyles {
    // (undocumented)
    bottomLeftCornerDate?: IStyle;
    // (undocumented)
    bottomRightCornerDate?: IStyle;
    datesAbove?: IStyle;
    // (undocumented)
    datesBelow?: IStyle;
    // (undocumented)
    datesLeft?: IStyle;
    // (undocumented)
    datesRight?: IStyle;
    dayButton?: IStyle;
    dayCell?: IStyle;
    dayIsToday?: IStyle;
    dayMarker?: IStyle;
    dayOutsideBounds?: IStyle;
    dayOutsideNavigatedMonth?: IStyle;
    daySelected?: IStyle;
    firstTransitionWeek?: IStyle;
    lastTransitionWeek?: IStyle;
    table?: IStyle;
    // (undocumented)
    topLeftCornerDate?: IStyle;
    topRightCornerDate?: IStyle;
    weekDayLabelCell?: IStyle;
    weekNumberCell?: IStyle;
    weekRow?: IStyle;
    wrapper?: IStyle;
}

// @public (undocumented)
export interface ICalendarDayProps extends IBaseProps<ICalendarDay>, ICalendarDayGridProps {
    allFocusable?: boolean;
    className?: string;
    componentRef?: IRefObject<ICalendarDay>;
    dateTimeFormatter: IDateFormatting;
    maxDate?: Date;
    minDate?: Date;
    navigatedDate: Date;
    navigationIcons: ICalendarNavigationIcons;
    onDismiss?: () => void;
    onHeaderSelect?: () => void;
    onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;
    restrictedDates?: Date[];
    showCloseButton?: boolean;
    showSixWeeksByDefault?: boolean;
    showWeekNumbers?: boolean;
    strings: ICalendarStrings;
    styles?: IStyleFunctionOrObject<ICalendarDayStyleProps, ICalendarDayStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface ICalendarDayStyleProps extends ICalendarDayGridStyleProps {
    className?: string;
    headerIsClickable?: boolean;
    showWeekNumbers?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface ICalendarDayStyles extends Partial<ICalendarDayGridStyles> {
    disabledStyle: IStyle;
    header: IStyle;
    headerIconButton: IStyle;
    monthAndYear: IStyle;
    monthComponents: IStyle;
    root: IStyle;
}

// @public @deprecated (undocumented)
export type ICalendarFormatDateCallbacks = IDateFormatting;

// @public @deprecated (undocumented)
export type ICalendarIconStrings = ICalendarNavigationIcons;

// @public (undocumented)
export interface ICalendarMonth {
    // (undocumented)
    focus(): void;
}

// @public (undocumented)
export interface ICalendarMonthProps extends IBaseProps<ICalendarMonth> {
    allFocusable?: boolean;
    animationDirection?: AnimationDirection;
    className?: string;
    componentRef?: IRefObject<ICalendarMonth>;
    dateTimeFormatter?: IDateFormatting;
    highlightCurrentMonth?: boolean;
    highlightSelectedMonth?: boolean;
    maxDate?: Date;
    minDate?: Date;
    navigatedDate: Date;
    navigationIcons?: ICalendarNavigationIcons;
    onHeaderSelect?: () => void;
    onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;
    onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;
    selectedDate: Date;
    strings: ICalendarStrings;
    styles?: IStyleFunctionOrObject<ICalendarMonthStyleProps, ICalendarMonthStyles>;
    theme?: ITheme;
    today?: Date;
    yearPickerHidden?: boolean;
}

// @public (undocumented)
export interface ICalendarMonthStyleProps extends ICalendarPickerStyleProps {
}

// @public (undocumented)
export interface ICalendarMonthStyles extends ICalendarPickerStyles {
}

// @public (undocumented)
export interface ICalendarNavigationIcons {
    closeIcon?: string;
    leftNavigation?: string;
    rightNavigation?: string;
}

// @public (undocumented)
export interface ICalendarPickerStyleProps {
    animateBackwards?: boolean;
    animationDirection?: AnimationDirection;
    className?: string;
    hasHeaderClickCallback?: boolean;
    highlightCurrent?: boolean;
    highlightSelected?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface ICalendarPickerStyles {
    // (undocumented)
    buttonRow: IStyle;
    // (undocumented)
    current: IStyle;
    // (undocumented)
    currentItemButton: IStyle;
    // (undocumented)
    disabled: IStyle;
    // (undocumented)
    gridContainer: IStyle;
    // (undocumented)
    headerContainer: IStyle;
    // (undocumented)
    itemButton: IStyle;
    // (undocumented)
    navigationButton: IStyle;
    // (undocumented)
    navigationButtonsContainer: IStyle;
    root: IStyle;
    // (undocumented)
    selected: IStyle;
}

// @public (undocumented)
export interface ICalendarProps extends IBaseProps<ICalendar>, React_2.RefAttributes<HTMLDivElement> {
    allFocusable?: boolean;
    calendarDayProps?: Partial<ICalendarDayProps>;
    calendarMonthProps?: Partial<ICalendarMonthProps>;
    className?: string;
    componentRef?: IRefObject<ICalendar>;
    dateRangeType?: DateRangeType;
    dateTimeFormatter?: IDateFormatting;
    firstDayOfWeek?: DayOfWeek;
    firstWeekOfYear?: FirstWeekOfYear;
    highlightCurrentMonth?: boolean;
    highlightSelectedMonth?: boolean;
    isDayPickerVisible?: boolean;
    isMonthPickerVisible?: boolean;
    maxDate?: Date;
    minDate?: Date;
    navigationIcons?: ICalendarNavigationIcons;
    onDismiss?: () => void;
    onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;
    restrictedDates?: Date[];
    showCloseButton?: boolean;
    showGoToToday?: boolean;
    showMonthPickerAsOverlay?: boolean;
    showSixWeeksByDefault?: boolean;
    showWeekNumbers?: boolean;
    strings?: ICalendarStrings;
    styles?: IStyleFunctionOrObject<ICalendarStyleProps, ICalendarStyles>;
    theme?: ITheme;
    today?: Date;
    value?: Date;
    workWeekDays?: DayOfWeek[];
}

export { ICalendarStrings }

// @public (undocumented)
export interface ICalendarStyleProps {
    className?: string;
    isDayPickerVisible?: boolean;
    isMonthPickerVisible?: boolean;
    monthPickerOnly?: boolean;
    overlaidWithButton?: boolean;
    // @deprecated (undocumented)
    overlayedWithButton?: boolean;
    showGoToToday?: boolean;
    showMonthPickerAsOverlay?: boolean;
    showWeekNumbers?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface ICalendarStyles {
    // (undocumented)
    divider: IStyle;
    // (undocumented)
    goTodayButton: IStyle;
    // (undocumented)
    liveRegion: IStyle;
    // (undocumented)
    monthPickerWrapper: IStyle;
    root: IStyle;
}

// @public (undocumented)
export interface ICalendarYear {
    // (undocumented)
    focus(): void;
}

// @public (undocumented)
export interface ICalendarYearHeaderProps extends ICalendarYearProps, ICalendarYearRange {
    animateBackwards?: boolean;
    onSelectNext?: () => void;
    onSelectPrev?: () => void;
}

// @public (undocumented)
export interface ICalendarYearProps extends IBaseProps<ICalendarYear> {
    animationDirection?: AnimationDirection;
    className?: string;
    componentRef?: IRefObject<ICalendarYear>;
    highlightCurrentYear?: boolean;
    highlightSelectedYear?: boolean;
    maxYear?: number;
    minYear?: number;
    navigatedYear?: number;
    navigationIcons?: ICalendarNavigationIcons;
    onHeaderSelect?: (focus: boolean) => void;
    onRenderTitle?: (props: ICalendarYearHeaderProps) => React_2.ReactNode;
    onRenderYear?: (year: number) => React_2.ReactNode;
    onSelectYear?: (year: number) => void;
    selectedYear?: number;
    strings?: ICalendarYearStrings;
    styles?: IStyleFunctionOrObject<ICalendarYearStyleProps, ICalendarYearStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface ICalendarYearRange {
    // (undocumented)
    fromYear: number;
    // (undocumented)
    toYear: number;
}

// @public (undocumented)
export interface ICalendarYearRangeToString {
    // (undocumented)
    (range: ICalendarYearRange): string;
}

// @public (undocumented)
export interface ICalendarYearStrings {
    // (undocumented)
    headerAriaLabelFormatString?: string;
    // (undocumented)
    nextRangeAriaLabel?: string | ICalendarYearRangeToString;
    // (undocumented)
    prevRangeAriaLabel?: string | ICalendarYearRangeToString;
    // (undocumented)
    rangeAriaLabel?: string | ICalendarYearRangeToString;
}

// @public (undocumented)
export interface ICalendarYearStyleProps extends ICalendarPickerStyleProps {
}

// @public (undocumented)
export interface ICalendarYearStyles extends ICalendarPickerStyles {
}

// @public (undocumented)
export interface ICalloutBeakPositionedInfo extends IPositionedData {
    // (undocumented)
    closestEdge: RectangleEdge;
    // (undocumented)
    hideBeak?: boolean;
}

// @public (undocumented)
export interface ICalloutContentStyleProps {
    backgroundColor?: string;
    beakWidth?: number;
    calloutMaxWidth?: number;
    calloutMinWidth?: number;
    calloutWidth?: number;
    className?: string;
    doNotLayer?: boolean;
    overflowYHidden?: boolean;
    positions?: ICalloutPositionedInfo;
    theme: ITheme;
}

// @public (undocumented)
export interface ICalloutContentStyles {
    beak: IStyle;
    beakCurtain: IStyle;
    calloutMain: IStyle;
    container: IStyle;
    root: IStyle;
}

// @public (undocumented)
export interface ICalloutPositionedInfo extends IPositionedData {
    // (undocumented)
    beakPosition: ICalloutBeakPositionedInfo;
}

// @public (undocumented)
export interface ICalloutPositionProps extends IPositionProps {
    beakWidth?: number;
    isBeakVisible?: boolean;
}

// @public (undocumented)
export interface ICalloutProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    alignTargetEdge?: boolean;
    ariaDescribedBy?: string;
    ariaLabel?: string;
    ariaLabelledBy?: string;
    backgroundColor?: string;
    beakWidth?: number;
    bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined);
    calloutMaxHeight?: number;
    calloutMaxWidth?: number;
    calloutMinWidth?: number;
    calloutWidth?: number;
    className?: string;
    coverTarget?: boolean;
    directionalHint?: DirectionalHint;
    directionalHintFixed?: boolean;
    directionalHintForRTL?: DirectionalHint;
    dismissOnTargetClick?: boolean;
    doNotLayer?: boolean;
    finalHeight?: number;
    gapSpace?: number;
    hidden?: boolean;
    hideOverflow?: boolean;
    isBeakVisible?: boolean;
    layerProps?: ILayerProps;
    minPagePadding?: number;
    onDismiss?: (ev?: Event | React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
    onLayerMounted?: () => void;
    onPositioned?: (positions?: ICalloutPositionedInfo) => void;
    onRestoreFocus?: (params: IPopupRestoreFocusParams) => void;
    onScroll?: () => void;
    preventDismissOnEvent?: (ev: Event | React_2.FocusEvent | React_2.KeyboardEvent | React_2.MouseEvent) => boolean;
    // @deprecated
    preventDismissOnLostFocus?: boolean;
    // @deprecated
    preventDismissOnResize?: boolean;
    // @deprecated
    preventDismissOnScroll?: boolean;
    role?: string;
    setInitialFocus?: boolean;
    shouldDismissOnWindowFocus?: boolean;
    // @deprecated
    shouldRestoreFocus?: boolean;
    shouldUpdateWhenHidden?: boolean;
    style?: React_2.CSSProperties;
    styles?: IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles>;
    target?: Target;
    theme?: ITheme;
}

export { ICancelable }

// @public (undocumented)
export interface ICellStyleProps {
    // (undocumented)
    cellExtraRightPadding: number;
    // (undocumented)
    cellLeftPadding: number;
    // (undocumented)
    cellRightPadding: number;
}

export { IChangeDescription }

export { IChangeEventCallback }

// @public
export interface ICheckbox {
    checked: boolean;
    focus: () => void;
    indeterminate: boolean;
}

// @public
export interface ICheckboxProps extends React_2.RefAttributes<HTMLDivElement> {
    ariaDescribedBy?: string;
    ariaLabel?: string;
    ariaLabelledBy?: string;
    ariaPositionInSet?: number;
    ariaSetSize?: number;
    boxSide?: 'start' | 'end';
    checked?: boolean;
    checkmarkIconProps?: IIconProps;
    className?: string;
    componentRef?: IRefObject<ICheckbox>;
    defaultChecked?: boolean;
    defaultIndeterminate?: boolean;
    disabled?: boolean;
    id?: string;
    indeterminate?: boolean;
    inputProps?: React_2.ButtonHTMLAttributes<HTMLElement | HTMLButtonElement>;
    label?: string;
    name?: string;
    onChange?: (ev?: React_2.FormEvent<HTMLElement | HTMLInputElement>, checked?: boolean) => void;
    onRenderLabel?: IRenderFunction<ICheckboxProps>;
    required?: boolean;
    styles?: IStyleFunctionOrObject<ICheckboxStyleProps, ICheckboxStyles>;
    theme?: ITheme;
    title?: string;
}

// @public (undocumented)
export interface ICheckboxStyleProps {
    // (undocumented)
    checked?: boolean;
    // (undocumented)
    className?: string;
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    indeterminate?: boolean;
    // (undocumented)
    isUsingCustomLabelRender: boolean;
    // (undocumented)
    reversed?: boolean;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ICheckboxStyles {
    checkbox?: IStyle;
    checkmark?: IStyle;
    input?: IStyle;
    label?: IStyle;
    root?: IStyle;
    text?: IStyle;
}

// @public (undocumented)
export interface ICheckProps extends React_2.RefAttributes<HTMLDivElement> {
    // @deprecated (undocumented)
    alwaysShowCheck?: boolean;
    checked?: boolean;
    className?: string;
    componentRef?: IRefObject<ICheckProps>;
    styles?: IStyleFunctionOrObject<ICheckStyleProps, ICheckStyles>;
    theme?: ITheme;
    useFastIcons?: boolean;
}

// @public (undocumented)
export type ICheckStyleProps = Required<Pick<ICheckProps, 'theme'>> & Pick<ICheckProps, 'className' | 'checked'> & {
    height?: string;
    checkBoxHeight?: string;
};

// @public (undocumented)
export interface ICheckStyles {
    check: IStyle;
    // @deprecated
    checkHost: IStyle;
    circle: IStyle;
    root: IStyle;
}

// @public (undocumented)
export interface IChoiceGroup {
    checkedOption: IChoiceGroupOption | undefined;
    focus: () => void;
}

// @public (undocumented)
export interface IChoiceGroupOption extends Omit<React_2.InputHTMLAttributes<HTMLElement | HTMLInputElement>, 'checked'> {
    ariaLabel?: string;
    disabled?: boolean;
    iconProps?: IIconProps;
    id?: string;
    imageAlt?: string;
    imageSize?: {
        width: number;
        height: number;
    };
    imageSrc?: string;
    key: string;
    labelId?: string;
    onRenderField?: IRenderFunction<IChoiceGroupOptionProps>;
    onRenderLabel?: IRenderFunction<IChoiceGroupOptionProps>;
    selectedImageSrc?: string;
    styles?: IStyleFunctionOrObject<IChoiceGroupOptionStyleProps, IChoiceGroupOptionStyles>;
    text: string;
}

// @public (undocumented)
export interface IChoiceGroupOptionProps extends Omit<IChoiceGroupOption, 'key'> {
    checked?: boolean;
    // @deprecated (undocumented)
    componentRef?: IRefObject<IChoiceGroupOption>;
    focused?: boolean;
    itemKey: string;
    key?: string;
    name?: string;
    onBlur?: (ev?: React_2.FocusEvent<HTMLElement>, props?: IChoiceGroupOptionProps) => void;
    onChange?: (evt?: React_2.FormEvent<HTMLElement | HTMLInputElement>, props?: IChoiceGroupOptionProps) => void;
    onFocus?: (ev?: React_2.FocusEvent<HTMLElement | HTMLInputElement>, props?: IChoiceGroupOptionProps) => void | undefined;
    required?: boolean;
    theme?: ITheme;
}

// @public
export interface IChoiceGroupOptionStyleProps {
    checked?: boolean;
    disabled?: boolean;
    focused?: boolean;
    hasIcon?: boolean;
    hasImage?: boolean;
    imageIsLarge?: boolean;
    imageSize?: {
        height: number;
        width: number;
    };
    theme: ITheme;
}

// @public (undocumented)
export interface IChoiceGroupOptionStyles {
    // (undocumented)
    choiceFieldWrapper?: IStyle;
    // (undocumented)
    field?: IStyle;
    // (undocumented)
    iconWrapper?: IStyle;
    // (undocumented)
    imageWrapper?: IStyle;
    // (undocumented)
    innerField?: IStyle;
    // (undocumented)
    input?: IStyle;
    // (undocumented)
    labelWrapper?: IStyle;
    // (undocumented)
    root?: IStyle;
    // (undocumented)
    selectedImageWrapper?: IStyle;
}

// @public (undocumented)
export interface IChoiceGroupProps extends React_2.InputHTMLAttributes<HTMLElement | HTMLInputElement>, React_2.RefAttributes<HTMLDivElement> {
    ariaLabelledBy?: string;
    componentRef?: IRefObject<IChoiceGroup>;
    defaultSelectedKey?: string | number;
    label?: string;
    onChange?: (ev?: React_2.FormEvent<HTMLElement | HTMLInputElement>, option?: IChoiceGroupOption) => void;
    options?: IChoiceGroupOption[];
    selectedKey?: string | number;
    styles?: IStyleFunctionOrObject<IChoiceGroupStyleProps, IChoiceGroupStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IChoiceGroupStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    optionsContainIconOrImage?: boolean;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface IChoiceGroupStyles {
    // (undocumented)
    flexContainer?: IStyle;
    // (undocumented)
    label?: IStyle;
    // (undocumented)
    root?: IStyle;
}

// @public
export interface ICircle extends IShimmerElement {
    height?: number;
}

export { IClassNames }

export { IClassNamesFunctionOptions }

// @public (undocumented)
export interface ICoachmark {
    dismiss?: (ev?: Event | React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
}

// @public
export interface ICoachmarkProps extends React_2.RefAttributes<HTMLDivElement> {
    ariaAlertText?: string;
    ariaDescribedBy?: string;
    ariaDescribedByText?: string;
    ariaLabelledBy?: string;
    ariaLabelledByText?: string;
    beaconColorOne?: string;
    beaconColorTwo?: string;
    // @deprecated (undocumented)
    beakHeight?: number;
    // @deprecated (undocumented)
    beakWidth?: number;
    children?: React_2.ReactNode;
    className?: string;
    // @deprecated
    collapsed?: boolean;
    color?: string;
    componentRef?: IRefObject<ICoachmark>;
    delayBeforeCoachmarkAnimation?: number;
    delayBeforeMouseOpen?: number;
    // @deprecated (undocumented)
    height?: number;
    isCollapsed?: boolean;
    isPositionForced?: boolean;
    mouseProximityOffset?: number;
    onAnimationOpenEnd?: () => void;
    onAnimationOpenStart?: () => void;
    onDismiss?: (ev?: Event | React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
    onMouseMove?: (e: MouseEvent) => void;
    persistentBeak?: boolean;
    positioningContainerProps?: IPositioningContainerProps;
    preventDismissOnLostFocus?: boolean;
    preventFocusOnMount?: boolean;
    styles?: IStyleFunctionOrObject<ICoachmarkStyleProps, ICoachmarkStyles>;
    target: Target;
    // @deprecated (undocumented)
    teachingBubbleRef?: ITeachingBubble;
    theme?: ITheme;
    // @deprecated (undocumented)
    width?: number;
}

// @public
export interface ICoachmarkStyleProps {
    beaconColorOne?: string;
    beaconColorTwo?: string;
    className?: string;
    // @deprecated
    collapsed?: boolean;
    color?: string;
    delayBeforeCoachmarkAnimation?: string;
    entityHostHeight?: string;
    entityHostWidth?: string;
    height?: string;
    isCollapsed: boolean;
    isMeasuring: boolean;
    theme?: ITheme;
    transformOrigin?: string;
    width?: string;
}

// @public
export interface ICoachmarkStyles {
    ariaContainer?: IStyle;
    childrenContainer: IStyle;
    collapsed?: IStyle;
    entityHost?: IStyle;
    entityInnerHost: IStyle;
    pulsingBeacon?: IStyle;
    root?: IStyle;
    rotateAnimationLayer?: IStyle;
    scaleAnimationLayer?: IStyle;
    translateAnimationContainer?: IStyle;
}

// @public @deprecated (undocumented)
export type ICoachmarkTypes = ICoachmarkProps;

// @public (undocumented)
export interface IColor extends IRGB, IHSV {
    hex: string;
    str: string;
    t?: number;
}

// @public (undocumented)
export interface IColorCellProps {
    color: string;
    id: string;
    index?: number;
    label?: string;
}

// @public (undocumented)
export interface IColorPicker {
    color: IColor;
}

// @public (undocumented)
export interface IColorPickerGridCellProps {
    borderWidth?: number;
    circle?: boolean;
    color: string;
    disabled?: boolean;
    height?: number;
    // @deprecated
    id?: string;
    idPrefix?: string;
    index?: number;
    isRadio?: boolean;
    item: IColorCellProps;
    label?: string;
    onClick?: (item: IColorCellProps, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onFocus?: (item: IColorCellProps, event?: React_2.FormEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onHover?: (item?: IColorCellProps, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
    // (undocumented)
    onKeyDown?: (ev: React_2.KeyboardEvent<HTMLButtonElement>) => void;
    onMouseEnter?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
    // (undocumented)
    onMouseLeave?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
    onMouseMove?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
    // (undocumented)
    onWheel?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
    selected: boolean;
    styles?: IStyleFunctionOrObject<IColorPickerGridCellStyleProps, IColorPickerGridCellStyles>;
    theme?: ITheme;
    width?: number;
}

// @public (undocumented)
export interface IColorPickerGridCellStyleProps {
    borderWidth?: number;
    circle?: boolean;
    disabled?: boolean;
    height?: number;
    isWhite?: boolean;
    selected?: boolean;
    theme: ITheme;
    width?: number;
}

// @public (undocumented)
export interface IColorPickerGridCellStyles {
    colorCell: IStyle;
    svg: IStyle;
}

// @public (undocumented)
export interface IColorPickerProps {
    // @deprecated
    alphaLabel?: string;
    // @deprecated
    alphaSliderHidden?: boolean;
    alphaType?: 'alpha' | 'transparency' | 'none';
    // @deprecated
    blueLabel?: string;
    className?: string;
    color: IColor | string;
    componentRef?: IRefObject<IColorPicker>;
    // @deprecated
    greenLabel?: string;
    // @deprecated
    hexLabel?: string;
    onChange?: (ev: React_2.SyntheticEvent<HTMLElement>, color: IColor) => void;
    // @deprecated
    redLabel?: string;
    showPreview?: boolean;
    strings?: IColorPickerStrings;
    styles?: IStyleFunctionOrObject<IColorPickerStyleProps, IColorPickerStyles>;
    theme?: ITheme;
    tooltipProps?: ITooltipHostProps;
}

// @public (undocumented)
export interface IColorPickerState {
    color: IColor;
    editingColor?: {
        component: ColorComponent;
        value: string;
    };
}

// @public (undocumented)
export interface IColorPickerStrings {
    alpha?: string;
    alphaAriaLabel?: string;
    alphaError?: string;
    blue?: string;
    blueError?: string;
    green?: string;
    greenError?: string;
    hex?: string;
    hexError?: string;
    // @deprecated
    hue?: string;
    hueAriaLabel?: string;
    red?: string;
    redError?: string;
    rootAriaLabelFormat?: string;
    svAriaDescription?: string;
    svAriaLabel?: string;
    svAriaValueFormat?: string;
    transparency?: string;
    transparencyAriaLabel?: string;
    transparencyError?: string;
}

// @public (undocumented)
export type IColorPickerStyleProps = Required<Pick<IColorPickerProps, 'theme'>> & Pick<IColorPickerProps, 'className' | 'alphaType'>;

// @public (undocumented)
export interface IColorPickerStyles {
    colorRectangle?: IStyle;
    colorSquare?: IStyle;
    flexContainer?: IStyle;
    flexPreviewBox?: IStyle;
    flexSlider?: IStyle;
    input?: IStyle;
    panel?: IStyle;
    root?: IStyle;
    table?: IStyle;
    tableAlphaCell?: IStyle;
    tableHeader?: IStyle;
    tableHexCell?: IStyle;
}

// @public (undocumented)
export interface IColorRectangle {
    color: IColor;
}

// @public (undocumented)
export interface IColorRectangleProps {
    ariaDescription?: string;
    ariaLabel?: string;
    ariaValueFormat?: string;
    className?: string;
    color: IColor;
    componentRef?: IRefObject<IColorRectangle>;
    minSize?: number;
    onChange?: (ev: React_2.MouseEvent | React_2.KeyboardEvent, color: IColor) => void;
    styles?: IStyleFunctionOrObject<IColorRectangleStyleProps, IColorRectangleStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IColorRectangleStyleProps {
    className?: string;
    minSize?: number;
    theme: ITheme;
}

// @public (undocumented)
export interface IColorRectangleStyles {
    dark?: IStyle;
    description?: IStyle;
    light?: IStyle;
    root?: IStyle;
    thumb?: IStyle;
}

// @public (undocumented)
export interface IColorSlider {
    value: number;
}

// @public (undocumented)
export interface IColorSliderProps {
    ariaLabel?: string;
    className?: string;
    componentRef?: IRefObject<IColorSlider>;
    // @deprecated
    isAlpha?: boolean;
    // @deprecated
    maxValue?: number;
    // @deprecated
    minValue?: number;
    onChange?: (event: React_2.MouseEvent | React_2.KeyboardEvent, newValue?: number) => void;
    overlayColor?: string;
    // @deprecated
    overlayStyle?: React_2.CSSProperties;
    styles?: IStyleFunctionOrObject<IColorSliderStyleProps, IColorSliderStyles>;
    theme?: ITheme;
    // @deprecated
    thumbColor?: string;
    type?: 'hue' | 'alpha' | 'transparency';
    value?: number;
}

// @public (undocumented)
export type IColorSliderStyleProps = Required<Pick<IColorSliderProps, 'theme'>> & Pick<IColorSliderProps, 'className' | 'type'> & {
    isAlpha?: boolean;
};

// @public (undocumented)
export interface IColorSliderStyles {
    root?: IStyle;
    sliderOverlay?: IStyle;
    sliderThumb?: IStyle;
}

// @public (undocumented)
export interface IColumn {
    ariaLabel?: string;
    calculatedWidth?: number;
    className?: string;
    columnActionsMode?: ColumnActionsMode;
    currentWidth?: number;
    data?: any;
    fieldName?: string;
    filterAriaLabel?: string;
    flexGrow?: number;
    getValueKey?: (item?: any, index?: number, column?: IColumn) => string;
    groupAriaLabel?: string;
    headerClassName?: string;
    iconClassName?: string;
    iconName?: string;
    // @deprecated
    isCollapsable?: boolean;
    isCollapsible?: boolean;
    isFiltered?: boolean;
    isGrouped?: boolean;
    isIconOnly?: boolean;
    isMenuOpen?: boolean;
    isMultiline?: boolean;
    isPadded?: boolean;
    isResizable?: boolean;
    isRowHeader?: boolean;
    isSorted?: boolean;
    isSortedDescending?: boolean;
    key: string;
    maxWidth?: number;
    minWidth: number;
    name: string;
    onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void;
    onColumnContextMenu?: (column?: IColumn, ev?: React_2.MouseEvent<HTMLElement>) => void;
    onColumnResize?: (width?: number) => void;
    onRender?: (item?: any, index?: number, column?: IColumn) => any;
    onRenderDivider?: IRenderFunction<IDetailsColumnProps>;
    // (undocumented)
    onRenderField?: IRenderFunction<IDetailsColumnFieldProps>;
    onRenderFilterIcon?: IRenderFunction<IDetailsColumnFilterIconProps>;
    onRenderHeader?: IRenderFunction<IDetailsColumnProps>;
    sortAscendingAriaLabel?: string;
    sortDescendingAriaLabel?: string;
    styles?: IStyleFunctionOrObject<IDetailsColumnStyleProps, IDetailsColumnStyles>;
    targetWidthProportion?: number;
}

// @public (undocumented)
export interface IColumnDragDropDetails {
    draggedIndex: number;
    targetIndex: number;
}

// @public (undocumented)
export interface IColumnReorderHeaderProps extends IColumnReorderOptions {
    onColumnDragEnd?: (props: {
        dropLocation?: ColumnDragEndLocation;
    }, event: MouseEvent) => void;
}

// @public (undocumented)
export interface IColumnReorderOptions {
    frozenColumnCountFromEnd?: number;
    frozenColumnCountFromStart?: number;
    // @deprecated
    handleColumnReorder?: (draggedIndex: number, targetIndex: number) => void;
    onColumnDragStart?: (dragStarted: boolean) => void;
    onColumnDrop?: (dragDropDetails: IColumnDragDropDetails) => void;
    onDragEnd?: (columnDropLocationDetails: ColumnDragEndLocation) => void;
}

// @public (undocumented)
export interface IColumnResizeDetails {
    // (undocumented)
    columnIndex: number;
    // (undocumented)
    columnMinWidth: number;
    // (undocumented)
    originX?: number;
}

// @public (undocumented)
export interface IComboBox {
    dismissMenu: () => void;
    focus(shouldOpenOnFocus?: boolean, useFocusAsync?: boolean): void;
    readonly selectedOptions: IComboBoxOption[];
}

// @public (undocumented)
export interface IComboBoxClassNames {
    // (undocumented)
    callout: string;
    // (undocumented)
    container: string;
    // (undocumented)
    divider: string;
    // (undocumented)
    errorMessage: string;
    // (undocumented)
    header: string;
    // (undocumented)
    input: string;
    // (undocumented)
    label: string;
    // (undocumented)
    optionsContainer: string;
    // (undocumented)
    optionsContainerWrapper: string;
    // (undocumented)
    root: string;
    // (undocumented)
    screenReaderText: string;
}

// @public (undocumented)
export interface IComboBoxOption extends ISelectableOption {
    styles?: Partial<IComboBoxOptionStyles>;
    useAriaLabelAsText?: boolean;
}

// @public (undocumented)
export interface IComboBoxOptionClassNames {
    // (undocumented)
    optionText: string;
    // (undocumented)
    optionTextWrapper: string;
    // (undocumented)
    root: string;
}

// @public (undocumented)
export interface IComboBoxOptionStyles extends IButtonStyles {
    optionText: IStyle;
    optionTextWrapper: IStyle;
}

// @public (undocumented)
export interface IComboBoxProps extends ISelectableDroppableTextProps<IComboBox, IComboBox>, React_2.RefAttributes<HTMLDivElement> {
    allowFreeform?: boolean;
    ariaDescribedBy?: string;
    autoComplete?: 'on' | 'off';
    autofill?: IAutofillProps;
    buttonIconProps?: IIconProps;
    caretDownButtonStyles?: Partial<IButtonStyles>;
    comboBoxOptionStyles?: Partial<IComboBoxOptionStyles>;
    componentRef?: IRefObject<IComboBox>;
    dropdownMaxWidth?: number;
    dropdownWidth?: number;
    getClassNames?: (theme: ITheme, isOpen: boolean, disabled: boolean, required: boolean, focused: boolean, allowFreeForm: boolean, hasErrorMessage: boolean, className?: string) => IComboBoxClassNames;
    iconButtonProps?: IButtonProps;
    isButtonAriaHidden?: boolean;
    multiSelectDelimiter?: string;
    onChange?: (event: React_2.FormEvent<IComboBox>, option?: IComboBoxOption, index?: number, value?: string) => void;
    onInputValueChange?: (text: string) => void;
    onItemClick?: (event: React_2.FormEvent<IComboBox>, option?: IComboBoxOption, index?: number) => void;
    onMenuDismiss?: () => void;
    onMenuDismissed?: () => void;
    onMenuOpen?: () => void;
    onPendingValueChanged?: (option?: IComboBoxOption, index?: number, value?: string) => void;
    onRenderLabel?: IRenderFunction<IOnRenderComboBoxLabelProps>;
    onRenderLowerContent?: IRenderFunction<IComboBoxProps>;
    onRenderUpperContent?: IRenderFunction<IComboBoxProps>;
    onResolveOptions?: (options: IComboBoxOption[]) => IComboBoxOption[] | PromiseLike<IComboBoxOption[]>;
    onScrollToItem?: (itemIndex: number) => void;
    options: IComboBoxOption[];
    persistMenu?: boolean;
    scrollSelectedToTop?: boolean;
    shouldRestoreFocus?: boolean;
    styles?: Partial<IComboBoxStyles>;
    text?: string;
    theme?: ITheme;
    useComboBoxAsMenuWidth?: boolean;
}

// @public (undocumented)
export interface IComboBoxState {
    currentPendingValue?: string;
    currentPendingValueValidIndex: number;
    currentPendingValueValidIndexOnHover: number;
    focusState?: 'none' | 'focused' | 'focusing';
    isOpen?: boolean;
}

// @public (undocumented)
export interface IComboBoxStyles {
    callout: IStyle;
    container: IStyle;
    divider: IStyle;
    errorMessage: IStyle;
    header: IStyle;
    input: IStyle;
    inputDisabled: IStyle;
    label: IStyle;
    labelDisabled: IStyle;
    optionsContainer: IStyle;
    optionsContainerWrapper: IStyle;
    root: IStyle;
    rootDisabled: IStyle;
    rootDisallowFreeForm: IStyle;
    rootError: IStyle;
    rootFocused: IStyle;
    rootHovered: IStyle;
    rootPressed: IStyle;
    screenReaderText: IStyle;
}

// @public (undocumented)
export interface ICommandBar {
    focus(): void;
    remeasure(): void;
}

// @public (undocumented)
export interface ICommandBarData {
    cacheKey: string;
    farItems: ICommandBarItemProps[] | undefined;
    minimumOverflowItems: number;
    overflowItems: ICommandBarItemProps[];
    primaryItems: ICommandBarItemProps[];
}

// @public
export interface ICommandBarItemProps extends IContextualMenuItem {
    buttonStyles?: IButtonStyles;
    cacheKey?: string;
    commandBarButtonAs?: IComponentAs<ICommandBarItemProps>;
    iconOnly?: boolean;
    renderedInOverflow?: boolean;
    tooltipHostProps?: ITooltipHostProps;
}

// @public (undocumented)
export interface ICommandBarProps extends React_2.HTMLAttributes<HTMLDivElement> {
    ariaLabel?: string;
    buttonAs?: IComponentAs<IButtonProps>;
    className?: string;
    componentRef?: IRefObject<ICommandBar>;
    dataDidRender?: (renderedData: any) => void;
    farItems?: ICommandBarItemProps[];
    farItemsGroupAriaLabel?: string;
    items: ICommandBarItemProps[];
    onDataGrown?: (movedItem: ICommandBarItemProps) => void;
    onDataReduced?: (movedItem: ICommandBarItemProps) => void;
    onGrowData?: (data: ICommandBarData) => ICommandBarData | undefined;
    onReduceData?: (data: ICommandBarData) => ICommandBarData | undefined;
    overflowButtonAs?: IComponentAs<IButtonProps>;
    overflowButtonProps?: IButtonProps;
    overflowItems?: ICommandBarItemProps[];
    primaryGroupAriaLabel?: string;
    resizeGroupAs?: IComponentAs<IResizeGroupProps>;
    shiftOnReduce?: boolean;
    styles?: IStyleFunctionOrObject<ICommandBarStyleProps, ICommandBarStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface ICommandBarStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ICommandBarStyles {
    // (undocumented)
    primarySet?: IStyle;
    // (undocumented)
    root?: IStyle;
    // (undocumented)
    secondarySet?: IStyle;
}

export { IComponentAs }

export { IComponentAsProps }

// @public
export const Icon: React_2.FunctionComponent<IIconProps>;

// @public (undocumented)
export class IconBase extends React_2.Component<IIconProps, IIconState> {
    constructor(props: IIconProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class IconButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

export { IconFontSizes }

export { IconNames }

// @public (undocumented)
export interface IContextualMenu {
}

// @public @deprecated (undocumented)
export interface IContextualMenuClassNames {
    // (undocumented)
    container?: string;
    // (undocumented)
    header?: string;
    // (undocumented)
    list?: string;
    // (undocumented)
    root?: string;
    // (undocumented)
    subComponentStyles?: IContextualMenuSubComponentStyles;
    // (undocumented)
    title?: string;
}

// @public (undocumented)
export interface IContextualMenuItem {
    [propertyName: string]: any;
    ariaDescribedBy?: string;
    ariaDescription?: string;
    ariaLabel?: string;
    canCheck?: boolean;
    checked?: boolean;
    className?: string;
    componentRef?: IRefObject<IContextualMenuRenderItem>;
    customOnRenderListLength?: number;
    data?: any;
    disabled?: boolean;
    // @deprecated
    getItemClassNames?: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean) => IMenuItemClassNames;
    getSplitButtonVerticalDividerClassNames?: (theme: ITheme) => IVerticalDividerClassNames;
    href?: string;
    iconProps?: IIconProps;
    // @deprecated (undocumented)
    inactive?: boolean;
    itemProps?: Partial<IContextualMenuItemProps>;
    // @deprecated (undocumented)
    items?: IContextualMenuItem[];
    // (undocumented)
    itemType?: ContextualMenuItemType;
    key: string;
    keytipProps?: IKeytipProps;
    // @deprecated
    name?: string;
    onClick?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>, item?: IContextualMenuItem) => boolean | void;
    onMouseDown?: (item: IContextualMenuItem, event: React_2.MouseEvent<HTMLElement>) => void;
    onRender?: (item: any, dismissMenu: (ev?: any, dismissAll?: boolean) => void) => React_2.ReactNode;
    onRenderContent?: (props: IContextualMenuItemProps, defaultRenders: IContextualMenuItemRenderFunctions) => React_2.ReactNode;
    onRenderIcon?: IRenderFunction<IContextualMenuItemProps>;
    preferMenuTargetAsEventTarget?: boolean;
    primaryDisabled?: boolean;
    rel?: string;
    role?: string;
    secondaryText?: string;
    sectionProps?: IContextualMenuSection;
    // @deprecated (undocumented)
    shortCut?: string;
    split?: boolean;
    // @deprecated
    style?: React_2.CSSProperties;
    submenuIconProps?: IIconProps;
    subMenuProps?: IContextualMenuProps;
    target?: string;
    text?: string;
    title?: string;
}

// @public (undocumented)
export interface IContextualMenuItemProps extends React_2.HTMLAttributes<IContextualMenuItemProps> {
    className?: string;
    classNames: IMenuItemClassNames;
    componentRef?: IRefObject<IContextualMenuRenderItem>;
    dismissMenu?: (ev?: any, dismissAll?: boolean) => void;
    dismissSubMenu?: () => void;
    getSubmenuTarget?: () => HTMLElement | undefined;
    hasIcons: boolean | undefined;
    index: number;
    item: IContextualMenuItem;
    onCheckmarkClick?: (item: IContextualMenuItem, ev: React_2.MouseEvent<HTMLElement>) => void;
    openSubMenu?: (item: any, target: HTMLElement) => void;
    styles?: IStyleFunctionOrObject<IContextualMenuItemStyleProps, IContextualMenuItemStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IContextualMenuItemRenderFunctions {
    renderCheckMarkIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
    renderItemIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
    renderItemName: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
    renderSecondaryText: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
    renderSubMenuIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
}

// @public (undocumented)
export interface IContextualMenuItemRenderProps extends IContextualMenuItem {
    // (undocumented)
    focusableElementIndex: number;
    // (undocumented)
    hasCheckmarks: boolean;
    // (undocumented)
    hasIcons: boolean;
    // (undocumented)
    index: number;
    // (undocumented)
    totalItemCount: number;
}

// @public (undocumented)
export interface IContextualMenuItemStyleProps {
    checked: boolean;
    className?: string;
    disabled: boolean;
    dividerClassName?: string;
    expanded: boolean;
    iconClassName?: string;
    isAnchorLink: boolean;
    itemClassName?: string;
    knownIcon: boolean;
    primaryDisabled?: boolean;
    subMenuClassName?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IContextualMenuItemStyles extends IButtonStyles {
    anchorLink?: IStyle;
    checkmarkIcon?: IStyle;
    divider?: IStyle;
    icon?: IStyle;
    iconColor?: IStyle;
    item?: IStyle;
    label?: IStyle;
    linkContent?: IStyle;
    linkContentMenu?: IStyle;
    root?: IStyle;
    screenReaderText?: IStyle;
    secondaryText?: IStyle;
    splitContainer?: IStyle;
    splitMenu?: IStyle;
    splitPrimary?: IStyle;
    subMenuIcon?: IStyle;
}

// @public (undocumented)
export interface IContextualMenuListProps {
    // (undocumented)
    ariaLabel?: string;
    // (undocumented)
    defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React_2.ReactNode;
    // (undocumented)
    hasCheckmarks: boolean;
    // (undocumented)
    hasIcons: boolean;
    // (undocumented)
    items: IContextualMenuItem[];
    // (undocumented)
    labelElementId?: string;
    // (undocumented)
    role?: string;
    // (undocumented)
    totalItemCount: number;
}

// @public (undocumented)
export interface IContextualMenuProps extends IBaseProps<IContextualMenu>, React_2.RefAttributes<HTMLDivElement>, IWithResponsiveModeState {
    alignTargetEdge?: boolean;
    ariaLabel?: string;
    beakWidth?: number;
    bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined);
    calloutProps?: ICalloutProps;
    className?: string;
    componentRef?: IRefObject<IContextualMenu>;
    contextualMenuItemAs?: React_2.ComponentClass<IContextualMenuItemProps> | React_2.FunctionComponent<IContextualMenuItemProps>;
    coverTarget?: boolean;
    delayUpdateFocusOnHover?: boolean;
    directionalHint?: DirectionalHint;
    directionalHintFixed?: boolean;
    directionalHintForRTL?: DirectionalHint;
    doNotLayer?: boolean;
    focusZoneAs?: React_2.ComponentClass<IFocusZoneProps> | React_2.FunctionComponent<IFocusZoneProps>;
    focusZoneProps?: IFocusZoneProps;
    gapSpace?: number;
    // @deprecated
    getMenuClassNames?: (theme: ITheme, className?: string) => IContextualMenuClassNames;
    hidden?: boolean;
    id?: string;
    isBeakVisible?: boolean;
    isSubMenu?: boolean;
    items: IContextualMenuItem[];
    labelElementId?: string;
    onDismiss?: (ev?: Event | React_2.MouseEvent | React_2.KeyboardEvent, dismissAll?: boolean) => void;
    onItemClick?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>, item?: IContextualMenuItem) => boolean | void;
    onMenuDismissed?: (contextualMenu?: IContextualMenuProps) => void;
    onMenuOpened?: (contextualMenu?: IContextualMenuProps) => void;
    onRenderContextualMenuItem?: IRenderFunction<IContextualMenuItem>;
    onRenderMenuList?: IRenderFunction<IContextualMenuListProps>;
    onRenderSubMenu?: IRenderFunction<IContextualMenuProps>;
    onRestoreFocus?: (params: IPopupRestoreFocusParams) => void;
    shouldFocusOnContainer?: boolean;
    shouldFocusOnMount?: boolean;
    shouldUpdateWhenHidden?: boolean;
    styles?: IStyleFunctionOrObject<IContextualMenuStyleProps, IContextualMenuStyles>;
    subMenuHoverDelay?: number;
    target?: Target;
    theme?: ITheme;
    title?: string;
    useTargetAsMinWidth?: boolean;
    useTargetWidth?: boolean;
}

// @public (undocumented)
export interface IContextualMenuRenderItem {
    dismissMenu: (dismissAll?: boolean) => void;
    dismissSubMenu: () => void;
    openSubMenu: () => void;
}

// @public (undocumented)
export interface IContextualMenuSection extends React_2.ClassAttributes<any> {
    bottomDivider?: boolean;
    items: IContextualMenuItem[];
    title?: string | IContextualMenuItem;
    topDivider?: boolean;
}

// @public (undocumented)
export interface IContextualMenuStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface IContextualMenuStyles {
    container: IStyle;
    header: IStyle;
    list: IStyle;
    root: IStyle;
    subComponentStyles: IContextualMenuSubComponentStyles;
    title: IStyle;
}

// @public (undocumented)
export interface IContextualMenuSubComponentStyles {
    callout: IStyleFunctionOrObject<ICalloutContentStyleProps, any>;
    menuItem: IStyleFunctionOrObject<IContextualMenuItemStyleProps, any>;
}

// @public @deprecated (undocumented)
export enum IconType {
    // @deprecated (undocumented)
    Default = 100000,
    // @deprecated
    default = 0,
    // @deprecated (undocumented)
    Image = 100001,
    // @deprecated
    image = 1
}

export { ICSPSettings }

export { ICssInput }

export { ICustomizableProps }

export { ICustomizations }

export { ICustomizerContext }

export { ICustomizerProps }

export { IDateFormatting }

// @public (undocumented)
export interface IDatePicker {
    focus(): void;
    reset(): void;
    showDatePickerPopup(): void;
}

// @public (undocumented)
export interface IDatePickerProps extends IBaseProps<IDatePicker>, React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLDivElement> {
    allFocusable?: boolean;
    allowTextInput?: boolean;
    ariaLabel?: string;
    borderless?: boolean;
    calendarAs?: IComponentAs<ICalendarProps>;
    calendarProps?: ICalendarProps;
    calloutProps?: ICalloutProps;
    className?: string;
    componentRef?: IRefObject<IDatePicker>;
    dateTimeFormatter?: IDateFormatting;
    disableAutoFocus?: boolean;
    disabled?: boolean;
    firstDayOfWeek?: DayOfWeek;
    firstWeekOfYear?: FirstWeekOfYear;
    formatDate?: (date?: Date) => string;
    highlightCurrentMonth?: boolean;
    highlightSelectedMonth?: boolean;
    initialPickerDate?: Date;
    isMonthPickerVisible?: boolean;
    isRequired?: boolean;
    label?: string;
    maxDate?: Date;
    minDate?: Date;
    onAfterMenuDismiss?: () => void;
    onSelectDate?: (date: Date | null | undefined) => void;
    openOnClick?: boolean;
    parseDateFromString?: (dateStr: string) => Date | null;
    pickerAriaLabel?: string;
    placeholder?: string;
    showCloseButton?: boolean;
    showGoToToday?: boolean;
    showMonthPickerAsOverlay?: boolean;
    showWeekNumbers?: boolean;
    strings?: IDatePickerStrings;
    styles?: IStyleFunctionOrObject<IDatePickerStyleProps, IDatePickerStyles>;
    tabIndex?: number;
    textField?: ITextFieldProps;
    theme?: ITheme;
    today?: Date;
    underlined?: boolean;
    value?: Date;
}

// @public (undocumented)
export interface IDatePickerStrings extends ICalendarStrings {
    invalidInputErrorMessage?: string;
    isOutOfBoundsErrorMessage?: string;
    isRequiredErrorMessage?: string;
    isResetStatusMessage?: string;
}

// @public (undocumented)
export interface IDatePickerStyleProps {
    className?: string;
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    isDatePickerShown?: boolean;
    // (undocumented)
    label?: boolean;
    theme: ITheme;
    // (undocumented)
    underlined?: boolean;
}

// @public (undocumented)
export interface IDatePickerStyles {
    // (undocumented)
    callout: IStyle;
    // (undocumented)
    icon: IStyle;
    // (undocumented)
    readOnlyPlaceholder?: IStyle;
    // (undocumented)
    readOnlyTextField?: IStyle;
    root: IStyle;
    // (undocumented)
    statusMessage?: IStyle;
    // (undocumented)
    textField: IStyle;
    // (undocumented)
    wrapper?: IStyle;
}

export { IDeclaredEventsByName }

export { IDelayedRenderProps }

export { IDelayedRenderState }

// @public (undocumented)
export interface IDetailsCheckboxProps {
    // (undocumented)
    checked: boolean;
    // (undocumented)
    theme?: ITheme;
}

// @public (undocumented)
export interface IDetailsColumnFieldProps {
    cellValueKey?: string;
    className?: string;
    column: IColumn;
    isSelected?: boolean;
    item: any;
    itemIndex: number;
    onRender: (item?: any, index?: any, column?: IColumn) => React_2.ReactNode;
}

// @public (undocumented)
export interface IDetailsColumnFilterIconProps extends IIconProps {
    // (undocumented)
    columnProps?: IDetailsColumnProps;
}

// @public (undocumented)
export interface IDetailsColumnProps extends React_2.ClassAttributes<DetailsColumnBase> {
    cellStyleProps?: ICellStyleProps;
    column: IColumn;
    columnIndex: number;
    componentRef?: () => void;
    dragDropHelper?: IDragDropHelper | null;
    isDraggable?: boolean;
    isDropped?: boolean;
    onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void;
    onColumnContextMenu?: (column: IColumn, ev: React_2.MouseEvent<HTMLElement>) => void;
    onRenderColumnHeaderTooltip?: IRenderFunction<IDetailsColumnRenderTooltipProps>;
    parentId?: string;
    // @deprecated (undocumented)
    setDraggedItemIndex?: (itemIndex: number) => void;
    styles?: IStyleFunctionOrObject<IDetailsColumnStyleProps, IDetailsColumnStyles>;
    theme?: ITheme;
    updateDragInfo?: (props: {
        itemIndex: number;
    }, event?: MouseEvent) => void;
    useFastIcons?: boolean;
}

// @public (undocumented)
export interface IDetailsColumnRenderTooltipProps extends ITooltipHostProps {
    column?: IColumn;
}

// @public (undocumented)
export type IDetailsColumnStyleProps = Required<Pick<IDetailsColumnProps, 'theme' | 'cellStyleProps'>> & {
    headerClassName?: string;
    isActionable?: boolean;
    isEmpty?: boolean;
    isIconVisible?: boolean;
    isPadded?: boolean;
    isIconOnly?: boolean;
    iconClassName?: string;
    transitionDurationDrag?: number;
    transitionDurationDrop?: number;
};

// @public (undocumented)
export interface IDetailsColumnStyles {
    accessibleLabel: IStyle;
    borderAfterDropping: IStyle;
    borderWhileDragging: IStyle;
    cellName: IStyle;
    cellTitle: IStyle;
    cellTooltip: IStyle;
    filterChevron: IStyle;
    gripperBarVerticalStyle: IStyle;
    iconClassName: IStyle;
    nearIcon: IStyle;
    noBorderAfterDropping: IStyle;
    noBorderWhileDragging: IStyle;
    root: IStyle;
    sortIcon: IStyle;
}

// @public (undocumented)
export interface IDetailsFooterBaseProps extends IDetailsItemProps {
}

// @public (undocumented)
export interface IDetailsFooterProps extends IDetailsFooterBaseProps {
    columns: IColumn[];
    selection: ISelection;
    selectionMode: SelectionMode_2;
}

// @public (undocumented)
export interface IDetailsGroupDividerProps extends IGroupDividerProps, IDetailsItemProps {
}

// @public (undocumented)
export interface IDetailsGroupRenderProps extends IGroupRenderProps {
    // (undocumented)
    onRenderFooter?: IRenderFunction<IDetailsGroupDividerProps>;
    // (undocumented)
    onRenderHeader?: IRenderFunction<IDetailsGroupDividerProps>;
}

// @public (undocumented)
export interface IDetailsHeader {
    focus: () => boolean;
}

// @public (undocumented)
export interface IDetailsHeaderBaseProps extends React_2.ClassAttributes<DetailsHeaderBase>, IDetailsItemProps {
    ariaLabel?: string;
    ariaLabelForSelectAllCheckbox?: string;
    ariaLabelForSelectionColumn?: string;
    ariaLabelForToggleAllGroupsButton?: string;
    className?: string;
    collapseAllVisibility?: CollapseAllVisibility;
    columnReorderOptions?: IColumnReorderOptions;
    columnReorderProps?: IColumnReorderHeaderProps;
    componentRef?: IRefObject<IDetailsHeader>;
    isAllCollapsed?: boolean;
    layoutMode: DetailsListLayoutMode;
    minimumPixelsForDrag?: number;
    onColumnAutoResized?: (column: IColumn, columnIndex: number) => void;
    onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void;
    onColumnContextMenu?: (column: IColumn, ev: React_2.MouseEvent<HTMLElement>) => void;
    onColumnIsSizingChanged?: (column: IColumn, isSizing: boolean) => void;
    onColumnResized?: (column: IColumn, newWidth: number, columnIndex: number) => void;
    onRenderColumnHeaderTooltip?: IRenderFunction<IDetailsColumnRenderTooltipProps>;
    onRenderDetailsCheckbox?: IRenderFunction<IDetailsCheckboxProps>;
    onToggleCollapseAll?: (isAllCollapsed: boolean) => void;
    selectAllVisibility?: SelectAllVisibility;
    styles?: IStyleFunctionOrObject<IDetailsHeaderStyleProps, IDetailsHeaderStyles>;
    theme?: ITheme;
    useFastIcons?: boolean;
}

// @public (undocumented)
export interface IDetailsHeaderProps extends IDetailsHeaderBaseProps {
    columns: IColumn[];
    selection: ISelection;
    selectionMode: SelectionMode_2;
}

// @public (undocumented)
export interface IDetailsHeaderState {
    // (undocumented)
    columnResizeDetails?: IColumnResizeDetails;
    // (undocumented)
    isAllCollapsed?: boolean;
    // (undocumented)
    isAllSelected?: boolean;
    // (undocumented)
    isSizing?: boolean;
}

// @public (undocumented)
export type IDetailsHeaderStyleProps = Required<Pick<IDetailsHeaderProps, 'theme'>> & Pick<IDetailsHeaderProps, 'className'> & {
    isSelectAllHidden?: boolean;
    isAllSelected?: boolean;
    isResizingColumn?: boolean;
    isAllCollapsed?: boolean;
    isSizing?: boolean;
    isCheckboxHidden?: boolean;
    cellStyleProps?: ICellStyleProps;
};

// @public (undocumented)
export interface IDetailsHeaderStyles {
    // (undocumented)
    accessibleLabel: IStyle;
    // @deprecated (undocumented)
    cellIsActionable: IStyle;
    // (undocumented)
    cellIsCheck: IStyle;
    // @deprecated (undocumented)
    cellIsEmpty: IStyle;
    // (undocumented)
    cellIsGroupExpander: IStyle;
    // (undocumented)
    cellIsResizing: IStyle;
    // (undocumented)
    cellSizer: IStyle;
    // (undocumented)
    cellSizerEnd: IStyle;
    // (undocumented)
    cellSizerStart: IStyle;
    // @deprecated (undocumented)
    cellWrapperPadded: IStyle;
    // (undocumented)
    check: IStyle;
    // (undocumented)
    checkTooltip: IStyle;
    // (undocumented)
    collapseButton: IStyle;
    // (undocumented)
    dropHintCaretStyle: IStyle;
    // (undocumented)
    dropHintCircleStyle: IStyle;
    // (undocumented)
    dropHintLineStyle: IStyle;
    // (undocumented)
    dropHintStyle: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    sizingOverlay: IStyle;
}

// @public (undocumented)
export interface IDetailsItemProps {
    cellStyleProps?: ICellStyleProps;
    checkboxVisibility?: CheckboxVisibility | undefined;
    columns?: IColumn[];
    groupNestingDepth?: number;
    indentWidth?: number | undefined;
    rowWidth?: number;
    selection?: ISelection | undefined;
    selectionMode?: SelectionMode_2 | undefined;
    // @deprecated
    viewport?: IViewport | undefined;
}

// @public (undocumented)
export interface IDetailsList extends IList {
    focusIndex: (index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void;
    forceUpdate: () => void;
    getStartItemIndexInView: () => number;
    updateColumn: (column: IColumn, options: {
        width?: number;
        newColumnIndex?: number;
    }) => void;
}

// @public (undocumented)
export interface IDetailsListCheckboxProps extends IDetailsCheckboxProps {
}

// @public (undocumented)
export interface IDetailsListProps extends IBaseProps<IDetailsList>, IWithViewportProps {
    // @deprecated
    ariaLabel?: string;
    ariaLabelForGrid?: string;
    ariaLabelForListHeader?: string;
    ariaLabelForSelectAllCheckbox?: string;
    ariaLabelForSelectionColumn?: string;
    cellStyleProps?: ICellStyleProps;
    checkboxCellClassName?: string;
    checkboxVisibility?: CheckboxVisibility;
    checkButtonAriaLabel?: string;
    checkButtonGroupAriaLabel?: string;
    className?: string;
    columnReorderOptions?: IColumnReorderOptions;
    columns?: IColumn[];
    compact?: boolean;
    componentRef?: IRefObject<IDetailsList>;
    constrainMode?: ConstrainMode;
    disableSelectionZone?: boolean;
    dragDropEvents?: IDragDropEvents;
    enableUpdateAnimations?: boolean;
    enterModalSelectionOnTouch?: boolean;
    flexMargin?: number;
    focusZoneProps?: IFocusZoneProps;
    getCellValueKey?: (item?: any, index?: number, column?: IColumn) => string;
    getGroupHeight?: IGroupedListProps['getGroupHeight'];
    getKey?: (item: any, index?: number) => string;
    getRowAriaDescribedBy?: (item: any) => string;
    getRowAriaLabel?: (item: any) => string;
    groupProps?: IDetailsGroupRenderProps;
    groups?: IGroup[];
    indentWidth?: number;
    initialFocusedIndex?: number;
    isHeaderVisible?: boolean;
    isPlaceholderData?: boolean;
    items: any[];
    layoutMode?: DetailsListLayoutMode;
    listProps?: IListProps;
    minimumPixelsForDrag?: number;
    onActiveItemChanged?: (item?: any, index?: number, ev?: React_2.FocusEvent<HTMLElement>) => void;
    onColumnHeaderClick?: (ev?: React_2.MouseEvent<HTMLElement>, column?: IColumn) => void;
    onColumnHeaderContextMenu?: (column?: IColumn, ev?: React_2.MouseEvent<HTMLElement>) => void;
    onColumnResize?: (column?: IColumn, newWidth?: number, columnIndex?: number) => void;
    onDidUpdate?: (detailsList?: DetailsListBase) => void;
    onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean;
    onItemInvoked?: (item?: any, index?: number, ev?: Event) => void;
    onRenderCheckbox?: IRenderFunction<IDetailsListCheckboxProps>;
    onRenderDetailsFooter?: IRenderFunction<IDetailsFooterProps>;
    onRenderDetailsHeader?: IRenderFunction<IDetailsHeaderProps>;
    onRenderField?: IRenderFunction<IDetailsColumnFieldProps>;
    onRenderItemColumn?: (item?: any, index?: number, column?: IColumn) => React_2.ReactNode;
    onRenderMissingItem?: (index?: number, rowProps?: IDetailsRowProps) => React_2.ReactNode;
    onRenderRow?: IRenderFunction<IDetailsRowProps>;
    onRowDidMount?: (item?: any, index?: number) => void;
    onRowWillUnmount?: (item?: any, index?: number) => void;
    onShouldVirtualize?: (props: IListProps) => boolean;
    role?: string;
    rowElementEventMap?: {
        eventName: string;
        callback: (context: IDragDropContext, event?: any) => void;
    }[];
    selection?: ISelection;
    selectionMode?: SelectionMode_2;
    selectionPreservedOnEmptyClick?: boolean;
    selectionZoneProps?: ISelectionZoneProps;
    setKey?: string;
    // @deprecated
    shouldApplyApplicationRole?: boolean;
    styles?: IStyleFunctionOrObject<IDetailsListStyleProps, IDetailsListStyles>;
    theme?: ITheme;
    useFastIcons?: boolean;
    usePageCache?: boolean;
    useReducedRowRenderer?: boolean;
    viewport?: IViewport;
}

// @public (undocumented)
export interface IDetailsListState {
    // (undocumented)
    adjustedColumns: IColumn[];
    // (undocumented)
    focusedItemIndex: number;
    // (undocumented)
    getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState;
    // (undocumented)
    isCollapsed?: boolean;
    // (undocumented)
    isSizing?: boolean;
    // (undocumented)
    isSomeGroupExpanded?: boolean;
    // (undocumented)
    lastSelectionMode?: SelectionMode_2;
    // (undocumented)
    lastWidth?: number;
    version: {};
}

// @public (undocumented)
export type IDetailsListStyleProps = Required<Pick<IDetailsListProps, 'theme'>> & Pick<IDetailsListProps, 'className'> & {
    isHorizontalConstrained?: boolean;
    compact?: boolean;
    isFixed?: boolean;
};

// @public (undocumented)
export interface IDetailsListStyles {
    // (undocumented)
    contentWrapper: IStyle;
    // (undocumented)
    focusZone: IStyle;
    // (undocumented)
    headerWrapper: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDetailsRow {
}

// @public (undocumented)
export interface IDetailsRowBaseProps extends Pick<IDetailsListProps, 'onRenderItemColumn' | 'getCellValueKey' | 'onRenderField'>, IBaseProps<IDetailsRow>, IDetailsItemProps {
    cellsByColumn?: {
        [columnKey: string]: React_2.ReactNode;
    };
    checkboxCellClassName?: string;
    checkButtonAriaLabel?: string;
    className?: string;
    collapseAllVisibility?: CollapseAllVisibility;
    compact?: boolean;
    componentRef?: IRefObject<IDetailsRow>;
    disabled?: boolean;
    dragDropEvents?: IDragDropEvents;
    dragDropHelper?: IDragDropHelper;
    enableUpdateAnimations?: boolean;
    eventsToRegister?: {
        eventName: string;
        callback: (item?: any, index?: number, event?: any) => void;
    }[];
    flatIndexOffset?: number;
    focusZoneProps?: IFocusZoneProps;
    getRowAriaDescribedBy?: (item: any) => string;
    getRowAriaDescription?: (item: any) => string;
    getRowAriaLabel?: (item: any) => string;
    group?: IGroup;
    id?: string;
    item: any;
    itemIndex: number;
    onDidMount?: (row?: DetailsRowBase) => void;
    onRenderCheck?: (props: IDetailsRowCheckProps) => JSX.Element;
    onRenderDetailsCheckbox?: IRenderFunction<IDetailsCheckboxProps>;
    onWillUnmount?: (row?: DetailsRowBase) => void;
    role?: string;
    rowFieldsAs?: IComponentAs<IDetailsRowFieldsProps>;
    styles?: IStyleFunctionOrObject<IDetailsRowStyleProps, IDetailsRowStyles>;
    theme?: ITheme;
    useFastIcons?: boolean;
    useReducedRowRenderer?: boolean;
}

// @public (undocumented)
export interface IDetailsRowCheckProps extends React_2.HTMLAttributes<HTMLElement> {
    anySelected?: boolean;
    canSelect: boolean;
    checkClassName?: string;
    className?: string;
    compact?: boolean;
    isHeader?: boolean;
    isVisible?: boolean;
    onRenderDetailsCheckbox?: IRenderFunction<IDetailsCheckboxProps>;
    selected?: boolean;
    selectionMode?: SelectionMode_2;
    styles?: IStyleFunctionOrObject<IDetailsRowCheckStyleProps, IDetailsRowCheckStyles>;
    theme?: ITheme;
    useFastIcons?: boolean;
}

// @public (undocumented)
export type IDetailsRowCheckStyleProps = Required<Pick<IDetailsRowCheckProps, 'theme'>> & Pick<IDetailsRowCheckProps, 'compact' | 'isHeader' | 'selected' | 'anySelected' | 'canSelect' | 'className'> & {
    isVisible?: boolean;
};

// @public (undocumented)
export interface IDetailsRowCheckStyles {
    // @deprecated (undocumented)
    check: IStyle;
    // (undocumented)
    isDisabled: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public
export interface IDetailsRowFieldsProps extends IOverrideColumnRenderProps {
    cellStyleProps?: ICellStyleProps;
    columns: IColumn[];
    columnStartIndex: number;
    compact?: boolean;
    // (undocumented)
    enableUpdateAnimations?: boolean;
    isSelected?: boolean;
    item: any;
    itemIndex: number;
    rowClassNames: {
        [k in keyof Pick<IDetailsRowStyles, 'isMultiline' | 'isRowHeader' | 'cell' | 'cellAnimation' | 'cellPadded' | 'cellUnpadded' | 'fields'>]: string;
    };
    rowHeaderId?: string;
}

// @public (undocumented)
export interface IDetailsRowProps extends IDetailsRowBaseProps {
    columns: IColumn[];
    selection: ISelection;
    selectionMode: SelectionMode_2;
}

// @public (undocumented)
export interface IDetailsRowSelectionState {
    // (undocumented)
    isSelected: boolean;
    // (undocumented)
    isSelectionModal: boolean;
}

// @public (undocumented)
export interface IDetailsRowState {
    // (undocumented)
    columnMeasureInfo?: {
        index: number;
        column: IColumn;
        onMeasureDone: (measuredWidth: number) => void;
    };
    // (undocumented)
    isDropping?: boolean;
    // (undocumented)
    selectionState: IDetailsRowSelectionState;
}

// @public (undocumented)
export type IDetailsRowStyleProps = Required<Pick<IDetailsRowProps, 'theme'>> & Pick<IDetailsRowProps, 'disabled'> & {
    isSelected?: boolean;
    anySelected?: boolean;
    canSelect?: boolean;
    droppingClassName?: string;
    isCheckVisible?: boolean;
    isRowHeader?: boolean;
    checkboxCellClassName?: string;
    className?: string;
    compact?: boolean;
    cellStyleProps?: ICellStyleProps;
    enableUpdateAnimations?: boolean;
};

// @public (undocumented)
export interface IDetailsRowStyles {
    // (undocumented)
    cell: IStyle;
    // (undocumented)
    cellAnimation: IStyle;
    // (undocumented)
    cellMeasurer: IStyle;
    // (undocumented)
    cellPadded: IStyle;
    // (undocumented)
    cellUnpadded: IStyle;
    // (undocumented)
    check: IStyle;
    // (undocumented)
    checkCell: IStyle;
    // (undocumented)
    checkCover: IStyle;
    // (undocumented)
    fields: IStyle;
    // (undocumented)
    isMultiline: IStyle;
    // (undocumented)
    isRowHeader: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDialog {
}

// @public (undocumented)
export interface IDialogContent {
}

// @public (undocumented)
export interface IDialogContentProps extends React_2.ClassAttributes<DialogContentBase> {
    className?: string;
    closeButtonAriaLabel?: string;
    componentRef?: IRefObject<IDialogContent>;
    draggableHeaderClassName?: string;
    isMultiline?: boolean;
    onDismiss?: (ev?: React_2.MouseEvent<HTMLButtonElement>) => any;
    responsiveMode?: ResponsiveMode;
    showCloseButton?: boolean;
    styles?: IStyleFunctionOrObject<IDialogContentStyleProps, IDialogContentStyles>;
    subText?: string;
    subTextId?: string;
    theme?: ITheme;
    title?: string | JSX.Element;
    // @deprecated
    titleId?: string;
    titleProps?: React_2.HTMLAttributes<HTMLDivElement>;
    topButtonsProps?: IButtonProps[];
    type?: DialogType;
}

// @public (undocumented)
export interface IDialogContentStyleProps {
    className?: string;
    draggableHeaderClassName?: string;
    // (undocumented)
    hidden?: boolean;
    // (undocumented)
    isClose?: boolean;
    // (undocumented)
    isLargeHeader?: boolean;
    isMultiline?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IDialogContentStyles {
    // (undocumented)
    button: IStyle;
    content: IStyle;
    // (undocumented)
    header: IStyle;
    // (undocumented)
    inner: IStyle;
    // (undocumented)
    innerContent: IStyle;
    // (undocumented)
    subText: IStyle;
    // (undocumented)
    title: IStyle;
    // (undocumented)
    topButton: IStyle;
}

// @public (undocumented)
export interface IDialogFooter {
}

// @public (undocumented)
export interface IDialogFooterProps extends React_2.Props<DialogFooterBase> {
    className?: string;
    componentRef?: IRefObject<IDialogFooter>;
    styles?: IStyleFunctionOrObject<IDialogFooterStyleProps, IDialogFooterStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDialogFooterStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IDialogFooterStyles {
    // (undocumented)
    action: IStyle;
    actions: IStyle;
    // (undocumented)
    actionsRight: IStyle;
}

// @public (undocumented)
export interface IDialogProps extends React_2.ClassAttributes<DialogBase>, IWithResponsiveModeState, IAccessiblePopupProps {
    // @deprecated
    ariaDescribedById?: string;
    // @deprecated
    ariaLabelledById?: string;
    // @deprecated
    className?: string;
    // @deprecated (undocumented)
    componentRef?: IRefObject<IDialog>;
    // @deprecated
    containerClassName?: string;
    // @deprecated
    contentClassName?: string;
    dialogContentProps?: IDialogContentProps;
    hidden?: boolean;
    // @deprecated
    isBlocking?: boolean;
    // @deprecated
    isDarkOverlay?: boolean;
    // @deprecated
    isOpen?: boolean;
    maxWidth?: ICSSRule | ICSSPixelUnitRule;
    minWidth?: ICSSRule | ICSSPixelUnitRule;
    modalProps?: IModalProps;
    onDismiss?: (ev?: React_2.MouseEvent<HTMLButtonElement>) => any;
    // @deprecated
    onDismissed?: () => any;
    // @deprecated
    onLayerDidMount?: () => void;
    // @deprecated
    onLayerMounted?: () => void;
    styles?: IStyleFunctionOrObject<IDialogStyleProps, IDialogStyles>;
    // @deprecated
    subText?: string;
    theme?: ITheme;
    // @deprecated
    title?: string | JSX.Element;
    // @deprecated
    topButtonsProps?: IButtonProps[];
    // @deprecated
    type?: DialogType;
}

// @public (undocumented)
export interface IDialogStyleProps {
    className?: string;
    // @deprecated
    containerClassName?: string;
    // @deprecated
    contentClassName?: string;
    dialogDefaultMaxWidth?: string | ICSSRule | ICSSPixelUnitRule;
    dialogDefaultMinWidth?: string | ICSSRule | ICSSPixelUnitRule;
    hidden?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IDialogStyles {
    // (undocumented)
    main: IStyle;
    root: IStyle;
}

export { IDictionary }

export { IDisposable }

// @public (undocumented)
export interface IDividerAsProps extends IIconProps {
    item?: IBreadcrumbItem;
}

// @public (undocumented)
export interface IDocumentCard {
    focus: () => void;
}

// @public (undocumented)
export interface IDocumentCardActions {
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardActionsBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardActionsProps extends React_2.ClassAttributes<DocumentCardActionsBase> {
    actions: IButtonProps[];
    className?: string;
    componentRef?: IRefObject<IDocumentCardActions>;
    styles?: IStyleFunctionOrObject<IDocumentCardActionsStyleProps, IDocumentCardActionsStyles>;
    theme?: ITheme;
    views?: Number;
}

// @public (undocumented)
export interface IDocumentCardActionsStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardActionsStyles {
    // (undocumented)
    action: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    views: IStyle;
    // (undocumented)
    viewsIcon: IStyle;
}

// @public (undocumented)
export interface IDocumentCardActivity {
}

// @public (undocumented)
export interface IDocumentCardActivityPerson {
    allowPhoneInitials?: boolean;
    initials?: string;
    initialsColor?: PersonaInitialsColor;
    name: string;
    profileImageSrc: string;
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardActivityBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardActivityProps extends React_2.ClassAttributes<DocumentCardActivityBase> {
    activity: string;
    className?: string;
    componentRef?: IRefObject<IDocumentCardActivity>;
    people: IDocumentCardActivityPerson[];
    styles?: IStyleFunctionOrObject<IDocumentCardActivityStyleProps, IDocumentCardActivityStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDocumentCardActivityStyleProps {
    className?: string;
    multiplePeople?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardActivityStyles {
    // (undocumented)
    activity: IStyle;
    // (undocumented)
    avatar: IStyle;
    // (undocumented)
    avatars: IStyle;
    // (undocumented)
    details: IStyle;
    // (undocumented)
    name: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardContext {
    // (undocumented)
    role?: string;
    // (undocumented)
    tabIndex?: number;
}

// @public (undocumented)
export interface IDocumentCardDetails {
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardDetailsBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardDetailsProps extends React_2.Props<DocumentCardDetailsBase> {
    className?: string;
    componentRef?: IRefObject<IDocumentCardDetails>;
    styles?: IStyleFunctionOrObject<IDocumentCardDetailsStyleProps, IDocumentCardDetailsStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDocumentCardDetailsStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardDetailsStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardImage {
}

// @public (undocumented)
export interface IDocumentCardImageProps extends IBaseProps<{}> {
    className?: string;
    componentRef?: IRefObject<IDocumentCardImage>;
    height?: number;
    iconProps?: IIconProps;
    imageFit?: ImageFit;
    imageSrc?: string;
    styles?: IStyleFunctionOrObject<IDocumentCardImageStyleProps, IDocumentCardImageStyles>;
    theme?: ITheme;
    width?: number;
}

// @public (undocumented)
export interface IDocumentCardImageStyleProps extends IDocumentCardImageProps {
}

// @public (undocumented)
export interface IDocumentCardImageStyles {
    // (undocumented)
    centeredIcon: IStyle;
    // (undocumented)
    centeredIconWrapper: IStyle;
    // (undocumented)
    cornerIcon: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardLocation {
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardLocationBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardLocationProps extends React_2.ClassAttributes<DocumentCardLocationBase> {
    ariaLabel?: string;
    className?: string;
    componentRef?: IRefObject<IDocumentCardLocation>;
    location: string;
    locationHref?: string;
    onClick?: (ev?: React_2.MouseEvent<HTMLElement>) => void;
    styles?: IStyleFunctionOrObject<IDocumentCardLocationStyleProps, IDocumentCardLocationStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDocumentCardLocationStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardLocationStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardLogo {
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardLogoBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardLogoProps extends React_2.ClassAttributes<DocumentCardLogoBase> {
    className?: string;
    componentRef?: IRefObject<IDocumentCardLogo>;
    logoIcon: string;
    logoName?: string;
    styles?: IStyleFunctionOrObject<IDocumentCardLogoStyleProps, IDocumentCardLogoStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDocumentCardLogoStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardLogoStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardPreview {
}

// @public (undocumented)
export interface IDocumentCardPreviewImage {
    // @deprecated
    accentColor?: string;
    componentRef?: IRefObject<{}>;
    // @deprecated (undocumented)
    errorImageSrc?: string;
    height?: number;
    iconSrc?: string;
    imageFit?: ImageFit;
    linkProps?: ILinkProps;
    name?: string;
    previewIconContainerClass?: string;
    previewIconProps?: IIconProps;
    previewImageSrc?: string;
    // @deprecated
    url?: string;
    width?: number;
}

// @public (undocumented)
export interface IDocumentCardPreviewProps extends IBaseProps<{}> {
    className?: string;
    componentRef?: IRefObject<IDocumentCardPreview>;
    getOverflowDocumentCountText?: (overflowCount: number) => string;
    maxDisplayCount?: number;
    previewImages: IDocumentCardPreviewImage[];
    styles?: IStyleFunctionOrObject<IDocumentCardPreviewStyleProps, IDocumentCardPreviewStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDocumentCardPreviewStyleProps {
    className?: string;
    isFileList?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardPreviewStyles {
    // (undocumented)
    fileList: IStyle;
    // (undocumented)
    fileListIcon: IStyle;
    // (undocumented)
    fileListLink: IStyle;
    // (undocumented)
    fileListOverflowText: IStyle;
    // (undocumented)
    icon: IStyle;
    // (undocumented)
    previewIcon: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardProps extends IBaseProps<IDocumentCard>, React_2.HTMLAttributes<HTMLDivElement> {
    // @deprecated
    accentColor?: string;
    children?: React_2.ReactNode;
    className?: string;
    componentRef?: IRefObject<IDocumentCard>;
    onClick?: (ev?: React_2.SyntheticEvent<HTMLElement>) => void;
    onClickHref?: string;
    onClickTarget?: string;
    role?: string;
    styles?: IStyleFunctionOrObject<IDocumentCardStyleProps, IDocumentCardStyles>;
    theme?: ITheme;
    type?: DocumentCardType;
}

// @public (undocumented)
export interface IDocumentCardStatus {
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardStatusBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardStatusProps extends React_2.Props<DocumentCardStatusBase> {
    className?: string;
    componentRef?: IRefObject<IDocumentCardStatus>;
    status: string;
    statusIcon?: string;
    styles?: IStyleFunctionOrObject<IDocumentCardStatusStyleProps, IDocumentCardStatusStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IDocumentCardStatusStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardStatusStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardStyleProps {
    actionable?: boolean;
    className?: string;
    compact?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IDocumentCardTitle {
}

// Warning: (ae-forgotten-export) The symbol "DocumentCardTitleBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardTitleProps extends React_2.ClassAttributes<DocumentCardTitleBase> {
    className?: string;
    componentRef?: IRefObject<IDocumentCardTitle>;
    shouldTruncate?: boolean;
    showAsSecondaryTitle?: boolean;
    styles?: IStyleFunctionOrObject<IDocumentCardTitleStyleProps, IDocumentCardTitleStyles>;
    theme?: ITheme;
    title: string;
}

// @public (undocumented)
export interface IDocumentCardTitleStyleProps {
    className?: string;
    showAsSecondaryTitle?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IDocumentCardTitleStyles {
    // (undocumented)
    root: IStyle;
}

// @public
export interface IDragDropContext {
    data: any;
    index: number;
    isGroup?: boolean;
}

// @public (undocumented)
export interface IDragDropEvent {
    isHandled?: boolean;
}

// @public
export interface IDragDropEvents {
    canDrag?: (item?: any) => boolean;
    canDragGroups?: boolean;
    canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean;
    onDragEnd?: (item?: any, event?: DragEvent) => void;
    onDragEnter?: (item?: any, event?: DragEvent) => string;
    onDragLeave?: (item?: any, event?: DragEvent) => void;
    onDragOver?: (item?: any, event?: DragEvent) => void;
    onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void;
    onDrop?: (item?: any, event?: DragEvent) => void;
}

// @public
export interface IDragDropHelper {
    dispose: () => void;
    subscribe: (root: HTMLElement, events: EventGroup, options: IDragDropOptions) => {
        key: string;
        dispose: () => void;
    };
    unsubscribe: (root: HTMLElement, key: string) => void;
}

// @public (undocumented)
export interface IDragDropHelperParams {
    // (undocumented)
    minimumPixelsForDrag?: number;
    // (undocumented)
    selection: ISelection;
}

// @public
export interface IDragDropOptions {
    canDrag?: (item?: any) => boolean;
    canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean;
    context: IDragDropContext;
    eventMap?: {
        eventName: string;
        callback: (context: IDragDropContext, event?: any) => void;
    }[];
    key?: string;
    onDragEnd?: (item?: any, event?: DragEvent) => void;
    onDragOver?: (item?: any, event?: DragEvent) => void;
    onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void;
    onDrop?: (item?: any, event?: DragEvent) => void;
    selectionIndex: number;
    updateDropState: (isDropping: boolean, event: DragEvent) => void;
}

// @public (undocumented)
export interface IDragDropTarget {
    // (undocumented)
    key: string;
    // (undocumented)
    options: IDragDropOptions;
    // (undocumented)
    root: HTMLElement;
}

// @public (undocumented)
export interface IDragOptions {
    closeMenuItemText: string;
    dragHandleSelector?: string;
    keepInBounds?: boolean;
    keyboardMoveIconProps?: IIconProps;
    menu: React_2.FunctionComponent<IContextualMenuProps>;
    moveMenuItemText: string;
}

// @public (undocumented)
export interface IDropdown {
    dismissMenu: () => void;
    // (undocumented)
    focus: (shouldOpenOnFocus?: boolean) => void;
    readonly selectedOptions: IDropdownOption[];
}

// @public (undocumented)
export interface IDropdownOption<T = any> extends ISelectableOption<T> {
    // @deprecated (undocumented)
    isSelected?: boolean;
}

// @public (undocumented)
export interface IDropdownProps extends ISelectableDroppableTextProps<IDropdown, HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    defaultSelectedKeys?: string[] | number[];
    dropdownWidth?: number | 'auto';
    // @deprecated (undocumented)
    isDisabled?: boolean;
    multiSelectDelimiter?: string;
    notifyOnReselect?: boolean;
    onChange?: (event: React_2.FormEvent<HTMLDivElement>, option?: IDropdownOption, index?: number) => void;
    // @deprecated (undocumented)
    onChanged?: (option: IDropdownOption, index?: number) => void;
    onRenderCaretDown?: IRenderFunction<IDropdownProps>;
    onRenderLabel?: IRenderFunction<IDropdownProps>;
    // @deprecated
    onRenderPlaceHolder?: IRenderFunction<IDropdownProps>;
    onRenderPlaceholder?: IRenderFunction<IDropdownProps>;
    onRenderTitle?: IRenderFunction<IDropdownOption[]>;
    options: IDropdownOption[];
    // @deprecated
    placeHolder?: string;
    responsiveMode?: ResponsiveMode;
    selectedKeys?: string[] | number[] | null;
    styles?: IStyleFunctionOrObject<IDropdownStyleProps, IDropdownStyles>;
    theme?: ITheme;
}

// @public
export type IDropdownStyleProps = Pick<IDropdownProps, 'theme' | 'className' | 'disabled' | 'required'> & {
    hasError: boolean;
    hasLabel: boolean;
    isOpen: boolean;
    isRenderingPlaceholder: boolean;
    panelClassName?: string;
    calloutClassName?: string;
    calloutRenderEdge?: RectangleEdge;
};

// @public
export interface IDropdownStyles {
    callout: IStyle;
    caretDown: IStyle;
    caretDownWrapper: IStyle;
    dropdown: IStyle;
    dropdownDivider: IStyle;
    dropdownDividerHidden: IStyle;
    dropdownItem: IStyle;
    dropdownItemDisabled: IStyle;
    dropdownItemHeader: IStyle;
    dropdownItemHeaderHidden: IStyle;
    dropdownItemHidden: IStyle;
    dropdownItems: IStyle;
    dropdownItemSelected: IStyle;
    dropdownItemSelectedAndDisabled: IStyle;
    dropdownItemsWrapper: IStyle;
    dropdownOptionText: IStyle;
    errorMessage: IStyle;
    label: IStyle;
    // @deprecated
    panel: IStyle;
    root: IStyle;
    subComponentStyles: IDropdownSubComponentStyles;
    title: IStyle;
}

// @public (undocumented)
export interface IDropdownSubComponentStyles {
    label: IStyleFunctionOrObject<ILabelStyleProps, ILabelStyles>;
    multiSelectItem: IStyleFunctionOrObject<ICheckboxStyleProps, ICheckboxStyles>;
    panel: IStyleFunctionOrObject<IPanelStyleProps, IPanelStyles>;
}

// @public (undocumented)
export interface IDropHintDetails {
    // (undocumented)
    dropHintElementRef: HTMLElement;
    // (undocumented)
    endX: number;
    // (undocumented)
    originX: number;
    // (undocumented)
    startX: number;
}

// @public (undocumented)
export interface IEditingSelectedPeopleItemProps extends ISelectedPeopleItemProps {
    // (undocumented)
    floatingPickerProps?: IBaseFloatingPickerProps<IPersonaProps>;
    // (undocumented)
    getEditingItemText?: (item: IExtendedPersonaProps) => string;
    // (undocumented)
    onEditingComplete: (oldItem: any, newItem: any) => void;
    // (undocumented)
    onRenderFloatingPicker?: React_2.ComponentType<IBaseFloatingPickerProps<IPersonaProps>>;
}

// @public (undocumented)
export interface IEditingSelectedPeopleItemStyles {
    // (undocumented)
    input: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IEditingSelectedPeopleItemStylesProps {
}

export { IEffects }

// @public
export interface IElementPosition {
    // (undocumented)
    alignmentEdge: RectangleEdge | undefined;
    // (undocumented)
    elementRectangle: Rectangle;
    // (undocumented)
    forcedInBounds?: boolean;
    // (undocumented)
    targetEdge: RectangleEdge;
}

// @public (undocumented)
export interface IElementPositionInfo extends IElementPosition {
    // (undocumented)
    targetRectangle: Rectangle;
}

// @public
export interface IEntityRect {
    // (undocumented)
    height?: number;
    // (undocumented)
    width?: number;
}

export { IEventRecord }

export { IEventRecordList }

export { IEventRecordsByName }

// @public (undocumented)
export interface IExpandingCard {
}

// Warning: (ae-forgotten-export) The symbol "IBaseCardProps" needs to be exported by the entry point index.d.ts
//
// @public
export interface IExpandingCardProps extends IBaseCardProps<IExpandingCard, IExpandingCardStyles, IExpandingCardStyleProps> {
    compactCardHeight?: number;
    expandedCardHeight?: number;
    mode?: ExpandingCardMode;
    onRenderCompactCard?: IRenderFunction<any>;
    onRenderExpandedCard?: IRenderFunction<any>;
}

// @public (undocumented)
export interface IExpandingCardState {
    // (undocumented)
    firstFrameRendered: boolean;
    // (undocumented)
    needsScroll: boolean;
}

// Warning: (ae-forgotten-export) The symbol "IBaseCardStyleProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IExpandingCardStyleProps extends IBaseCardStyleProps {
    compactCardHeight?: number;
    expandedCardFirstFrameRendered?: boolean;
    expandedCardHeight?: number;
    needsScroll?: boolean;
}

// Warning: (ae-forgotten-export) The symbol "IBaseCardStyles" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IExpandingCardStyles extends IBaseCardStyles {
    compactCard?: IStyle;
    expandedCard?: IStyle;
    expandedCardScroll?: IStyle;
}

// @public (undocumented)
export interface IExtendedPeoplePickerProps extends IBaseExtendedPickerProps<IPersonaProps> {
}

// @public (undocumented)
export interface IExtendedPersonaProps extends IPersonaProps {
    // (undocumented)
    blockRecipientRemoval?: boolean;
    // (undocumented)
    canExpand?: boolean;
    // (undocumented)
    isEditing?: boolean;
    // (undocumented)
    isValid: boolean;
    // (undocumented)
    key?: React_2.Key;
    // (undocumented)
    shouldBlockSelection?: boolean;
}

// @public (undocumented)
export interface IFabricProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    applyTheme?: boolean;
    applyThemeToBody?: boolean;
    as?: React_2.ElementType;
    // (undocumented)
    componentRef?: IRefObject<{}>;
    dir?: 'rtl' | 'ltr' | 'auto';
    styles?: IStyleFunctionOrObject<IFabricStyleProps, IFabricStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IFabricStyleProps extends IFabricProps {
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface IFabricStyles {
    // (undocumented)
    bodyThemed: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IFacepile {
}

// @public (undocumented)
export interface IFacepilePersona extends React_2.ButtonHTMLAttributes<HTMLButtonElement | HTMLDivElement> {
    allowPhoneInitials?: boolean;
    data?: any;
    imageInitials?: string;
    imageUrl?: string;
    initialsColor?: PersonaInitialsColor;
    keytipProps?: IKeytipProps;
    onClick?: (ev?: React_2.MouseEvent<HTMLElement>, persona?: IFacepilePersona) => void;
    onMouseMove?: (ev?: React_2.MouseEvent<HTMLElement>, persona?: IFacepilePersona) => void;
    onMouseOut?: (ev?: React_2.MouseEvent<HTMLElement>, persona?: IFacepilePersona) => void;
    personaName?: string;
}

// @public (undocumented)
export interface IFacepileProps extends React_2.ClassAttributes<FacepileBase> {
    addButtonProps?: IButtonProps;
    ariaDescription?: string;
    ariaLabel?: string;
    // @deprecated
    chevronButtonProps?: IButtonProps;
    className?: string;
    componentRef?: IRefObject<IFacepile>;
    getPersonaProps?: (persona: IFacepilePersona) => IPersonaSharedProps;
    maxDisplayablePersonas?: number;
    onRenderPersona?: IRenderFunction<IFacepilePersona>;
    onRenderPersonaCoin?: IRenderFunction<IFacepilePersona>;
    onRenderPersonaWrapper?: IRenderFunction<IFacepilePersona>;
    overflowButtonProps?: IButtonProps;
    overflowButtonType?: OverflowButtonType;
    overflowPersonas?: IFacepilePersona[];
    personas: IFacepilePersona[];
    personaSize?: PersonaSize;
    showAddButton?: boolean;
    showTooltip?: boolean;
    styles?: IStyleFunctionOrObject<IFacepileStyleProps, IFacepileStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IFacepileStyleProps {
    className?: string;
    spacingAroundItemButton?: number;
    theme: ITheme;
}

// @public (undocumented)
export interface IFacepileStyles {
    // (undocumented)
    addButton: IStyle;
    // (undocumented)
    descriptiveOverflowButton: IStyle;
    // (undocumented)
    itemButton: IStyle;
    // (undocumented)
    itemContainer: IStyle;
    // (undocumented)
    member: IStyle;
    // (undocumented)
    members: IStyle;
    // (undocumented)
    overflowButton: IStyle;
    // (undocumented)
    overflowInitialsIcon: IStyle;
    root: IStyle;
    // (undocumented)
    screenReaderOnly: IStyle;
}

export { IFitContentToBoundsOptions }

// @public (undocumented)
export interface IFocusTrapCalloutProps extends ICalloutProps {
    focusTrapProps?: IFocusTrapZoneProps;
}

// @public (undocumented)
export interface IFocusTrapZone {
    focus: () => void;
}

// @public (undocumented)
export interface IFocusTrapZoneProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    ariaLabelledBy?: string;
    componentRef?: IRefObject<IFocusTrapZone>;
    disabled?: boolean;
    disableFirstFocus?: boolean;
    elementToFocusOnDismiss?: HTMLElement;
    enableAriaHiddenSiblings?: boolean;
    // @deprecated
    firstFocusableSelector?: string | (() => string);
    firstFocusableTarget?: string | ((element: HTMLElement) => HTMLElement | null);
    focusPreviouslyFocusedInnerElement?: boolean;
    forceFocusInsideTrap?: boolean;
    ignoreExternalFocusing?: boolean;
    isClickableOutsideFocusTrap?: boolean;
}

export { IFocusZone }

export { IFocusZoneProps }

export { IFontFace }

// @public
export interface IFontIconProps extends React_2.HTMLAttributes<HTMLElement> {
    className?: string;
    iconName?: string;
}

export { IFontStyles }

export { IFontWeight }

export { iframeProperties }

// @public
export interface IGap extends IShimmerElement {
    height?: number;
    width?: number | string;
}

// @public (undocumented)
export interface IGenericItem {
    // (undocumented)
    imageInitials: string;
    // (undocumented)
    primaryText: string;
    // (undocumented)
    ValidationState: ValidationState;
}

export { IGetFocusStylesOptions }

// @public (undocumented)
export interface IGroup {
    ariaLabel?: string;
    children?: IGroup[];
    count: number;
    data?: any;
    hasMoreData?: boolean;
    isCollapsed?: boolean;
    isDropEnabled?: boolean;
    // @deprecated (undocumented)
    isSelected?: boolean;
    isShowingAll?: boolean;
    key: string;
    level?: number;
    name: string;
    startIndex: number;
}

// @public (undocumented)
export interface IGroupDividerProps {
    ariaColSpan?: number;
    ariaPosInSet?: number;
    ariaRowCount?: number;
    ariaRowIndex?: number;
    ariaSetSize?: number;
    className?: string;
    compact?: boolean;
    // (undocumented)
    componentRef?: IRefObject<{}>;
    // @deprecated
    expandButtonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
    footerText?: string;
    group?: IGroup;
    groupIndex?: number;
    groupLevel?: number;
    groups?: IGroup[];
    indentWidth?: number;
    isCollapsedGroupSelectVisible?: boolean;
    isGroupLoading?: (group: IGroup) => boolean;
    // @deprecated (undocumented)
    isSelected?: boolean;
    loadingText?: string;
    onGroupHeaderClick?: (group: IGroup) => void;
    onGroupHeaderKeyUp?: (ev: React_2.KeyboardEvent<HTMLElement>, group?: IGroup) => void;
    onRenderTitle?: IRenderFunction<IGroupHeaderProps>;
    onToggleCollapse?: (group: IGroup) => void;
    onToggleSelectGroup?: (group: IGroup) => void;
    onToggleSummarize?: (group: IGroup) => void;
    selected?: boolean;
    selectionMode?: SelectionMode_2;
    showAllLinkText?: string;
    theme?: ITheme;
    viewport?: IViewport;
}

// @public (undocumented)
export interface IGroupedList extends IList {
    forceUpdate: () => void;
    toggleCollapseAll: (allCollapsed: boolean) => void;
}

// @public (undocumented)
export interface IGroupedListProps extends React_2.ClassAttributes<GroupedListBase> {
    className?: string;
    compact?: boolean;
    componentRef?: IRefObject<IGroupedList>;
    dragDropEvents?: IDragDropEvents;
    dragDropHelper?: IDragDropHelper;
    eventsToRegister?: {
        eventName: string;
        callback: (context: IDragDropContext, event?: any) => void;
    }[];
    focusZoneProps?: IFocusZoneProps;
    getGroupHeight?: (group: IGroup, groupIndex: number) => number;
    groupProps?: IGroupRenderProps;
    groups?: IGroup[];
    items: any[];
    listProps?: IListProps;
    onGroupExpandStateChanged?: (isSomeGroupExpanded: boolean) => void;
    onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React_2.ReactNode;
    onShouldVirtualize?: (props: IListProps) => boolean;
    role?: string;
    rootListProps?: IListProps;
    selection?: ISelection;
    selectionMode?: SelectionMode_2;
    styles?: IStyleFunctionOrObject<IGroupedListStyleProps, IGroupedListStyles>;
    theme?: ITheme;
    usePageCache?: boolean;
    viewport?: IViewport;
}

// @public (undocumented)
export interface IGroupedListSectionProps extends React_2.ClassAttributes<GroupedListSection> {
    compact?: boolean;
    componentRef?: () => void;
    dragDropEvents?: IDragDropEvents;
    dragDropHelper?: IDragDropHelper;
    eventsToRegister?: {
        eventName: string;
        callback: (context: IDragDropContext, event?: any) => void;
    }[];
    footerProps?: IGroupFooterProps;
    getGroupItemLimit?: (group: IGroup) => number;
    group?: IGroup;
    groupedListClassNames?: IProcessedStyleSet<IGroupedListStyles>;
    groupIndex?: number;
    groupNestingDepth?: number;
    groupProps?: IGroupRenderProps;
    groups?: IGroup[];
    headerProps?: IGroupHeaderProps;
    items: any[];
    listProps?: IListProps;
    onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React_2.ReactNode;
    onRenderGroupFooter?: IRenderFunction<IGroupFooterProps>;
    onRenderGroupHeader?: IRenderFunction<IGroupHeaderProps>;
    onRenderGroupShowAll?: IRenderFunction<IGroupShowAllProps>;
    onShouldVirtualize?: (props: IListProps) => boolean;
    selection?: ISelection;
    selectionMode?: SelectionMode_2;
    showAllProps?: IGroupShowAllProps;
    viewport?: IViewport;
}

// @public (undocumented)
export interface IGroupedListSectionState {
    // (undocumented)
    isDropping?: boolean;
    // (undocumented)
    isSelected?: boolean;
}

// @public (undocumented)
export interface IGroupedListState {
    // (undocumented)
    compact?: IGroupedListProps['compact'];
    // (undocumented)
    groups?: IGroup[];
    // (undocumented)
    items?: IGroupedListProps['items'];
    // (undocumented)
    listProps?: IGroupedListProps['listProps'];
    // (undocumented)
    selectionMode?: IGroupedListProps['selectionMode'];
    // (undocumented)
    version: {};
}

// @public (undocumented)
export type IGroupedListStyleProps = Required<Pick<IGroupedListProps, 'theme'>> & Pick<IGroupedListProps, 'className'> & {
    isCollapsed?: boolean;
    compact?: boolean;
};

// @public (undocumented)
export interface IGroupedListStyles {
    // (undocumented)
    group: IStyle;
    // (undocumented)
    groupIsDropping: IStyle;
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IGroupFooterProps extends IGroupDividerProps {
    styles?: IStyleFunctionOrObject<IGroupFooterStyleProps, IGroupFooterStyles>;
}

// @public (undocumented)
export type IGroupFooterStyleProps = Required<Pick<IGroupFooterProps, 'theme'>> & Pick<IGroupFooterProps, 'selected' | 'className'> & {
    isCollapsed?: boolean;
};

// @public (undocumented)
export interface IGroupFooterStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IGroupHeaderCheckboxProps {
    // (undocumented)
    checked: boolean;
    // (undocumented)
    theme?: ITheme;
}

// @public (undocumented)
export interface IGroupHeaderProps extends IGroupDividerProps {
    expandButtonIcon?: string;
    expandButtonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
    groupedListId?: string;
    onRenderGroupHeaderCheckbox?: IRenderFunction<IGroupHeaderCheckboxProps>;
    selectAllButtonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
    styles?: IStyleFunctionOrObject<IGroupHeaderStyleProps, IGroupHeaderStyles>;
    useFastIcons?: boolean;
}

// @public (undocumented)
export type IGroupHeaderStyleProps = Required<Pick<IGroupHeaderProps, 'theme'>> & Pick<IGroupHeaderProps, 'selected' | 'className'> & {
    isCollapsed?: boolean;
    compact?: boolean;
};

// @public (undocumented)
export interface IGroupHeaderStyles {
    // (undocumented)
    check: IStyle;
    // (undocumented)
    dropIcon: IStyle;
    // (undocumented)
    expand: IStyle;
    // (undocumented)
    expandIsCollapsed: IStyle;
    // (undocumented)
    groupHeaderContainer: IStyle;
    // (undocumented)
    headerCount: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    title: IStyle;
}

// @public (undocumented)
export interface IGroupRenderProps {
    collapseAllVisibility?: CollapseAllVisibility;
    footerProps?: IGroupFooterProps;
    getGroupItemLimit?: (group: IGroup) => number;
    headerProps?: IGroupHeaderProps;
    isAllGroupsCollapsed?: boolean;
    onRenderFooter?: IRenderFunction<IGroupFooterProps>;
    onRenderHeader?: IRenderFunction<IGroupHeaderProps>;
    onRenderShowAll?: IRenderFunction<IGroupShowAllProps>;
    onToggleCollapseAll?: (isAllCollapsed: boolean) => void;
    role?: string;
    showAllProps?: IGroupShowAllProps;
    showEmptyGroups?: boolean;
}

// @public (undocumented)
export interface IGroupShowAllProps extends IGroupDividerProps {
    showAllLinkText?: string;
    styles?: IStyleFunctionOrObject<IGroupShowAllStyleProps, IGroupShowAllStyles>;
}

// @public (undocumented)
export type IGroupShowAllStyleProps = Required<Pick<IGroupShowAllProps, 'theme'>>;

// @public (undocumented)
export interface IGroupShowAllStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IGroupSpacerProps {
    count: number;
    indentWidth?: number;
    role?: string;
    // @deprecated (undocumented)
    styles?: IStyleFunctionOrObject<IGroupSpacerStyleProps, IGroupSpacerStyles>;
    // @deprecated (undocumented)
    theme?: ITheme;
}

// @public @deprecated (undocumented)
export type IGroupSpacerStyleProps = Required<Pick<IGroupSpacerProps, 'theme'>> & {
    width?: number;
};

// @public @deprecated (undocumented)
export interface IGroupSpacerStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IHoverCard {
    dismiss: (withTimeOut?: boolean) => void;
}

// @public
export interface IHoverCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
    cardDismissDelay?: number;
    cardOpenDelay?: number;
    className?: string;
    componentRef?: IRefObject<IHoverCard>;
    eventListenerTarget?: HTMLElement | string | null;
    expandedCardOpenDelay?: number;
    expandingCardProps?: IExpandingCardProps;
    instantOpenOnClick?: boolean;
    onCardExpand?: () => void;
    onCardHide?: () => void;
    onCardVisible?: () => void;
    openHotKey?: KeyCodes;
    plainCardProps?: IPlainCardProps;
    setAriaDescribedBy?: boolean;
    setInitialFocus?: boolean;
    shouldBlockHoverCard?: () => void;
    sticky?: boolean;
    styles?: IStyleFunctionOrObject<IHoverCardStyleProps, IHoverCardStyles>;
    target?: HTMLElement | string | null;
    theme?: ITheme;
    trapFocus?: boolean;
    type?: HoverCardType;
}

// @public (undocumented)
export interface IHoverCardState {
    // (undocumented)
    isHoverCardVisible?: boolean;
    // (undocumented)
    mode?: ExpandingCardMode;
    // (undocumented)
    openMode?: OpenCardMode;
}

// @public (undocumented)
export interface IHoverCardStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IHoverCardStyles {
    host?: IStyle;
}

// @public (undocumented)
export interface IHSL {
    h: number;
    l: number;
    s: number;
}

// @public (undocumented)
export interface IHSV {
    h: number;
    s: number;
    v: number;
}

// @public (undocumented)
export interface IIconContent {
    // (undocumented)
    children?: string | JSX.Element;
    // (undocumented)
    fontFamily?: string;
    // (undocumented)
    iconClassName?: string;
    // (undocumented)
    mergeImageProps?: boolean;
}

export { IIconOptions }

// @public (undocumented)
export interface IIconProps extends IBaseProps, React_2.HTMLAttributes<HTMLElement> {
    // @deprecated
    ariaLabel?: string;
    iconName?: string;
    // @deprecated
    iconType?: IconType;
    imageErrorAs?: React_2.ComponentType<IImageProps>;
    imageProps?: IImageProps;
    styles?: IStyleFunctionOrObject<IIconStyleProps, IIconStyles>;
    // (undocumented)
    theme?: ITheme;
}

export { IIconRecord }

// @public (undocumented)
export interface IIconState {
    // (undocumented)
    imageLoadError: boolean;
}

// @public (undocumented)
export interface IIconStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    iconClassName?: string;
    // (undocumented)
    isImage: boolean;
    // (undocumented)
    isPlaceholder: boolean;
    // (undocumented)
    styles?: Partial<IIconStyles>;
    // (undocumented)
    theme?: ITheme;
}

// @public (undocumented)
export interface IIconStyles {
    // @deprecated (undocumented)
    imageContainer?: IStyle;
    // (undocumented)
    root?: IStyle;
}

export { IIconSubset }

export { IIconSubsetRecord }

// @public (undocumented)
export interface IImage {
}

// @public
export interface IImageIconProps extends React_2.HTMLAttributes<HTMLElement> {
    className?: string;
    imageProps: IImageProps;
}

// @public (undocumented)
export interface IImageProps extends React_2.ImgHTMLAttributes<HTMLImageElement>, React_2.RefAttributes<HTMLImageElement> {
    className?: string;
    coverStyle?: ImageCoverStyle;
    // @deprecated (undocumented)
    errorSrc?: string;
    imageFit?: ImageFit;
    loading?: 'lazy' | 'eager';
    maximizeFrame?: boolean;
    onLoadingStateChange?: (loadState: ImageLoadState) => void;
    shouldFadeIn?: boolean;
    shouldStartVisible?: boolean;
    styles?: IStyleFunctionOrObject<IImageStyleProps, IImageStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IImageState {
    // (undocumented)
    loadState?: ImageLoadState;
}

// @public (undocumented)
export interface IImageStyleProps {
    className?: string;
    height?: number | string;
    isCenter?: boolean;
    // (undocumented)
    isCenterContain?: boolean;
    // (undocumented)
    isCenterCover?: boolean;
    // (undocumented)
    isContain?: boolean;
    // (undocumented)
    isCover?: boolean;
    isError?: boolean;
    isLandscape?: boolean;
    isLoaded?: boolean;
    // (undocumented)
    isNone?: boolean;
    isNotImageFit?: boolean;
    maximizeFrame?: boolean;
    shouldFadeIn?: boolean;
    shouldStartVisible?: boolean;
    theme: ITheme;
    width?: number | string;
}

// @public (undocumented)
export interface IImageStyles {
    image: IStyle;
    root: IStyle;
}

// @public
export interface IInputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
    'aria-label'?: string;
    defaultVisibleValue?: string;
}

// @public (undocumented)
export interface IKeytipConfig {
    // (undocumented)
    keytips: IKeytipConfigItem[];
}

// @public (undocumented)
export interface IKeytipConfigItem {
    children?: IKeytipConfigItem[];
    content: string;
    id: string;
    optionalProps?: Partial<IKeytipProps>;
    sequence?: string;
}

// @public (undocumented)
export interface IKeytipConfigMap {
    // (undocumented)
    [id: string]: IKeytipProps;
}

// @public (undocumented)
export interface IKeytipDataProps {
    ariaDescribedBy?: string;
    disabled?: boolean;
    keytipProps?: IKeytipProps;
}

// @public (undocumented)
export interface IKeytipLayer {
}

// @public (undocumented)
export interface IKeytipLayerProps extends React_2.ClassAttributes<IKeytipLayer> {
    componentRef?: IRefObject<IKeytipLayer>;
    content: string;
    keytipExitSequences?: IKeytipTransitionKey[];
    keytipReturnSequences?: IKeytipTransitionKey[];
    keytipStartSequences?: IKeytipTransitionKey[];
    onEnterKeytipMode?: (transitionKey?: IKeytipTransitionKey) => void;
    onExitKeytipMode?: (ev?: React_2.KeyboardEvent<HTMLElement> | React_2.MouseEvent<HTMLElement>) => void;
    styles?: IStyleFunctionOrObject<IKeytipLayerStyleProps, IKeytipLayerStyles>;
}

// @public (undocumented)
export interface IKeytipLayerState {
    // (undocumented)
    inKeytipMode: boolean;
    // (undocumented)
    keytips: IKeytipProps[];
    // (undocumented)
    visibleKeytips: IKeytipProps[];
}

// @public (undocumented)
export interface IKeytipLayerStyleProps {
}

// @public (undocumented)
export interface IKeytipLayerStyles {
    // (undocumented)
    innerContent: IStyle;
}

// @public (undocumented)
export interface IKeytipProps {
    calloutProps?: ICalloutProps;
    content: string;
    disabled?: boolean;
    hasDynamicChildren?: boolean;
    hasMenu?: boolean;
    hasOverflowSubMenu?: boolean;
    keySequences: string[];
    offset?: Point;
    onExecute?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;
    onReturn?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;
    overflowSetSequence?: string[];
    styles?: IStyleFunctionOrObject<IKeytipStyleProps, IKeytipStyles>;
    theme?: ITheme;
    visible?: boolean;
}

// @public
export interface IKeytipStyleProps {
    disabled?: boolean;
    theme: ITheme;
    visible?: boolean;
}

// @public (undocumented)
export interface IKeytipStyles {
    container: IStyle;
    root: IStyle;
}

// @public (undocumented)
export interface IKeytipTransitionKey {
    // (undocumented)
    key: string;
    // (undocumented)
    modifierKeys?: KeytipTransitionModifier[];
}

// @public (undocumented)
export interface ILabel {
}

// @public (undocumented)
export interface ILabelProps extends React_2.LabelHTMLAttributes<HTMLLabelElement> {
    as?: IComponentAs<React_2.AllHTMLAttributes<HTMLElement>>;
    componentRef?: IRefObject<ILabel>;
    disabled?: boolean;
    required?: boolean;
    styles?: IStyleFunctionOrObject<ILabelStyleProps, ILabelStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface ILabelStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    required?: boolean;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ILabelStyles {
    root: IStyle;
}

// @public (undocumented)
export interface ILayer {
}

// @public
export interface ILayerHost {
    hostId: string;
    notifyLayersChanged(): void;
    rootRef: React_2.MutableRefObject<HTMLDivElement | null>;
}

// @public (undocumented)
export interface ILayerHostProps extends React_2.HTMLAttributes<HTMLElement> {
    componentRef?: IRefObject<ILayerHost>;
    id?: string;
}

// @public (undocumented)
export interface ILayerProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    className?: string;
    componentRef?: IRefObject<ILayer>;
    eventBubblingEnabled?: boolean;
    hostId?: string;
    insertFirst?: boolean;
    onLayerDidMount?: () => void;
    // @deprecated
    onLayerMounted?: () => void;
    onLayerWillUnmount?: () => void;
    styles?: IStyleFunctionOrObject<ILayerStyleProps, ILayerStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface ILayerStyleProps {
    className?: string;
    isNotHost?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface ILayerStyles {
    content?: IStyle;
    root?: IStyle;
}

// @public
export interface ILine extends IShimmerElement {
    height?: number;
    width?: number | string;
}

// @public (undocumented)
export interface ILink {
    focus(): void;
}

// @public @deprecated (undocumented)
export interface ILinkHTMLAttributes<T> extends React_2.HTMLAttributes<T> {
    [key: string]: any;
    // (undocumented)
    autoFocus?: boolean;
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    download?: any;
    // (undocumented)
    form?: string;
    // (undocumented)
    formAction?: string;
    // (undocumented)
    formEncType?: string;
    // (undocumented)
    formMethod?: string;
    // (undocumented)
    formNoValidate?: boolean;
    // (undocumented)
    formTarget?: string;
    // (undocumented)
    href?: string;
    // (undocumented)
    hrefLang?: string;
    // (undocumented)
    media?: string;
    // (undocumented)
    name?: string;
    // (undocumented)
    rel?: string;
    // (undocumented)
    target?: string;
    // (undocumented)
    type?: string;
    // (undocumented)
    value?: string | string[] | number;
}

// @public
export interface ILinkProps extends React_2.AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLElement>, Omit<React_2.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLElement>, 'type'>, React_2.RefAttributes<HTMLElement> {
    [key: string]: any;
    as?: React_2.ElementType;
    componentRef?: IRefObject<ILink>;
    disabled?: boolean;
    href?: string;
    onClick?: (event: React_2.MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLElement>) => void;
    rel?: string;
    styles?: IStyleFunctionOrObject<ILinkStyleProps, ILinkStyles>;
    target?: string;
    theme?: ITheme;
    type?: string;
    underline?: boolean;
}

// @public (undocumented)
export interface ILinkStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    isButton?: boolean;
    // (undocumented)
    isDisabled?: boolean;
    // (undocumented)
    isUnderlined?: boolean;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ILinkStyles {
    // (undocumented)
    root: IStyle;
}

// @public (undocumented)
export interface IList {
    forceUpdate: () => void;
    getStartItemIndexInView: () => number;
    getTotalListHeight?: () => number;
    scrollToIndex: (index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void;
}

// @public
export interface IListOnRenderRootProps<T> {
    divProps: React_2.HTMLAttributes<HTMLDivElement>;
    pages: IPage<T>[];
    rootRef: React_2.Ref<HTMLDivElement>;
    surfaceElement: JSX.Element | null;
}

// @public
export interface IListOnRenderSurfaceProps<T> {
    divProps: React_2.HTMLAttributes<HTMLDivElement>;
    pageElements: JSX.Element[];
    pages: IPage<T>[];
    surfaceRef: React_2.Ref<HTMLDivElement>;
}

// @public (undocumented)
export interface IListProps<T = any> extends React_2.HTMLAttributes<List<T> | HTMLDivElement> {
    className?: string;
    componentRef?: IRefObject<IList>;
    getItemCountForPage?: (itemIndex?: number, visibleRect?: IRectangle) => number;
    getKey?: (item: T, index?: number) => string;
    getPageHeight?: (itemIndex?: number, visibleRect?: IRectangle, itemCount?: number) => number;
    getPageSpecification?: (itemIndex?: number, visibleRect?: IRectangle) => IPageSpecification;
    getPageStyle?: (page: IPage<T>) => any;
    ignoreScrollingState?: boolean;
    items?: T[];
    onPageAdded?: (page: IPage<T>) => void;
    onPageRemoved?: (page: IPage<T>) => void;
    onPagesUpdated?: (pages: IPage<T>[]) => void;
    onRenderCell?: (item?: T, index?: number, isScrolling?: boolean) => React_2.ReactNode;
    onRenderPage?: IRenderFunction<IPageProps<T>>;
    onRenderRoot?: IRenderFunction<IListOnRenderRootProps<T>>;
    onRenderSurface?: IRenderFunction<IListOnRenderSurfaceProps<T>>;
    onShouldVirtualize?: (props: IListProps<T>) => boolean;
    renderCount?: number;
    renderedWindowsAhead?: number;
    renderedWindowsBehind?: number;
    role?: string;
    startIndex?: number;
    usePageCache?: boolean;
    version?: any;
}

// @public (undocumented)
export interface IListState<T = any> {
    // (undocumented)
    getDerivedStateFromProps(nextProps: IListProps<T>, previousState: IListState<T>): IListState<T>;
    // (undocumented)
    isScrolling?: boolean;
    measureVersion?: number;
    // (undocumented)
    pages?: IPage<T>[];
    // (undocumented)
    pagesVersion?: {};
}

// @public (undocumented)
const Image_2: React_2.FunctionComponent<IImageProps>;
export { Image_2 as Image }

// @public (undocumented)
export const ImageBase: React_2.FunctionComponent<IImageProps>;

// @public
export enum ImageCoverStyle {
    landscape = 0,
    portrait = 1
}

// @public
export enum ImageFit {
    center = 0,
    centerContain = 5,
    centerCover = 4,
    contain = 1,
    cover = 2,
    none = 3
}

// @public
export const ImageIcon: React_2.FunctionComponent<IImageIconProps>;

// @public (undocumented)
export enum ImageLoadState {
    error = 2,
    // @deprecated (undocumented)
    errorLoaded = 3,
    loaded = 1,
    notLoaded = 0
}

export { imageProperties }

// @public (undocumented)
export interface IMarqueeSelection {
}

// @public (undocumented)
export interface IMarqueeSelectionProps extends React_2.HTMLAttributes<HTMLDivElement> {
    className?: string;
    componentRef?: IRefObject<IMarqueeSelection>;
    isDraggingConstrainedToRoot?: boolean;
    isEnabled?: boolean;
    onShouldStartSelection?: (ev: MouseEvent) => boolean;
    rootProps?: React_2.HTMLAttributes<HTMLDivElement>;
    selection: ISelection;
    styles?: IStyleFunction<IMarqueeSelectionStyleProps, IMarqueeSelectionStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IMarqueeSelectionStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface IMarqueeSelectionStyles {
    // (undocumented)
    box?: IStyle;
    // (undocumented)
    boxFill?: IStyle;
    // (undocumented)
    dragMask?: IStyle;
    // (undocumented)
    root?: IStyle;
}

// @public (undocumented)
export interface IMaskedTextField extends ITextField {
    value: string | undefined;
}

// @public
export interface IMaskedTextFieldProps extends ITextFieldProps, React_2.RefAttributes<HTMLDivElement> {
    componentRef?: IRefObject<IMaskedTextField>;
    mask?: string;
    maskChar?: string;
    maskFormat?: {
        [key: string]: RegExp;
    };
}

// @public @deprecated (undocumented)
export interface IMenuItemClassNames {
    // (undocumented)
    checkmarkIcon?: string;
    // (undocumented)
    divider?: string;
    // (undocumented)
    icon?: string;
    // (undocumented)
    item?: string;
    // (undocumented)
    label?: string;
    // (undocumented)
    linkContent?: string;
    // (undocumented)
    linkContentMenu?: string;
    // (undocumented)
    root?: string;
    // (undocumented)
    screenReaderText?: string;
    // (undocumented)
    secondaryText?: string;
    // (undocumented)
    splitContainer?: string;
    // (undocumented)
    splitMenu?: string;
    // (undocumented)
    splitPrimary?: string;
    // (undocumented)
    subMenuIcon?: string;
}

// @public (undocumented)
export interface IMenuItemStyles extends IButtonStyles {
    anchorLink?: IStyle;
    checkmarkIcon?: IStyle;
    divider?: IStyle;
    iconColor?: IStyle;
    item?: IStyle;
    linkContent?: IStyle;
    subMenuIcon?: IStyle;
}

// @public (undocumented)
export interface IMessageBar {
}

// @public (undocumented)
export interface IMessageBarProps extends React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLDivElement> {
    actions?: JSX.Element;
    // @deprecated
    ariaLabel?: string;
    className?: string;
    componentRef?: IRefObject<IMessageBar>;
    delayedRender?: boolean;
    dismissButtonAriaLabel?: string;
    dismissIconProps?: IIconProps;
    expandButtonProps?: IButtonProps;
    isMultiline?: boolean;
    messageBarIconProps?: IIconProps;
    messageBarType?: MessageBarType;
    onDismiss?: (ev?: React_2.MouseEvent<HTMLElement | BaseButton | Button>) => any;
    // @deprecated
    overflowButtonAriaLabel?: string;
    role?: 'alert' | 'status' | 'none';
    styles?: IStyleFunctionOrObject<IMessageBarStyleProps, IMessageBarStyles>;
    theme?: ITheme;
    truncated?: boolean;
}

// @public (undocumented)
export interface IMessageBarStyleProps {
    actions?: boolean;
    className?: string;
    expandSingleLine?: boolean;
    isMultiline?: boolean;
    messageBarType?: MessageBarType;
    onDismiss?: boolean;
    theme: ITheme;
    truncated?: boolean;
}

// @public (undocumented)
export interface IMessageBarStyles {
    actions?: IStyle;
    content?: IStyle;
    dismissal?: IStyle;
    dismissSingleLine?: IStyle;
    expand?: IStyle;
    expandSingleLine?: IStyle;
    icon?: IStyle;
    iconContainer?: IStyle;
    innerText?: IStyle;
    root?: IStyle;
    text?: IStyle;
}

export { imgProperties }

// @public (undocumented)
export interface IModal {
    focus: () => void;
}

// @public (undocumented)
export interface IModalProps extends React_2.RefAttributes<HTMLDivElement>, IAccessiblePopupProps {
    allowTouchBodyScroll?: boolean;
    // (undocumented)
    children?: React_2.ReactNode;
    className?: string;
    componentRef?: IRefObject<IModal>;
    containerClassName?: string;
    dragOptions?: IDragOptions;
    // @deprecated
    enableAriaHiddenSiblings?: boolean;
    isAlert?: boolean;
    isBlocking?: boolean;
    isDarkOverlay?: boolean;
    isModeless?: boolean;
    isOpen?: boolean;
    layerProps?: ILayerProps;
    onDismiss?: (ev?: React_2.MouseEvent<HTMLButtonElement | HTMLElement>) => any;
    onDismissed?: () => any;
    // @deprecated
    onLayerDidMount?: () => void;
    overlay?: IOverlayProps;
    responsiveMode?: ResponsiveMode;
    scrollableContentClassName?: string;
    styles?: IStyleFunctionOrObject<IModalStyleProps, IModalStyles>;
    subtitleAriaId?: string;
    theme?: ITheme;
    titleAriaId?: string;
    topOffsetFixed?: boolean;
}

// @public (undocumented)
export type IModalStyleProps = Required<Pick<IModalProps, 'theme'>> & Pick<IModalProps, 'className' | 'containerClassName' | 'scrollableContentClassName' | 'topOffsetFixed' | 'isModeless'> & {
    isOpen?: boolean;
    isVisible?: boolean;
    hasBeenOpened?: boolean;
    modalRectangleTop?: number;
    layerClassName?: string;
    isDefaultDragHandle?: boolean;
    windowInnerHeight?: number;
};

// @public (undocumented)
export interface IModalStyles {
    // (undocumented)
    keyboardMoveIcon: IStyle;
    // (undocumented)
    keyboardMoveIconContainer: IStyle;
    // (undocumented)
    layer: IStyle;
    // (undocumented)
    main: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    scrollableContent: IStyle;
}

// @public (undocumented)
export interface INav {
    focus(forceIntoFirstElement?: boolean): boolean;
    selectedKey: string | undefined;
}

// @public (undocumented)
export interface INavButtonProps extends IButtonProps {
    link?: INavLink;
}

// @public (undocumented)
export interface INavLink {
    [propertyName: string]: any;
    ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true';
    ariaLabel?: string;
    automationId?: string;
    collapseAriaLabel?: string;
    disabled?: boolean;
    expandAriaLabel?: string;
    forceAnchor?: boolean;
    icon?: string;
    // @deprecated (undocumented)
    iconClassName?: string;
    iconProps?: IIconProps;
    isExpanded?: boolean;
    key?: string;
    links?: INavLink[];
    name: string;
    onClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: INavLink) => void;
    target?: string;
    title?: string;
    url: string;
}

// @public (undocumented)
export interface INavLinkGroup {
    automationId?: string;
    collapseAriaLabel?: string;
    collapseByDefault?: boolean;
    expandAriaLabel?: string;
    groupData?: any;
    isExpanded?: boolean;
    links: INavLink[];
    name?: string;
    onHeaderClick?: (ev?: React_2.MouseEvent<HTMLElement>, isCollapsing?: boolean) => void;
}

// @public (undocumented)
export interface INavProps {
    ariaLabel?: string;
    className?: string;
    componentRef?: IRefObject<INav>;
    // @deprecated
    expandButtonAriaLabel?: string;
    groups: INavLinkGroup[] | null;
    initialSelectedKey?: string;
    isOnTop?: boolean;
    linkAs?: IComponentAs<INavButtonProps>;
    onLinkClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: INavLink) => void;
    onLinkExpandClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: INavLink) => void;
    onRenderGroupHeader?: IRenderFunction<IRenderGroupHeaderProps>;
    onRenderLink?: IRenderFunction<INavLink>;
    // @deprecated
    selectedAriaLabel?: string;
    selectedKey?: string;
    styles?: IStyleFunctionOrObject<INavStyleProps, INavStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface INavState {
    // (undocumented)
    isGroupCollapsed: {
        [key: string]: boolean;
    };
    // (undocumented)
    isLinkExpandStateChanged?: boolean;
    // (undocumented)
    selectedKey?: string;
}

// @public (undocumented)
export interface INavStyleProps {
    className?: string;
    groups: INavLinkGroup[] | null;
    isButtonEntry?: boolean;
    isDisabled?: boolean;
    isExpanded?: boolean;
    isGroup?: boolean;
    isLink?: boolean;
    isOnTop?: boolean;
    isSelected?: boolean;
    leftPadding?: number;
    leftPaddingExpanded?: number;
    navHeight?: number;
    position?: number;
    rightPadding?: number;
    theme: ITheme;
}

// @public (undocumented)
export interface INavStyles {
    chevronButton: IStyle;
    chevronIcon: IStyle;
    compositeLink: IStyle;
    group: IStyle;
    groupContent: IStyle;
    link: IStyle;
    linkText: IStyle;
    navItem: IStyle;
    navItems: IStyle;
    root: IStyle;
}

export { initializeComponentRef }

export { initializeFocusRects }

export { initializeIcons }

// @public
export function initializeResponsiveMode(element?: HTMLElement): void;

export { InjectionMode }

export { inputProperties }

export { IObjectWithKey }

// @public (undocumented)
export interface IOnRenderComboBoxLabelProps {
    multiselectAccessibleText?: string;
    props: IComboBoxProps;
}

// @public (undocumented)
export interface IOverflowSet {
    focus(forceIntoFirstElement?: boolean): boolean;
    focusElement(childElement?: HTMLElement): boolean;
}

// @public (undocumented)
export interface IOverflowSetItemProps {
    [propertyName: string]: any;
    key: string;
    keytipProps?: IKeytipProps;
}

// @public (undocumented)
export interface IOverflowSetProps extends React_2.RefAttributes<HTMLElement> {
    className?: string;
    componentRef?: IRefObject<IOverflowSet>;
    items?: IOverflowSetItemProps[];
    itemSubMenuProvider?: (item: IOverflowSetItemProps) => any[] | boolean | undefined;
    keytipSequences?: string[];
    onRenderItem: (item: IOverflowSetItemProps) => any;
    onRenderOverflowButton: IRenderFunction<any[]>;
    overflowItems?: IOverflowSetItemProps[];
    overflowSide?: 'start' | 'end';
    role?: string;
    styles?: IStyleFunctionOrObject<IOverflowSetProps, IOverflowSetStyles>;
    vertical?: boolean;
}

// @public
export type IOverflowSetStyleProps = Pick<IOverflowSetProps, 'vertical' | 'className'>;

// @public (undocumented)
export interface IOverflowSetStyles {
    item?: IStyle;
    overflowButton?: IStyle;
    root?: IStyle;
}

// @public (undocumented)
export interface IOverlay {
}

// @public (undocumented)
export interface IOverlayProps extends React_2.HTMLAttributes<HTMLElement> {
    allowTouchBodyScroll?: boolean;
    className?: string;
    componentRef?: IRefObject<IOverlay>;
    isDarkThemed?: boolean;
    styles?: IStyleFunctionOrObject<IOverlayStyleProps, IOverlayStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IOverlayStyleProps {
    className?: string;
    isDark?: boolean;
    isNone?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IOverlayStyles {
    root: IStyle;
}

// @public
export type IOverrideColumnRenderProps = Pick<IDetailsListProps, 'onRenderItemColumn' | 'getCellValueKey' | 'onRenderField'> & Pick<IDetailsRowProps, 'cellsByColumn'>;

// @public (undocumented)
export interface IPage<T = any> {
    // (undocumented)
    data?: any;
    // (undocumented)
    height: number;
    // (undocumented)
    isSpacer?: boolean;
    // (undocumented)
    isVisible?: boolean;
    // (undocumented)
    itemCount: number;
    // (undocumented)
    items: T[] | undefined;
    // (undocumented)
    key: string;
    // (undocumented)
    startIndex: number;
    // (undocumented)
    style: React_2.CSSProperties;
    // (undocumented)
    top: number;
}

// @public (undocumented)
export interface IPageProps<T = any> extends React_2.HTMLAttributes<HTMLDivElement>, React_2.ClassAttributes<HTMLDivElement> {
    page: IPage<T>;
    role?: string;
}

// @public (undocumented)
export interface IPageSpecification {
    data?: any;
    height?: number;
    itemCount?: number;
    key?: string;
}

export { IPalette }

// @public (undocumented)
export interface IPanel {
    dismiss: (ev?: React_2.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
    open: () => void;
}

// @public
export interface IPanelHeaderRenderer extends IRenderFunction<IPanelProps> {
    // (undocumented)
    (props?: IPanelProps, defaultRender?: IPanelHeaderRenderer, headerTextId?: string | undefined): JSX.Element | null;
}

// @public (undocumented)
export interface IPanelProps extends React_2.HTMLAttributes<PanelBase> {
    allowTouchBodyScroll?: boolean;
    className?: string;
    closeButtonAriaLabel?: string;
    // @deprecated (undocumented)
    componentId?: string;
    componentRef?: IRefObject<IPanel>;
    customWidth?: string;
    elementToFocusOnDismiss?: HTMLElement;
    // @deprecated
    firstFocusableSelector?: string;
    focusTrapZoneProps?: IFocusTrapZoneProps;
    // @deprecated
    forceFocusInsideTrap?: boolean;
    hasCloseButton?: boolean;
    headerClassName?: string;
    headerText?: string;
    headerTextProps?: React_2.HTMLAttributes<HTMLDivElement>;
    // @deprecated
    ignoreExternalFocusing?: boolean;
    isBlocking?: boolean;
    isFooterAtBottom?: boolean;
    isHiddenOnDismiss?: boolean;
    isLightDismiss?: boolean;
    isOpen?: boolean;
    layerProps?: ILayerProps;
    onDismiss?: (ev?: React_2.SyntheticEvent<HTMLElement> | KeyboardEvent) => void;
    onDismissed?: () => void;
    onLightDismissClick?: () => void;
    onOpen?: () => void;
    onOpened?: () => void;
    onOuterClick?: (ev?: React_2.MouseEvent<HTMLDivElement>) => void;
    onRenderBody?: IRenderFunction<IPanelProps>;
    onRenderFooter?: IRenderFunction<IPanelProps>;
    onRenderFooterContent?: IRenderFunction<IPanelProps>;
    onRenderHeader?: IPanelHeaderRenderer;
    onRenderNavigation?: IRenderFunction<IPanelProps>;
    onRenderNavigationContent?: IRenderFunction<IPanelProps>;
    overlayProps?: IOverlayProps;
    popupProps?: IPopupProps;
    styles?: IStyleFunctionOrObject<IPanelStyleProps, IPanelStyles>;
    theme?: ITheme;
    type?: PanelType;
}

// @public (undocumented)
export interface IPanelStyleProps {
    className?: string;
    focusTrapZoneClassName?: string;
    hasCloseButton?: boolean;
    hasCustomNavigation?: boolean;
    headerClassName?: string;
    isAnimating?: boolean;
    isFooterAtBottom?: boolean;
    isFooterSticky?: boolean;
    isHiddenOnDismiss?: boolean;
    isOnRightSide?: boolean;
    isOpen?: boolean;
    theme: ITheme;
    type?: PanelType;
}

// @public (undocumented)
export interface IPanelStyles {
    // @deprecated
    closeButton?: IStyle;
    commands: IStyle;
    content: IStyle;
    contentInner: IStyle;
    footer: IStyle;
    footerInner: IStyle;
    header: IStyle;
    headerText: IStyle;
    hiddenPanel: IStyle;
    main: IStyle;
    navigation: IStyle;
    overlay: IStyle;
    root: IStyle;
    scrollableContent: IStyle;
    subComponentStyles: IPanelSubComponentStyles;
}

// @public (undocumented)
export interface IPanelSubComponentStyles {
    closeButton: Partial<IButtonStyles>;
}

export { IPartialTheme }

// @public (undocumented)
export interface IPeopleFloatingPickerProps extends IBaseFloatingPickerProps<IPersonaProps> {
}

// @public (undocumented)
export interface IPeoplePickerItemProps extends IPickerItemProps<IExtendedPersonaProps> {
}

// @public
export interface IPeoplePickerItemSelectedProps extends IPickerItemProps<IPersonaProps & {
    ValidationState: ValidationState;
}>, IPeoplePickerItemSharedProps {
    styles?: IStyleFunctionOrObject<IPeoplePickerItemSelectedStyleProps, IPeoplePickerItemSelectedStyles>;
}

// @public
export type IPeoplePickerItemSelectedStyleProps = Required<Pick<IPeoplePickerItemSelectedProps, 'theme'>> & Pick<IPeoplePickerItemSelectedProps, 'className' | 'selected' | 'disabled'> & {
    invalid?: boolean;
};

// @public
export interface IPeoplePickerItemSelectedStyles {
    itemContent: IStyle;
    removeButton: IStyle;
    root: IStyle;
    subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles;
}

// @public
export interface IPeoplePickerItemSelectedSubComponentStyles {
    persona: IStyleFunctionOrObject<IPersonaStyleProps, any>;
    personaCoin?: IStyleFunctionOrObject<IPersonaCoinStyleProps, any>;
}

// @public
export interface IPeoplePickerItemSharedProps {
    className?: string;
    theme?: ITheme;
}

// @public (undocumented)
export interface IPeoplePickerItemState {
    // (undocumented)
    contextualMenuVisible: boolean;
}

// @public
export interface IPeoplePickerItemSuggestionProps extends IPeoplePickerItemSharedProps {
    compact?: boolean;
    personaProps?: IPersonaProps;
    styles?: IStyleFunctionOrObject<IPeoplePickerItemSuggestionStyleProps, IPeoplePickerItemSuggestionStyles>;
    suggestionsProps?: IBasePickerSuggestionsProps;
}

// @public
export type IPeoplePickerItemSuggestionStyleProps = Required<Pick<IPeoplePickerItemSuggestionProps, 'theme'>> & Pick<IPeoplePickerItemSuggestionProps, 'className'> & {};

// @public
export interface IPeoplePickerItemSuggestionStyles {
    personaWrapper: IStyle;
    root: IStyle;
    subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles;
}

// @public @deprecated
export interface IPeoplePickerItemWithMenuProps extends IPickerItemProps<IPersonaWithMenu> {
}

// @public
export interface IPeoplePickerProps extends IBasePickerProps<IPersonaProps> {
}

export { IPerfData }

export { IPerfMeasurement }

export { IPerfSummary }

// @public (undocumented)
export interface IPersona {
}

// @public (undocumented)
export interface IPersonaCoinProps extends IPersonaSharedProps {
    className?: string;
    componentRef?: IRefObject<{}>;
    styles?: IStyleFunctionOrObject<IPersonaCoinStyleProps, IPersonaCoinStyles>;
}

// @public (undocumented)
export interface IPersonaCoinStyleProps {
    className?: string;
    coinSize?: number;
    showUnknownPersonaCoin?: boolean;
    size?: PersonaSize;
    theme: ITheme;
}

// @public (undocumented)
export interface IPersonaCoinStyles {
    // (undocumented)
    coin: IStyle;
    // (undocumented)
    image: IStyle;
    // (undocumented)
    imageArea: IStyle;
    // (undocumented)
    initials: IStyle;
    // (undocumented)
    size10WithoutPresenceIcon: IStyle;
}

// @public (undocumented)
export interface IPersonaPresenceProps extends IPersonaSharedProps {
    componentRef?: IRefObject<{}>;
    styles?: IStyleFunctionOrObject<IPersonaPresenceStyleProps, IPersonaPresenceStyles>;
}

// @public (undocumented)
export type IPersonaPresenceStyleProps = Required<Pick<IPersonaSharedProps, 'theme'>> & Pick<IPersonaSharedProps, 'presence' | 'isOutOfOffice' | 'size' | 'presenceColors'> & Pick<IPersonaProps, 'className'>;

// @public (undocumented)
export interface IPersonaPresenceStyles {
    // (undocumented)
    presence: IStyle;
    // (undocumented)
    presenceIcon: IStyle;
}

// @public (undocumented)
export interface IPersonaProps extends IPersonaSharedProps {
    className?: string;
    componentRef?: IRefObject<IPersona>;
    onRenderOptionalText?: IRenderFunction<IPersonaProps>;
    onRenderPrimaryText?: IRenderFunction<IPersonaProps>;
    onRenderSecondaryText?: IRenderFunction<IPersonaProps>;
    onRenderTertiaryText?: IRenderFunction<IPersonaProps>;
    styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
}

// @public (undocumented)
export interface IPersonaSharedProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    allowPhoneInitials?: boolean;
    coinProps?: IPersonaCoinProps;
    coinSize?: number;
    hidePersonaDetails?: boolean;
    imageAlt?: string;
    imageInitials?: string;
    imageShouldFadeIn?: boolean;
    imageShouldStartVisible?: boolean;
    imageUrl?: string;
    initialsColor?: PersonaInitialsColor | string;
    initialsTextColor?: string;
    isOutOfOffice?: boolean;
    onPhotoLoadingStateChange?: (newImageLoadState: ImageLoadState) => void;
    // @deprecated
    onRenderCoin?: IRenderFunction<IPersonaSharedProps>;
    onRenderInitials?: IRenderFunction<IPersonaSharedProps>;
    onRenderPersonaCoin?: IRenderFunction<IPersonaSharedProps>;
    optionalText?: string;
    presence?: PersonaPresence;
    presenceColors?: {
        available: string;
        away: string;
        busy: string;
        dnd: string;
        offline: string;
        oof: string;
        background: string;
    };
    presenceTitle?: string;
    // @deprecated
    primaryText?: string;
    secondaryText?: string;
    showInitialsUntilImageLoads?: boolean;
    showOverflowTooltip?: boolean;
    // (undocumented)
    showSecondaryText?: boolean;
    showUnknownPersonaCoin?: boolean;
    size?: PersonaSize;
    tertiaryText?: string;
    text?: string;
    theme?: ITheme;
}

// @public (undocumented)
export interface IPersonaStyleProps {
    className?: string;
    coinSize?: number;
    presence?: PersonaPresence;
    // (undocumented)
    showSecondaryText?: boolean;
    size?: PersonaSize;
    theme: ITheme;
}

// @public (undocumented)
export interface IPersonaStyles {
    // (undocumented)
    details: IStyle;
    // (undocumented)
    optionalText: IStyle;
    // (undocumented)
    primaryText: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    secondaryText: IStyle;
    // (undocumented)
    tertiaryText: IStyle;
    // (undocumented)
    textContent: IStyle;
}

// @public @deprecated
export interface IPersonaWithMenu extends IPersonaProps {
    menuItems?: IContextualMenuItem[];
}

// @public
export type IPickerAriaIds = {
    selectedSuggestionAlert: string;
    selectedItems: string;
    suggestionList: string;
    combobox: string;
};

// @public
export interface IPickerItem {
}

// @public
export interface IPickerItemProps<T> extends React_2.AllHTMLAttributes<HTMLElement> {
    componentRef?: IRefObject<IPickerItem>;
    index: number;
    item: T;
    key?: string | number;
    onItemChange?: (item: T, index: number) => void;
    onRemoveItem?: () => void;
    removeButtonAriaLabel?: string;
    removeButtonIconProps?: IIconProps;
    selected?: boolean;
}

// @public (undocumented)
export interface IPivot {
    focus(): void;
}

// @public (undocumented)
export interface IPivotItemProps extends React_2.HTMLAttributes<HTMLDivElement> {
    alwaysRender?: boolean;
    ariaLabel?: string;
    componentRef?: IRefObject<{}>;
    headerButtonProps?: IButtonProps | {
        [key: string]: string | number | boolean;
    };
    headerText?: string;
    itemCount?: number | string;
    itemIcon?: string;
    itemKey?: string;
    keytipProps?: IKeytipProps;
    // @deprecated
    linkText?: string;
    onRenderItemLink?: IRenderFunction<IPivotItemProps>;
}

// @public (undocumented)
export interface IPivotProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    className?: string;
    componentRef?: React_2.RefObject<IPivot>;
    defaultSelectedKey?: string;
    focusZoneProps?: IFocusZoneProps;
    getTabId?: (itemKey: string, index: number) => string;
    headersOnly?: boolean;
    linkFormat?: PivotLinkFormatType;
    linkSize?: PivotLinkSizeType;
    onLinkClick?: (item?: PivotItem, ev?: React_2.MouseEvent<HTMLElement>) => void;
    overflowAriaLabel?: string;
    overflowBehavior?: 'none' | 'menu';
    selectedKey?: string | null;
    styles?: IStyleFunctionOrObject<IPivotStyleProps, IPivotStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export type IPivotStyleProps = Required<Pick<IPivotProps, 'theme'>> & Pick<IPivotProps, 'className'> & {
    linkSize?: PivotLinkSizeType;
    linkFormat?: PivotLinkFormatType;
};

// @public (undocumented)
export interface IPivotStyles {
    // (undocumented)
    count: IStyle;
    // (undocumented)
    icon: IStyle;
    // (undocumented)
    itemContainer?: IStyle;
    // (undocumented)
    link: IStyle;
    // (undocumented)
    linkContent: IStyle;
    // (undocumented)
    linkInMenu: IStyle;
    // (undocumented)
    linkIsSelected: IStyle;
    // (undocumented)
    overflowMenuButton: IStyle;
    root: IStyle;
    // (undocumented)
    text: IStyle;
}

// @public (undocumented)
export interface IPlainCard {
}

// @public
export interface IPlainCardProps extends IBaseCardProps<IPlainCard, IPlainCardStyles, IPlainCardStyleProps> {
    onRenderPlainCard?: IRenderFunction<any>;
}

// @public (undocumented)
export interface IPlainCardStyleProps extends IBaseCardStyleProps {
}

// @public (undocumented)
export interface IPlainCardStyles extends IBaseCardStyles {
}

export { IPoint }

// @public (undocumented)
export interface IPopupProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    ariaDescribedBy?: string;
    ariaLabel?: string;
    ariaLabelledBy?: string;
    className?: string;
    // @deprecated
    enableAriaHiddenSiblings?: boolean;
    onDismiss?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement> | KeyboardEvent) => any;
    onRestoreFocus?: (params: IPopupRestoreFocusParams) => void;
    role?: string;
    // @deprecated
    shouldRestoreFocus?: boolean;
}

// @public
export interface IPopupRestoreFocusParams {
    containsFocus: boolean;
    documentContainsFocus: boolean;
    originalElement?: HTMLElement | Window | null;
}

// @public
export interface IPosition {
    // (undocumented)
    [key: string]: number | undefined;
    // (undocumented)
    bottom?: number;
    // (undocumented)
    left?: number;
    // (undocumented)
    right?: number;
    // (undocumented)
    top?: number;
}

// @public (undocumented)
export interface IPositionDirectionalHintData {
    // (undocumented)
    alignmentEdge?: RectangleEdge;
    // (undocumented)
    alignTargetEdge?: boolean;
    // (undocumented)
    isAuto?: boolean;
    // (undocumented)
    targetEdge: RectangleEdge;
}

// @public (undocumented)
export interface IPositionedData {
    alignmentEdge?: RectangleEdge;
    elementPosition: IPosition;
    targetEdge: RectangleEdge;
}

// @public (undocumented)
export interface IPositioningContainer {
}

// @public (undocumented)
export interface IPositioningContainerProps extends IBaseProps<IPositioningContainer>, React_2.RefAttributes<HTMLDivElement> {
    ariaDescribedBy?: string;
    ariaLabel?: string;
    ariaLabelledBy?: string;
    backgroundColor?: string;
    bounds?: IRectangle;
    children?: ReactNode;
    className?: string;
    componentRef?: IRefObject<IPositioningContainer>;
    coverTarget?: boolean;
    directionalHint?: DirectionalHint;
    directionalHintFixed?: boolean;
    directionalHintForRTL?: DirectionalHint;
    doNotLayer?: boolean;
    finalHeight?: number;
    minPagePadding?: number;
    offsetFromTarget?: number;
    onDismiss?: (ev?: any) => void;
    onLayerMounted?: () => void;
    onPositioned?: (positions?: IPositionedData) => void;
    positioningContainerMaxHeight?: number;
    positioningContainerWidth?: number;
    preventDismissOnScroll?: boolean;
    role?: string;
    setInitialFocus?: boolean;
    target?: Target;
    // @deprecated
    targetPoint?: Point;
    // @deprecated
    useTargetPoint?: boolean;
}

// @public @deprecated (undocumented)
export type IPositioningContainerTypes = IPositioningContainerProps;

// @public (undocumented)
export interface IPositionProps {
    alignTargetEdge?: boolean;
    bounds?: IRectangle;
    coverTarget?: boolean;
    directionalHint?: DirectionalHint;
    directionalHintFixed?: boolean;
    directionalHintForRTL?: DirectionalHint;
    gapSpace?: number;
    // (undocumented)
    target?: Element | MouseEvent | Point;
}

export { IProcessedStyleSet }

// @public (undocumented)
export interface IProgressIndicatorProps extends React_2.ClassAttributes<ProgressIndicatorBase> {
    ariaLabel?: string;
    ariaValueText?: string;
    barHeight?: number;
    className?: string;
    description?: React_2.ReactNode;
    label?: React_2.ReactNode;
    onRenderProgress?: IRenderFunction<IProgressIndicatorProps>;
    percentComplete?: number;
    progressHidden?: boolean;
    styles?: IStyleFunctionOrObject<IProgressIndicatorStyleProps, IProgressIndicatorStyles>;
    theme?: ITheme;
    // @deprecated (undocumented)
    title?: string;
}

// @public (undocumented)
export interface IProgressIndicatorStyleProps {
    // (undocumented)
    barHeight?: number;
    className?: string;
    // (undocumented)
    indeterminate?: boolean;
    theme: ITheme;
}

// @public (undocumented)
export interface IProgressIndicatorStyles {
    // (undocumented)
    itemDescription: IStyle;
    // (undocumented)
    itemName: IStyle;
    // (undocumented)
    itemProgress: IStyle;
    // (undocumented)
    progressBar: IStyle;
    // (undocumented)
    progressTrack: IStyle;
    root: IStyle;
}

export { IPropsWithStyles }

// @public (undocumented)
export interface IRating {
    rating: number;
}

// @public
export interface IRatingProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    allowZeroStars?: boolean;
    ariaLabel?: string;
    ariaLabelFormat?: string;
    componentRef?: IRefObject<IRating>;
    defaultRating?: number;
    disabled?: boolean;
    getAriaLabel?: (rating: number, max: number) => string;
    icon?: string;
    max?: number;
    // @deprecated
    min?: number;
    onChange?: (event: React_2.FormEvent<HTMLElement>, rating?: number) => void;
    onRenderStar?: IRenderFunction<IRatingStarProps>;
    rating?: number;
    readOnly?: boolean;
    size?: RatingSize;
    styles?: IStyleFunctionOrObject<IRatingStyleProps, IRatingStyles>;
    theme?: ITheme;
    unselectedIcon?: string;
}

// @public (undocumented)
export interface IRatingStarProps {
    // (undocumented)
    classNames: IProcessedStyleSet<IRatingStyles>;
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    fillPercentage: number;
    // (undocumented)
    icon: string;
    // (undocumented)
    starNum?: number;
    // (undocumented)
    unselectedIcon?: string;
}

// @public (undocumented)
export interface IRatingStyleProps {
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    readOnly?: boolean;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface IRatingStyles {
    // (undocumented)
    labelText: IStyle;
    // (undocumented)
    ratingButton: IStyle;
    // (undocumented)
    ratingFocusZone: IStyle;
    // (undocumented)
    ratingStar: IStyle;
    // (undocumented)
    ratingStarBack: IStyle;
    // (undocumented)
    ratingStarFront: IStyle;
    // (undocumented)
    ratingStarIsLarge: IStyle;
    // (undocumented)
    ratingStarIsSmall: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    rootIsLarge: IStyle;
    // (undocumented)
    rootIsSmall: IStyle;
}

export { IRawStyle }

export { IRectangle }

export { IRefObject }

// @public (undocumented)
export interface IRelativePositions {
    // (undocumented)
    beakPosition: {
        position: IPosition | undefined;
        display: 'block';
    };
    // (undocumented)
    calloutPosition: IPosition;
    // (undocumented)
    directionalClassName: string;
    // (undocumented)
    submenuDirection: DirectionalHint;
}

export { IRenderComponent }

export { IRenderFunction }

// @public (undocumented)
export interface IRenderGroupHeaderProps extends INavLinkGroup {
    isExpanded?: boolean;
}

// @public (undocumented)
export interface IResizeGroup {
    remeasure(): void;
}

// @public (undocumented)
export interface IResizeGroupProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    className?: string;
    componentRef?: IRefObject<IResizeGroup>;
    data: any;
    dataDidRender?: (renderedData: any) => void;
    direction?: ResizeGroupDirection;
    onGrowData?: (prevData: any) => any;
    onReduceData: (prevData: any) => any;
    onRenderData: (data: any) => JSX.Element;
    // @deprecated
    styles?: IStyleFunctionOrObject<IResizeGroupStyleProps, IResizeGroupStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IResizeGroupState {
    dataToMeasure?: any;
    measureContainer?: boolean;
    renderedData?: any;
    resizeDirection?: 'grow' | 'shrink';
}

// @public (undocumented)
export interface IResizeGroupStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IResizeGroupStyles {
    root: IStyle;
}

// @public
export interface IRGB {
    a?: number;
    b: number;
    g: number;
    r: number;
}

export { IScheme }

export { ISchemeNames }

export { isControlled }

// @public (undocumented)
export interface IScrollablePane {
    forceLayoutUpdate(): void;
    getScrollPosition(): number;
}

// @public (undocumented)
export interface IScrollablePaneContext {
    // (undocumented)
    scrollablePane?: {
        subscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void;
        unsubscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void;
        addSticky: (sticky: Sticky) => void;
        removeSticky: (sticky: Sticky) => void;
        updateStickyRefHeights: () => void;
        sortSticky: (sticky: Sticky, sortAgain?: boolean) => void;
        notifySubscribers: (sort?: boolean) => void;
        syncScrollSticky: (sticky: Sticky) => void;
    };
}

// @public (undocumented)
export interface IScrollablePaneProps extends React_2.HTMLAttributes<HTMLElement | ScrollablePaneBase> {
    className?: string;
    componentRef?: IRefObject<IScrollablePane>;
    initialScrollPosition?: number;
    // (undocumented)
    scrollbarVisibility?: ScrollbarVisibility;
    scrollContainerAriaLabel?: string;
    scrollContainerFocus?: boolean;
    styles?: IStyleFunctionOrObject<IScrollablePaneStyleProps, IScrollablePaneStyles>;
    theme?: ITheme;
}

// @public (undocumented)
export interface IScrollablePaneState {
    // (undocumented)
    scrollbarHeight: number;
    // (undocumented)
    scrollbarWidth: number;
    // (undocumented)
    stickyBottomHeight: number;
    // (undocumented)
    stickyTopHeight: number;
}

// @public (undocumented)
export interface IScrollablePaneStyleProps {
    className?: string;
    // (undocumented)
    scrollbarVisibility?: IScrollablePaneProps['scrollbarVisibility'];
    theme: ITheme;
}

// @public (undocumented)
export interface IScrollablePaneStyles {
    contentContainer: IStyle;
    root: IStyle;
    stickyAbove: IStyle;
    stickyBelow: IStyle;
    stickyBelowItems: IStyle;
}

// @public (undocumented)
export function isDark(color: IColor): boolean;

export { isDirectionalKeyCode }

// @public (undocumented)
export interface ISearchBox {
    focus(): void;
    hasFocus(): boolean;
}

// @public (undocumented)
export interface ISearchBoxProps extends React_2.InputHTMLAttributes<HTMLInputElement>, React_2.RefAttributes<HTMLDivElement> {
    ariaLabel?: string;
    className?: string;
    clearButtonProps?: IButtonProps;
    componentRef?: React_2.Ref<ISearchBox>;
    defaultValue?: string;
    disableAnimation?: boolean;
    iconProps?: Pick<IIconProps, Exclude<keyof IIconProps, 'className'>>;
    // @deprecated (undocumented)
    labelText?: string;
    onChange?: (event?: React_2.ChangeEvent<HTMLInputElement>, newValue?: string) => void;
    // @deprecated (undocumented)
    onChanged?: (newValue: any) => void;
    onClear?: (ev?: any) => void;
    onEscape?: (ev?: any) => void;
    onSearch?: (newValue: any) => void;
    placeholder?: string;
    role?: string;
    showIcon?: boolean;
    styles?: IStyleFunctionOrObject<ISearchBoxStyleProps, ISearchBoxStyles>;
    theme?: ITheme;
    underlined?: boolean;
    value?: string;
}

// @public (undocumented)
export interface ISearchBoxStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    disableAnimation?: boolean;
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    hasFocus?: boolean;
    // (undocumented)
    hasInput?: boolean;
    // (undocumented)
    showIcon?: boolean;
    // (undocumented)
    theme: ITheme;
    // (undocumented)
    underlined?: boolean;
}

// @public (undocumented)
export interface ISearchBoxStyles {
    // (undocumented)
    clearButton?: IStyle;
    // (undocumented)
    field?: IStyle;
    // (undocumented)
    icon?: IStyle;
    // (undocumented)
    iconContainer?: IStyle;
    // (undocumented)
    root?: IStyle;
}

// @public
export interface ISelectableDroppableTextProps<TComponent, TListenerElement> extends React_2.HTMLAttributes<TListenerElement> {
    ariaLabel?: string;
    calloutProps?: ICalloutProps;
    className?: string;
    componentRef?: IRefObject<TComponent>;
    defaultSelectedKey?: string | number | string[] | number[] | null;
    disabled?: boolean;
    errorMessage?: string;
    id?: string;
    label?: string;
    multiSelect?: boolean;
    onDismiss?: () => void;
    onRenderContainer?: IRenderFunction<ISelectableDroppableTextProps<TComponent, TListenerElement>>;
    onRenderItem?: IRenderFunction<ISelectableOption>;
    onRenderList?: IRenderFunction<ISelectableDroppableTextProps<TComponent, TListenerElement>>;
    onRenderOption?: IRenderFunction<ISelectableOption>;
    openOnKeyboardFocus?: boolean;
    options?: any;
    panelProps?: IPanelProps;
    placeholder?: string;
    required?: boolean;
    selectedKey?: string | number | string[] | number[] | null;
}

// @public (undocumented)
export interface ISelectableOption<T = any> {
    ariaLabel?: string;
    data?: T;
    disabled?: boolean;
    hidden?: boolean;
    id?: string;
    index?: number;
    itemType?: SelectableOptionMenuItemType;
    key: string | number;
    selected?: boolean;
    text: string;
    title?: string;
}

// @public (undocumented)
export interface ISelectedItemProps<T> extends IPickerItemProps<T> {
    // (undocumented)
    onCopyItem: (item: T) => void;
}

// @public (undocumented)
export interface ISelectedPeopleItemProps extends ISelectedItemProps<IExtendedPersonaProps> {
    // (undocumented)
    onExpandItem?: () => void;
    // (undocumented)
    renderPersonaCoin?: IRenderFunction<IPersonaProps>;
    // (undocumented)
    renderPrimaryText?: IRenderFunction<IPersonaProps>;
}

// @public (undocumented)
export interface ISelectedPeopleProps extends IBaseSelectedItemsListProps<IExtendedPersonaProps> {
    // (undocumented)
    copyMenuItemText?: string;
    // (undocumented)
    editMenuItemText?: string;
    // (undocumented)
    floatingPickerProps?: IBaseFloatingPickerProps<IPersonaProps>;
    // (undocumented)
    getEditingItemText?: (item: IExtendedPersonaProps) => string;
    // (undocumented)
    onExpandGroup?: (item: IExtendedPersonaProps) => void;
    // (undocumented)
    onRenderFloatingPicker?: React_2.ComponentType<IBaseFloatingPickerProps<IPersonaProps>>;
    // (undocumented)
    removeMenuItemText?: string;
}

export { ISelection }

export { ISelectionOptions }

export { ISelectionOptionsWithRequiredGetKey }

// @public (undocumented)
export interface ISelectionZone {
    ignoreNextFocus: () => void;
}

// @public (undocumented)
export interface ISelectionZoneProps extends React_2.ClassAttributes<SelectionZone> {
    className?: string;
    componentRef?: () => void;
    disableAutoSelectOnInputElements?: boolean;
    enableTouchInvocationTarget?: boolean;
    enterModalOnTouch?: boolean;
    isSelectedOnFocus?: boolean;
    // @deprecated (undocumented)
    layout?: {};
    onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean;
    onItemInvoked?: (item?: IObjectWithKey, index?: number, ev?: Event) => void;
    selection: ISelection;
    selectionClearedOnSurfaceClick?: boolean;
    selectionMode?: SelectionMode_2;
    selectionPreservedOnEmptyClick?: boolean;
}

// @public (undocumented)
export interface ISelectionZoneState {
    // (undocumented)
    isModal: boolean | undefined;
}

export { isElementFocusSubZone }

export { isElementFocusZone }

export { isElementTabbable }

export { isElementVisible }

export { isElementVisibleAndNotHidden }

export { ISemanticColors }

export { ISemanticTextColors }

// @public (undocumented)
export interface ISeparator {
}

// @public (undocumented)
export interface ISeparatorProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    alignContent?: 'start' | 'center' | 'end';
    styles?: IStyleFunctionOrObject<ISeparatorStyleProps, ISeparatorStyles>;
    theme?: ITheme;
    vertical?: boolean;
}

// @public (undocumented)
export type ISeparatorStyleProps = Required<Pick<ISeparatorProps, 'theme'>> & Pick<ISeparatorProps, 'className' | 'alignContent' | 'vertical'>;

// @public (undocumented)
export interface ISeparatorStyles {
    content: IStyle;
    root: IStyle;
}

export { ISerializableObject }

export { ISettings }

export { ISettingsFunction }

export { ISettingsMap }

export { IsFocusVisibleClassName }

// @public (undocumented)
export interface IShimmerCircle {
}

// @public
export interface IShimmerCircleProps extends React_2.AllHTMLAttributes<HTMLElement> {
    // @deprecated
    borderStyle?: IRawStyle;
    componentRef?: IRefObject<IShimmerCircle>;
    height?: number;
    styles?: IStyleFunctionOrObject<IShimmerCircleStyleProps, IShimmerCircleStyles>;
    theme?: ITheme;
}

// @public
export type IShimmerCircleStyleProps = {
    theme: ITheme;
    height?: number;
    borderStyle?: IRawStyle;
};

// @public
export interface IShimmerCircleStyles {
    root?: IStyle;
    svg?: IStyle;
}

// @public
export interface IShimmerColors {
    background?: string;
    shimmer?: string;
    shimmerWave?: string;
}

// @public
export interface IShimmeredDetailsListProps extends Omit<IDetailsListProps, 'styles'> {
    ariaLabelForShimmer?: string;
    detailsListStyles?: IDetailsListProps['styles'];
    enableShimmer?: boolean;
    onRenderCustomPlaceholder?: (rowProps: IDetailsRowProps, index?: number, defaultRender?: (props: IDetailsRowProps) => React_2.ReactNode) => React_2.ReactNode;
    removeFadingOverlay?: boolean;
    shimmerLines?: number;
    // @deprecated
    shimmerOverlayStyles?: IStyleFunctionOrObject<IShimmeredDetailsListStyleProps, IShimmeredDetailsListStyles>;
    styles?: IStyleFunctionOrObject<IShimmeredDetailsListStyleProps, IShimmeredDetailsListStyles>;
}

// @public
export type IShimmeredDetailsListStyleProps = Required<Pick<IShimmeredDetailsListProps, 'theme'>>;

// @public
export interface IShimmeredDetailsListStyles {
    root: IStyle;
}

// @public
export interface IShimmerElement {
    height?: number;
    type: ShimmerElementType;
    verticalAlign?: 'top' | 'center' | 'bottom';
    width?: number | string;
}

// @public (undocumented)
export interface IShimmerElementsGroup {
}

// @public
export interface IShimmerElementsGroupProps extends React_2.AllHTMLAttributes<HTMLElement> {
    backgroundColor?: string;
    componentRef?: IRefObject<IShimmerElementsGroup>;
    flexWrap?: boolean;
    rowHeight?: number;
    shimmerElements?: IShimmerElement[];
    styles?: IStyleFunctionOrObject<IShimmerElementsGroupStyleProps, IShimmerElementsGroupStyles>;
    theme?: ITheme;
    width?: string;
}

// @public
export interface IShimmerElementsGroupStyleProps {
    flexWrap?: boolean;
    theme: ITheme;
}

// @public
export interface IShimmerElementsGroupStyles {
    root?: IStyle;
}

// @public (undocumented)
export interface IShimmerGap {
}

// @public
export interface IShimmerGapProps extends React_2.AllHTMLAttributes<HTMLElement> {
    // @deprecated
    borderStyle?: IRawStyle;
    componentRef?: IRefObject<IShimmerGap>;
    height?: number;
    styles?: IStyleFunctionOrObject<IShimmerGapStyleProps, IShimmerGapStyles>;
    theme?: ITheme;
    width?: number | string;
}

// @public
export type IShimmerGapStyleProps = {
    theme: ITheme;
    height?: number;
    borderStyle?: IRawStyle;
};

// @public
export interface IShimmerGapStyles {
    root?: IStyle;
}

// @public (undocumented)
export interface IShimmerLine {
}

// @public
export interface IShimmerLineProps extends React_2.AllHTMLAttributes<HTMLElement> {
    // @deprecated
    borderStyle?: IRawStyle;
    componentRef?: IRefObject<IShimmerLine>;
    height?: number;
    styles?: IStyleFunctionOrObject<IShimmerLineStyleProps, IShimmerLineStyles>;
    theme?: ITheme;
    width?: number | string;
}

// @public
export type IShimmerLineStyleProps = {
    theme: ITheme;
    height?: number;
    borderStyle?: IRawStyle;
};

// @public
export interface IShimmerLineStyles {
    bottomLeftCorner?: IStyle;
    bottomRightCorner?: IStyle;
    root?: IStyle;
    topLeftCorner?: IStyle;
    topRightCorner?: IStyle;
}

// @public
export interface IShimmerProps extends React_2.AllHTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLElement> {
    ariaLabel?: string;
    className?: string;
    customElementsGroup?: React_2.ReactNode;
    isDataLoaded?: boolean;
    shimmerColors?: IShimmerColors;
    shimmerElements?: IShimmerElement[];
    styles?: IStyleFunctionOrObject<IShimmerStyleProps, IShimmerStyles>;
    theme?: ITheme;
    width?: number | string;
}

// @public
export interface IShimmerStyleProps {
    className?: string;
    isDataLoaded?: boolean;
    shimmerColor?: string;
    shimmerWaveColor?: string;
    theme: ITheme;
    transitionAnimationInterval?: number;
}

// @public
export interface IShimmerStyles {
    dataWrapper?: IStyle;
    root?: IStyle;
    screenReaderText?: IStyle;
    shimmerGradient?: IStyle;
    shimmerWrapper?: IStyle;
}

export { isIE11 }

export { isInDateRangeArray }

export { isIOS }

export { ISize }

// @public (undocumented)
export interface ISlider {
    // (undocumented)
    focus: () => void;
    // (undocumented)
    range?: [number, number];
    // (undocumented)
    value: number | undefined;
}

// @public (undocumented)
export interface ISliderProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>, React_2.RefAttributes<HTMLDivElement> {
    ariaLabel?: string;
    ariaValueText?: (value: number) => string;
    buttonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
    className?: string;
    componentRef?: IRefObject<ISlider>;
    defaultLowerValue?: number;
    defaultValue?: number;
    disabled?: boolean;
    label?: string;
    lowerValue?: number;
    max?: number;
    min?: number;
    onChange?: (value: number, range?: [number, number], event?: React_2.MouseEvent | React_2.TouchEvent | MouseEvent | TouchEvent | React_2.KeyboardEvent) => void;
    onChanged?: (event: any, value: number, range?: [number, number]) => void;
    originFromZero?: boolean;
    ranged?: boolean;
    showValue?: boolean;
    snapToStep?: boolean;
    step?: number;
    styles?: IStyleFunctionOrObject<ISliderStyleProps, ISliderStyles>;
    theme?: ITheme;
    value?: number;
    valueFormat?: (value: number) => string;
    vertical?: boolean;
}

// @public (undocumented)
export type ISliderStyleProps = Required<Pick<ISliderProps, 'theme'>> & Pick<ISliderProps, 'className' | 'disabled' | 'vertical' | 'ranged'> & {
    showTransitions?: boolean;
    showValue?: boolean;
    titleLabelClassName?: string;
};

// @public (undocumented)
export interface ISliderStyles {
    activeSection: IStyle;
    container: IStyle;
    inactiveSection: IStyle;
    line: IStyle;
    lineContainer: IStyle;
    root: IStyle;
    slideBox: IStyle;
    thumb: IStyle;
    titleLabel: IStyle;
    valueLabel: IStyle;
    zeroTick: IStyle;
}

export { isMac }

export { ISpacing }

// @public (undocumented)
export interface ISpinButton {
    focus: () => void;
    value?: string;
}

// @public (undocumented)
export interface ISpinButtonProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
    ariaDescribedBy?: string;
    ariaLabel?: string;
    ariaPositionInSet?: number;
    ariaSetSize?: number;
    ariaValueNow?: number;
    // (undocumented)
    ariaValueText?: string;
    className?: string;
    componentRef?: IRefObject<ISpinButton>;
    decrementButtonAriaLabel?: string;
    decrementButtonIcon?: IIconProps;
    defaultValue?: string;
    disabled?: boolean;
    downArrowButtonStyles?: Partial<IButtonStyles>;
    iconButtonProps?: IButtonProps;
    iconProps?: IIconProps;
    incrementButtonAriaLabel?: string;
    incrementButtonIcon?: IIconProps;
    inputProps?: React_2.InputHTMLAttributes<HTMLElement | HTMLInputElement>;
    keytipProps?: IKeytipProps;
    label?: string;
    labelPosition?: Position;
    max?: number;
    min?: number;
    onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
    onChange?: (event: React_2.SyntheticEvent<HTMLElement>, newValue?: string) => void;
    onDecrement?: (value: string, event?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => string | void;
    onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
    onIncrement?: (value: string, event?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => string | void;
    onValidate?: (value: string, event?: React_2.SyntheticEvent<HTMLElement>) => string | void;
    precision?: number;
    step?: number;
    styles?: IStyleFunctionOrObject<ISpinButtonStyleProps, ISpinButtonStyles>;
    theme?: ITheme;
    title?: string;
    upArrowButtonStyles?: Partial<IButtonStyles>;
    value?: string;
}

// @public (undocumented)
export interface ISpinButtonStyleProps {
    // (undocumented)
    className: string | undefined;
    // (undocumented)
    disabled: boolean;
    // (undocumented)
    isFocused: boolean;
    // (undocumented)
    keyboardSpinDirection: KeyboardSpinDirection;
    // (undocumented)
    labelPosition: Position;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ISpinButtonStyles {
    arrowButtonsContainer: IStyle;
    icon: IStyle;
    input: IStyle;
    label: IStyle;
    labelWrapper: IStyle;
    root: IStyle;
    spinButtonWrapper: IStyle;
}

// @public (undocumented)
export interface ISpinner {
}

// @public
export interface ISpinnerProps extends React_2.HTMLAttributes<HTMLElement> {
    ariaLabel?: string;
    ariaLive?: 'assertive' | 'polite' | 'off';
    className?: string;
    componentRef?: IRefObject<ISpinner>;
    label?: string;
    labelPosition?: SpinnerLabelPosition;
    size?: SpinnerSize;
    styles?: IStyleFunctionOrObject<ISpinnerStyleProps, ISpinnerStyles>;
    theme?: ITheme;
    // @deprecated (undocumented)
    type?: SpinnerType;
}

// @public
export interface ISpinnerStyleProps {
    className?: string;
    labelPosition?: SpinnerLabelPosition;
    size?: SpinnerSize;
    theme: ITheme;
}

// @public
export interface ISpinnerStyles {
    circle?: IStyle;
    label?: IStyle;
    root?: IStyle;
    screenReaderText?: IStyle;
}

// @public (undocumented)
export interface ISplitButtonClassNames {
    // (undocumented)
    divider?: string;
    // (undocumented)
    flexContainer?: string;
    // (undocumented)
    icon?: string;
    // (undocumented)
    root?: string;
    // (undocumented)
    splitButtonContainer?: string;
}

// @public (undocumented)
export function isRelativeUrl(url: string): boolean;

// @public (undocumented)
export type IStackComponent = IComponent<IStackProps, IStackTokens, IStackStyles>;

// @public (undocumented)
export type IStackItemComponent = IComponent<IStackItemProps, IStackItemTokens, IStackItemStyles>;

// @public (undocumented)
export interface IStackItemProps extends IStackItemSlots, IStyleableComponentProps<IStackItemProps, IStackItemTokens, IStackItemStyles>, React_2.HTMLAttributes<HTMLElement> {
    align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end';
    basis?: React_2.CSSProperties['flexBasis'];
    className?: string;
    disableShrink?: boolean;
    grow?: boolean | number | 'inherit' | 'initial' | 'unset';
    order?: number | string;
    shrink?: boolean | number | 'inherit' | 'initial' | 'unset';
    verticalFill?: boolean;
}

// @public (undocumented)
export type IStackItemSlot = ISlotProp<IStackItemProps>;

// @public (undocumented)
export interface IStackItemSlots {
    // (undocumented)
    root?: IHTMLSlot;
}

// @public (undocumented)
export type IStackItemStyles = IComponentStyles<IStackItemSlots>;

// @public (undocumented)
export type IStackItemStylesReturnType = ReturnType<Extract<IStackItemComponent['styles'], Function>>;

// @public (undocumented)
export type IStackItemTokenReturnType = ReturnType<Extract<IStackItemComponent['tokens'], Function>>;

// @public (undocumented)
export interface IStackItemTokens {
    margin?: number | string;
    padding?: number | string;
}

// @public (undocumented)
export interface IStackProps extends ISlottableProps<IStackSlots>, IStyleableComponentProps<IStackProps, IStackTokens, IStackStyles>, React_2.HTMLAttributes<HTMLElement> {
    as?: React_2.ElementType<React_2.HTMLAttributes<HTMLElement>>;
    disableShrink?: boolean;
    // @deprecated
    gap?: number | string;
    grow?: boolean | number | 'inherit' | 'initial' | 'unset';
    horizontal?: boolean;
    horizontalAlign?: Alignment;
    // @deprecated
    maxHeight?: number | string;
    // @deprecated
    maxWidth?: number | string;
    // @deprecated
    padding?: number | string;
    reversed?: boolean;
    verticalAlign?: Alignment;
    verticalFill?: boolean;
    wrap?: boolean;
}

// @public (undocumented)
export type IStackSlot = ISlotProp<IStackProps>;

// @public (undocumented)
export interface IStackSlots {
    inner?: IHTMLSlot;
    root?: IHTMLSlot;
}

// @public (undocumented)
export type IStackStyles = IComponentStyles<IStackSlots>;

// @public (undocumented)
export type IStackStylesReturnType = ReturnType<Extract<IStackComponent['styles'], Function>>;

// @public (undocumented)
export type IStackTokenReturnType = ReturnType<Extract<IStackComponent['tokens'], Function>>;

// @public (undocumented)
export interface IStackTokens {
    childrenGap?: number | string;
    maxHeight?: number | string;
    maxWidth?: number | string;
    padding?: number | string;
}

// @public (undocumented)
export interface IStickyProps extends React_2.Props<Sticky> {
    componentRef?: IRefObject<IStickyProps>;
    isScrollSynced?: boolean;
    stickyBackgroundColor?: string;
    stickyClassName?: string;
    stickyPosition?: StickyPositionType;
}

// @public (undocumented)
export interface IStickyState {
    // (undocumented)
    distanceFromTop?: number;
    // (undocumented)
    isStickyBottom: boolean;
    // (undocumented)
    isStickyTop: boolean;
}

export { IStyle }

export { IStyleFunction }

export { IStyleFunctionOrObject }

export { IStyleSet }

export { IStyleSheetConfig }

// @public
export interface ISuggestionItemProps<T> {
    className?: string;
    componentRef?: IRefObject<ISuggestionsItem>;
    id?: string;
    isSelectedOverride?: boolean;
    onClick: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
    onRemoveItem: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
    removeButtonAriaLabel?: string;
    removeButtonIconProps?: IIconProps;
    RenderSuggestion: (item: T, suggestionItemProps: ISuggestionItemProps<T>) => JSX.Element;
    showRemoveButton?: boolean;
    styles?: IStyleFunctionOrObject<ISuggestionsItemStyleProps, ISuggestionsItemStyles>;
    suggestionModel: ISuggestionModel<T>;
    theme?: ITheme;
}

// @public
export interface ISuggestionModel<T> {
    ariaLabel?: string;
    item: T;
    selected: boolean;
}

// @public
export interface ISuggestions<T> {
    executeSelectedAction: () => void;
    focusAboveSuggestions: () => void;
    focusBelowSuggestions: () => void;
    focusSearchForMoreButton: () => void;
    hasSuggestedAction: () => boolean;
    hasSuggestedActionSelected: () => boolean;
    tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean;
}

// @public (undocumented)
export interface ISuggestionsControlProps<T> extends React_2.ClassAttributes<any>, ISuggestionsCoreProps<T> {
    className?: string;
    completeSuggestion: () => void;
    footerItemsProps?: ISuggestionsHeaderFooterProps[];
    headerItemsProps?: ISuggestionsHeaderFooterProps[];
    shouldSelectFirstItem?: () => boolean;
    suggestionsFooterContainerAriaLabel?: string;
    suggestionsHeaderContainerAriaLabel?: string;
}

// @public (undocumented)
export interface ISuggestionsControlState<T> {
    // (undocumented)
    selectedFooterIndex: number;
    // (undocumented)
    selectedHeaderIndex: number;
    // (undocumented)
    suggestions: ISuggestionModel<T>[];
}

// @public (undocumented)
export interface ISuggestionsCoreProps<T> extends React_2.ClassAttributes<any> {
    componentRef?: IRefObject<{}>;
    onRenderSuggestion?: (props: T, suggestionItemProps: ISuggestionItemProps<T>) => JSX.Element;
    onSuggestionClick: (ev?: React_2.MouseEvent<HTMLElement>, item?: any, index?: number) => void;
    onSuggestionRemove?: (ev?: React_2.MouseEvent<HTMLElement>, item?: IPersonaProps, index?: number) => void;
    resultsMaximumNumber?: number;
    shouldLoopSelection: boolean;
    showRemoveButtons?: boolean;
    suggestions: ISuggestionModel<T>[];
    suggestionsAvailableAlertText?: string;
    suggestionsContainerAriaLabel?: string;
    suggestionsItemClassName?: string;
}

// @public (undocumented)
export interface ISuggestionsHeaderFooterItemProps {
    // (undocumented)
    className: string | undefined;
    // (undocumented)
    componentRef?: IRefObject<{}>;
    // (undocumented)
    id: string;
    // (undocumented)
    isSelected: boolean;
    // (undocumented)
    onExecute?: () => void;
    // (undocumented)
    renderItem: () => JSX.Element;
}

// @public (undocumented)
export interface ISuggestionsHeaderFooterProps {
    // (undocumented)
    ariaLabel?: string;
    // (undocumented)
    className?: string;
    // (undocumented)
    onExecute?: () => void;
    // (undocumented)
    renderItem: () => JSX.Element;
    // (undocumented)
    shouldShow: () => boolean;
}

// @public
export interface ISuggestionsItem {
}

// @public
export type ISuggestionsItemStyleProps = Required<Pick<ISuggestionItemProps<any>, 'theme'>> & Pick<ISuggestionItemProps<any>, 'className'> & {
    suggested?: boolean;
};

// @public
export interface ISuggestionsItemStyles {
    closeButton: IStyle;
    itemButton: IStyle;
    root: IStyle;
}

// @public
export interface ISuggestionsProps<T> extends React_2.Props<any> {
    className?: string;
    componentRef?: IRefObject<ISuggestions<T>>;
    createGenericItem?: () => void;
    forceResolveText?: string;
    isLoading?: boolean;
    isMostRecentlyUsedVisible?: boolean;
    isResultsFooterVisible?: boolean;
    isSearching?: boolean;
    loadingText?: string;
    moreSuggestionsAvailable?: boolean;
    mostRecentlyUsedHeaderText?: string;
    noResultsFoundText?: string;
    onGetMoreResults?: () => void;
    onRenderNoResultFound?: IRenderFunction<void>;
    onRenderSuggestion: (props: T, suggestionItemProps: ISuggestionItemProps<T>) => JSX.Element;
    onSuggestionClick: (ev?: React_2.MouseEvent<HTMLElement>, item?: any, index?: number) => void;
    onSuggestionRemove?: (ev?: React_2.MouseEvent<HTMLElement>, item?: T | IPersonaProps, index?: number) => void;
    refocusSuggestions?: (keyCode: KeyCodes) => void;
    removeButtonIconProps?: IIconProps;
    removeSuggestionAriaLabel?: string;
    resultsFooter?: (props: ISuggestionsProps<T>) => JSX.Element;
    resultsFooterFull?: (props: ISuggestionsProps<T>) => JSX.Element;
    resultsMaximumNumber?: number;
    // @deprecated
    searchErrorText?: string;
    searchForMoreIcon?: IIconProps;
    searchForMoreText?: string;
    searchingText?: string;
    showForceResolve?: () => boolean;
    showRemoveButtons?: boolean;
    styles?: IStyleFunctionOrObject<any, any>;
    suggestions: ISuggestionModel<T>[];
    suggestionsAvailableAlertText?: string;
    suggestionsClassName?: string;
    suggestionsContainerAriaLabel?: string;
    suggestionsHeaderText?: string;
    suggestionsItemClassName?: string;
    suggestionsListId?: string;
    theme?: ITheme;
}

// @public (undocumented)
export interface ISuggestionsState {
    // (undocumented)
    selectedActionType: SuggestionActionType;
}

// @public
export type ISuggestionsStyleProps = Required<Pick<ISuggestionsProps<any>, 'theme'>> & Pick<ISuggestionsProps<any>, 'className' | 'suggestionsClassName'> & {
    forceResolveButtonSelected?: boolean;
    searchForMoreButtonSelected?: boolean;
};

// @public
export interface ISuggestionsStyles {
    forceResolveButton: IStyle;
    noSuggestions: IStyle;
    root: IStyle;
    searchForMoreButton: IStyle;
    subComponentStyles: ISuggestionsSubComponentStyles;
    suggestionsAvailable: IStyle;
    suggestionsContainer: IStyle;
    title: IStyle;
}

// @public
export interface ISuggestionsSubComponentStyles {
    spinner: IStyleFunctionOrObject<ISpinnerStyleProps, any>;
}

// @public
export function isValidShade(shade?: Shade): boolean;

export { isVirtualElement }

// @public (undocumented)
export interface ISwatchColorPickerProps extends React_2.RefAttributes<HTMLElement> {
    ariaPosInSet?: number;
    ariaSetSize?: number;
    cellBorderWidth?: number;
    cellHeight?: number;
    cellMargin?: number;
    cellShape?: 'circle' | 'square';
    cellWidth?: number;
    className?: string;
    colorCells: IColorCellProps[];
    columnCount: number;
    defaultSelectedId?: string | undefined;
    disabled?: boolean;
    doNotContainWithinFocusZone?: boolean;
    focusOnHover?: boolean;
    getColorGridCellStyles?: IStyleFunctionOrObject<IColorPickerGridCellStyleProps, IColorPickerGridCellStyles>;
    id?: string;
    // @deprecated (undocumented)
    isControlled?: boolean;
    mouseLeaveParentSelector?: string | undefined;
    onCellFocused?: (id?: string, color?: string, event?: React_2.FormEvent<HTMLButtonElement>) => void;
    onCellHovered?: (id?: string, color?: string, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
    onChange?: (event: React_2.FormEvent<HTMLElement>, id: string | undefined, color: string | undefined) => void;
    // @deprecated (undocumented)
    onColorChanged?: (id?: string, color?: string) => void;
    onRenderColorCell?: IRenderFunction<IColorCellProps>;
    selectedId?: string;
    shouldFocusCircularNavigate?: boolean;
    styles?: IStyleFunctionOrObject<ISwatchColorPickerStyleProps, ISwatchColorPickerStyles>;
    theme?: ITheme;
}

// @public
export interface ISwatchColorPickerStyleProps {
    cellMargin?: number;
    className?: string;
    theme: ITheme;
}

// @public
export interface ISwatchColorPickerStyles {
    focusedContainer?: IStyle;
    root: IStyle;
    tableCell: IStyle;
}

// @public
export interface ITag {
    key: string | number;
    name: string;
}

// @public
export interface ITagItemProps extends IPickerItemProps<ITag> {
    className?: string;
    enableTagFocusInDisabledPicker?: boolean;
    styles?: IStyleFunctionOrObject<ITagItemStyleProps, ITagItemStyles>;
    theme?: ITheme;
    title?: string;
}

// @public
export type ITagItemStyleProps = Required<Pick<ITagItemProps, 'theme'>> & Pick<ITagItemProps, 'className' | 'selected' | 'disabled'> & {};

// @public
export interface ITagItemStyles {
    close: IStyle;
    root: IStyle;
    text: IStyle;
}

// @public
export interface ITagItemSuggestionProps extends React_2.AllHTMLAttributes<HTMLElement> {
    className?: string;
    styles?: IStyleFunctionOrObject<ITagItemSuggestionStyleProps, ITagItemSuggestionStyles>;
    theme?: ITheme;
}

// @public
export type ITagItemSuggestionStyleProps = Required<Pick<ITagItemSuggestionProps, 'theme'>> & Pick<ITagItemSuggestionProps, 'className'> & {};

// @public
export interface ITagItemSuggestionStyles {
    suggestionTextOverflow?: IStyle;
}

// @public
export interface ITagPickerProps extends IBasePickerProps<ITag> {
}

// @public (undocumented)
export interface ITeachingBubble {
    focus(): void;
}

// @public
export interface ITeachingBubbleProps extends React_2.RefAttributes<HTMLDivElement>, IAccessiblePopupProps {
    ariaDescribedBy?: string;
    ariaLabelledBy?: string;
    calloutProps?: ICalloutProps;
    componentRef?: IRefObject<ITeachingBubble>;
    focusTrapZoneProps?: IFocusTrapZoneProps;
    footerContent?: string | JSX.Element;
    hasCloseButton?: boolean;
    // @deprecated (undocumented)
    hasCloseIcon?: boolean;
    hasCondensedHeadline?: boolean;
    hasSmallHeadline?: boolean;
    headline?: string;
    illustrationImage?: IImageProps;
    isWide?: boolean;
    onDismiss?: (ev?: any) => void;
    primaryButtonProps?: IButtonProps;
    secondaryButtonProps?: IButtonProps;
    styles?: IStyleFunctionOrObject<ITeachingBubbleStyleProps, ITeachingBubbleStyles>;
    target?: Target;
    // @deprecated
    targetElement?: HTMLElement;
    theme?: ITheme;
}

// @public (undocumented)
export type ITeachingBubbleStyleProps = Required<Pick<ITeachingBubbleProps, 'theme'>> & Pick<ITeachingBubbleProps, 'hasCondensedHeadline' | 'hasSmallHeadline' | 'isWide'> & {
    calloutProps?: ICalloutContentStyleProps;
    primaryButtonClassName?: string;
    secondaryButtonClassName?: string;
    hasCloseButton?: boolean;
    hasHeadline?: boolean;
};

// @public (undocumented)
export interface ITeachingBubbleStyles {
    // (undocumented)
    body: IStyle;
    // (undocumented)
    bodyContent: IStyle;
    // (undocumented)
    closeButton: IStyle;
    // (undocumented)
    content: IStyle;
    // (undocumented)
    footer: IStyle;
    // (undocumented)
    header: IStyle;
    // (undocumented)
    headline: IStyle;
    // (undocumented)
    imageContent: IStyle;
    // (undocumented)
    primaryButton: IStyle;
    // (undocumented)
    root: IStyle;
    // (undocumented)
    secondaryButton: IStyle;
    // (undocumented)
    subComponentStyles?: ITeachingBubbleSubComponentStyles;
    // (undocumented)
    subText: IStyle;
}

// @public (undocumented)
export interface ITeachingBubbleSubComponentStyles {
    callout: IStyleFunctionOrObject<any, any>;
}

// @public (undocumented)
export type ITextComponent = IComponent<ITextProps, ITextTokens, ITextStyles>;

// @public (undocumented)
export interface ITextField {
    blur: () => void;
    focus: () => void;
    select: () => void;
    selectionEnd: number | null;
    selectionStart: number | null;
    setSelectionEnd: (value: number) => void;
    setSelectionRange: (start: number, end: number) => void;
    setSelectionStart: (value: number) => void;
    value: string | undefined;
}

// @public
export interface ITextFieldProps extends React_2.AllHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
    ariaLabel?: string;
    autoAdjustHeight?: boolean;
    autoComplete?: string;
    borderless?: boolean;
    canRevealPassword?: boolean;
    className?: string;
    componentRef?: IRefObject<ITextField>;
    defaultValue?: string;
    deferredValidationTime?: number;
    description?: string;
    disabled?: boolean;
    // @deprecated
    elementRef?: React_2.Ref<HTMLDivElement>;
    errorMessage?: string | JSX.Element;
    iconProps?: IIconProps;
    inputClassName?: string;
    invalid?: boolean;
    label?: string;
    multiline?: boolean;
    onChange?: (event: React_2.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => void;
    onGetErrorMessage?: (value: string) => string | JSX.Element | PromiseLike<string | JSX.Element> | undefined;
    onNotifyValidationResult?: (errorMessage: string | JSX.Element, value: string | undefined) => void;
    onRenderDescription?: IRenderFunction<ITextFieldProps>;
    onRenderInput?: IRenderFunction<React_2.InputHTMLAttributes<HTMLInputElement> & React_2.RefAttributes<HTMLInputElement>>;
    onRenderLabel?: IRenderFunction<ITextFieldProps>;
    onRenderPrefix?: IRenderFunction<ITextFieldProps>;
    onRenderSuffix?: IRenderFunction<ITextFieldProps>;
    prefix?: string;
    readOnly?: boolean;
    resizable?: boolean;
    revealPasswordAriaLabel?: string;
    styles?: IStyleFunctionOrObject<ITextFieldStyleProps, ITextFieldStyles>;
    suffix?: string;
    theme?: ITheme;
    underlined?: boolean;
    validateOnFocusIn?: boolean;
    validateOnFocusOut?: boolean;
    validateOnLoad?: boolean;
    value?: string;
}

// Warning: (ae-internal-missing-underscore) The name "ITextFieldSnapshot" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export interface ITextFieldSnapshot {
    selection?: [number | null, number | null];
}

// Warning: (ae-internal-missing-underscore) The name "ITextFieldState" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export interface ITextFieldState {
    errorMessage: string | JSX.Element;
    isFocused?: boolean;
    isRevealingPassword?: boolean;
    uncontrolledValue: string | undefined;
}

// @public (undocumented)
export type ITextFieldStyleProps = Required<Pick<ITextFieldProps, 'theme'>> & Pick<ITextFieldProps, 'className' | 'disabled' | 'inputClassName' | 'required' | 'multiline' | 'borderless' | 'resizable' | 'underlined' | 'autoAdjustHeight'> & {
    hasErrorMessage?: boolean;
    hasIcon?: boolean;
    hasLabel?: boolean;
    focused?: boolean;
    hasRevealButton?: boolean;
};

// @public (undocumented)
export interface ITextFieldStyles {
    description: IStyle;
    errorMessage: IStyle;
    field: IStyle;
    fieldGroup: IStyle;
    icon: IStyle;
    prefix: IStyle;
    revealButton: IStyle;
    revealIcon: IStyle;
    revealSpan: IStyle;
    root: IStyle;
    subComponentStyles: ITextFieldSubComponentStyles;
    suffix: IStyle;
    wrapper: IStyle;
}

// @public (undocumented)
export interface ITextFieldSubComponentStyles {
    label: IStyleFunctionOrObject<any, any>;
}

// @public
export interface ITextProps extends ISlottableProps<ITextSlots>, IStyleableComponentProps<ITextProps, ITextTokens, ITextStyles>, React_2.HTMLAttributes<HTMLElement> {
    as?: React_2.ElementType<React_2.HTMLAttributes<HTMLElement>>;
    block?: boolean;
    nowrap?: boolean;
    variant?: keyof IFontStyles;
}

// @public (undocumented)
export type ITextSlot = ISlotProp<ITextProps, string>;

// @public (undocumented)
export interface ITextSlots {
    // (undocumented)
    root?: IHTMLSlot;
}

// @public (undocumented)
export type ITextStyles = IComponentStyles<ITextSlots>;

// @public (undocumented)
export type ITextStylesReturnType = ReturnType<Extract<ITextComponent['styles'], Function>>;

// @public (undocumented)
export type ITextTokenReturnType = ReturnType<Extract<ITextComponent['tokens'], Function>>;

// @public (undocumented)
export interface ITextTokens {
}

export { ITheme }

// @public (undocumented)
export interface IThemeRules {
    // (undocumented)
    [key: string]: IThemeSlotRule;
}

// @public (undocumented)
export interface IThemeSlotRule {
    asShade?: Shade;
    color?: IColor;
    dependentRules: IThemeSlotRule[];
    inherits?: IThemeSlotRule;
    isBackgroundShade?: boolean;
    isCustomized?: boolean;
    name: string;
    value?: string;
}

// @public (undocumented)
export interface ITimePickerProps extends Omit<IComboBoxProps, 'options' | 'selectedKey' | 'defaultSelectedKey' | 'multiSelect' | 'text' | 'defaultValue' | 'onChange'> {
    allowFreeform?: boolean;
    defaultValue?: Date;
    increments?: number;
    label?: string;
    onChange?: (event: React_2.FormEvent<IComboBox>, time: Date) => void;
    onFormatDate?: (date: Date) => string;
    onValidateUserInput?: (userInput: string) => string;
    showSeconds?: boolean;
    strings?: ITimePickerStrings;
    timeRange?: ITimeRange;
    useHour12?: boolean;
}

// @public
export interface ITimePickerStrings {
    invalidInputErrorMessage: string;
}

// @public
export interface ITimeRange {
    end: number;
    start: number;
}

// @public (undocumented)
export interface IToggle {
    // (undocumented)
    focus: () => void;
}

// @public
export interface IToggleProps extends React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLElement> {
    ariaLabel?: string;
    as?: IComponentAs<React_2.HTMLAttributes<HTMLElement>>;
    checked?: boolean;
    componentRef?: IRefObject<IToggle>;
    defaultChecked?: boolean;
    disabled?: boolean;
    inlineLabel?: boolean;
    label?: string | JSX.Element;
    // @deprecated (undocumented)
    offAriaLabel?: string;
    offText?: string;
    // @deprecated (undocumented)
    onAriaLabel?: string;
    onChange?: (event: React_2.MouseEvent<HTMLElement>, checked?: boolean) => void;
    // @deprecated (undocumented)
    onChanged?: (checked: boolean) => void;
    onText?: string;
    role?: 'checkbox' | 'switch' | 'menuitemcheckbox';
    styles?: IStyleFunctionOrObject<IToggleStyleProps, IToggleStyles>;
    theme?: ITheme;
}

// @public
export interface IToggleStyleProps {
    checked?: boolean;
    className?: string;
    disabled?: boolean;
    inlineLabel?: boolean;
    onOffMissing?: boolean;
    theme: ITheme;
}

// @public
export interface IToggleStyles {
    container: IStyle;
    label: IStyle;
    pill: IStyle;
    root: IStyle;
    text: IStyle;
    thumb: IStyle;
}

// @public (undocumented)
export interface ITooltip {
}

// @public (undocumented)
export interface ITooltipHost {
    dismiss: () => void;
    show: () => void;
}

// @public
export interface ITooltipHostProps extends React_2.HTMLAttributes<HTMLDivElement | TooltipHostBase> {
    calloutProps?: ICalloutProps;
    className?: string;
    closeDelay?: number;
    componentRef?: IRefObject<ITooltipHost>;
    content?: string | JSX.Element | JSX.Element[];
    delay?: TooltipDelay;
    directionalHint?: DirectionalHint;
    directionalHintForRTL?: DirectionalHint;
    hostClassName?: string;
    id?: string;
    onTooltipToggle?(isTooltipVisible: boolean): void;
    overflowMode?: TooltipOverflowMode;
    // @deprecated
    setAriaDescribedBy?: boolean;
    styles?: IStyleFunctionOrObject<ITooltipHostStyleProps, ITooltipHostStyles>;
    theme?: ITheme;
    tooltipProps?: ITooltipProps;
}

// @public (undocumented)
export interface ITooltipHostState {
    // @deprecated (undocumented)
    isAriaPlaceholderRendered: boolean;
    // (undocumented)
    isTooltipVisible: boolean;
}

// @public (undocumented)
export interface ITooltipHostStyleProps {
    // (undocumented)
    className?: string;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ITooltipHostStyles {
    root: IStyle;
}

// @public (undocumented)
export interface ITooltipProps extends React_2.HTMLAttributes<HTMLDivElement | TooltipBase> {
    calloutProps?: ICalloutProps;
    componentRef?: IRefObject<ITooltip>;
    content?: string | JSX.Element | JSX.Element[];
    delay?: TooltipDelay;
    directionalHint?: DirectionalHint;
    directionalHintForRTL?: DirectionalHint;
    maxWidth?: string | null;
    onRenderContent?: IRenderFunction<ITooltipProps>;
    styles?: IStyleFunctionOrObject<ITooltipStyleProps, ITooltipStyles>;
    targetElement?: HTMLElement;
    theme?: ITheme;
}

// @public (undocumented)
export interface ITooltipStyleProps {
    beakWidth?: number;
    // (undocumented)
    className?: string;
    // @deprecated
    delay?: TooltipDelay;
    gapSpace?: number;
    maxWidth?: string;
    // (undocumented)
    theme: ITheme;
}

// @public (undocumented)
export interface ITooltipStyles {
    content: IStyle;
    root: IStyle;
    subText: IStyle;
}

// @public (undocumented)
export interface IUniqueKeytip {
    // (undocumented)
    keytip: IKeytipProps;
    // (undocumented)
    uniqueID: string;
}

// @public @deprecated
export interface IVerticalDividerClassNames {
    divider: string;
    wrapper: string;
}

// @public
export interface IVerticalDividerProps extends React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLDivElement> {
    className?: string;
    // @deprecated
    getClassNames?: (theme: ITheme) => IVerticalDividerClassNames;
    styles?: IStyleFunctionOrObject<IVerticalDividerPropsStyles, IVerticalDividerStyles>;
    theme?: ITheme;
}

// @public
export type IVerticalDividerPropsStyles = Pick<IVerticalDividerProps, 'theme' | 'getClassNames' | 'className'>;

// @public
export interface IVerticalDividerStyles {
    divider: IStyle;
    wrapper: IStyle;
}

// @public
export interface IViewport {
    height: number;
    width: number;
}

export { IVirtualElement }

export { IWarnControlledUsageParams }

// @public (undocumented)
export interface IWeeklyDayPicker {
    // (undocumented)
    focus(): void;
}

// @public (undocumented)
export type IWeeklyDayPickerNavigationIcons = Pick<ICalendarNavigationIcons, 'leftNavigation' | 'rightNavigation'>;

// @public (undocumented)
export interface IWeeklyDayPickerProps extends IBaseProps<IWeeklyDayPicker>, Partial<ICalendarDayGridProps> {
    animationDirection?: AnimationDirection;
    className?: string;
    componentRef?: IRefObject<IWeeklyDayPicker>;
    dateTimeFormatter?: IDateFormatting;
    firstDayOfWeek?: DayOfWeek;
    initialDate?: Date;
    maxDate?: Date;
    minDate?: Date;
    navigationIcons?: IWeeklyDayPickerNavigationIcons;
    onNavigateDate?: (date: Date) => void;
    onSelectDate?: (date: Date) => void;
    restrictedDates?: Date[];
    showFullMonth?: boolean;
    strings: IWeeklyDayPickerStrings;
    styles?: IStyleFunctionOrObject<IWeeklyDayPickerStyleProps, IWeeklyDayPickerStyles>;
    theme?: ITheme;
    today?: Date;
    weeksToShow?: number;
}

// @public (undocumented)
export interface IWeeklyDayPickerStrings extends ICalendarStrings {
    nextWeekAriaLabel?: string;
    prevWeekAriaLabel?: string;
}

// @public (undocumented)
export interface IWeeklyDayPickerStyleProps extends ICalendarDayGridStyleProps {
    className?: string;
    theme: ITheme;
}

// @public (undocumented)
export interface IWeeklyDayPickerStyles extends Partial<ICalendarDayGridStyles> {
    disabledStyle: IStyle;
    navigationIconButton: IStyle;
    root: IStyle;
}

// @public
export interface IWindowWithSegments extends Window {
    // (undocumented)
    getWindowSegments?: () => DOMRect[];
}

// @public @deprecated (undocumented)
export interface IWithResponsiveModeState {
    // (undocumented)
    responsiveMode?: ResponsiveMode;
}

// @public
export interface IWithViewportProps {
    delayFirstMeasure?: boolean;
    disableResizeObserver?: boolean;
    skipViewportMeasures?: boolean;
}

// @public (undocumented)
export enum KeyboardSpinDirection {
    // (undocumented)
    down = -1,
    // (undocumented)
    notSpinning = 0,
    // (undocumented)
    up = 1
}

export { KeyCodes }

export { keyframes }

// @public
export class Keytip extends React_2.Component<IKeytipProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public
export const KeytipData: React_2.FunctionComponent<IKeytipDataProps & IRenderComponent<{}>>;

// @public (undocumented)
export type KeytipDataOptions = IKeytipDataProps;

// @public (undocumented)
export namespace KeytipEvents {
    const // (undocumented)
    KEYTIP_ADDED = "keytipAdded";
    const // (undocumented)
    KEYTIP_REMOVED = "keytipRemoved";
    const // (undocumented)
    KEYTIP_UPDATED = "keytipUpdated";
    const // (undocumented)
    PERSISTED_KEYTIP_ADDED = "persistedKeytipAdded";
    const // (undocumented)
    PERSISTED_KEYTIP_REMOVED = "persistedKeytipRemoved";
    const // (undocumented)
    PERSISTED_KEYTIP_EXECUTE = "persistedKeytipExecute";
    const // (undocumented)
    ENTER_KEYTIP_MODE = "enterKeytipMode";
    const // (undocumented)
    EXIT_KEYTIP_MODE = "exitKeytipMode";
}

// @public (undocumented)
export const KeytipLayer: React_2.FunctionComponent<IKeytipLayerProps>;

// @public
export class KeytipLayerBase extends React_2.Component<IKeytipLayerProps, IKeytipLayerState> {
    constructor(props: IKeytipLayerProps, context: any);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: IKeytipLayerProps;
    // (undocumented)
    getCurrentSequence(): string;
    // Warning: (ae-forgotten-export) The symbol "KeytipTree" needs to be exported by the entry point index.d.ts
    //
    // (undocumented)
    getKeytipTree(): KeytipTree;
    processInput(key: string, ev?: React_2.KeyboardEvent<HTMLElement>): void;
    processTransitionInput(transitionKey: IKeytipTransitionKey, ev?: React_2.KeyboardEvent<HTMLElement>): void;
    // (undocumented)
    render(): JSX.Element;
    showKeytips(ids: string[]): void;
}

// @public
export class KeytipManager {
    addParentOverflow(keytipProps: IKeytipProps): IKeytipProps;
    // (undocumented)
    delayUpdatingKeytipChange: boolean;
    enterKeytipMode(): void;
    exitKeytipMode(): void;
    static getInstance(): KeytipManager;
    getKeytips(): IKeytipProps[];
    init(delayUpdatingKeytipChange: boolean): void;
    // (undocumented)
    inKeytipMode: boolean;
    // (undocumented)
    keytips: {
        [key: string]: IUniqueKeytip;
    };
    menuExecute(overflowButtonSequences: string[], keytipSequences: string[]): void;
    // (undocumented)
    persistedKeytips: {
        [key: string]: IUniqueKeytip;
    };
    register(keytipProps: IKeytipProps, persisted?: boolean): string;
    // (undocumented)
    sequenceMapping: {
        [key: string]: IKeytipProps;
    };
    // (undocumented)
    shouldEnterKeytipMode: boolean;
    unregister(keytipToRemove: IKeytipProps, uniqueID: string, persisted?: boolean): void;
    update(keytipProps: IKeytipProps, uniqueID: string): void;
}

// @public (undocumented)
export type KeytipTransitionModifier = typeof KeyCodes.shift | typeof KeyCodes.ctrl | typeof KeyCodes.alt | typeof KeyCodes.leftWindow;

// @public (undocumented)
export const KTP_ARIA_SEPARATOR = ", ";

// @public (undocumented)
export const KTP_FULL_PREFIX: string;

// @public (undocumented)
export const KTP_LAYER_ID = "ktp-layer-id";

// @public (undocumented)
export const KTP_PREFIX = "ktp";

// @public (undocumented)
export const KTP_SEPARATOR = "-";

// @public
export function ktpTargetFromId(keytipId: string): string;

// @public
export function ktpTargetFromSequences(keySequences: string[]): string;

// @public (undocumented)
export const Label: React_2.FunctionComponent<ILabelProps>;

// @public (undocumented)
export class LabelBase extends React_2.Component<ILabelProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

export { labelProperties }

// @public (undocumented)
export const Layer: React_2.FunctionComponent<ILayerProps>;

// @public (undocumented)
export const LayerBase: React_2.FunctionComponent<ILayerProps>;

// @public (undocumented)
export const LayerHost: React_2.FunctionComponent<ILayerHostProps>;

// @public (undocumented)
export const Link: React_2.FunctionComponent<ILinkProps>;

// @public (undocumented)
export const LinkBase: React_2.FunctionComponent<ILinkProps>;

export { liProperties }

// @public
export class List<T = any> extends React_2.Component<IListProps<T>, IListState<T>> implements IList {
    constructor(props: IListProps<T>);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: IListProps, previousState: IListState<T>): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        startIndex: number;
        onRenderCell: (item: any, index: number, containsFocus: boolean) => JSX.Element;
        renderedWindowsAhead: number;
        renderedWindowsBehind: number;
    };
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    static getDerivedStateFromProps<U = any>(nextProps: IListProps<U>, previousState: IListState<U>): IListState<U>;
    // (undocumented)
    getStartItemIndexInView(measureItem?: (itemIndex: number) => number): number;
    getTotalListHeight(): number;
    // (undocumented)
    get pageRefs(): Readonly<Record<string, unknown>>;
    // (undocumented)
    render(): JSX.Element | null;
    scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    // (undocumented)
    shouldComponentUpdate(newProps: IListProps<T>, newState: IListState<T>): boolean;
}

// @public (undocumented)
export const ListPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;

// @public
export class ListPeoplePickerBase extends MemberListPeoplePicker {
    static defaultProps: {
        onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
        createGenericItem: typeof createGenericItem;
    };
}

export { loadTheme }

export { LocalizedFontFamilies }

export { LocalizedFontNames }

// @public @deprecated
export function makeStyles<TStyleSet extends {
    [key in keyof TStyleSet]: IStyle;
} = {
    [key: string]: IStyle;
}>(styleOrFunction: TStyleSet | ((theme: Theme) => TStyleSet)): (options?: UseStylesOptions) => StylesClassMapping<TStyleSet>;

export { mapEnumByName }

// @public (undocumented)
export const MarqueeSelection: React_2.FunctionComponent<IMarqueeSelectionProps>;

// @public (undocumented)
export const MaskedTextField: React_2.FunctionComponent<IMaskedTextFieldProps>;

// @public (undocumented)
export const MAX_COLOR_ALPHA = 100;

// @public (undocumented)
export const MAX_COLOR_HUE = 359;

// @public (undocumented)
export const MAX_COLOR_RGB = 255;

// @public @deprecated (undocumented)
export const MAX_COLOR_RGBA = 255;

// @public (undocumented)
export const MAX_COLOR_SATURATION = 100;

// @public (undocumented)
export const MAX_COLOR_VALUE = 100;

// @public
export const MAX_HEX_LENGTH = 6;

// @public
export const MAX_RGBA_LENGTH = 3;

// @public (undocumented)
export const MeasuredContext: React_2.Context<{
    isMeasured: boolean;
}>;

// @public (undocumented)
export class MemberListPeoplePicker extends BasePickerListBelow<IPersonaProps, IPeoplePickerProps> {
}

export { memoize }

export { memoizeFunction }

export { merge }

export { mergeAriaAttributeValues }

export { mergeCustomizations }

// @public
export function mergeOverflows(keySequences: string[], overflowKeySequences: string[]): string[];

export { mergeScopedSettings }

export { mergeSettings }

export { mergeStyles }

export { mergeStyleSets }

export { mergeThemes }

// @public (undocumented)
export const MessageBar: React_2.FunctionComponent<IMessageBarProps>;

// @public (undocumented)
export const MessageBarBase: React_2.FunctionComponent<IMessageBarProps>;

// @public (undocumented)
export class MessageBarButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum MessageBarType {
    blocked = 2,
    error = 1,
    info = 0,
    severeWarning = 3,
    success = 4,
    warning = 5
}

// @public
export const MIN_HEX_LENGTH = 3;

// @public
export const MIN_RGBA_LENGTH = 1;

// @public (undocumented)
export const Modal: React_2.FunctionComponent<IModalProps>;

// @public (undocumented)
export const ModalBase: React_2.FunctionComponent<IModalProps>;

export { modalize }

export { MonthOfYear }

export { MotionAnimations }

export { MotionDurations }

export { MotionTimings }

// @public (undocumented)
export const Nav: React_2.FunctionComponent<INavProps>;

// @public (undocumented)
export class NavBase extends React_2.Component<INavProps, INavState> implements INav {
    constructor(props: INavProps);
    // (undocumented)
    static defaultProps: INavProps;
    focus(forceIntoFirstElement?: boolean): boolean;
    // (undocumented)
    render(): JSX.Element | null;
    // (undocumented)
    get selectedKey(): string | undefined;
}

export { NeutralColors }

export { normalize }

// @public (undocumented)
export const NormalPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;

// @public
export class NormalPeoplePickerBase extends BasePeoplePicker {
    static defaultProps: {
        onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
        createGenericItem: typeof createGenericItem;
    };
}

export { noWrap }

export { nullRender }

export { olProperties }

export { omit }

export { Omit_2 as Omit }

export { on }

// @public (undocumented)
export enum OpenCardMode {
    hotKey = 1,
    hover = 0
}

export { optionProperties }

// @public (undocumented)
export enum OverflowButtonType {
    descriptive = 1,
    downArrow = 3,
    more = 2,
    none = 0
}

// @public (undocumented)
export const OverflowSet: React_2.FunctionComponent<IOverflowSetProps>;

// @public (undocumented)
export const OverflowSetBase: React_2.FunctionComponent<IOverflowSetProps>;

// @public (undocumented)
export const Overlay: React_2.FunctionComponent<IOverlayProps>;

// @public (undocumented)
export class OverlayBase extends React_2.Component<IOverlayProps, {}> {
    constructor(props: IOverlayProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    render(): JSX.Element;
}

// @public
export const Panel: React_2.FunctionComponent<IPanelProps>;

// Warning: (ae-forgotten-export) The symbol "IPanelState" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export class PanelBase extends React_2.Component<IPanelProps, IPanelState> implements IPanel {
    constructor(props: IPanelProps);
    // (undocumented)
    close(): void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: IPanelProps, previousState: IPanelState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: IPanelProps;
    // (undocumented)
    dismiss: (ev?: KeyboardEvent | React_2.SyntheticEvent<HTMLElement, Event> | undefined) => void;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: Readonly<IPanelProps>, prevState: Readonly<IPanelState>): Partial<IPanelState> | null;
    get isActive(): boolean;
    // (undocumented)
    open(): void;
    // (undocumented)
    render(): JSX.Element | null;
}

// @public (undocumented)
export enum PanelType {
    custom = 7,
    customNear = 8,
    extraLarge = 6,
    large = 4,
    largeFixed = 5,
    medium = 3,
    smallFixedFar = 1,
    smallFixedNear = 2,
    smallFluid = 0
}

export { PartialTheme }

// @public (undocumented)
export const PeoplePickerItem: React_2.FunctionComponent<IPeoplePickerItemSelectedProps>;

// @public (undocumented)
export const PeoplePickerItemBase: (props: IPeoplePickerItemSelectedProps) => JSX.Element;

// @public (undocumented)
export const PeoplePickerItemSuggestion: React_2.FunctionComponent<IPeoplePickerItemSuggestionProps>;

// @public (undocumented)
export const PeoplePickerItemSuggestionBase: (props: IPeoplePickerItemSuggestionProps) => JSX.Element;

// @public
export const Persona: React_2.FunctionComponent<IPersonaProps>;

// @public
export const PersonaBase: React_2.FunctionComponent<IPersonaProps>;

// @public
export const PersonaCoin: React_2.FunctionComponent<IPersonaCoinProps>;

// @public
export const PersonaCoinBase: React_2.FunctionComponent<IPersonaCoinProps>;

// @public (undocumented)
export enum PersonaInitialsColor {
    // @deprecated (undocumented)
    black = 11,
    // (undocumented)
    blue = 1,
    // (undocumented)
    burgundy = 19,
    // (undocumented)
    coolGray = 21,
    // (undocumented)
    cyan = 23,
    // (undocumented)
    darkBlue = 2,
    // (undocumented)
    darkGreen = 6,
    // (undocumented)
    darkRed = 14,
    // (undocumented)
    gold = 18,
    gray = 22,
    // (undocumented)
    green = 5,
    // (undocumented)
    lightBlue = 0,
    // (undocumented)
    lightGreen = 4,
    // (undocumented)
    lightPink = 7,
    // (undocumented)
    lightRed = 17,
    // (undocumented)
    magenta = 9,
    // (undocumented)
    orange = 12,
    // (undocumented)
    pink = 8,
    // (undocumented)
    purple = 10,
    // @deprecated (undocumented)
    red = 13,
    // (undocumented)
    rust = 24,
    // (undocumented)
    teal = 3,
    transparent = 15,
    // (undocumented)
    violet = 16,
    // (undocumented)
    warmGray = 20
}

// @public (undocumented)
export enum PersonaPresence {
    // (undocumented)
    away = 3,
    // (undocumented)
    blocked = 5,
    // (undocumented)
    busy = 6,
    // (undocumented)
    dnd = 4,
    // (undocumented)
    none = 0,
    // (undocumented)
    offline = 1,
    // (undocumented)
    online = 2
}

// @public (undocumented)
export namespace personaPresenceSize {
    const // (undocumented)
    size6 = "6px";
    const // (undocumented)
    size8 = "8px";
    const // (undocumented)
    size12 = "12px";
    const // (undocumented)
    size16 = "16px";
    const // (undocumented)
    size20 = "20px";
    const // (undocumented)
    size28 = "28px";
    const // (undocumented)
    size32 = "32px";
    const // @deprecated (undocumented)
    border = "2px";
}

// @public (undocumented)
export enum PersonaSize {
    // @deprecated
    extraExtraSmall = 1,
    // @deprecated
    extraLarge = 6,
    // @deprecated
    extraSmall = 2,
    // @deprecated
    large = 5,
    // @deprecated
    regular = 4,
    // @deprecated
    size10 = 9,
    size100 = 15,
    size120 = 18,
    // @deprecated
    size16 = 8,
    size24 = 10,
    // @deprecated
    size28 = 7,
    size32 = 11,
    size40 = 12,
    size48 = 13,
    size56 = 16,
    size72 = 14,
    size8 = 17,
    // @deprecated
    small = 3,
    // @deprecated
    tiny = 0
}

// @public (undocumented)
export namespace personaSize {
    const // (undocumented)
    size8 = "20px";
    const // (undocumented)
    size10 = "20px";
    const // (undocumented)
    size16 = "16px";
    const // (undocumented)
    size24 = "24px";
    const // (undocumented)
    size28 = "28px";
    const // (undocumented)
    size32 = "32px";
    const // (undocumented)
    size40 = "40px";
    const // (undocumented)
    size48 = "48px";
    const // (undocumented)
    size56 = "56px";
    const // (undocumented)
    size72 = "72px";
    const // (undocumented)
    size100 = "100px";
    const // (undocumented)
    size120 = "120px";
}

// @public
export const Pivot: React_2.FunctionComponent<IPivotProps>;

// @public (undocumented)
export const PivotBase: React_2.FunctionComponent<IPivotProps>;

// @public (undocumented)
export class PivotItem extends React_2.Component<IPivotItemProps, {}> {
    constructor(props: IPivotItemProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public @deprecated (undocumented)
export const enum PivotLinkFormat {
    links = "links",
    tabs = "tabs"
}

// @public
export type PivotLinkFormatType = 'links' | 'tabs';

// @public @deprecated (undocumented)
export const enum PivotLinkSize {
    large = "large",
    normal = "normal"
}

// @public
export type PivotLinkSizeType = 'normal' | 'large';

// @public (undocumented)
export const PlainCard: React_2.FunctionComponent<IPlainCardProps>;

// @public (undocumented)
export class PlainCardBase extends React_2.Component<IPlainCardProps, {}> {
    constructor(props: IPlainCardProps);
    // (undocumented)
    render(): JSX.Element;
}

export { Point }

// @public
export const Popup: React_2.FunctionComponent<IPopupProps>;

export { portalContainsElement }

// @public (undocumented)
export enum Position {
    // (undocumented)
    bottom = 1,
    // (undocumented)
    end = 3,
    // (undocumented)
    start = 2,
    // (undocumented)
    top = 0
}

// @public (undocumented)
export function positionCallout(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo): ICalloutPositionedInfo;

// @public (undocumented)
export function positionCard(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo): ICalloutPositionedInfo;

// @public
export function positionElement(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: IPositionedData): IPositionedData;

// @public (undocumented)
export const PositioningContainer: React_2.FunctionComponent<IPositioningContainerProps>;

export { precisionRound }

// @public (undocumented)
export const presenceBoolean: (presence: PersonaPresence) => {
    isAvailable: boolean;
    isAway: boolean;
    isBlocked: boolean;
    isBusy: boolean;
    isDoNotDisturb: boolean;
    isOffline: boolean;
};

// @public (undocumented)
export class PrimaryButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public
export const ProgressIndicator: React_2.FunctionComponent<IProgressIndicatorProps>;

// @public
export class ProgressIndicatorBase extends React_2.Component<IProgressIndicatorProps, {}> {
    constructor(props: IProgressIndicatorProps);
    // (undocumented)
    static defaultProps: {
        label: string;
        description: string;
        width: number;
    };
    // (undocumented)
    render(): JSX.Element;
}

export { PulsingBeaconAnimationStyles }

export { raiseClick }

// @public (undocumented)
export const Rating: React_2.FunctionComponent<IRatingProps>;

// @public (undocumented)
export const RatingBase: React_2.FunctionComponent<IRatingProps>;

// @public (undocumented)
export enum RatingSize {
    // (undocumented)
    Large = 1,
    // (undocumented)
    Small = 0
}

export { Rectangle }

// @public (undocumented)
export enum RectangleEdge {
    // (undocumented)
    bottom = -1,
    // (undocumented)
    left = 2,
    // (undocumented)
    right = -2,
    // (undocumented)
    top = 1
}

export { RefObject }

export { registerDefaultFontFaces }

export { registerIconAlias }

export { registerIcons }

export { registerOnThemeChangeCallback }

export { removeIndex }

export { removeOnThemeChangeCallback }

export { replaceElement }

export { resetControlledWarnings }

export { resetIds }

export { resetMemoizations }

// @public (undocumented)
export const ResizeGroup: React_2.FunctionComponent<IResizeGroupProps>;

// @public (undocumented)
export const ResizeGroupBase: React_2.FunctionComponent<IResizeGroupProps>;

// @public (undocumented)
export enum ResizeGroupDirection {
    // (undocumented)
    horizontal = 0,
    // (undocumented)
    vertical = 1
}

// @public (undocumented)
export enum ResponsiveMode {
    large = 2,
    medium = 1,
    small = 0,
    // (undocumented)
    unknown = 999,
    xLarge = 3,
    xxLarge = 4,
    xxxLarge = 5
}

// @public
export function rgb2hex(r: number, g: number, b: number): string;

// @public
export function rgb2hsv(r: number, g: number, b: number): IHSV;

// @public
export const RGBA_REGEX: RegExp;

export { safeRequestAnimationFrame }

export { safeSetTimeout }

export { ScreenWidthMaxLarge }

export { ScreenWidthMaxMedium }

export { ScreenWidthMaxSmall }

export { ScreenWidthMaxXLarge }

export { ScreenWidthMaxXXLarge }

export { ScreenWidthMinLarge }

export { ScreenWidthMinMedium }

export { ScreenWidthMinSmall }

export { ScreenWidthMinUhfMobile }

export { ScreenWidthMinXLarge }

export { ScreenWidthMinXXLarge }

export { ScreenWidthMinXXXLarge }

// @public (undocumented)
export const ScrollablePane: React_2.FunctionComponent<IScrollablePaneProps>;

// @public (undocumented)
export class ScrollablePaneBase extends React_2.Component<IScrollablePaneProps, IScrollablePaneState> implements IScrollablePane {
    constructor(props: IScrollablePaneProps);
    // (undocumented)
    addSticky: (sticky: Sticky) => void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IScrollablePaneProps, prevState: IScrollablePaneState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    get contentContainer(): HTMLDivElement | null;
    // (undocumented)
    forceLayoutUpdate(): void;
    // (undocumented)
    getScrollPosition: () => number;
    // (undocumented)
    notifySubscribers: () => void;
    // (undocumented)
    removeSticky: (sticky: Sticky) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    get root(): HTMLDivElement | null;
    // (undocumented)
    setStickiesDistanceFromTop(): void;
    // (undocumented)
    shouldComponentUpdate(nextProps: IScrollablePaneProps, nextState: IScrollablePaneState): boolean;
    // (undocumented)
    sortSticky: (sticky: Sticky, sortAgain?: boolean | undefined) => void;
    // (undocumented)
    get stickyAbove(): HTMLDivElement | null;
    // (undocumented)
    get stickyBelow(): HTMLDivElement | null;
    // (undocumented)
    subscribe: (handler: Function) => void;
    // (undocumented)
    syncScrollSticky: (sticky: Sticky) => void;
    // (undocumented)
    unsubscribe: (handler: Function) => void;
    // (undocumented)
    updateStickyRefHeights: () => void;
}

// @public (undocumented)
export const ScrollablePaneContext: React_2.Context<IScrollablePaneContext>;

// @public (undocumented)
export const ScrollbarVisibility: {
    auto: "auto";
    always: "always";
};

// @public (undocumented)
export type ScrollbarVisibility = typeof ScrollbarVisibility[keyof typeof ScrollbarVisibility];

// @public (undocumented)
export const ScrollToMode: {
    auto: 0;
    top: 1;
    bottom: 2;
    center: 3;
};

// @public (undocumented)
export type ScrollToMode = typeof ScrollToMode[keyof typeof ScrollToMode];

// @public (undocumented)
export const SearchBox: React_2.FunctionComponent<ISearchBoxProps>;

// @public (undocumented)
export const SearchBoxBase: React_2.FunctionComponent<ISearchBoxProps>;

// @public (undocumented)
enum SelectableOptionMenuItemType {
    // (undocumented)
    Divider = 1,
    // (undocumented)
    Header = 2,
    // (undocumented)
    Normal = 0,
    // (undocumented)
    SelectAll = 3
}
export { SelectableOptionMenuItemType as DropdownMenuItemType }
export { SelectableOptionMenuItemType }

// @public (undocumented)
export enum SelectAllVisibility {
    // (undocumented)
    hidden = 1,
    // (undocumented)
    none = 0,
    // (undocumented)
    visible = 2
}

// @public
export class SelectedPeopleList extends BasePeopleSelectedItemsList {
    // (undocumented)
    static defaultProps: any;
    // (undocumented)
    protected renderItems: () => JSX.Element[];
}

export { Selection_2 as Selection }

export { SELECTION_CHANGE }

export { SelectionDirection }

export { SelectionMode_2 as SelectionMode }

// @public (undocumented)
export class SelectionZone extends React_2.Component<ISelectionZoneProps, ISelectionZoneState> {
    constructor(props: ISelectionZoneProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: ISelectionZoneProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        isSelectedOnFocus: boolean;
        selectionMode: SelectionMode_2;
    };
    // (undocumented)
    static getDerivedStateFromProps(nextProps: ISelectionZoneProps, prevState: ISelectionZoneState): ISelectionZoneState;
    ignoreNextFocus: () => void;
    // (undocumented)
    render(): JSX.Element;
}

export { selectProperties }

// @public (undocumented)
export enum SemanticColorSlots {
    // (undocumented)
    bodyBackground = 0,
    // (undocumented)
    bodyText = 1,
    // (undocumented)
    disabledBackground = 2,
    // (undocumented)
    disabledText = 3
}

// @public (undocumented)
export const Separator: React_2.FunctionComponent<ISeparatorProps>;

// @public (undocumented)
export const SeparatorBase: React_2.FunctionComponent<ISeparatorProps>;

// @public
export function sequencesToID(keySequences: string[]): string;

export { setBaseUrl }

export { setFocusVisibility }

export { setIconOptions }

export { setLanguage }

export { setMemoizeWeakMap }

export { setMonth }

export { setPortalAttribute }

// @public
export function setResponsiveMode(responsiveMode: ResponsiveMode | undefined): void;

export { setRTL }

export { setSSR }

export { Settings }

export { SettingsFunction }

export { setVirtualParent }

export { setWarningCallback }

// @public
export enum Shade {
    // (undocumented)
    Shade1 = 1,
    // (undocumented)
    Shade2 = 2,
    // (undocumented)
    Shade3 = 3,
    // (undocumented)
    Shade4 = 4,
    // (undocumented)
    Shade5 = 5,
    // (undocumented)
    Shade6 = 6,
    // (undocumented)
    Shade7 = 7,
    // (undocumented)
    Shade8 = 8,
    // (undocumented)
    Unshaded = 0
}

export { shallowCompare }

export { SharedColors }

// @public (undocumented)
export const Shimmer: React_2.FunctionComponent<IShimmerProps>;

// @public (undocumented)
export const ShimmerBase: React_2.FunctionComponent<IShimmerProps>;

// @public (undocumented)
export const ShimmerCircle: React_2.FunctionComponent<IShimmerCircleProps>;

// @public (undocumented)
export const ShimmerCircleBase: React_2.FunctionComponent<IShimmerCircleProps>;

// @public (undocumented)
export const ShimmeredDetailsList: React_2.FunctionComponent<IShimmeredDetailsListProps>;

// @public (undocumented)
export class ShimmeredDetailsListBase extends React_2.Component<IShimmeredDetailsListProps, {}> {
    constructor(props: IShimmeredDetailsListProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public
export enum ShimmerElementsDefaultHeights {
    circle = 24,
    gap = 16,
    line = 16
}

// @public (undocumented)
export const ShimmerElementsGroup: React_2.FunctionComponent<IShimmerElementsGroupProps>;

// @public (undocumented)
export const ShimmerElementsGroupBase: React_2.FunctionComponent<IShimmerElementsGroupProps>;

// @public
export enum ShimmerElementType {
    circle = 2,
    gap = 3,
    line = 1
}

// @public (undocumented)
export const ShimmerGap: React_2.FunctionComponent<IShimmerGapProps>;

// @public (undocumented)
export const ShimmerGapBase: React_2.FunctionComponent<IShimmerGapProps>;

// @public (undocumented)
export const ShimmerLine: React_2.FunctionComponent<IShimmerLineProps>;

// @public (undocumented)
export const ShimmerLineBase: React_2.FunctionComponent<IShimmerLineProps>;

export { shouldWrapFocus }

// @public (undocumented)
export const sizeBoolean: (size: PersonaSize) => {
    isSize8: boolean;
    isSize10: boolean;
    isSize16: boolean;
    isSize24: boolean;
    isSize28: boolean;
    isSize32: boolean;
    isSize40: boolean;
    isSize48: boolean;
    isSize56: boolean;
    isSize72: boolean;
    isSize100: boolean;
    isSize120: boolean;
};

// @public (undocumented)
export const sizeToPixels: {
    [key: number]: number;
};

// @public (undocumented)
export const Slider: React_2.FunctionComponent<ISliderProps>;

// @public (undocumented)
export const SliderBase: React_2.FunctionComponent<ISliderProps>;

// @public
export const SpinButton: React_2.FunctionComponent<ISpinButtonProps>;

// @public (undocumented)
export const Spinner: React_2.FunctionComponent<ISpinnerProps>;

// @public (undocumented)
export class SpinnerBase extends React_2.Component<ISpinnerProps, any> {
    // (undocumented)
    static defaultProps: ISpinnerProps;
    // (undocumented)
    render(): JSX.Element;
}

// @public
export type SpinnerLabelPosition = 'top' | 'right' | 'bottom' | 'left';

// @public
export enum SpinnerSize {
    large = 3,
    medium = 2,
    small = 1,
    xSmall = 0
}

// @public @deprecated (undocumented)
export enum SpinnerType {
    // @deprecated (undocumented)
    large = 1,
    // @deprecated (undocumented)
    normal = 0
}

// @public (undocumented)
export const Stack: React_2.FunctionComponent<IStackProps> & {
    Item: React_2.FunctionComponent<IStackItemProps>;
};

// @public (undocumented)
export const StackItem: React_2.FunctionComponent<IStackItemProps>;

// @public (undocumented)
export class Sticky extends React_2.Component<IStickyProps, IStickyState> {
    constructor(props: IStickyProps);
    // (undocumented)
    addSticky(stickyContent: HTMLDivElement): void;
    // (undocumented)
    get canStickyBottom(): boolean;
    // (undocumented)
    get canStickyTop(): boolean;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IStickyProps, prevState: IStickyState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static contextType: React_2.Context<IScrollablePaneContext>;
    // (undocumented)
    static defaultProps: IStickyProps;
    // (undocumented)
    get nonStickyContent(): HTMLDivElement | null;
    // (undocumented)
    get placeholder(): HTMLDivElement | null;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    resetSticky(): void;
    // (undocumented)
    get root(): HTMLDivElement | null;
    // (undocumented)
    setDistanceFromTop(container: HTMLDivElement): void;
    // (undocumented)
    shouldComponentUpdate(nextProps: IStickyProps, nextState: IStickyState): boolean;
    // (undocumented)
    get stickyContentBottom(): HTMLDivElement | null;
    // (undocumented)
    get stickyContentTop(): HTMLDivElement | null;
    // (undocumented)
    syncScroll: (container: HTMLElement) => void;
}

// @public (undocumented)
export enum StickyPositionType {
    // (undocumented)
    Both = 0,
    // (undocumented)
    Footer = 2,
    // (undocumented)
    Header = 1
}

export { styled }

export { StyleFunction }

// @public (undocumented)
export type StylesClassMapping<TStyleSet extends {
    [key in keyof TStyleSet]: IStyle;
}> = {
    [key in keyof TStyleSet]: string;
};

export { Stylesheet }

// @public
export enum SuggestionActionType {
    forceResolve = 1,
    none = 0,
    searchMore = 2
}

// @public (undocumented)
export enum SuggestionItemType {
    // (undocumented)
    footer = 2,
    // (undocumented)
    header = 0,
    // (undocumented)
    suggestion = 1
}

// @public (undocumented)
export class Suggestions<T> extends React_2.Component<ISuggestionsProps<T>, ISuggestionsState> {
    constructor(suggestionsProps: ISuggestionsProps<T>);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(): void;
    // (undocumented)
    executeSelectedAction(): void;
    // (undocumented)
    focusAboveSuggestions(): void;
    // (undocumented)
    focusBelowSuggestions(): void;
    // (undocumented)
    focusSearchForMoreButton(): void;
    // (undocumented)
    protected _forceResolveButton: React_2.RefObject<IButton>;
    // (undocumented)
    hasSuggestedAction(): boolean;
    // (undocumented)
    hasSuggestedActionSelected(): boolean;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected _scrollContainer: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    scrollSelected(): void;
    // (undocumented)
    protected _searchForMoreButton: React_2.RefObject<IButton>;
    // (undocumented)
    protected _selectedElement: React_2.RefObject<HTMLDivElement>;
    tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean;
}

// @public
export class SuggestionsControl<T> extends React_2.Component<ISuggestionsControlProps<T>, ISuggestionsControlState<T>> {
    constructor(suggestionsProps: ISuggestionsControlProps<T>);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(oldProps: ISuggestionsControlProps<T>): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    get currentSuggestion(): ISuggestionModel<T> | undefined;
    // (undocumented)
    get currentSuggestionIndex(): number;
    // (undocumented)
    executeSelectedAction(): void;
    // (undocumented)
    protected _forceResolveButton: IButton;
    handleKeyDown(keyCode: number): boolean;
    // (undocumented)
    hasSelection(): boolean;
    // (undocumented)
    hasSuggestionSelected(): boolean;
    // (undocumented)
    removeSuggestion(index?: number): void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderFooterItems(): JSX.Element | null;
    // (undocumented)
    protected renderHeaderItems(): JSX.Element | null;
    // (undocumented)
    protected _renderSuggestions(): JSX.Element;
    protected resetSelectedItem(): void;
    // (undocumented)
    scrollSelected(): void;
    // (undocumented)
    protected _searchForMoreButton: IButton;
    // (undocumented)
    get selectedElement(): HTMLDivElement | undefined;
    // (undocumented)
    protected _selectedElement: React_2.RefObject<HTMLDivElement>;
    protected selectFirstItem(): void;
    protected selectLastItem(): void;
    protected selectNextItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void;
    protected selectPreviousItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void;
    // (undocumented)
    protected _suggestions: React_2.RefObject<SuggestionsCore<T>>;
}

// @public (undocumented)
export class SuggestionsController<T> {
    constructor();
    // (undocumented)
    convertSuggestionsToSuggestionItems(suggestions: Array<ISuggestionModel<T> | T>): ISuggestionModel<T>[];
    // (undocumented)
    createGenericSuggestion(itemToConvert: ISuggestionModel<T> | T): void;
    // (undocumented)
    currentIndex: number;
    // (undocumented)
    currentSuggestion: ISuggestionModel<T> | undefined;
    // (undocumented)
    deselectAllSuggestions(): void;
    // (undocumented)
    getCurrentItem(): ISuggestionModel<T>;
    // (undocumented)
    getSuggestionAtIndex(index: number): ISuggestionModel<T>;
    // (undocumented)
    getSuggestions(): ISuggestionModel<T>[];
    // (undocumented)
    hasSelectedSuggestion(): boolean;
    nextSuggestion(): boolean;
    previousSuggestion(): boolean;
    // (undocumented)
    removeSuggestion(index: number): void;
    // (undocumented)
    setSelectedSuggestion(index: number): void;
    // (undocumented)
    suggestions: ISuggestionModel<T>[];
    // (undocumented)
    updateSuggestions(newSuggestions: T[], selectedIndex?: number): void;
}

// @public
export class SuggestionsCore<T> extends React_2.Component<ISuggestionsCoreProps<T>, {}> {
    constructor(suggestionsProps: ISuggestionsCoreProps<T>);
    // (undocumented)
    componentDidUpdate(): void;
    // (undocumented)
    currentIndex: number;
    // (undocumented)
    currentSuggestion: ISuggestionModel<T> | undefined;
    // (undocumented)
    deselectAllSuggestions(): void;
    // (undocumented)
    getCurrentItem(): ISuggestionModel<T>;
    // (undocumented)
    getSuggestionAtIndex(index: number): ISuggestionModel<T>;
    // (undocumented)
    hasSuggestionSelected(): boolean;
    nextSuggestion(): boolean;
    previousSuggestion(): boolean;
    // (undocumented)
    removeSuggestion(index: number): void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    scrollSelected(): void;
    // (undocumented)
    get selectedElement(): HTMLDivElement | undefined;
    // (undocumented)
    protected _selectedElement: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    setSelectedSuggestion(index: number): void;
}

// @public (undocumented)
export class SuggestionsHeaderFooterItem extends React_2.Component<ISuggestionsHeaderFooterItemProps, {}> {
    constructor(props: ISuggestionsHeaderFooterItemProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class SuggestionsItem<T> extends React_2.Component<ISuggestionItemProps<T>, {}> {
    constructor(props: ISuggestionItemProps<T>);
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class SuggestionsStore<T> {
    constructor(options?: SuggestionsStoreOptions<T>);
    // (undocumented)
    convertSuggestionsToSuggestionItems(suggestions: Array<ISuggestionModel<T> | T>): ISuggestionModel<T>[];
    // (undocumented)
    getSuggestionAtIndex(index: number): ISuggestionModel<T>;
    // (undocumented)
    getSuggestions(): ISuggestionModel<T>[];
    // (undocumented)
    removeSuggestion(index: number): void;
    // (undocumented)
    suggestions: ISuggestionModel<T>[];
    // (undocumented)
    updateSuggestions(newSuggestions: T[]): void;
}

// @public (undocumented)
export type SuggestionsStoreOptions<T> = {
    getAriaLabel?: (item: T) => string;
};

// @public (undocumented)
export const SwatchColorPicker: React_2.FunctionComponent<ISwatchColorPickerProps>;

// @public (undocumented)
export const SwatchColorPickerBase: React_2.FunctionComponent<ISwatchColorPickerProps>;

export { tableProperties }

// @public (undocumented)
export const TagItem: React_2.FunctionComponent<ITagItemProps>;

// @public (undocumented)
export const TagItemBase: (props: ITagItemProps) => JSX.Element;

// @public (undocumented)
export const TagItemSuggestion: React_2.FunctionComponent<ITagItemSuggestionProps>;

// @public (undocumented)
export const TagItemSuggestionBase: (props: ITagItemSuggestionProps) => JSX.Element;

// @public (undocumented)
export const TagPicker: React_2.FunctionComponent<ITagPickerProps>;

// @public (undocumented)
export class TagPickerBase extends BasePicker<ITag, ITagPickerProps> {
    constructor(props: ITagPickerProps);
    // (undocumented)
    static defaultProps: {
        onRenderItem: (props: ITagItemProps) => JSX.Element;
        onRenderSuggestionsItem: (props: ITag) => JSX.Element;
    };
}

export { Target }

export { tdProperties }

// @public (undocumented)
export const TeachingBubble: React_2.FunctionComponent<ITeachingBubbleProps>;

// @public (undocumented)
export const TeachingBubbleBase: React_2.FunctionComponent<ITeachingBubbleProps>;

// @public (undocumented)
export const TeachingBubbleContent: React_2.FunctionComponent<ITeachingBubbleProps>;

// @public (undocumented)
export const TeachingBubbleContentBase: React_2.FunctionComponent<ITeachingBubbleProps>;

// @public (undocumented)
const Text_2: React_2.FunctionComponent<ITextProps>;
export { Text_2 as Text }

export { textAreaProperties }

// @public (undocumented)
export const TextField: React_2.FunctionComponent<ITextFieldProps>;

// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldState" which is marked as @internal
// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldSnapshot" which is marked as @internal
//
// @public (undocumented)
export class TextFieldBase extends React_2.Component<ITextFieldProps, ITextFieldState, ITextFieldSnapshot> implements ITextField {
    constructor(props: ITextFieldProps);
    blur(): void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState, snapshot: ITextFieldSnapshot): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: ITextFieldProps;
    focus(): void;
    // (undocumented)
    getSnapshotBeforeUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState): ITextFieldSnapshot | null;
    // (undocumented)
    render(): JSX.Element;
    select(): void;
    get selectionEnd(): number | null;
    get selectionStart(): number | null;
    setSelectionEnd(value: number): void;
    setSelectionRange(start: number, end: number): void;
    setSelectionStart(value: number): void;
    get value(): string | undefined;
}

// @public (undocumented)
export const TextStyles: ITextComponent['styles'];

// @public (undocumented)
export const TextView: ITextComponent['view'];

export { Theme }

// @public (undocumented)
export const ThemeContext: React_2.Context<Theme | undefined>;

// @public (undocumented)
export class ThemeGenerator {
    static getThemeAsCode(slotRules: IThemeRules): any;
    static getThemeAsCodeWithCreateTheme(slotRules: IThemeRules): any;
    static getThemeAsJson(slotRules: IThemeRules): any;
    static getThemeAsSass(slotRules: IThemeRules): any;
    static getThemeForPowerShell(slotRules: IThemeRules): any;
    static insureSlots(slotRules: IThemeRules, isInverted: boolean): void;
    static setSlot(rule: IThemeSlotRule, color: string | IColor, isInverted?: boolean, isCustomization?: boolean, overwriteCustomColor?: boolean): void;
}

// @public
export const ThemeProvider: React_2.FunctionComponent<ThemeProviderProps>;

// @public
export interface ThemeProviderProps extends React_2.HTMLAttributes<HTMLDivElement> {
    applyTo?: 'element' | 'body' | 'none';
    as?: React_2.ElementType;
    ref?: React_2.Ref<HTMLElement>;
    theme?: PartialTheme | Theme;
}

// @public (undocumented)
export function themeRulesStandardCreator(): IThemeRules;

export { ThemeSettingName }

export { thProperties }

export { TimeConstants }

// @public (undocumented)
export const TimePicker: React_2.FunctionComponent<ITimePickerProps>;

// @public (undocumented)
export const Toggle: React_2.FunctionComponent<IToggleProps>;

// @public (undocumented)
export const ToggleBase: React_2.FunctionComponent<IToggleProps>;

export { toMatrix }

// @public (undocumented)
export const Tooltip: React_2.FunctionComponent<ITooltipProps>;

// @public (undocumented)
export class TooltipBase extends React_2.Component<ITooltipProps, any> {
    // (undocumented)
    static defaultProps: Partial<ITooltipProps>;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum TooltipDelay {
    long = 2,
    medium = 1,
    // (undocumented)
    zero = 0
}

// @public (undocumented)
export const TooltipHost: React_2.FunctionComponent<ITooltipHostProps>;

// @public (undocumented)
export class TooltipHostBase extends React_2.Component<ITooltipHostProps, ITooltipHostState> implements ITooltipHost {
    constructor(props: ITooltipHostProps);
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        delay: TooltipDelay;
    };
    // (undocumented)
    dismiss: () => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    show: () => void;
}

// @public (undocumented)
export enum TooltipOverflowMode {
    Parent = 0,
    Self = 1
}

// @public
export function transitionKeysAreEqual(key1: IKeytipTransitionKey, key2: IKeytipTransitionKey): boolean;

// @public
export function transitionKeysContain(keys: IKeytipTransitionKey[], key: IKeytipTransitionKey): boolean;

export { trProperties }

export { unhoistMethods }

export { unregisterIcons }

// @public
export function updateA(color: IColor, a: number): IColor;

// @public
export function updateH(color: IColor, h: number): IColor;

// @public
export function updateRGB(color: IColor, component: keyof IRGB, value: number): IColor;

// @public
export function updateSV(color: IColor, s: number, v: number): IColor;

// @public
export function updateT(color: IColor, t: number): IColor;

export { useCustomizationSettings }

export { useDocument }

export { useFocusRects }

// @public (undocumented)
export function useHeightOffset({ finalHeight }: IPositioningContainerProps, contentHost: React_2.RefObject<HTMLDivElement | null>): number;

// @public
export function useKeytipRef<TElement extends HTMLElement = HTMLElement>(options: KeytipDataOptions): React_2.Ref<TElement>;

// @public
export const useResponsiveMode: (elementRef: React_2.RefObject<HTMLElement | null>, overrideResponsiveMode?: ResponsiveMode | undefined) => ResponsiveMode;

// @public @deprecated
export type UseStylesOptions = {
    theme?: Theme;
};

// @public
export const useTheme: () => Theme;

export { useWindow }

// @public
export enum ValidationState {
    invalid = 2,
    valid = 0,
    warning = 1
}

export { values }

// @public (undocumented)
export const VerticalDivider: React_2.FunctionComponent<IVerticalDividerProps>;

export { videoProperties }

// @public (undocumented)
export class VirtualizedComboBox extends React_2.Component<IComboBoxProps, {}> implements IComboBox {
    constructor(props: IComboBoxProps);
    // (undocumented)
    dismissMenu(): void;
    // (undocumented)
    focus(shouldOpenOnFocus?: boolean, useFocusAsync?: boolean): boolean;
    // (undocumented)
    protected _onRenderList: (props: IComboBoxProps) => JSX.Element;
    // (undocumented)
    protected _onScrollToItem: (itemIndex: number) => void;
    // (undocumented)
    render(): JSX.Element;
    get selectedOptions(): IComboBoxOption[];
}

export { warn }

export { warnConditionallyRequiredProps }

export { warnControlledUsage }

export { warnDeprecations }

export { warnMutuallyExclusive }

// @public (undocumented)
export const WeeklyDayPicker: React_2.FunctionComponent<IWeeklyDayPickerProps>;

export { WindowContext }

export { WindowProvider }

export { WindowProviderProps }

// @public @deprecated (undocumented)
export function withResponsiveMode<TProps extends {
    responsiveMode?: ResponsiveMode;
}, TState>(ComposedComponent: new (props: TProps, ...args: any[]) => React_2.Component<TProps, TState>): any;

export { ZIndexes }

// Warnings were encountered during analysis:
//
// lib/components/ColorPicker/ColorPicker.base.d.ts:11:9 - (ae-forgotten-export) The symbol "ColorComponent" needs to be exported by the entry point index.d.ts

// (No @packageDocumentation comment for this package)

```