@fluentui/react-components 9.12.0 → 9.14.0

package/dist/index.d.ts

@@ -71,6 +71,12 @@ import { BadgeSlots } from '@fluentui/react-badge';
 import { BadgeState } from '@fluentui/react-badge';
 import { Body1 } from '@fluentui/react-text';
 import { body1ClassNames } from '@fluentui/react-text';
+import { Body1Strong } from '@fluentui/react-text';
+import { body1StrongClassNames } from '@fluentui/react-text';
+import { Body1Stronger } from '@fluentui/react-text';
+import { body1StrongerClassNames } from '@fluentui/react-text';
+import { Body2 } from '@fluentui/react-text';
+import { body2ClassNames } from '@fluentui/react-text';
 import { BorderRadiusTokens } from '@fluentui/react-theme';
 import { BrandVariants } from '@fluentui/react-theme';
 import { Button } from '@fluentui/react-button';
@@ -80,8 +86,14 @@ import { ButtonSlots } from '@fluentui/react-button';
 import { ButtonState } from '@fluentui/react-button';
 import { Caption1 } from '@fluentui/react-text';
 import { caption1ClassNames } from '@fluentui/react-text';
+import { Caption1Strong } from '@fluentui/react-text';
+import { caption1StrongClassNames } from '@fluentui/react-text';
+import { Caption1Stronger } from '@fluentui/react-text';
+import { caption1StrongerClassNames } from '@fluentui/react-text';
 import { Caption2 } from '@fluentui/react-text';
 import { caption2ClassNames } from '@fluentui/react-text';
+import { Caption2Strong } from '@fluentui/react-text';
+import { caption2StrongClassNames } from '@fluentui/react-text';
 import { Checkbox } from '@fluentui/react-checkbox';
 import { checkboxClassNames } from '@fluentui/react-checkbox';
 import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
@@ -90,6 +102,16 @@ 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 { Combobox } from '@fluentui/react-combobox';
+import { comboboxClassNames } from '@fluentui/react-combobox';
+import { ComboboxContextValue } from '@fluentui/react-combobox';
+import { ComboboxContextValues } from '@fluentui/react-combobox';
+import { ComboboxOpenChangeData } from '@fluentui/react-combobox';
+import { ComboboxOpenEvents } from '@fluentui/react-combobox';
+import { ComboboxProps } from '@fluentui/react-combobox';
+import { ComboboxProvider } from '@fluentui/react-combobox';
+import { ComboboxSlots } from '@fluentui/react-combobox';
+import { ComboboxState } from '@fluentui/react-combobox';
 import { ComponentProps } from '@fluentui/react-utilities';
 import { ComponentState } from '@fluentui/react-utilities';
 import { CompoundButton } from '@fluentui/react-button';
@@ -158,6 +180,14 @@ 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 { Dropdown } from '@fluentui/react-combobox';
+import { dropdownClassNames } from '@fluentui/react-combobox';
+import { DropdownContextValues } from '@fluentui/react-combobox';
+import { DropdownOpenChangeData } from '@fluentui/react-combobox';
+import { DropdownOpenEvents } from '@fluentui/react-combobox';
+import { DropdownProps } from '@fluentui/react-combobox';
+import { DropdownSlots } from '@fluentui/react-combobox';
+import { DropdownState } from '@fluentui/react-combobox';
 import { DurationTokens } from '@fluentui/react-theme';
 import { FluentProvider } from '@fluentui/react-provider';
 import { fluentProviderClassNames } from '@fluentui/react-provider';
@@ -200,6 +230,14 @@ import { linkClassNames } from '@fluentui/react-link';
 import { LinkProps } from '@fluentui/react-link';
 import { LinkSlots } from '@fluentui/react-link';
 import { LinkState } from '@fluentui/react-link';
+import { Listbox } from '@fluentui/react-combobox';
+import { listboxClassNames } from '@fluentui/react-combobox';
+import { ListboxContextValue } from '@fluentui/react-combobox';
+import { ListboxContextValues } from '@fluentui/react-combobox';
+import { ListboxProps } from '@fluentui/react-combobox';
+import { ListboxProvider } from '@fluentui/react-combobox';
+import { ListboxSlots } from '@fluentui/react-combobox';
+import { ListboxState } from '@fluentui/react-combobox';
 import { makeResetStyles } from '@griffel/react';
 import { makeStaticStyles } from '@griffel/react';
 import { makeStyles } from '@griffel/react';
@@ -280,6 +318,16 @@ import { mergeClasses } from '@griffel/react';
 import { OnOpenChangeData } from '@fluentui/react-popover';
 import { OnVisibleChangeData } from '@fluentui/react-tooltip';
 import { OpenPopoverEvents } from '@fluentui/react-popover';
+import { Option as Option_2 } from '@fluentui/react-combobox';
+import { optionClassNames } from '@fluentui/react-combobox';
+import { OptionGroup } from '@fluentui/react-combobox';
+import { optionGroupClassNames } from '@fluentui/react-combobox';
+import { OptionGroupProps } from '@fluentui/react-combobox';
+import { OptionGroupSlots } from '@fluentui/react-combobox';
+import { OptionGroupState } from '@fluentui/react-combobox';
+import { OptionProps } from '@fluentui/react-combobox';
+import { OptionSlots } from '@fluentui/react-combobox';
+import { OptionState } from '@fluentui/react-combobox';
 import { Overflow } from '@fluentui/react-overflow';
 import { OverflowItem } from '@fluentui/react-overflow';
 import { OverflowItemProps } from '@fluentui/react-overflow';
@@ -348,6 +396,7 @@ import { renderAvatarGroupPopover_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 { renderCombobox_unstable } from '@fluentui/react-combobox';
 import { renderCompoundButton_unstable } from '@fluentui/react-button';
 import { renderDialog_unstable } from '@fluentui/react-dialog';
 import { renderDialogActions_unstable } from '@fluentui/react-dialog';
@@ -357,12 +406,14 @@ import { renderDialogSurface_unstable } from '@fluentui/react-dialog';
 import { renderDialogTitle_unstable } from '@fluentui/react-dialog';
 import { renderDialogTrigger_unstable } from '@fluentui/react-dialog';
 import { renderDivider_unstable } from '@fluentui/react-divider';
+import { renderDropdown_unstable } from '@fluentui/react-combobox';
 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 { renderListbox_unstable } from '@fluentui/react-combobox';
 import { renderMenu_unstable } from '@fluentui/react-menu';
 import { renderMenuButton_unstable } from '@fluentui/react-button';
 import { renderMenuDivider_unstable } from '@fluentui/react-menu';
@@ -375,6 +426,8 @@ import { renderMenuList_unstable } from '@fluentui/react-menu';
 import { renderMenuPopover_unstable } from '@fluentui/react-menu';
 import { renderMenuSplitGroup_unstable } from '@fluentui/react-menu';
 import { renderMenuTrigger_unstable } from '@fluentui/react-menu';
+import { renderOption_unstable } from '@fluentui/react-combobox';
+import { renderOptionGroup_unstable } from '@fluentui/react-combobox';
 import { renderPersona_unstable } from '@fluentui/react-persona';
 import { renderPopover_unstable } from '@fluentui/react-popover';
 import { renderPopoverSurface_unstable } from '@fluentui/react-popover';
@@ -382,6 +435,7 @@ 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 { renderSelect_unstable } from '@fluentui/react-select';
 import { renderSlider_unstable } from '@fluentui/react-slider';
 import { renderSpinButton_unstable } from '@fluentui/react-spinbutton';
 import { renderSpinner_unstable } from '@fluentui/react-spinner';
@@ -400,7 +454,13 @@ import { resetIdsForTests } from '@fluentui/react-utilities';
 import { resolveShorthand } from '@fluentui/react-utilities';
 import { ResolveShorthandFunction } from '@fluentui/react-utilities';
 import { ResolveShorthandOptions } from '@fluentui/react-utilities';
+import { Select } from '@fluentui/react-select';
 import { SelectableHandler } from '@fluentui/react-menu';
+import { selectClassNames } from '@fluentui/react-select';
+import { SelectOnChangeData } from '@fluentui/react-select';
+import { SelectProps } from '@fluentui/react-select';
+import { SelectSlots } from '@fluentui/react-select';
+import { SelectState } from '@fluentui/react-select';
 import { SelectTabData } from '@fluentui/react-tabs';
 import { SelectTabEvent } from '@fluentui/react-tabs';
 import { SelectTabEventHandler } from '@fluentui/react-tabs';
@@ -417,6 +477,7 @@ 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 { SlotRenderFunction } from '@fluentui/react-utilities';
 import { SpacingTokens } from '@fluentui/react-theme';
 import { SpinButton } from '@fluentui/react-spinbutton';
 import { SpinButtonBounds } from '@fluentui/react-spinbutton';
@@ -443,6 +504,8 @@ 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 { Subtitle2Stronger } from '@fluentui/react-text';
+import { subtitle2StrongerClassNames } from '@fluentui/react-text';
 import { Switch } from '@fluentui/react-switch';
 import { switchClassNames } from '@fluentui/react-switch';
 import { SwitchOnChangeData } from '@fluentui/react-switch';
@@ -456,6 +519,7 @@ 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 { TabListProvider } from '@fluentui/react-tabs';
 import { TabListSlots } from '@fluentui/react-tabs';
 import { TabListState } from '@fluentui/react-tabs';
 import { TabProps } from '@fluentui/react-tabs';
@@ -474,6 +538,7 @@ 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 { TextPresetProps } from '@fluentui/react-text';
 import { TextProps } from '@fluentui/react-text';
 import { TextSlots } from '@fluentui/react-text';
 import { TextState } from '@fluentui/react-text';
@@ -558,6 +623,9 @@ 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 { useCombobox_unstable } from '@fluentui/react-combobox';
+import { useComboboxContextValues } from '@fluentui/react-combobox';
+import { useComboboxStyles_unstable } from '@fluentui/react-combobox';
 import { useCompoundButton_unstable } from '@fluentui/react-button';
 import { useCompoundButtonStyles_unstable } from '@fluentui/react-button';
 import { useCounterBadge_unstable } from '@fluentui/react-badge';
@@ -576,6 +644,8 @@ import { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';
 import { useDialogTrigger_unstable } from '@fluentui/react-dialog';
 import { useDivider_unstable } from '@fluentui/react-divider';
 import { useDividerStyles_unstable } from '@fluentui/react-divider';
+import { useDropdown_unstable } from '@fluentui/react-combobox';
+import { useDropdownStyles_unstable } from '@fluentui/react-combobox';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { useFluentProvider_unstable } from '@fluentui/react-provider';
 import { useFluentProviderContextValues_unstable } from '@fluentui/react-provider';
@@ -583,6 +653,7 @@ import { useFluentProviderStyles_unstable } from '@fluentui/react-provider';
 import { useFocusableGroup } from '@fluentui/react-tabster';
 import { UseFocusableGroupOptions } from '@fluentui/react-tabster';
 import { useFocusFinders } from '@fluentui/react-tabster';
+import { useFocusWithin } from '@fluentui/react-tabster';
 import { useId } from '@fluentui/react-utilities';
 import { useImage_unstable } from '@fluentui/react-image';
 import { useImageStyles_unstable } from '@fluentui/react-image';
@@ -598,6 +669,9 @@ 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';
+import { useListbox_unstable } from '@fluentui/react-combobox';
+import { useListboxContextValues } from '@fluentui/react-combobox';
+import { useListboxStyles_unstable } from '@fluentui/react-combobox';
 import { useMenu_unstable } from '@fluentui/react-menu';
 import { useMenuButton_unstable } from '@fluentui/react-button';
 import { useMenuButtonStyles_unstable } from '@fluentui/react-button';
@@ -630,6 +704,10 @@ import { useMenuTriggerContext_unstable } from '@fluentui/react-menu';
 import { useMergedRefs } from '@fluentui/react-utilities';
 import { useModalAttributes } from '@fluentui/react-tabster';
 import { UseModalAttributesOptions } from '@fluentui/react-tabster';
+import { useOption_unstable } from '@fluentui/react-combobox';
+import { useOptionGroup_unstable } from '@fluentui/react-combobox';
+import { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';
+import { useOptionStyles_unstable } from '@fluentui/react-combobox';
 import { useOverflowMenu } from '@fluentui/react-overflow';
 import { usePersona_unstable } from '@fluentui/react-persona';
 import { usePersonaStyles_unstable } from '@fluentui/react-persona';
@@ -647,6 +725,8 @@ import { useRadioGroupContextValues } from '@fluentui/react-radio';
 import { useRadioGroupStyles_unstable } from '@fluentui/react-radio';
 import { useRadioStyles_unstable } from '@fluentui/react-radio';
 import { useScrollbarWidth } from '@fluentui/react-utilities';
+import { useSelect_unstable } from '@fluentui/react-select';
+import { useSelectStyles_unstable } from '@fluentui/react-select';
 import { useSlider_unstable } from '@fluentui/react-slider';
 import { useSliderState_unstable } from '@fluentui/react-slider';
 import { useSliderStyles_unstable } from '@fluentui/react-slider';
@@ -660,6 +740,8 @@ 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 { useTabListContext_unstable } from '@fluentui/react-tabs';
+import { useTabListContextValues_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';
@@ -835,6 +917,18 @@ export { Body1 }
 
 export { body1ClassNames }
 
+export { Body1Strong }
+
+export { body1StrongClassNames }
+
+export { Body1Stronger }
+
+export { body1StrongerClassNames }
+
+export { Body2 }
+
+export { body2ClassNames }
+
 export { BorderRadiusTokens }
 
 export { BrandVariants }
@@ -853,10 +947,22 @@ export { Caption1 }
 
 export { caption1ClassNames }
 
+export { Caption1Strong }
+
+export { caption1StrongClassNames }
+
+export { Caption1Stronger }
+
+export { caption1StrongerClassNames }
+
 export { Caption2 }
 
 export { caption2ClassNames }
 
+export { Caption2Strong }
+
+export { caption2StrongClassNames }
+
 export { Checkbox }
 
 export { checkboxClassNames }
@@ -873,6 +979,26 @@ export { ColorPaletteTokens }
 
 export { ColorTokens }
 
+export { Combobox }
+
+export { comboboxClassNames }
+
+export { ComboboxContextValue }
+
+export { ComboboxContextValues }
+
+export { ComboboxOpenChangeData }
+
+export { ComboboxOpenEvents }
+
+export { ComboboxProps }
+
+export { ComboboxProvider }
+
+export { ComboboxSlots }
+
+export { ComboboxState }
+
 export { ComponentProps }
 
 export { ComponentState }
@@ -1009,6 +1135,22 @@ export { DividerSlots }
 
 export { DividerState }
 
+export { Dropdown }
+
+export { dropdownClassNames }
+
+export { DropdownContextValues }
+
+export { DropdownOpenChangeData }
+
+export { DropdownOpenEvents }
+
+export { DropdownProps }
+
+export { DropdownSlots }
+
+export { DropdownState }
+
 export { DurationTokens }
 
 export { FluentProvider }
@@ -1093,6 +1235,22 @@ export { LinkSlots }
 
 export { LinkState }
 
+export { Listbox }
+
+export { listboxClassNames }
+
+export { ListboxContextValue }
+
+export { ListboxContextValues }
+
+export { ListboxProps }
+
+export { ListboxProvider }
+
+export { ListboxSlots }
+
+export { ListboxState }
+
 export { makeResetStyles }
 
 export { makeStaticStyles }
@@ -1253,6 +1411,26 @@ export { OnVisibleChangeData }
 
 export { OpenPopoverEvents }
 
+export { Option_2 as Option }
+
+export { optionClassNames }
+
+export { OptionGroup }
+
+export { optionGroupClassNames }
+
+export { OptionGroupProps }
+
+export { OptionGroupSlots }
+
+export { OptionGroupState }
+
+export { OptionProps }
+
+export { OptionSlots }
+
+export { OptionState }
+
 export { Overflow }
 
 export { OverflowItem }
@@ -1389,6 +1567,8 @@ export { renderButton_unstable }
 
 export { renderCheckbox_unstable }
 
+export { renderCombobox_unstable }
+
 export { renderCompoundButton_unstable }
 
 export { renderDialog_unstable }
@@ -1407,6 +1587,8 @@ export { renderDialogTrigger_unstable }
 
 export { renderDivider_unstable }
 
+export { renderDropdown_unstable }
+
 export { RendererProvider }
 
 export { renderFluentProvider_unstable }
@@ -1419,6 +1601,8 @@ export { renderLabel_unstable }
 
 export { renderLink_unstable }
 
+export { renderListbox_unstable }
+
 export { renderMenu_unstable }
 
 export { renderMenuButton_unstable }
@@ -1443,6 +1627,10 @@ export { renderMenuSplitGroup_unstable }
 
 export { renderMenuTrigger_unstable }
 
+export { renderOption_unstable }
+
+export { renderOptionGroup_unstable }
+
 export { renderPersona_unstable }
 
 export { renderPopover_unstable }
@@ -1457,6 +1645,8 @@ export { renderRadio_unstable }
 
 export { renderRadioGroup_unstable }
 
+export { renderSelect_unstable }
+
 export { renderSlider_unstable }
 
 export { renderSpinButton_unstable }
@@ -1493,8 +1683,20 @@ export { ResolveShorthandFunction }
 
 export { ResolveShorthandOptions }
 
+export { Select }
+
 export { SelectableHandler }
 
+export { selectClassNames }
+
+export { SelectOnChangeData }
+
+export { SelectProps }
+
+export { SelectSlots }
+
+export { SelectState }
+
 export { SelectTabData }
 
 export { SelectTabEvent }
@@ -1527,6 +1729,8 @@ export { SlotClassNames }
 
 export { SlotPropsRecord }
 
+export { SlotRenderFunction }
+
 export { SpacingTokens }
 
 export { SpinButton }
@@ -1579,6 +1783,10 @@ export { Subtitle2 }
 
 export { subtitle2ClassNames }
 
+export { Subtitle2Stronger }
+
+export { subtitle2StrongerClassNames }
+
 export { Switch }
 
 export { switchClassNames }
@@ -1605,6 +1813,8 @@ export { TabListContextValues }
 
 export { TabListProps }
 
+export { TabListProvider }
+
 export { TabListSlots }
 
 export { TabListState }
@@ -1641,6 +1851,8 @@ export { TextareaState }
 
 export { textClassNames }
 
+export { TextPresetProps }
+
 export { TextProps }
 
 export { TextSlots }
@@ -1809,6 +2021,12 @@ export { useCheckboxStyles_unstable }
 
 export { useCheckmarkStyles_unstable }
 
+export { useCombobox_unstable }
+
+export { useComboboxContextValues }
+
+export { useComboboxStyles_unstable }
+
 export { useCompoundButton_unstable }
 
 export { useCompoundButtonStyles_unstable }
@@ -1845,6 +2063,10 @@ export { useDivider_unstable }
 
 export { useDividerStyles_unstable }
 
+export { useDropdown_unstable }
+
+export { useDropdownStyles_unstable }
+
 export { useFluent }
 
 export { useFluentProvider_unstable }
@@ -1859,6 +2081,8 @@ export { UseFocusableGroupOptions }
 
 export { useFocusFinders }
 
+export { useFocusWithin }
+
 export { useId }
 
 export { useImage_unstable }
@@ -1889,6 +2113,12 @@ export { useLinkState_unstable }
 
 export { useLinkStyles_unstable }
 
+export { useListbox_unstable }
+
+export { useListboxContextValues }
+
+export { useListboxStyles_unstable }
+
 export { useMenu_unstable }
 
 export { useMenuButton_unstable }
@@ -1953,6 +2183,14 @@ export { useModalAttributes }
 
 export { UseModalAttributesOptions }
 
+export { useOption_unstable }
+
+export { useOptionGroup_unstable }
+
+export { useOptionGroupStyles_unstable }
+
+export { useOptionStyles_unstable }
+
 export { useOverflowMenu }
 
 export { usePersona_unstable }
@@ -1987,6 +2225,10 @@ export { useRadioStyles_unstable }
 
 export { useScrollbarWidth }
 
+export { useSelect_unstable }
+
+export { useSelectStyles_unstable }
+
 export { useSlider_unstable }
 
 export { useSliderState_unstable }
@@ -2013,6 +2255,10 @@ export { useTab_unstable }
 
 export { useTabList_unstable }
 
+export { useTabListContext_unstable }
+
+export { useTabListContextValues_unstable }
+
 export { useTabListStyles_unstable }
 
 export { useTabStyles_unstable }