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

package/lib-commonjs/index.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAccordionItemContextValues_unstable = exports.useAccordionItemContext_unstable = exports.useAccordionItem_unstable = exports.useAccordionHeaderStyles_unstable = exports.useAccordionHeaderContextValues_unstable = exports.useAccordionHeader_unstable = exports.useAccordionContextValues_unstable = exports.useAccordion_unstable = exports.renderAccordionPanel_unstable = exports.renderAccordionItem_unstable = exports.renderAccordionHeader_unstable = exports.renderAccordion_unstable = exports.accordionPanelClassName = exports.accordionItemClassName = exports.accordionHeaderClassName = exports.accordionClassName = exports.AccordionPanel = exports.AccordionItemContext = exports.AccordionItem = exports.AccordionHeader = exports.AccordionContext = exports.Accordion = exports.SSRProvider = exports.webLightTheme = exports.webHighContrastTheme = exports.webDarkTheme = exports.tokens = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.useFluentProviderStyles_unstable = exports.useFluentProviderContextValues_unstable = exports.useFluentProvider_unstable = exports.useFluent = exports.renderFluentProvider_unstable = exports.fluentProviderClassName = exports.FluentProvider = exports.shorthands = exports.renderToStyleElements = exports.mergeClasses = exports.makeStyles = exports.makeStaticStyles = exports.createDOMRenderer = exports.__styles = exports.RendererProvider = void 0;
-exports.useDivider_unstable = exports.renderDivider_unstable = exports.dividerClassName = exports.Divider = exports.useToggleButtonStyles_unstable = exports.useToggleButton_unstable = exports.useSplitButtonStyles_unstable = exports.useSplitButton_unstable = exports.useMenuButtonStyles_unstable = exports.useMenuButton_unstable = exports.useCompoundButtonStyles_unstable = exports.useCompoundButton_unstable = exports.useButtonStyles_unstable = exports.useButton_unstable = exports.toggleButtonClassName = exports.splitButtonClassName = exports.renderToggleButton_unstable = exports.renderSplitButton_unstable = exports.renderMenuButton_unstable = exports.renderCompoundButton_unstable = exports.renderButton_unstable = exports.menuButtonClassName = exports.compoundButtonClassName = exports.buttonClassName = exports.ToggleButton = exports.SplitButton = exports.MenuButton = exports.CompoundButton = exports.Button = exports.usePresenceBadge_unstable = exports.useCounterBadgeStyles_unstable = exports.useCounterBadge_unstable = exports.useBadgeStyles_unstable = exports.useBadge_unstable = exports.renderBadge_unstable = exports.presenceBadgeClassName = exports.counterBadgeClassName = exports.badgeClassName = exports.PresenceBadge = exports.CounterBadge = exports.Badge = exports.useAvatarStyles_unstable = exports.useAvatar_unstable = exports.renderAvatar_unstable = exports.avatarClassName = exports.Avatar = exports.useAccordionStyles_unstable = exports.useAccordionPanelStyles_unstable = exports.useAccordionPanel_unstable = exports.useAccordionItemStyles_unstable = void 0;
-exports.useMenuContextValues_unstable = exports.useMenuContext_unstable = exports.useMenu_unstable = exports.useCheckmarkStyles_unstable = exports.renderMenuTrigger_unstable = exports.renderMenuPopover_unstable = exports.renderMenuList_unstable = exports.renderMenuItemRadio_unstable = exports.renderMenuItemCheckbox_unstable = exports.renderMenuItem_unstable = exports.renderMenuGroupHeader_unstable = exports.renderMenuGroup_unstable = exports.renderMenuDivider_unstable = exports.renderMenu_unstable = exports.menuPopoverClassName = exports.menuListClassName = exports.menuItemRadioClassName = exports.menuItemClassName = exports.menuItemCheckboxClassName = exports.menuGroupHeaderClassName = exports.menuGroupClassName = exports.menuDividerClassName = exports.MenuTriggerContextProvider = exports.MenuTrigger = exports.MenuProvider = exports.MenuPopover = exports.MenuListProvider = exports.MenuListContext = exports.MenuList = exports.MenuItemRadio = exports.MenuItemCheckbox = exports.MenuItem = exports.MenuGroupHeader = exports.MenuGroupContextProvider = exports.MenuGroup = exports.MenuDivider = exports.MenuContext = exports.Menu = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.useLink_unstable = exports.renderLink_unstable = exports.linkClassName = exports.Link = exports.useImageStyles_unstable = exports.useImage_unstable = exports.renderImage_unstable = exports.imageClassName = exports.Image = exports.useDividerStyles_unstable = void 0;
-exports.Title2 = exports.Title1 = exports.Text = exports.Subheadline = exports.LargeTitle = exports.Headline = exports.Display = exports.Caption = exports.Body = exports.usePortal_unstable = exports.setVirtualParent = exports.renderPortal_unstable = exports.elementContains = exports.Portal = exports.usePopoverTrigger_unstable = exports.usePopoverSurfaceStyles_unstable = exports.usePopoverSurface_unstable = exports.usePopoverContext_unstable = exports.usePopover_unstable = exports.renderPopoverTrigger_unstable = exports.renderPopoverSurface_unstable = exports.renderPopover_unstable = exports.popoverSurfaceClassName = exports.arrowHeights = exports.PopoverTrigger = exports.PopoverSurface = exports.PopoverContext = exports.Popover = exports.useMenuTriggerContext_unstable = exports.useMenuTrigger_unstable = exports.useMenuPopoverStyles_unstable = exports.useMenuPopover_unstable = exports.useMenuListStyles_unstable = exports.useMenuListContextValues_unstable = exports.useMenuListContext_unstable = exports.useMenuList_unstable = exports.useMenuItemStyles_unstable = exports.useMenuItemRadioStyles_unstable = exports.useMenuItemRadio_unstable = exports.useMenuItemCheckboxStyles_unstable = exports.useMenuItemCheckbox_unstable = exports.useMenuItem_unstable = exports.useMenuGroupStyles_unstable = exports.useMenuGroupHeaderStyles_unstable = exports.useMenuGroupHeader_unstable = exports.useMenuGroupContextValues_unstable = exports.useMenuGroupContext_unstable = exports.useMenuGroup_unstable = exports.useMenuDividerStyles_unstable = exports.useMenuDivider_unstable = void 0;
-exports.useTooltipStyles_unstable = exports.useTooltip_unstable = exports.tooltipClassName = exports.renderTooltip_unstable = exports.Tooltip = exports.useTextStyles_unstable = exports.useText_unstable = exports.title3ClassName = exports.title2ClassName = exports.title1ClassName = exports.textClassName = exports.subheadlineClassName = exports.renderText_unstable = exports.largeTitleClassName = exports.headlineClassName = exports.displayClassName = exports.captionClassName = exports.bodyClassName = exports.Title3 = void 0; // Utilities
+exports.AccordionItemContext = exports.AccordionItem = exports.AccordionHeader = exports.AccordionContext = exports.Accordion = exports.useSSRContext = exports.useMergedRefs = exports.useIsSSR = exports.useId = exports.SSRProvider = exports.resolveShorthand = exports.resetIdsForTests = exports.getSlots = exports.getPartitionedNativeProps = exports.getNativeProps = exports.getNativeElementProps = exports.webLightTheme = exports.webHighContrastTheme = exports.webDarkTheme = exports.tokens = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.useModalAttributes = exports.useKeyboardNavAttribute = exports.useFocusFinders = exports.useFocusableGroup = exports.useArrowNavigationGroup = exports.createCustomFocusIndicatorStyle = exports.useFluentProviderStyles_unstable = exports.useFluentProviderContextValues_unstable = exports.useFluentProvider_unstable = exports.useFluent = exports.renderFluentProvider_unstable = exports.fluentProviderClassNames = exports.fluentProviderClassName = exports.FluentProvider = exports.shorthands = exports.renderToStyleElements = exports.mergeClasses = exports.makeStyles = exports.makeStaticStyles = exports.createDOMRenderer = exports.__styles = exports.RendererProvider = void 0;
+exports.SplitButton = exports.MenuButton = exports.CompoundButton = exports.Button = exports.usePresenceBadge_unstable = exports.useCounterBadgeStyles_unstable = exports.useCounterBadge_unstable = exports.useBadgeStyles_unstable = exports.useBadge_unstable = exports.renderBadge_unstable = exports.presenceBadgeClassNames = exports.counterBadgeClassNames = exports.badgeClassNames = exports.presenceBadgeClassName = exports.counterBadgeClassName = exports.badgeClassName = exports.PresenceBadge = exports.CounterBadge = exports.Badge = exports.useAvatarStyles_unstable = exports.useAvatar_unstable = exports.renderAvatar_unstable = exports.avatarClassNames = exports.avatarClassName = exports.Avatar = exports.useAccordionStyles_unstable = exports.useAccordionPanelStyles_unstable = exports.useAccordionPanel_unstable = exports.useAccordionItemStyles_unstable = exports.useAccordionItemContextValues_unstable = exports.useAccordionItemContext_unstable = exports.useAccordionItem_unstable = exports.useAccordionHeaderStyles_unstable = exports.useAccordionHeaderContextValues_unstable = exports.useAccordionHeader_unstable = exports.useAccordionContextValues_unstable = exports.useAccordion_unstable = exports.renderAccordionPanel_unstable = exports.renderAccordionItem_unstable = exports.renderAccordionHeader_unstable = exports.renderAccordion_unstable = exports.accordionPanelClassNames = exports.accordionItemClassNames = exports.accordionHeaderClassNames = exports.accordionClassNames = exports.accordionPanelClassName = exports.accordionItemClassName = exports.accordionHeaderClassName = exports.accordionClassName = exports.AccordionPanel = void 0;
+exports.MenuGroup = exports.MenuDivider = exports.MenuContext = exports.Menu = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.useLink_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.linkClassName = exports.Link = exports.useImageStyles_unstable = exports.useImage_unstable = exports.renderImage_unstable = exports.imageClassNames = exports.imageClassName = exports.Image = exports.useDividerStyles_unstable = exports.useDivider_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.dividerClassName = exports.Divider = exports.useToggleState = exports.useToggleButtonStyles_unstable = exports.useToggleButton_unstable = exports.useSplitButtonStyles_unstable = exports.useSplitButton_unstable = exports.useMenuButtonStyles_unstable = exports.useMenuButton_unstable = exports.useCompoundButtonStyles_unstable = exports.useCompoundButton_unstable = exports.useButtonStyles_unstable = exports.useButton_unstable = exports.toggleButtonClassNames = exports.splitButtonClassNames = exports.toggleButtonClassName = exports.splitButtonClassName = exports.renderToggleButton_unstable = exports.renderSplitButton_unstable = exports.renderMenuButton_unstable = exports.renderCompoundButton_unstable = exports.renderButton_unstable = exports.menuButtonClassNames = exports.compoundButtonClassNames = exports.buttonClassNames = exports.menuButtonClassName = exports.compoundButtonClassName = exports.buttonClassName = exports.ToggleButton = void 0;
+exports.useMenuGroupContext_unstable = exports.useMenuGroup_unstable = exports.useMenuDividerStyles_unstable = exports.useMenuDivider_unstable = exports.useMenuContextValues_unstable = exports.useMenuContext_unstable = exports.useMenu_unstable = exports.useCheckmarkStyles_unstable = exports.renderMenuTrigger_unstable = exports.renderMenuSplitGroup_unstable = exports.renderMenuPopover_unstable = exports.renderMenuList_unstable = exports.renderMenuItemRadio_unstable = exports.renderMenuItemCheckbox_unstable = exports.renderMenuItem_unstable = exports.renderMenuGroupHeader_unstable = exports.renderMenuGroup_unstable = exports.renderMenuDivider_unstable = exports.renderMenu_unstable = exports.menuSplitGroupClassNames = exports.menuPopoverClassNames = exports.menuListClassNames = exports.menuItemRadioClassNames = exports.menuItemClassNames = exports.menuItemCheckboxClassNames = exports.menuGroupHeaderClassNames = exports.menuGroupClassNames = exports.menuDividerClassNames = exports.menuSplitGroupClassName = exports.menuPopoverClassName = exports.menuListClassName = exports.menuItemRadioClassName = exports.menuItemClassName = exports.menuItemCheckboxClassName = exports.menuGroupHeaderClassName = exports.menuGroupClassName = exports.menuDividerClassName = exports.MenuTriggerContextProvider = exports.MenuTrigger = exports.MenuSplitGroup = exports.MenuProvider = exports.MenuPopover = exports.MenuListProvider = exports.MenuListContext = exports.MenuList = exports.MenuItemRadio = exports.MenuItemCheckbox = exports.MenuItem = exports.MenuGroupHeader = exports.MenuGroupContextProvider = void 0;
+exports.Headline = exports.Display = exports.Caption = exports.Body = exports.renderSlider_unstable = exports.useSlider_unstable = exports.useSliderStyles_unstable = exports.useSliderState_unstable = exports.sliderClassNames = exports.Slider = exports.usePortal_unstable = exports.setVirtualParent = exports.renderPortal_unstable = exports.elementContains = exports.Portal = exports.usePopoverTrigger_unstable = exports.usePopoverSurfaceStyles_unstable = exports.usePopoverSurface_unstable = exports.usePopoverContext_unstable = exports.usePopover_unstable = exports.renderPopoverTrigger_unstable = exports.renderPopoverSurface_unstable = exports.renderPopover_unstable = exports.popoverSurfaceClassNames = exports.popoverSurfaceClassName = exports.arrowHeights = exports.PopoverTrigger = exports.PopoverSurface = exports.PopoverContext = exports.Popover = exports.useMenuTriggerContext_unstable = exports.useMenuTrigger_unstable = exports.useMenuSplitGroupStyles_unstable = exports.useMenuSplitGroup_unstable = exports.useMenuPopoverStyles_unstable = exports.useMenuPopover_unstable = exports.useMenuListStyles_unstable = exports.useMenuListContextValues_unstable = exports.useMenuListContext_unstable = exports.useMenuList_unstable = exports.useMenuItemStyles_unstable = exports.useMenuItemRadioStyles_unstable = exports.useMenuItemRadio_unstable = exports.useMenuItemCheckboxStyles_unstable = exports.useMenuItemCheckbox_unstable = exports.useMenuItem_unstable = exports.useMenuGroupStyles_unstable = exports.useMenuGroupHeaderStyles_unstable = exports.useMenuGroupHeader_unstable = exports.useMenuGroupContextValues_unstable = void 0;
+exports.useTooltipStyles_unstable = exports.useTooltip_unstable = exports.tooltipClassNames = exports.tooltipClassName = exports.renderTooltip_unstable = exports.Tooltip = exports.useTextStyles_unstable = exports.useText_unstable = exports.title3ClassNames = exports.title2ClassNames = exports.title1ClassNames = exports.textClassNames = exports.subheadlineClassNames = exports.title3ClassName = exports.title2ClassName = exports.title1ClassName = exports.textClassName = exports.subheadlineClassName = exports.renderText_unstable = exports.largeTitleClassNames = exports.headlineClassNames = exports.displayClassNames = exports.captionClassNames = exports.bodyClassNames = exports.largeTitleClassName = exports.headlineClassName = exports.displayClassName = exports.captionClassName = exports.bodyClassName = exports.Title3 = exports.Title2 = exports.Title1 = exports.Text = exports.Subheadline = exports.LargeTitle = void 0; // Utilities
 
 var react_1 = /*#__PURE__*/require("@griffel/react");
 
@@ -68,12 +69,20 @@ Object.defineProperty(exports, "FluentProvider", {
     return react_provider_1.FluentProvider;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "fluentProviderClassName", {
   enumerable: true,
   get: function () {
     return react_provider_1.fluentProviderClassName;
   }
 });
+Object.defineProperty(exports, "fluentProviderClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_provider_1.fluentProviderClassNames;
+  }
+});
 Object.defineProperty(exports, "renderFluentProvider_unstable", {
   enumerable: true,
   get: function () {
@@ -105,6 +114,45 @@ Object.defineProperty(exports, "useFluentProviderStyles_unstable", {
   }
 });
 
+var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.createCustomFocusIndicatorStyle;
+  }
+});
+Object.defineProperty(exports, "useArrowNavigationGroup", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.useArrowNavigationGroup;
+  }
+});
+Object.defineProperty(exports, "useFocusableGroup", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.useFocusableGroup;
+  }
+});
+Object.defineProperty(exports, "useFocusFinders", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.useFocusFinders;
+  }
+});
+Object.defineProperty(exports, "useKeyboardNavAttribute", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.useKeyboardNavAttribute;
+  }
+});
+Object.defineProperty(exports, "useModalAttributes", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.useModalAttributes;
+  }
+});
+
 var react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 
 Object.defineProperty(exports, "createDarkTheme", {
@@ -182,11 +230,71 @@ Object.defineProperty(exports, "webLightTheme", {
 
 var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
+Object.defineProperty(exports, "getNativeElementProps", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.getNativeElementProps;
+  }
+});
+Object.defineProperty(exports, "getNativeProps", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.getNativeProps;
+  }
+});
+Object.defineProperty(exports, "getPartitionedNativeProps", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.getPartitionedNativeProps;
+  }
+});
+Object.defineProperty(exports, "getSlots", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.getSlots;
+  }
+});
+Object.defineProperty(exports, "resetIdsForTests", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.resetIdsForTests;
+  }
+});
+Object.defineProperty(exports, "resolveShorthand", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.resolveShorthand;
+  }
+});
 Object.defineProperty(exports, "SSRProvider", {
   enumerable: true,
   get: function () {
     return react_utilities_1.SSRProvider;
   }
+});
+Object.defineProperty(exports, "useId", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.useId;
+  }
+});
+Object.defineProperty(exports, "useIsSSR", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.useIsSSR;
+  }
+});
+Object.defineProperty(exports, "useMergedRefs", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.useMergedRefs;
+  }
+});
+Object.defineProperty(exports, "useSSRContext", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.useSSRContext;
+  }
 }); // Components
 
 var react_accordion_1 = /*#__PURE__*/require("@fluentui/react-accordion");
@@ -227,30 +335,62 @@ Object.defineProperty(exports, "AccordionPanel", {
     return react_accordion_1.AccordionPanel;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "accordionClassName", {
   enumerable: true,
   get: function () {
     return react_accordion_1.accordionClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "accordionHeaderClassName", {
   enumerable: true,
   get: function () {
     return react_accordion_1.accordionHeaderClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "accordionItemClassName", {
   enumerable: true,
   get: function () {
     return react_accordion_1.accordionItemClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "accordionPanelClassName", {
   enumerable: true,
   get: function () {
     return react_accordion_1.accordionPanelClassName;
   }
 });
+Object.defineProperty(exports, "accordionClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_accordion_1.accordionClassNames;
+  }
+});
+Object.defineProperty(exports, "accordionHeaderClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_accordion_1.accordionHeaderClassNames;
+  }
+});
+Object.defineProperty(exports, "accordionItemClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_accordion_1.accordionItemClassNames;
+  }
+});
+Object.defineProperty(exports, "accordionPanelClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_accordion_1.accordionPanelClassNames;
+  }
+});
 Object.defineProperty(exports, "renderAccordion_unstable", {
   enumerable: true,
   get: function () {
@@ -356,12 +496,20 @@ Object.defineProperty(exports, "Avatar", {
     return react_avatar_1.Avatar;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "avatarClassName", {
   enumerable: true,
   get: function () {
     return react_avatar_1.avatarClassName;
   }
 });
+Object.defineProperty(exports, "avatarClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_avatar_1.avatarClassNames;
+  }
+});
 Object.defineProperty(exports, "renderAvatar_unstable", {
   enumerable: true,
   get: function () {
@@ -401,24 +549,48 @@ Object.defineProperty(exports, "PresenceBadge", {
     return react_badge_1.PresenceBadge;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "badgeClassName", {
   enumerable: true,
   get: function () {
     return react_badge_1.badgeClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "counterBadgeClassName", {
   enumerable: true,
   get: function () {
     return react_badge_1.counterBadgeClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "presenceBadgeClassName", {
   enumerable: true,
   get: function () {
     return react_badge_1.presenceBadgeClassName;
   }
 });
+Object.defineProperty(exports, "badgeClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_badge_1.badgeClassNames;
+  }
+});
+Object.defineProperty(exports, "counterBadgeClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_badge_1.counterBadgeClassNames;
+  }
+});
+Object.defineProperty(exports, "presenceBadgeClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_badge_1.presenceBadgeClassNames;
+  }
+});
 Object.defineProperty(exports, "renderBadge_unstable", {
   enumerable: true,
   get: function () {
@@ -488,24 +660,48 @@ Object.defineProperty(exports, "ToggleButton", {
     return react_button_1.ToggleButton;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "buttonClassName", {
   enumerable: true,
   get: function () {
     return react_button_1.buttonClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "compoundButtonClassName", {
   enumerable: true,
   get: function () {
     return react_button_1.compoundButtonClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuButtonClassName", {
   enumerable: true,
   get: function () {
     return react_button_1.menuButtonClassName;
   }
 });
+Object.defineProperty(exports, "buttonClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_button_1.buttonClassNames;
+  }
+});
+Object.defineProperty(exports, "compoundButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_button_1.compoundButtonClassNames;
+  }
+});
+Object.defineProperty(exports, "menuButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_button_1.menuButtonClassNames;
+  }
+});
 Object.defineProperty(exports, "renderButton_unstable", {
   enumerable: true,
   get: function () {
@@ -536,18 +732,34 @@ Object.defineProperty(exports, "renderToggleButton_unstable", {
     return react_button_1.renderToggleButton_unstable;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "splitButtonClassName", {
   enumerable: true,
   get: function () {
     return react_button_1.splitButtonClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "toggleButtonClassName", {
   enumerable: true,
   get: function () {
     return react_button_1.toggleButtonClassName;
   }
 });
+Object.defineProperty(exports, "splitButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_button_1.splitButtonClassNames;
+  }
+});
+Object.defineProperty(exports, "toggleButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_button_1.toggleButtonClassNames;
+  }
+});
 Object.defineProperty(exports, "useButton_unstable", {
   enumerable: true,
   get: function () {
@@ -608,6 +820,12 @@ Object.defineProperty(exports, "useToggleButtonStyles_unstable", {
     return react_button_1.useToggleButtonStyles_unstable;
   }
 });
+Object.defineProperty(exports, "useToggleState", {
+  enumerable: true,
+  get: function () {
+    return react_button_1.useToggleState;
+  }
+});
 
 var react_divider_1 = /*#__PURE__*/require("@fluentui/react-divider");
 
@@ -617,12 +835,20 @@ Object.defineProperty(exports, "Divider", {
     return react_divider_1.Divider;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "dividerClassName", {
   enumerable: true,
   get: function () {
     return react_divider_1.dividerClassName;
   }
 });
+Object.defineProperty(exports, "dividerClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_divider_1.dividerClassNames;
+  }
+});
 Object.defineProperty(exports, "renderDivider_unstable", {
   enumerable: true,
   get: function () {
@@ -650,12 +876,20 @@ Object.defineProperty(exports, "Image", {
     return react_image_1.Image;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "imageClassName", {
   enumerable: true,
   get: function () {
     return react_image_1.imageClassName;
   }
 });
+Object.defineProperty(exports, "imageClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_image_1.imageClassNames;
+  }
+});
 Object.defineProperty(exports, "renderImage_unstable", {
   enumerable: true,
   get: function () {
@@ -683,12 +917,20 @@ Object.defineProperty(exports, "Link", {
     return react_link_1.Link;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "linkClassName", {
   enumerable: true,
   get: function () {
     return react_link_1.linkClassName;
   }
 });
+Object.defineProperty(exports, "linkClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_link_1.linkClassNames;
+  }
+});
 Object.defineProperty(exports, "renderLink_unstable", {
   enumerable: true,
   get: function () {
@@ -800,6 +1042,12 @@ Object.defineProperty(exports, "MenuProvider", {
     return react_menu_1.MenuProvider;
   }
 });
+Object.defineProperty(exports, "MenuSplitGroup", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.MenuSplitGroup;
+  }
+});
 Object.defineProperty(exports, "MenuTrigger", {
   enumerable: true,
   get: function () {
@@ -812,54 +1060,132 @@ Object.defineProperty(exports, "MenuTriggerContextProvider", {
     return react_menu_1.MenuTriggerContextProvider;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuDividerClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuDividerClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuGroupClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuGroupClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuGroupHeaderClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuGroupHeaderClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuItemCheckboxClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuItemCheckboxClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuItemClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuItemClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuItemRadioClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuItemRadioClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuListClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuListClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "menuPopoverClassName", {
   enumerable: true,
   get: function () {
     return react_menu_1.menuPopoverClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
+Object.defineProperty(exports, "menuSplitGroupClassName", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuSplitGroupClassName;
+  }
+});
+Object.defineProperty(exports, "menuDividerClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuDividerClassNames;
+  }
+});
+Object.defineProperty(exports, "menuGroupClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuGroupClassNames;
+  }
+});
+Object.defineProperty(exports, "menuGroupHeaderClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuGroupHeaderClassNames;
+  }
+});
+Object.defineProperty(exports, "menuItemCheckboxClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuItemCheckboxClassNames;
+  }
+});
+Object.defineProperty(exports, "menuItemClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuItemClassNames;
+  }
+});
+Object.defineProperty(exports, "menuItemRadioClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuItemRadioClassNames;
+  }
+});
+Object.defineProperty(exports, "menuListClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuListClassNames;
+  }
+});
+Object.defineProperty(exports, "menuPopoverClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuPopoverClassNames;
+  }
+});
+Object.defineProperty(exports, "menuSplitGroupClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.menuSplitGroupClassNames;
+  }
+});
 Object.defineProperty(exports, "renderMenu_unstable", {
   enumerable: true,
   get: function () {
@@ -914,6 +1240,12 @@ Object.defineProperty(exports, "renderMenuPopover_unstable", {
     return react_menu_1.renderMenuPopover_unstable;
   }
 });
+Object.defineProperty(exports, "renderMenuSplitGroup_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.renderMenuSplitGroup_unstable;
+  }
+});
 Object.defineProperty(exports, "renderMenuTrigger_unstable", {
   enumerable: true,
   get: function () {
@@ -1064,6 +1396,18 @@ Object.defineProperty(exports, "useMenuPopoverStyles_unstable", {
     return react_menu_1.useMenuPopoverStyles_unstable;
   }
 });
+Object.defineProperty(exports, "useMenuSplitGroup_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.useMenuSplitGroup_unstable;
+  }
+});
+Object.defineProperty(exports, "useMenuSplitGroupStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_menu_1.useMenuSplitGroupStyles_unstable;
+  }
+});
 Object.defineProperty(exports, "useMenuTrigger_unstable", {
   enumerable: true,
   get: function () {
@@ -1109,12 +1453,20 @@ Object.defineProperty(exports, "arrowHeights", {
     return react_popover_1.arrowHeights;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "popoverSurfaceClassName", {
   enumerable: true,
   get: function () {
     return react_popover_1.popoverSurfaceClassName;
   }
 });
+Object.defineProperty(exports, "popoverSurfaceClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_popover_1.popoverSurfaceClassNames;
+  }
+});
 Object.defineProperty(exports, "renderPopover_unstable", {
   enumerable: true,
   get: function () {
@@ -1197,6 +1549,45 @@ Object.defineProperty(exports, "usePortal_unstable", {
   }
 });
 
+var react_slider_1 = /*#__PURE__*/require("@fluentui/react-slider");
+
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.Slider;
+  }
+});
+Object.defineProperty(exports, "sliderClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.sliderClassNames;
+  }
+});
+Object.defineProperty(exports, "useSliderState_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.useSliderState_unstable;
+  }
+});
+Object.defineProperty(exports, "useSliderStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.useSliderStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useSlider_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.useSlider_unstable;
+  }
+});
+Object.defineProperty(exports, "renderSlider_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.renderSlider_unstable;
+  }
+});
+
 var react_text_1 = /*#__PURE__*/require("@fluentui/react-text");
 
 Object.defineProperty(exports, "Body", {
@@ -1259,72 +1650,152 @@ Object.defineProperty(exports, "Title3", {
     return react_text_1.Title3;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "bodyClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.bodyClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "captionClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.captionClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "displayClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.displayClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "headlineClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.headlineClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "largeTitleClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.largeTitleClassName;
   }
 });
+Object.defineProperty(exports, "bodyClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.bodyClassNames;
+  }
+});
+Object.defineProperty(exports, "captionClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.captionClassNames;
+  }
+});
+Object.defineProperty(exports, "displayClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.displayClassNames;
+  }
+});
+Object.defineProperty(exports, "headlineClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.headlineClassNames;
+  }
+});
+Object.defineProperty(exports, "largeTitleClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.largeTitleClassNames;
+  }
+});
 Object.defineProperty(exports, "renderText_unstable", {
   enumerable: true,
   get: function () {
     return react_text_1.renderText_unstable;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "subheadlineClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.subheadlineClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "textClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.textClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "title1ClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.title1ClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "title2ClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.title2ClassName;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "title3ClassName", {
   enumerable: true,
   get: function () {
     return react_text_1.title3ClassName;
   }
 });
+Object.defineProperty(exports, "subheadlineClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.subheadlineClassNames;
+  }
+});
+Object.defineProperty(exports, "textClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.textClassNames;
+  }
+});
+Object.defineProperty(exports, "title1ClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.title1ClassNames;
+  }
+});
+Object.defineProperty(exports, "title2ClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.title2ClassNames;
+  }
+});
+Object.defineProperty(exports, "title3ClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.title3ClassNames;
+  }
+});
 Object.defineProperty(exports, "useText_unstable", {
   enumerable: true,
   get: function () {
@@ -1352,12 +1823,20 @@ Object.defineProperty(exports, "renderTooltip_unstable", {
     return react_tooltip_1.renderTooltip_unstable;
   }
 });
+/* eslint-disable-next-line deprecation/deprecation */
+
 Object.defineProperty(exports, "tooltipClassName", {
   enumerable: true,
   get: function () {
     return react_tooltip_1.tooltipClassName;
   }
 });
+Object.defineProperty(exports, "tooltipClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_tooltip_1.tooltipClassNames;
+  }
+});
 Object.defineProperty(exports, "useTooltip_unstable", {
   enumerable: true,
   get: function () {