@fluentui/react-components 9.0.0-rc.8 → 9.0.1

package/dist/{react-components.d.ts → index.d.ts}

@@ -1,12 +1,9 @@
 import { __styles } from '@griffel/react';
 import { Accordion } from '@fluentui/react-accordion';
-import { accordionClassName } from '@fluentui/react-accordion';
 import { accordionClassNames } from '@fluentui/react-accordion';
-import { AccordionContext } from '@fluentui/react-accordion';
 import { AccordionContextValue } from '@fluentui/react-accordion';
 import { AccordionContextValues } from '@fluentui/react-accordion';
 import { AccordionHeader } from '@fluentui/react-accordion';
-import { accordionHeaderClassName } from '@fluentui/react-accordion';
 import { accordionHeaderClassNames } from '@fluentui/react-accordion';
 import { AccordionHeaderContextValue } from '@fluentui/react-accordion';
 import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
@@ -17,22 +14,21 @@ import { AccordionHeaderSlots } from '@fluentui/react-accordion';
 import { AccordionHeaderState } from '@fluentui/react-accordion';
 import { AccordionIndex } from '@fluentui/react-accordion';
 import { AccordionItem } from '@fluentui/react-accordion';
-import { accordionItemClassName } from '@fluentui/react-accordion';
 import { accordionItemClassNames } from '@fluentui/react-accordion';
-import { AccordionItemContext } from '@fluentui/react-accordion';
 import { AccordionItemContextValue } from '@fluentui/react-accordion';
 import { AccordionItemContextValues } from '@fluentui/react-accordion';
 import { AccordionItemProps } from '@fluentui/react-accordion';
+import { AccordionItemProvider } from '@fluentui/react-accordion';
 import { AccordionItemSlots } from '@fluentui/react-accordion';
 import { AccordionItemState } from '@fluentui/react-accordion';
 import { AccordionItemValue } from '@fluentui/react-accordion';
 import { AccordionPanel } from '@fluentui/react-accordion';
-import { accordionPanelClassName } from '@fluentui/react-accordion';
 import { accordionPanelClassNames } from '@fluentui/react-accordion';
 import { AccordionPanelProps } from '@fluentui/react-accordion';
 import { AccordionPanelSlots } from '@fluentui/react-accordion';
 import { AccordionPanelState } from '@fluentui/react-accordion';
 import { AccordionProps } from '@fluentui/react-accordion';
+import { AccordionProvider } from '@fluentui/react-accordion';
 import { AccordionSlots } from '@fluentui/react-accordion';
 import { AccordionState } from '@fluentui/react-accordion';
 import { AccordionToggleData } from '@fluentui/react-accordion';
@@ -40,65 +36,68 @@ import { AccordionToggleEvent } from '@fluentui/react-accordion';
 import { AccordionToggleEventHandler } from '@fluentui/react-accordion';
 import { arrowHeights } from '@fluentui/react-popover';
 import { Avatar } from '@fluentui/react-avatar';
-import { avatarClassName } from '@fluentui/react-avatar';
 import { avatarClassNames } from '@fluentui/react-avatar';
 import { AvatarNamedColor } from '@fluentui/react-avatar';
 import { AvatarProps } from '@fluentui/react-avatar';
+import { AvatarSizes } from '@fluentui/react-avatar';
 import { AvatarSlots } from '@fluentui/react-avatar';
 import { AvatarState } from '@fluentui/react-avatar';
 import { Badge } from '@fluentui/react-badge';
-import { badgeClassName } from '@fluentui/react-badge';
 import { badgeClassNames } from '@fluentui/react-badge';
 import { BadgeProps } from '@fluentui/react-badge';
 import { BadgeSlots } from '@fluentui/react-badge';
 import { BadgeState } from '@fluentui/react-badge';
-import { Body as Body_2 } from '@fluentui/react-text';
-import { bodyClassName } from '@fluentui/react-text';
-import { bodyClassNames } from '@fluentui/react-text';
+import { Body1 } from '@fluentui/react-text';
+import { body1ClassNames } from '@fluentui/react-text';
 import { BorderRadiusTokens } from '@fluentui/react-theme';
 import { BrandVariants } from '@fluentui/react-theme';
 import { Button } from '@fluentui/react-button';
-import { buttonClassName } from '@fluentui/react-button';
 import { buttonClassNames } from '@fluentui/react-button';
 import { ButtonProps } from '@fluentui/react-button';
 import { ButtonSlots } from '@fluentui/react-button';
 import { ButtonState } from '@fluentui/react-button';
-import { Caption } from '@fluentui/react-text';
-import { captionClassName } from '@fluentui/react-text';
-import { captionClassNames } from '@fluentui/react-text';
+import { Caption1 } from '@fluentui/react-text';
+import { caption1ClassNames } from '@fluentui/react-text';
+import { Caption2 } from '@fluentui/react-text';
+import { caption2ClassNames } from '@fluentui/react-text';
+import { Checkbox } from '@fluentui/react-checkbox';
+import { checkboxClassNames } from '@fluentui/react-checkbox';
+import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
+import { CheckboxProps } from '@fluentui/react-checkbox';
+import { CheckboxSlots } from '@fluentui/react-checkbox';
+import { CheckboxState } from '@fluentui/react-checkbox';
 import { ColorPaletteTokens } from '@fluentui/react-theme';
 import { ColorTokens } from '@fluentui/react-theme';
 import { ComponentProps } from '@fluentui/react-utilities';
 import { ComponentState } from '@fluentui/react-utilities';
 import { CompoundButton } from '@fluentui/react-button';
-import { compoundButtonClassName } from '@fluentui/react-button';
 import { compoundButtonClassNames } from '@fluentui/react-button';
 import { CompoundButtonProps } from '@fluentui/react-button';
 import { CompoundButtonSlots } from '@fluentui/react-button';
 import { CompoundButtonState } from '@fluentui/react-button';
 import { CounterBadge } from '@fluentui/react-badge';
-import { counterBadgeClassName } from '@fluentui/react-badge';
 import { counterBadgeClassNames } from '@fluentui/react-badge';
 import { CounterBadgeProps } from '@fluentui/react-badge';
 import { CounterBadgeState } from '@fluentui/react-badge';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
+import { CreateCustomFocusIndicatorStyleOptions } from '@fluentui/react-tabster';
 import { createDarkTheme } from '@fluentui/react-theme';
 import { createDOMRenderer } from '@griffel/react';
+import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { CreateFocusOutlineStyleOptions } from '@fluentui/react-tabster';
 import { createHighContrastTheme } from '@fluentui/react-theme';
 import { createLightTheme } from '@fluentui/react-theme';
 import { createTeamsDarkTheme } from '@fluentui/react-theme';
+import { CurveTokens } from '@fluentui/react-theme';
 import { Display } from '@fluentui/react-text';
-import { displayClassName } from '@fluentui/react-text';
 import { displayClassNames } from '@fluentui/react-text';
 import { Divider } from '@fluentui/react-divider';
-import { dividerClassName } from '@fluentui/react-divider';
 import { dividerClassNames } from '@fluentui/react-divider';
 import { DividerProps } from '@fluentui/react-divider';
 import { DividerSlots } from '@fluentui/react-divider';
 import { DividerState } from '@fluentui/react-divider';
-import { elementContains } from '@fluentui/react-portal';
+import { DurationTokens } from '@fluentui/react-theme';
 import { FluentProvider } from '@fluentui/react-provider';
-import { fluentProviderClassName } from '@fluentui/react-provider';
 import { fluentProviderClassNames } from '@fluentui/react-provider';
 import { FluentProviderContextValues } from '@fluentui/react-provider';
 import { FluentProviderProps } from '@fluentui/react-provider';
@@ -109,24 +108,30 @@ import { FontSizeTokens } from '@fluentui/react-theme';
 import { FontWeightTokens } from '@fluentui/react-theme';
 import { ForwardRefComponent } from '@fluentui/react-utilities';
 import { getNativeElementProps } from '@fluentui/react-utilities';
-import { getNativeProps } from '@fluentui/react-utilities';
 import { getPartitionedNativeProps } from '@fluentui/react-utilities';
 import { getSlots } from '@fluentui/react-utilities';
-import { Headline } from '@fluentui/react-text';
-import { headlineClassName } from '@fluentui/react-text';
-import { headlineClassNames } from '@fluentui/react-text';
+import { GriffelStyle } from '@griffel/react';
+import { HorizontalSpacingTokens } from '@fluentui/react-theme';
 import { Image as Image_2 } from '@fluentui/react-image';
-import { imageClassName } from '@fluentui/react-image';
 import { imageClassNames } from '@fluentui/react-image';
 import { ImageProps } from '@fluentui/react-image';
 import { ImageSlots } from '@fluentui/react-image';
 import { ImageState } from '@fluentui/react-image';
+import { Input } from '@fluentui/react-input';
+import { inputClassNames } from '@fluentui/react-input';
+import { InputOnChangeData } from '@fluentui/react-input';
+import { InputProps } from '@fluentui/react-input';
+import { InputSlots } from '@fluentui/react-input';
+import { InputState } from '@fluentui/react-input';
+import { Label } from '@fluentui/react-label';
+import { labelClassNames } from '@fluentui/react-label';
+import { LabelProps } from '@fluentui/react-label';
+import { LabelSlots } from '@fluentui/react-label';
+import { LabelState } from '@fluentui/react-label';
 import { LargeTitle } from '@fluentui/react-text';
-import { largeTitleClassName } from '@fluentui/react-text';
 import { largeTitleClassNames } from '@fluentui/react-text';
 import { LineHeightTokens } from '@fluentui/react-theme';
 import { Link } from '@fluentui/react-link';
-import { linkClassName } from '@fluentui/react-link';
 import { linkClassNames } from '@fluentui/react-link';
 import { LinkProps } from '@fluentui/react-link';
 import { LinkSlots } from '@fluentui/react-link';
@@ -135,30 +140,25 @@ import { makeStaticStyles } from '@griffel/react';
 import { makeStyles } from '@griffel/react';
 import { Menu } from '@fluentui/react-menu';
 import { MenuButton } from '@fluentui/react-button';
-import { menuButtonClassName } from '@fluentui/react-button';
 import { menuButtonClassNames } from '@fluentui/react-button';
 import { MenuButtonProps } from '@fluentui/react-button';
 import { MenuButtonSlots } from '@fluentui/react-button';
 import { MenuButtonState } from '@fluentui/react-button';
 import { MenuCheckedValueChangeData } from '@fluentui/react-menu';
 import { MenuCheckedValueChangeEvent } from '@fluentui/react-menu';
-import { MenuContext } from '@fluentui/react-menu';
 import { MenuContextValue } from '@fluentui/react-menu';
 import { MenuContextValues } from '@fluentui/react-menu';
 import { MenuDivider } from '@fluentui/react-menu';
-import { menuDividerClassName } from '@fluentui/react-menu';
 import { menuDividerClassNames } from '@fluentui/react-menu';
 import { MenuDividerProps } from '@fluentui/react-menu';
 import { MenuDividerSlots } from '@fluentui/react-menu';
 import { MenuDividerState } from '@fluentui/react-menu';
 import { MenuGroup } from '@fluentui/react-menu';
-import { menuGroupClassName } from '@fluentui/react-menu';
 import { menuGroupClassNames } from '@fluentui/react-menu';
 import { MenuGroupContextProvider } from '@fluentui/react-menu';
 import { MenuGroupContextValue } from '@fluentui/react-menu';
 import { MenuGroupContextValues } from '@fluentui/react-menu';
 import { MenuGroupHeader } from '@fluentui/react-menu';
-import { menuGroupHeaderClassName } from '@fluentui/react-menu';
 import { menuGroupHeaderClassNames } from '@fluentui/react-menu';
 import { MenuGroupHeaderProps } from '@fluentui/react-menu';
 import { MenuGroupHeaderSlots } from '@fluentui/react-menu';
@@ -168,15 +168,12 @@ import { MenuGroupSlots } from '@fluentui/react-menu';
 import { MenuGroupState } from '@fluentui/react-menu';
 import { MenuItem } from '@fluentui/react-menu';
 import { MenuItemCheckbox } from '@fluentui/react-menu';
-import { menuItemCheckboxClassName } from '@fluentui/react-menu';
 import { menuItemCheckboxClassNames } from '@fluentui/react-menu';
 import { MenuItemCheckboxProps } from '@fluentui/react-menu';
 import { MenuItemCheckboxState } from '@fluentui/react-menu';
-import { menuItemClassName } from '@fluentui/react-menu';
 import { menuItemClassNames } from '@fluentui/react-menu';
 import { MenuItemProps } from '@fluentui/react-menu';
 import { MenuItemRadio } from '@fluentui/react-menu';
-import { menuItemRadioClassName } from '@fluentui/react-menu';
 import { menuItemRadioClassNames } from '@fluentui/react-menu';
 import { MenuItemRadioProps } from '@fluentui/react-menu';
 import { MenuItemRadioState } from '@fluentui/react-menu';
@@ -185,9 +182,7 @@ import { MenuItemSelectableState } from '@fluentui/react-menu';
 import { MenuItemSlots } from '@fluentui/react-menu';
 import { MenuItemState } from '@fluentui/react-menu';
 import { MenuList } from '@fluentui/react-menu';
-import { menuListClassName } from '@fluentui/react-menu';
 import { menuListClassNames } from '@fluentui/react-menu';
-import { MenuListContext } from '@fluentui/react-menu';
 import { MenuListContextValue } from '@fluentui/react-menu';
 import { MenuListContextValues } from '@fluentui/react-menu';
 import { MenuListProps } from '@fluentui/react-menu';
@@ -197,7 +192,6 @@ import { MenuListState } from '@fluentui/react-menu';
 import { MenuOpenChangeData } from '@fluentui/react-menu';
 import { MenuOpenEvents } from '@fluentui/react-menu';
 import { MenuPopover } from '@fluentui/react-menu';
-import { menuPopoverClassName } from '@fluentui/react-menu';
 import { menuPopoverClassNames } from '@fluentui/react-menu';
 import { MenuPopoverProps } from '@fluentui/react-menu';
 import { MenuPopoverSlots } from '@fluentui/react-menu';
@@ -206,7 +200,6 @@ import { MenuProps } from '@fluentui/react-menu';
 import { MenuProvider } from '@fluentui/react-menu';
 import { MenuSlots } from '@fluentui/react-menu';
 import { MenuSplitGroup } from '@fluentui/react-menu';
-import { menuSplitGroupClassName } from '@fluentui/react-menu';
 import { menuSplitGroupClassNames } from '@fluentui/react-menu';
 import { MenuSplitGroupProps } from '@fluentui/react-menu';
 import { MenuSplitGroupSlots } from '@fluentui/react-menu';
@@ -223,13 +216,12 @@ import { OnVisibleChangeData } from '@fluentui/react-tooltip';
 import { OpenPopoverEvents } from '@fluentui/react-popover';
 import { PartialTheme } from '@fluentui/react-theme';
 import { Popover } from '@fluentui/react-popover';
-import { PopoverContext } from '@fluentui/react-popover';
 import { PopoverContextValue } from '@fluentui/react-popover';
 import { PopoverProps } from '@fluentui/react-popover';
+import { PopoverProvider } from '@fluentui/react-popover';
 import { PopoverSize } from '@fluentui/react-popover';
 import { PopoverState } from '@fluentui/react-popover';
 import { PopoverSurface } from '@fluentui/react-popover';
-import { popoverSurfaceClassName } from '@fluentui/react-popover';
 import { popoverSurfaceClassNames } from '@fluentui/react-popover';
 import { PopoverSurfaceProps } from '@fluentui/react-popover';
 import { PopoverSurfaceSlots } from '@fluentui/react-popover';
@@ -237,15 +229,32 @@ import { PopoverSurfaceState } from '@fluentui/react-popover';
 import { PopoverTrigger } from '@fluentui/react-popover';
 import { PopoverTriggerProps } from '@fluentui/react-popover';
 import { PopoverTriggerState } from '@fluentui/react-popover';
-import { Portal } from '@fluentui/react-portal';
-import { PortalProps } from '@fluentui/react-portal';
-import { PortalState } from '@fluentui/react-portal';
+import { PositioningImperativeRef } from '@fluentui/react-positioning';
+import { PositioningProps } from '@fluentui/react-positioning';
+import { PositioningShorthand } from '@fluentui/react-positioning';
+import { PositioningShorthandValue } from '@fluentui/react-positioning';
+import { PositioningVirtualElement } from '@fluentui/react-positioning';
 import { PresenceBadge } from '@fluentui/react-badge';
-import { presenceBadgeClassName } from '@fluentui/react-badge';
 import { presenceBadgeClassNames } from '@fluentui/react-badge';
 import { PresenceBadgeProps } from '@fluentui/react-badge';
 import { PresenceBadgeState } from '@fluentui/react-badge';
 import { PresenceBadgeStatus } from '@fluentui/react-badge';
+import { Radio } from '@fluentui/react-radio';
+import { radioClassNames } from '@fluentui/react-radio';
+import { RadioGroup } from '@fluentui/react-radio';
+import { radioGroupClassNames } from '@fluentui/react-radio';
+import { RadioGroupContextValue } from '@fluentui/react-radio';
+import { RadioGroupContextValues } from '@fluentui/react-radio';
+import { RadioGroupOnChangeData } from '@fluentui/react-radio';
+import { RadioGroupProps } from '@fluentui/react-radio';
+import { RadioGroupProvider } from '@fluentui/react-radio';
+import { RadioGroupSlots } from '@fluentui/react-radio';
+import { RadioGroupState } from '@fluentui/react-radio';
+import { RadioOnChangeData } from '@fluentui/react-radio';
+import { RadioProps } from '@fluentui/react-radio';
+import { RadioSlots } from '@fluentui/react-radio';
+import { RadioState } from '@fluentui/react-radio';
+import { RegisterTabEventHandler } from '@fluentui/react-tabs';
 import { renderAccordion_unstable } from '@fluentui/react-accordion';
 import { renderAccordionHeader_unstable } from '@fluentui/react-accordion';
 import { renderAccordionItem_unstable } from '@fluentui/react-accordion';
@@ -253,11 +262,14 @@ import { renderAccordionPanel_unstable } from '@fluentui/react-accordion';
 import { renderAvatar_unstable } from '@fluentui/react-avatar';
 import { renderBadge_unstable } from '@fluentui/react-badge';
 import { renderButton_unstable } from '@fluentui/react-button';
+import { renderCheckbox_unstable } from '@fluentui/react-checkbox';
 import { renderCompoundButton_unstable } from '@fluentui/react-button';
 import { renderDivider_unstable } from '@fluentui/react-divider';
 import { RendererProvider } from '@griffel/react';
 import { renderFluentProvider_unstable } from '@fluentui/react-provider';
 import { renderImage_unstable } from '@fluentui/react-image';
+import { renderInput_unstable } from '@fluentui/react-input';
+import { renderLabel_unstable } from '@fluentui/react-label';
 import { renderLink_unstable } from '@fluentui/react-link';
 import { renderMenu_unstable } from '@fluentui/react-menu';
 import { renderMenuButton_unstable } from '@fluentui/react-button';
@@ -274,10 +286,16 @@ import { renderMenuTrigger_unstable } from '@fluentui/react-menu';
 import { renderPopover_unstable } from '@fluentui/react-popover';
 import { renderPopoverSurface_unstable } from '@fluentui/react-popover';
 import { renderPopoverTrigger_unstable } from '@fluentui/react-popover';
-import { renderPortal_unstable } from '@fluentui/react-portal';
+import { renderRadio_unstable } from '@fluentui/react-radio';
+import { renderRadioGroup_unstable } from '@fluentui/react-radio';
 import { renderSlider_unstable } from '@fluentui/react-slider';
+import { renderSpinner_unstable } from '@fluentui/react-spinner';
 import { renderSplitButton_unstable } from '@fluentui/react-button';
+import { renderSwitch_unstable } from '@fluentui/react-switch';
+import { renderTab_unstable } from '@fluentui/react-tabs';
+import { renderTabList_unstable } from '@fluentui/react-tabs';
 import { renderText_unstable } from '@fluentui/react-text';
+import { renderTextarea_unstable } from '@fluentui/react-textarea';
 import { renderToggleButton_unstable } from '@fluentui/react-button';
 import { renderTooltip_unstable } from '@fluentui/react-tooltip';
 import { renderToStyleElements } from '@griffel/react';
@@ -286,12 +304,15 @@ import { resolveShorthand } from '@fluentui/react-utilities';
 import { ResolveShorthandFunction } from '@fluentui/react-utilities';
 import { ResolveShorthandOptions } from '@fluentui/react-utilities';
 import { SelectableHandler } from '@fluentui/react-menu';
-import { setVirtualParent } from '@fluentui/react-portal';
+import { SelectTabData } from '@fluentui/react-tabs';
+import { SelectTabEvent } from '@fluentui/react-tabs';
+import { SelectTabEventHandler } from '@fluentui/react-tabs';
 import { ShadowBrandTokens } from '@fluentui/react-theme';
 import { ShadowTokens } from '@fluentui/react-theme';
 import { shorthands } from '@griffel/react';
 import { Slider } from '@fluentui/react-slider';
 import { sliderClassNames } from '@fluentui/react-slider';
+import { sliderCSSVars } from '@fluentui/react-slider';
 import { SliderOnChangeData } from '@fluentui/react-slider';
 import { SliderProps } from '@fluentui/react-slider';
 import { SliderSlots } from '@fluentui/react-slider';
@@ -299,22 +320,52 @@ import { SliderState } from '@fluentui/react-slider';
 import { Slot } from '@fluentui/react-utilities';
 import { SlotClassNames } from '@fluentui/react-utilities';
 import { SlotPropsRecord } from '@fluentui/react-utilities';
+import { SpacingTokens } from '@fluentui/react-theme';
+import { Spinner } from '@fluentui/react-spinner';
+import { spinnerClassNames } from '@fluentui/react-spinner';
+import { SpinnerProps } from '@fluentui/react-spinner';
+import { SpinnerSlots } from '@fluentui/react-spinner';
+import { SpinnerState } from '@fluentui/react-spinner';
 import { SplitButton } from '@fluentui/react-button';
-import { splitButtonClassName } from '@fluentui/react-button';
 import { splitButtonClassNames } from '@fluentui/react-button';
 import { SplitButtonProps } from '@fluentui/react-button';
 import { SplitButtonSlots } from '@fluentui/react-button';
 import { SplitButtonState } from '@fluentui/react-button';
 import { SSRProvider } from '@fluentui/react-utilities';
 import { StrokeWidthTokens } from '@fluentui/react-theme';
-import { Subheadline } from '@fluentui/react-text';
-import { subheadlineClassName } from '@fluentui/react-text';
-import { subheadlineClassNames } from '@fluentui/react-text';
+import { Subtitle1 } from '@fluentui/react-text';
+import { subtitle1ClassNames } from '@fluentui/react-text';
+import { Subtitle2 } from '@fluentui/react-text';
+import { subtitle2ClassNames } from '@fluentui/react-text';
+import { Switch } from '@fluentui/react-switch';
+import { switchClassNames } from '@fluentui/react-switch';
+import { SwitchOnChangeData } from '@fluentui/react-switch';
+import { SwitchProps } from '@fluentui/react-switch';
+import { SwitchSlots } from '@fluentui/react-switch';
+import { SwitchState } from '@fluentui/react-switch';
+import { Tab } from '@fluentui/react-tabs';
+import { tabClassNames } from '@fluentui/react-tabs';
+import { TabList } from '@fluentui/react-tabs';
+import { tabListClassNames } from '@fluentui/react-tabs';
+import { TabListContextValue } from '@fluentui/react-tabs';
+import { TabListContextValues } from '@fluentui/react-tabs';
+import { TabListProps } from '@fluentui/react-tabs';
+import { TabListSlots } from '@fluentui/react-tabs';
+import { TabListState } from '@fluentui/react-tabs';
+import { TabProps } from '@fluentui/react-tabs';
+import { TabRegisterData } from '@fluentui/react-tabs';
+import { TabSlots } from '@fluentui/react-tabs';
+import { TabState } from '@fluentui/react-tabs';
+import { TabValue } from '@fluentui/react-tabs';
 import { teamsDarkTheme } from '@fluentui/react-theme';
 import { teamsHighContrastTheme } from '@fluentui/react-theme';
 import { teamsLightTheme } from '@fluentui/react-theme';
 import { Text as Text_2 } from '@fluentui/react-text';
-import { textClassName } from '@fluentui/react-text';
+import { Textarea } from '@fluentui/react-textarea';
+import { textareaClassNames } from '@fluentui/react-textarea';
+import { TextareaProps } from '@fluentui/react-textarea';
+import { TextareaSlots } from '@fluentui/react-textarea';
+import { TextareaState } from '@fluentui/react-textarea';
 import { textClassNames } from '@fluentui/react-text';
 import { TextProps } from '@fluentui/react-text';
 import { TextSlots } from '@fluentui/react-text';
@@ -322,29 +373,28 @@ import { TextState } from '@fluentui/react-text';
 import { Theme } from '@fluentui/react-theme';
 import { themeToTokensObject } from '@fluentui/react-theme';
 import { Title1 } from '@fluentui/react-text';
-import { title1ClassName } from '@fluentui/react-text';
 import { title1ClassNames } from '@fluentui/react-text';
 import { Title2 } from '@fluentui/react-text';
-import { title2ClassName } from '@fluentui/react-text';
 import { title2ClassNames } from '@fluentui/react-text';
 import { Title3 } from '@fluentui/react-text';
-import { title3ClassName } from '@fluentui/react-text';
 import { title3ClassNames } from '@fluentui/react-text';
 import { ToggleButton } from '@fluentui/react-button';
-import { toggleButtonClassName } from '@fluentui/react-button';
 import { toggleButtonClassNames } from '@fluentui/react-button';
 import { ToggleButtonProps } from '@fluentui/react-button';
 import { ToggleButtonState } from '@fluentui/react-button';
 import { tokens } from '@fluentui/react-theme';
 import { Tooltip } from '@fluentui/react-tooltip';
-import { tooltipClassName } from '@fluentui/react-tooltip';
 import { tooltipClassNames } from '@fluentui/react-tooltip';
 import { TooltipProps } from '@fluentui/react-tooltip';
 import { TooltipSlots } from '@fluentui/react-tooltip';
 import { TooltipState } from '@fluentui/react-tooltip';
 import { TooltipTriggerProps } from '@fluentui/react-tooltip';
+import { TypographyStyle } from '@fluentui/react-theme';
+import { TypographyStyles } from '@fluentui/react-theme';
+import { typographyStyles } from '@fluentui/react-theme';
 import { UninitializedMenuListState } from '@fluentui/react-menu';
 import { useAccordion_unstable } from '@fluentui/react-accordion';
+import { useAccordionContext_unstable } from '@fluentui/react-accordion';
 import { useAccordionContextValues_unstable } from '@fluentui/react-accordion';
 import { useAccordionHeader_unstable } from '@fluentui/react-accordion';
 import { useAccordionHeaderContextValues_unstable } from '@fluentui/react-accordion';
@@ -364,6 +414,8 @@ import { useBadge_unstable } from '@fluentui/react-badge';
 import { useBadgeStyles_unstable } from '@fluentui/react-badge';
 import { useButton_unstable } from '@fluentui/react-button';
 import { useButtonStyles_unstable } from '@fluentui/react-button';
+import { useCheckbox_unstable } from '@fluentui/react-checkbox';
+import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
 import { useCheckmarkStyles_unstable } from '@fluentui/react-menu';
 import { useCompoundButton_unstable } from '@fluentui/react-button';
 import { useCompoundButtonStyles_unstable } from '@fluentui/react-button';
@@ -371,7 +423,7 @@ import { useCounterBadge_unstable } from '@fluentui/react-badge';
 import { useCounterBadgeStyles_unstable } from '@fluentui/react-badge';
 import { useDivider_unstable } from '@fluentui/react-divider';
 import { useDividerStyles_unstable } from '@fluentui/react-divider';
-import { useFluent } from '@fluentui/react-provider';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { useFluentProvider_unstable } from '@fluentui/react-provider';
 import { useFluentProviderContextValues_unstable } from '@fluentui/react-provider';
 import { useFluentProviderStyles_unstable } from '@fluentui/react-provider';
@@ -381,8 +433,12 @@ import { useFocusFinders } from '@fluentui/react-tabster';
 import { useId } from '@fluentui/react-utilities';
 import { useImage_unstable } from '@fluentui/react-image';
 import { useImageStyles_unstable } from '@fluentui/react-image';
+import { useInput_unstable } from '@fluentui/react-input';
+import { useInputStyles_unstable } from '@fluentui/react-input';
 import { useIsSSR } from '@fluentui/react-utilities';
 import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
+import { useLabel_unstable } from '@fluentui/react-label';
+import { useLabelStyles_unstable } from '@fluentui/react-label';
 import { useLink_unstable } from '@fluentui/react-link';
 import { useLinkState_unstable } from '@fluentui/react-link';
 import { useLinkStyles_unstable } from '@fluentui/react-link';
@@ -423,43 +479,53 @@ import { usePopoverContext_unstable } from '@fluentui/react-popover';
 import { usePopoverSurface_unstable } from '@fluentui/react-popover';
 import { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';
 import { usePopoverTrigger_unstable } from '@fluentui/react-popover';
-import { usePortal_unstable } from '@fluentui/react-portal';
 import { usePresenceBadge_unstable } from '@fluentui/react-badge';
+import { useRadio_unstable } from '@fluentui/react-radio';
+import { useRadioGroup_unstable } from '@fluentui/react-radio';
+import { useRadioGroupContext_unstable } from '@fluentui/react-radio';
+import { useRadioGroupContextValues } from '@fluentui/react-radio';
+import { useRadioGroupStyles_unstable } from '@fluentui/react-radio';
+import { useRadioStyles_unstable } from '@fluentui/react-radio';
 import { useSlider_unstable } from '@fluentui/react-slider';
 import { useSliderState_unstable } from '@fluentui/react-slider';
 import { useSliderStyles_unstable } from '@fluentui/react-slider';
+import { useSpinner_unstable } from '@fluentui/react-spinner';
+import { useSpinnerStyles_unstable } from '@fluentui/react-spinner';
 import { useSplitButton_unstable } from '@fluentui/react-button';
 import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
-import { useSSRContext } from '@fluentui/react-utilities';
+import { useSwitch_unstable } from '@fluentui/react-switch';
+import { useSwitchStyles_unstable } from '@fluentui/react-switch';
+import { useTab_unstable } from '@fluentui/react-tabs';
+import { useTabList_unstable } from '@fluentui/react-tabs';
+import { useTabListStyles_unstable } from '@fluentui/react-tabs';
+import { useTabStyles_unstable } from '@fluentui/react-tabs';
 import { useText_unstable } from '@fluentui/react-text';
+import { useTextarea_unstable } from '@fluentui/react-textarea';
+import { useTextareaStyles_unstable } from '@fluentui/react-textarea';
 import { useTextStyles_unstable } from '@fluentui/react-text';
+import { useThemeClassName_unstable as useThemeClassName } from '@fluentui/react-shared-contexts';
 import { useToggleButton_unstable } from '@fluentui/react-button';
 import { useToggleButtonStyles_unstable } from '@fluentui/react-button';
 import { useToggleState } from '@fluentui/react-button';
 import { useTooltip_unstable } from '@fluentui/react-tooltip';
 import { useTooltipStyles_unstable } from '@fluentui/react-tooltip';
+import { useTooltipVisibility_unstable as useTooltipVisibility } from '@fluentui/react-shared-contexts';
+import { VerticalSpacingTokens } from '@fluentui/react-theme';
 import { webDarkTheme } from '@fluentui/react-theme';
-import { webHighContrastTheme } from '@fluentui/react-theme';
 import { webLightTheme } from '@fluentui/react-theme';
 
 export { __styles }
 
 export { Accordion }
 
-export { accordionClassName }
-
 export { accordionClassNames }
 
-export { AccordionContext }
-
 export { AccordionContextValue }
 
 export { AccordionContextValues }
 
 export { AccordionHeader }
 
-export { accordionHeaderClassName }
-
 export { accordionHeaderClassNames }
 
 export { AccordionHeaderContextValue }
@@ -480,18 +546,16 @@ export { AccordionIndex }
 
 export { AccordionItem }
 
-export { accordionItemClassName }
-
 export { accordionItemClassNames }
 
-export { AccordionItemContext }
-
 export { AccordionItemContextValue }
 
 export { AccordionItemContextValues }
 
 export { AccordionItemProps }
 
+export { AccordionItemProvider }
+
 export { AccordionItemSlots }
 
 export { AccordionItemState }
@@ -500,8 +564,6 @@ export { AccordionItemValue }
 
 export { AccordionPanel }
 
-export { accordionPanelClassName }
-
 export { accordionPanelClassNames }
 
 export { AccordionPanelProps }
@@ -512,6 +574,8 @@ export { AccordionPanelState }
 
 export { AccordionProps }
 
+export { AccordionProvider }
+
 export { AccordionSlots }
 
 export { AccordionState }
@@ -526,22 +590,20 @@ export { arrowHeights }
 
 export { Avatar }
 
-export { avatarClassName }
-
 export { avatarClassNames }
 
 export { AvatarNamedColor }
 
 export { AvatarProps }
 
+export { AvatarSizes }
+
 export { AvatarSlots }
 
 export { AvatarState }
 
 export { Badge }
 
-export { badgeClassName }
-
 export { badgeClassNames }
 
 export { BadgeProps }
@@ -550,11 +612,9 @@ export { BadgeSlots }
 
 export { BadgeState }
 
-export { Body_2 as Body }
-
-export { bodyClassName }
+export { Body1 }
 
-export { bodyClassNames }
+export { body1ClassNames }
 
 export { BorderRadiusTokens }
 
@@ -562,8 +622,6 @@ export { BrandVariants }
 
 export { Button }
 
-export { buttonClassName }
-
 export { buttonClassNames }
 
 export { ButtonProps }
@@ -572,11 +630,25 @@ export { ButtonSlots }
 
 export { ButtonState }
 
-export { Caption }
+export { Caption1 }
+
+export { caption1ClassNames }
+
+export { Caption2 }
+
+export { caption2ClassNames }
+
+export { Checkbox }
+
+export { checkboxClassNames }
+
+export { CheckboxOnChangeData }
+
+export { CheckboxProps }
 
-export { captionClassName }
+export { CheckboxSlots }
 
-export { captionClassNames }
+export { CheckboxState }
 
 export { ColorPaletteTokens }
 
@@ -588,8 +660,6 @@ export { ComponentState }
 
 export { CompoundButton }
 
-export { compoundButtonClassName }
-
 export { compoundButtonClassNames }
 
 export { CompoundButtonProps }
@@ -600,8 +670,6 @@ export { CompoundButtonState }
 
 export { CounterBadge }
 
-export { counterBadgeClassName }
-
 export { counterBadgeClassNames }
 
 export { CounterBadgeProps }
@@ -610,26 +678,30 @@ export { CounterBadgeState }
 
 export { createCustomFocusIndicatorStyle }
 
+export { CreateCustomFocusIndicatorStyleOptions }
+
 export { createDarkTheme }
 
 export { createDOMRenderer }
 
+export { createFocusOutlineStyle }
+
+export { CreateFocusOutlineStyleOptions }
+
 export { createHighContrastTheme }
 
 export { createLightTheme }
 
 export { createTeamsDarkTheme }
 
-export { Display }
+export { CurveTokens }
 
-export { displayClassName }
+export { Display }
 
 export { displayClassNames }
 
 export { Divider }
 
-export { dividerClassName }
-
 export { dividerClassNames }
 
 export { DividerProps }
@@ -638,12 +710,10 @@ export { DividerSlots }
 
 export { DividerState }
 
-export { elementContains }
+export { DurationTokens }
 
 export { FluentProvider }
 
-export { fluentProviderClassName }
-
 export { fluentProviderClassNames }
 
 export { FluentProviderContextValues }
@@ -664,22 +734,16 @@ export { ForwardRefComponent }
 
 export { getNativeElementProps }
 
-export { getNativeProps }
-
 export { getPartitionedNativeProps }
 
 export { getSlots }
 
-export { Headline }
+export { GriffelStyle }
 
-export { headlineClassName }
-
-export { headlineClassNames }
+export { HorizontalSpacingTokens }
 
 export { Image_2 as Image }
 
-export { imageClassName }
-
 export { imageClassNames }
 
 export { ImageProps }
@@ -688,9 +752,29 @@ export { ImageSlots }
 
 export { ImageState }
 
-export { LargeTitle }
+export { Input }
+
+export { inputClassNames }
+
+export { InputOnChangeData }
+
+export { InputProps }
+
+export { InputSlots }
+
+export { InputState }
+
+export { Label }
+
+export { labelClassNames }
 
-export { largeTitleClassName }
+export { LabelProps }
+
+export { LabelSlots }
+
+export { LabelState }
+
+export { LargeTitle }
 
 export { largeTitleClassNames }
 
@@ -698,8 +782,6 @@ export { LineHeightTokens }
 
 export { Link }
 
-export { linkClassName }
-
 export { linkClassNames }
 
 export { LinkProps }
@@ -716,8 +798,6 @@ export { Menu }
 
 export { MenuButton }
 
-export { menuButtonClassName }
-
 export { menuButtonClassNames }
 
 export { MenuButtonProps }
@@ -730,16 +810,12 @@ export { MenuCheckedValueChangeData }
 
 export { MenuCheckedValueChangeEvent }
 
-export { MenuContext }
-
 export { MenuContextValue }
 
 export { MenuContextValues }
 
 export { MenuDivider }
 
-export { menuDividerClassName }
-
 export { menuDividerClassNames }
 
 export { MenuDividerProps }
@@ -750,8 +826,6 @@ export { MenuDividerState }
 
 export { MenuGroup }
 
-export { menuGroupClassName }
-
 export { menuGroupClassNames }
 
 export { MenuGroupContextProvider }
@@ -762,8 +836,6 @@ export { MenuGroupContextValues }
 
 export { MenuGroupHeader }
 
-export { menuGroupHeaderClassName }
-
 export { menuGroupHeaderClassNames }
 
 export { MenuGroupHeaderProps }
@@ -782,24 +854,18 @@ export { MenuItem }
 
 export { MenuItemCheckbox }
 
-export { menuItemCheckboxClassName }
-
 export { menuItemCheckboxClassNames }
 
 export { MenuItemCheckboxProps }
 
 export { MenuItemCheckboxState }
 
-export { menuItemClassName }
-
 export { menuItemClassNames }
 
 export { MenuItemProps }
 
 export { MenuItemRadio }
 
-export { menuItemRadioClassName }
-
 export { menuItemRadioClassNames }
 
 export { MenuItemRadioProps }
@@ -816,12 +882,8 @@ export { MenuItemState }
 
 export { MenuList }
 
-export { menuListClassName }
-
 export { menuListClassNames }
 
-export { MenuListContext }
-
 export { MenuListContextValue }
 
 export { MenuListContextValues }
@@ -840,8 +902,6 @@ export { MenuOpenEvents }
 
 export { MenuPopover }
 
-export { menuPopoverClassName }
-
 export { menuPopoverClassNames }
 
 export { MenuPopoverProps }
@@ -858,8 +918,6 @@ export { MenuSlots }
 
 export { MenuSplitGroup }
 
-export { menuSplitGroupClassName }
-
 export { menuSplitGroupClassNames }
 
 export { MenuSplitGroupProps }
@@ -892,20 +950,18 @@ export { PartialTheme }
 
 export { Popover }
 
-export { PopoverContext }
-
 export { PopoverContextValue }
 
 export { PopoverProps }
 
+export { PopoverProvider }
+
 export { PopoverSize }
 
 export { PopoverState }
 
 export { PopoverSurface }
 
-export { popoverSurfaceClassName }
-
 export { popoverSurfaceClassNames }
 
 export { PopoverSurfaceProps }
@@ -920,15 +976,17 @@ export { PopoverTriggerProps }
 
 export { PopoverTriggerState }
 
-export { Portal }
+export { PositioningImperativeRef }
 
-export { PortalProps }
+export { PositioningProps }
 
-export { PortalState }
+export { PositioningShorthand }
 
-export { PresenceBadge }
+export { PositioningShorthandValue }
+
+export { PositioningVirtualElement }
 
-export { presenceBadgeClassName }
+export { PresenceBadge }
 
 export { presenceBadgeClassNames }
 
@@ -938,6 +996,38 @@ export { PresenceBadgeState }
 
 export { PresenceBadgeStatus }
 
+export { Radio }
+
+export { radioClassNames }
+
+export { RadioGroup }
+
+export { radioGroupClassNames }
+
+export { RadioGroupContextValue }
+
+export { RadioGroupContextValues }
+
+export { RadioGroupOnChangeData }
+
+export { RadioGroupProps }
+
+export { RadioGroupProvider }
+
+export { RadioGroupSlots }
+
+export { RadioGroupState }
+
+export { RadioOnChangeData }
+
+export { RadioProps }
+
+export { RadioSlots }
+
+export { RadioState }
+
+export { RegisterTabEventHandler }
+
 export { renderAccordion_unstable }
 
 export { renderAccordionHeader_unstable }
@@ -952,6 +1042,8 @@ export { renderBadge_unstable }
 
 export { renderButton_unstable }
 
+export { renderCheckbox_unstable }
+
 export { renderCompoundButton_unstable }
 
 export { renderDivider_unstable }
@@ -962,6 +1054,10 @@ export { renderFluentProvider_unstable }
 
 export { renderImage_unstable }
 
+export { renderInput_unstable }
+
+export { renderLabel_unstable }
+
 export { renderLink_unstable }
 
 export { renderMenu_unstable }
@@ -994,14 +1090,26 @@ export { renderPopoverSurface_unstable }
 
 export { renderPopoverTrigger_unstable }
 
-export { renderPortal_unstable }
+export { renderRadio_unstable }
+
+export { renderRadioGroup_unstable }
 
 export { renderSlider_unstable }
 
+export { renderSpinner_unstable }
+
 export { renderSplitButton_unstable }
 
+export { renderSwitch_unstable }
+
+export { renderTab_unstable }
+
+export { renderTabList_unstable }
+
 export { renderText_unstable }
 
+export { renderTextarea_unstable }
+
 export { renderToggleButton_unstable }
 
 export { renderTooltip_unstable }
@@ -1018,7 +1126,11 @@ export { ResolveShorthandOptions }
 
 export { SelectableHandler }
 
-export { setVirtualParent }
+export { SelectTabData }
+
+export { SelectTabEvent }
+
+export { SelectTabEventHandler }
 
 export { ShadowBrandTokens }
 
@@ -1030,6 +1142,8 @@ export { Slider }
 
 export { sliderClassNames }
 
+export { sliderCSSVars }
+
 export { SliderOnChangeData }
 
 export { SliderProps }
@@ -1044,9 +1158,19 @@ export { SlotClassNames }
 
 export { SlotPropsRecord }
 
-export { SplitButton }
+export { SpacingTokens }
+
+export { Spinner }
+
+export { spinnerClassNames }
 
-export { splitButtonClassName }
+export { SpinnerProps }
+
+export { SpinnerSlots }
+
+export { SpinnerState }
+
+export { SplitButton }
 
 export { splitButtonClassNames }
 
@@ -1060,11 +1184,53 @@ export { SSRProvider }
 
 export { StrokeWidthTokens }
 
-export { Subheadline }
+export { Subtitle1 }
+
+export { subtitle1ClassNames }
+
+export { Subtitle2 }
+
+export { subtitle2ClassNames }
+
+export { Switch }
+
+export { switchClassNames }
+
+export { SwitchOnChangeData }
+
+export { SwitchProps }
+
+export { SwitchSlots }
+
+export { SwitchState }
+
+export { Tab }
+
+export { tabClassNames }
+
+export { TabList }
+
+export { tabListClassNames }
+
+export { TabListContextValue }
+
+export { TabListContextValues }
+
+export { TabListProps }
+
+export { TabListSlots }
+
+export { TabListState }
+
+export { TabProps }
+
+export { TabRegisterData }
+
+export { TabSlots }
 
-export { subheadlineClassName }
+export { TabState }
 
-export { subheadlineClassNames }
+export { TabValue }
 
 export { teamsDarkTheme }
 
@@ -1074,7 +1240,15 @@ export { teamsLightTheme }
 
 export { Text_2 as Text }
 
-export { textClassName }
+export { Textarea }
+
+export { textareaClassNames }
+
+export { TextareaProps }
+
+export { TextareaSlots }
+
+export { TextareaState }
 
 export { textClassNames }
 
@@ -1090,26 +1264,18 @@ export { themeToTokensObject }
 
 export { Title1 }
 
-export { title1ClassName }
-
 export { title1ClassNames }
 
 export { Title2 }
 
-export { title2ClassName }
-
 export { title2ClassNames }
 
 export { Title3 }
 
-export { title3ClassName }
-
 export { title3ClassNames }
 
 export { ToggleButton }
 
-export { toggleButtonClassName }
-
 export { toggleButtonClassNames }
 
 export { ToggleButtonProps }
@@ -1120,8 +1286,6 @@ export { tokens }
 
 export { Tooltip }
 
-export { tooltipClassName }
-
 export { tooltipClassNames }
 
 export { TooltipProps }
@@ -1132,10 +1296,18 @@ export { TooltipState }
 
 export { TooltipTriggerProps }
 
+export { TypographyStyle }
+
+export { TypographyStyles }
+
+export { typographyStyles }
+
 export { UninitializedMenuListState }
 
 export { useAccordion_unstable }
 
+export { useAccordionContext_unstable }
+
 export { useAccordionContextValues_unstable }
 
 export { useAccordionHeader_unstable }
@@ -1174,6 +1346,10 @@ export { useButton_unstable }
 
 export { useButtonStyles_unstable }
 
+export { useCheckbox_unstable }
+
+export { useCheckboxStyles_unstable }
+
 export { useCheckmarkStyles_unstable }
 
 export { useCompoundButton_unstable }
@@ -1208,10 +1384,18 @@ export { useImage_unstable }
 
 export { useImageStyles_unstable }
 
+export { useInput_unstable }
+
+export { useInputStyles_unstable }
+
 export { useIsSSR }
 
 export { useKeyboardNavAttribute }
 
+export { useLabel_unstable }
+
+export { useLabelStyles_unstable }
+
 export { useLink_unstable }
 
 export { useLinkState_unstable }
@@ -1292,26 +1476,56 @@ export { usePopoverSurfaceStyles_unstable }
 
 export { usePopoverTrigger_unstable }
 
-export { usePortal_unstable }
-
 export { usePresenceBadge_unstable }
 
+export { useRadio_unstable }
+
+export { useRadioGroup_unstable }
+
+export { useRadioGroupContext_unstable }
+
+export { useRadioGroupContextValues }
+
+export { useRadioGroupStyles_unstable }
+
+export { useRadioStyles_unstable }
+
 export { useSlider_unstable }
 
 export { useSliderState_unstable }
 
 export { useSliderStyles_unstable }
 
+export { useSpinner_unstable }
+
+export { useSpinnerStyles_unstable }
+
 export { useSplitButton_unstable }
 
 export { useSplitButtonStyles_unstable }
 
-export { useSSRContext }
+export { useSwitch_unstable }
+
+export { useSwitchStyles_unstable }
+
+export { useTab_unstable }
+
+export { useTabList_unstable }
+
+export { useTabListStyles_unstable }
+
+export { useTabStyles_unstable }
 
 export { useText_unstable }
 
+export { useTextarea_unstable }
+
+export { useTextareaStyles_unstable }
+
 export { useTextStyles_unstable }
 
+export { useThemeClassName }
+
 export { useToggleButton_unstable }
 
 export { useToggleButtonStyles_unstable }
@@ -1322,9 +1536,11 @@ export { useTooltip_unstable }
 
 export { useTooltipStyles_unstable }
 
-export { webDarkTheme }
+export { useTooltipVisibility }
 
-export { webHighContrastTheme }
+export { VerticalSpacingTokens }
+
+export { webDarkTheme }
 
 export { webLightTheme }