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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.json +1253 -1
  2. package/CHANGELOG.md +190 -2
  3. package/dist/react-components.d.ts +252 -0
  4. package/lib/index.d.ts +19 -14
  5. package/lib/index.js +91 -13
  6. package/lib/index.js.map +1 -1
  7. package/lib/unstable/index.d.ts +15 -9
  8. package/lib/unstable/index.js +28 -7
  9. package/lib/unstable/index.js.map +1 -1
  10. package/lib-commonjs/index.d.ts +19 -14
  11. package/lib-commonjs/index.js +484 -5
  12. package/lib-commonjs/index.js.map +1 -1
  13. package/lib-commonjs/unstable/index.d.ts +15 -9
  14. package/lib-commonjs/unstable/index.js +200 -23
  15. package/lib-commonjs/unstable/index.js.map +1 -1
  16. package/package.json +35 -29
package/dist/react-components.d.ts CHANGED
@@ -1,11 +1,13 @@
1
1
  import { __styles } from '@griffel/react';
2
2
  import { Accordion } from '@fluentui/react-accordion';
3
3
  import { accordionClassName } from '@fluentui/react-accordion';
4
+ import { accordionClassNames } from '@fluentui/react-accordion';
4
5
  import { AccordionContext } from '@fluentui/react-accordion';
5
6
  import { AccordionContextValue } from '@fluentui/react-accordion';
6
7
  import { AccordionContextValues } from '@fluentui/react-accordion';
7
8
  import { AccordionHeader } from '@fluentui/react-accordion';
8
9
  import { accordionHeaderClassName } from '@fluentui/react-accordion';
10
+ import { accordionHeaderClassNames } from '@fluentui/react-accordion';
9
11
  import { AccordionHeaderContextValue } from '@fluentui/react-accordion';
10
12
  import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
11
13
  import { AccordionHeaderExpandIconPosition } from '@fluentui/react-accordion';
@@ -16,6 +18,7 @@ import { AccordionHeaderState } from '@fluentui/react-accordion';
16
18
  import { AccordionIndex } from '@fluentui/react-accordion';
17
19
  import { AccordionItem } from '@fluentui/react-accordion';
18
20
  import { accordionItemClassName } from '@fluentui/react-accordion';
21
+ import { accordionItemClassNames } from '@fluentui/react-accordion';
19
22
  import { AccordionItemContext } from '@fluentui/react-accordion';
20
23
  import { AccordionItemContextValue } from '@fluentui/react-accordion';
21
24
  import { AccordionItemContextValues } from '@fluentui/react-accordion';
@@ -25,6 +28,7 @@ import { AccordionItemState } from '@fluentui/react-accordion';
25
28
  import { AccordionItemValue } from '@fluentui/react-accordion';
26
29
  import { AccordionPanel } from '@fluentui/react-accordion';
27
30
  import { accordionPanelClassName } from '@fluentui/react-accordion';
31
+ import { accordionPanelClassNames } from '@fluentui/react-accordion';
28
32
  import { AccordionPanelProps } from '@fluentui/react-accordion';
29
33
  import { AccordionPanelSlots } from '@fluentui/react-accordion';
30
34
  import { AccordionPanelState } from '@fluentui/react-accordion';
@@ -37,37 +41,47 @@ import { AccordionToggleEventHandler } from '@fluentui/react-accordion';
37
41
  import { arrowHeights } from '@fluentui/react-popover';
38
42
  import { Avatar } from '@fluentui/react-avatar';
39
43
  import { avatarClassName } from '@fluentui/react-avatar';
44
+ import { avatarClassNames } from '@fluentui/react-avatar';
40
45
  import { AvatarNamedColor } from '@fluentui/react-avatar';
41
46
  import { AvatarProps } from '@fluentui/react-avatar';
42
47
  import { AvatarSlots } from '@fluentui/react-avatar';
43
48
  import { AvatarState } from '@fluentui/react-avatar';
44
49
  import { Badge } from '@fluentui/react-badge';
45
50
  import { badgeClassName } from '@fluentui/react-badge';
51
+ import { badgeClassNames } from '@fluentui/react-badge';
46
52
  import { BadgeProps } from '@fluentui/react-badge';
47
53
  import { BadgeSlots } from '@fluentui/react-badge';
48
54
  import { BadgeState } from '@fluentui/react-badge';
49
55
  import { Body as Body_2 } from '@fluentui/react-text';
50
56
  import { bodyClassName } from '@fluentui/react-text';
57
+ import { bodyClassNames } from '@fluentui/react-text';
51
58
  import { BorderRadiusTokens } from '@fluentui/react-theme';
52
59
  import { BrandVariants } from '@fluentui/react-theme';
53
60
  import { Button } from '@fluentui/react-button';
54
61
  import { buttonClassName } from '@fluentui/react-button';
62
+ import { buttonClassNames } from '@fluentui/react-button';
55
63
  import { ButtonProps } from '@fluentui/react-button';
56
64
  import { ButtonSlots } from '@fluentui/react-button';
57
65
  import { ButtonState } from '@fluentui/react-button';
58
66
  import { Caption } from '@fluentui/react-text';
59
67
  import { captionClassName } from '@fluentui/react-text';
68
+ import { captionClassNames } from '@fluentui/react-text';
60
69
  import { ColorPaletteTokens } from '@fluentui/react-theme';
61
70
  import { ColorTokens } from '@fluentui/react-theme';
71
+ import { ComponentProps } from '@fluentui/react-utilities';
72
+ import { ComponentState } from '@fluentui/react-utilities';
62
73
  import { CompoundButton } from '@fluentui/react-button';
63
74
  import { compoundButtonClassName } from '@fluentui/react-button';
75
+ import { compoundButtonClassNames } from '@fluentui/react-button';
64
76
  import { CompoundButtonProps } from '@fluentui/react-button';
65
77
  import { CompoundButtonSlots } from '@fluentui/react-button';
66
78
  import { CompoundButtonState } from '@fluentui/react-button';
67
79
  import { CounterBadge } from '@fluentui/react-badge';
68
80
  import { counterBadgeClassName } from '@fluentui/react-badge';
81
+ import { counterBadgeClassNames } from '@fluentui/react-badge';
69
82
  import { CounterBadgeProps } from '@fluentui/react-badge';
70
83
  import { CounterBadgeState } from '@fluentui/react-badge';
84
+ import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
71
85
  import { createDarkTheme } from '@fluentui/react-theme';
72
86
  import { createDOMRenderer } from '@griffel/react';
73
87
  import { createHighContrastTheme } from '@fluentui/react-theme';
@@ -75,14 +89,17 @@ import { createLightTheme } from '@fluentui/react-theme';
75
89
  import { createTeamsDarkTheme } from '@fluentui/react-theme';
76
90
  import { Display } from '@fluentui/react-text';
77
91
  import { displayClassName } from '@fluentui/react-text';
92
+ import { displayClassNames } from '@fluentui/react-text';
78
93
  import { Divider } from '@fluentui/react-divider';
79
94
  import { dividerClassName } from '@fluentui/react-divider';
95
+ import { dividerClassNames } from '@fluentui/react-divider';
80
96
  import { DividerProps } from '@fluentui/react-divider';
81
97
  import { DividerSlots } from '@fluentui/react-divider';
82
98
  import { DividerState } from '@fluentui/react-divider';
83
99
  import { elementContains } from '@fluentui/react-portal';
84
100
  import { FluentProvider } from '@fluentui/react-provider';
85
101
  import { fluentProviderClassName } from '@fluentui/react-provider';
102
+ import { fluentProviderClassNames } from '@fluentui/react-provider';
86
103
  import { FluentProviderContextValues } from '@fluentui/react-provider';
87
104
  import { FluentProviderProps } from '@fluentui/react-provider';
88
105
  import { FluentProviderSlots } from '@fluentui/react-provider';
@@ -90,18 +107,27 @@ import { FluentProviderState } from '@fluentui/react-provider';
90
107
  import { FontFamilyTokens } from '@fluentui/react-theme';
91
108
  import { FontSizeTokens } from '@fluentui/react-theme';
92
109
  import { FontWeightTokens } from '@fluentui/react-theme';
110
+ import { ForwardRefComponent } from '@fluentui/react-utilities';
111
+ import { getNativeElementProps } from '@fluentui/react-utilities';
112
+ import { getNativeProps } from '@fluentui/react-utilities';
113
+ import { getPartitionedNativeProps } from '@fluentui/react-utilities';
114
+ import { getSlots } from '@fluentui/react-utilities';
93
115
  import { Headline } from '@fluentui/react-text';
94
116
  import { headlineClassName } from '@fluentui/react-text';
117
+ import { headlineClassNames } from '@fluentui/react-text';
95
118
  import { Image as Image_2 } from '@fluentui/react-image';
96
119
  import { imageClassName } from '@fluentui/react-image';
120
+ import { imageClassNames } from '@fluentui/react-image';
97
121
  import { ImageProps } from '@fluentui/react-image';
98
122
  import { ImageSlots } from '@fluentui/react-image';
99
123
  import { ImageState } from '@fluentui/react-image';
100
124
  import { LargeTitle } from '@fluentui/react-text';
101
125
  import { largeTitleClassName } from '@fluentui/react-text';
126
+ import { largeTitleClassNames } from '@fluentui/react-text';
102
127
  import { LineHeightTokens } from '@fluentui/react-theme';
103
128
  import { Link } from '@fluentui/react-link';
104
129
  import { linkClassName } from '@fluentui/react-link';
130
+ import { linkClassNames } from '@fluentui/react-link';
105
131
  import { LinkProps } from '@fluentui/react-link';
106
132
  import { LinkSlots } from '@fluentui/react-link';
107
133
  import { LinkState } from '@fluentui/react-link';
@@ -110,6 +136,7 @@ import { makeStyles } from '@griffel/react';
110
136
  import { Menu } from '@fluentui/react-menu';
111
137
  import { MenuButton } from '@fluentui/react-button';
112
138
  import { menuButtonClassName } from '@fluentui/react-button';
139
+ import { menuButtonClassNames } from '@fluentui/react-button';
113
140
  import { MenuButtonProps } from '@fluentui/react-button';
114
141
  import { MenuButtonSlots } from '@fluentui/react-button';
115
142
  import { MenuButtonState } from '@fluentui/react-button';
@@ -120,16 +147,19 @@ import { MenuContextValue } from '@fluentui/react-menu';
120
147
  import { MenuContextValues } from '@fluentui/react-menu';
121
148
  import { MenuDivider } from '@fluentui/react-menu';
122
149
  import { menuDividerClassName } from '@fluentui/react-menu';
150
+ import { menuDividerClassNames } from '@fluentui/react-menu';
123
151
  import { MenuDividerProps } from '@fluentui/react-menu';
124
152
  import { MenuDividerSlots } from '@fluentui/react-menu';
125
153
  import { MenuDividerState } from '@fluentui/react-menu';
126
154
  import { MenuGroup } from '@fluentui/react-menu';
127
155
  import { menuGroupClassName } from '@fluentui/react-menu';
156
+ import { menuGroupClassNames } from '@fluentui/react-menu';
128
157
  import { MenuGroupContextProvider } from '@fluentui/react-menu';
129
158
  import { MenuGroupContextValue } from '@fluentui/react-menu';
130
159
  import { MenuGroupContextValues } from '@fluentui/react-menu';
131
160
  import { MenuGroupHeader } from '@fluentui/react-menu';
132
161
  import { menuGroupHeaderClassName } from '@fluentui/react-menu';
162
+ import { menuGroupHeaderClassNames } from '@fluentui/react-menu';
133
163
  import { MenuGroupHeaderProps } from '@fluentui/react-menu';
134
164
  import { MenuGroupHeaderSlots } from '@fluentui/react-menu';
135
165
  import { MenuGroupHeaderState } from '@fluentui/react-menu';
@@ -139,12 +169,15 @@ import { MenuGroupState } from '@fluentui/react-menu';
139
169
  import { MenuItem } from '@fluentui/react-menu';
140
170
  import { MenuItemCheckbox } from '@fluentui/react-menu';
141
171
  import { menuItemCheckboxClassName } from '@fluentui/react-menu';
172
+ import { menuItemCheckboxClassNames } from '@fluentui/react-menu';
142
173
  import { MenuItemCheckboxProps } from '@fluentui/react-menu';
143
174
  import { MenuItemCheckboxState } from '@fluentui/react-menu';
144
175
  import { menuItemClassName } from '@fluentui/react-menu';
176
+ import { menuItemClassNames } from '@fluentui/react-menu';
145
177
  import { MenuItemProps } from '@fluentui/react-menu';
146
178
  import { MenuItemRadio } from '@fluentui/react-menu';
147
179
  import { menuItemRadioClassName } from '@fluentui/react-menu';
180
+ import { menuItemRadioClassNames } from '@fluentui/react-menu';
148
181
  import { MenuItemRadioProps } from '@fluentui/react-menu';
149
182
  import { MenuItemRadioState } from '@fluentui/react-menu';
150
183
  import { MenuItemSelectableProps } from '@fluentui/react-menu';
@@ -153,6 +186,7 @@ import { MenuItemSlots } from '@fluentui/react-menu';
153
186
  import { MenuItemState } from '@fluentui/react-menu';
154
187
  import { MenuList } from '@fluentui/react-menu';
155
188
  import { menuListClassName } from '@fluentui/react-menu';
189
+ import { menuListClassNames } from '@fluentui/react-menu';
156
190
  import { MenuListContext } from '@fluentui/react-menu';
157
191
  import { MenuListContextValue } from '@fluentui/react-menu';
158
192
  import { MenuListContextValues } from '@fluentui/react-menu';
@@ -164,12 +198,19 @@ import { MenuOpenChangeData } from '@fluentui/react-menu';
164
198
  import { MenuOpenEvents } from '@fluentui/react-menu';
165
199
  import { MenuPopover } from '@fluentui/react-menu';
166
200
  import { menuPopoverClassName } from '@fluentui/react-menu';
201
+ import { menuPopoverClassNames } from '@fluentui/react-menu';
167
202
  import { MenuPopoverProps } from '@fluentui/react-menu';
168
203
  import { MenuPopoverSlots } from '@fluentui/react-menu';
169
204
  import { MenuPopoverState } from '@fluentui/react-menu';
170
205
  import { MenuProps } from '@fluentui/react-menu';
171
206
  import { MenuProvider } from '@fluentui/react-menu';
172
207
  import { MenuSlots } from '@fluentui/react-menu';
208
+ import { MenuSplitGroup } from '@fluentui/react-menu';
209
+ import { menuSplitGroupClassName } from '@fluentui/react-menu';
210
+ import { menuSplitGroupClassNames } from '@fluentui/react-menu';
211
+ import { MenuSplitGroupProps } from '@fluentui/react-menu';
212
+ import { MenuSplitGroupSlots } from '@fluentui/react-menu';
213
+ import { MenuSplitGroupState } from '@fluentui/react-menu';
173
214
  import { MenuState } from '@fluentui/react-menu';
174
215
  import { MenuTrigger } from '@fluentui/react-menu';
175
216
  import { MenuTriggerChildProps } from '@fluentui/react-menu';
@@ -189,6 +230,7 @@ import { PopoverSize } from '@fluentui/react-popover';
189
230
  import { PopoverState } from '@fluentui/react-popover';
190
231
  import { PopoverSurface } from '@fluentui/react-popover';
191
232
  import { popoverSurfaceClassName } from '@fluentui/react-popover';
233
+ import { popoverSurfaceClassNames } from '@fluentui/react-popover';
192
234
  import { PopoverSurfaceProps } from '@fluentui/react-popover';
193
235
  import { PopoverSurfaceSlots } from '@fluentui/react-popover';
194
236
  import { PopoverSurfaceState } from '@fluentui/react-popover';
@@ -200,6 +242,7 @@ import { PortalProps } from '@fluentui/react-portal';
200
242
  import { PortalState } from '@fluentui/react-portal';
201
243
  import { PresenceBadge } from '@fluentui/react-badge';
202
244
  import { presenceBadgeClassName } from '@fluentui/react-badge';
245
+ import { presenceBadgeClassNames } from '@fluentui/react-badge';
203
246
  import { PresenceBadgeProps } from '@fluentui/react-badge';
204
247
  import { PresenceBadgeState } from '@fluentui/react-badge';
205
248
  import { PresenceBadgeStatus } from '@fluentui/react-badge';
@@ -226,23 +269,39 @@ import { renderMenuItemCheckbox_unstable } from '@fluentui/react-menu';
226
269
  import { renderMenuItemRadio_unstable } from '@fluentui/react-menu';
227
270
  import { renderMenuList_unstable } from '@fluentui/react-menu';
228
271
  import { renderMenuPopover_unstable } from '@fluentui/react-menu';
272
+ import { renderMenuSplitGroup_unstable } from '@fluentui/react-menu';
229
273
  import { renderMenuTrigger_unstable } from '@fluentui/react-menu';
230
274
  import { renderPopover_unstable } from '@fluentui/react-popover';
231
275
  import { renderPopoverSurface_unstable } from '@fluentui/react-popover';
232
276
  import { renderPopoverTrigger_unstable } from '@fluentui/react-popover';
233
277
  import { renderPortal_unstable } from '@fluentui/react-portal';
278
+ import { renderSlider_unstable } from '@fluentui/react-slider';
234
279
  import { renderSplitButton_unstable } from '@fluentui/react-button';
235
280
  import { renderText_unstable } from '@fluentui/react-text';
236
281
  import { renderToggleButton_unstable } from '@fluentui/react-button';
237
282
  import { renderTooltip_unstable } from '@fluentui/react-tooltip';
238
283
  import { renderToStyleElements } from '@griffel/react';
284
+ import { resetIdsForTests } from '@fluentui/react-utilities';
285
+ import { resolveShorthand } from '@fluentui/react-utilities';
286
+ import { ResolveShorthandFunction } from '@fluentui/react-utilities';
287
+ import { ResolveShorthandOptions } from '@fluentui/react-utilities';
239
288
  import { SelectableHandler } from '@fluentui/react-menu';
240
289
  import { setVirtualParent } from '@fluentui/react-portal';
241
290
  import { ShadowBrandTokens } from '@fluentui/react-theme';
242
291
  import { ShadowTokens } from '@fluentui/react-theme';
243
292
  import { shorthands } from '@griffel/react';
293
+ import { Slider } from '@fluentui/react-slider';
294
+ import { sliderClassNames } from '@fluentui/react-slider';
295
+ import { SliderOnChangeData } from '@fluentui/react-slider';
296
+ import { SliderProps } from '@fluentui/react-slider';
297
+ import { SliderSlots } from '@fluentui/react-slider';
298
+ import { SliderState } from '@fluentui/react-slider';
299
+ import { Slot } from '@fluentui/react-utilities';
300
+ import { SlotClassNames } from '@fluentui/react-utilities';
301
+ import { SlotPropsRecord } from '@fluentui/react-utilities';
244
302
  import { SplitButton } from '@fluentui/react-button';
245
303
  import { splitButtonClassName } from '@fluentui/react-button';
304
+ import { splitButtonClassNames } from '@fluentui/react-button';
246
305
  import { SplitButtonProps } from '@fluentui/react-button';
247
306
  import { SplitButtonSlots } from '@fluentui/react-button';
248
307
  import { SplitButtonState } from '@fluentui/react-button';
@@ -250,11 +309,13 @@ import { SSRProvider } from '@fluentui/react-utilities';
250
309
  import { StrokeWidthTokens } from '@fluentui/react-theme';
251
310
  import { Subheadline } from '@fluentui/react-text';
252
311
  import { subheadlineClassName } from '@fluentui/react-text';
312
+ import { subheadlineClassNames } from '@fluentui/react-text';
253
313
  import { teamsDarkTheme } from '@fluentui/react-theme';
254
314
  import { teamsHighContrastTheme } from '@fluentui/react-theme';
255
315
  import { teamsLightTheme } from '@fluentui/react-theme';
256
316
  import { Text as Text_2 } from '@fluentui/react-text';
257
317
  import { textClassName } from '@fluentui/react-text';
318
+ import { textClassNames } from '@fluentui/react-text';
258
319
  import { TextProps } from '@fluentui/react-text';
259
320
  import { TextSlots } from '@fluentui/react-text';
260
321
  import { TextState } from '@fluentui/react-text';
@@ -262,17 +323,22 @@ import { Theme } from '@fluentui/react-theme';
262
323
  import { themeToTokensObject } from '@fluentui/react-theme';
263
324
  import { Title1 } from '@fluentui/react-text';
264
325
  import { title1ClassName } from '@fluentui/react-text';
326
+ import { title1ClassNames } from '@fluentui/react-text';
265
327
  import { Title2 } from '@fluentui/react-text';
266
328
  import { title2ClassName } from '@fluentui/react-text';
329
+ import { title2ClassNames } from '@fluentui/react-text';
267
330
  import { Title3 } from '@fluentui/react-text';
268
331
  import { title3ClassName } from '@fluentui/react-text';
332
+ import { title3ClassNames } from '@fluentui/react-text';
269
333
  import { ToggleButton } from '@fluentui/react-button';
270
334
  import { toggleButtonClassName } from '@fluentui/react-button';
335
+ import { toggleButtonClassNames } from '@fluentui/react-button';
271
336
  import { ToggleButtonProps } from '@fluentui/react-button';
272
337
  import { ToggleButtonState } from '@fluentui/react-button';
273
338
  import { tokens } from '@fluentui/react-theme';
274
339
  import { Tooltip } from '@fluentui/react-tooltip';
275
340
  import { tooltipClassName } from '@fluentui/react-tooltip';
341
+ import { tooltipClassNames } from '@fluentui/react-tooltip';
276
342
  import { TooltipProps } from '@fluentui/react-tooltip';
277
343
  import { TooltipSlots } from '@fluentui/react-tooltip';
278
344
  import { TooltipState } from '@fluentui/react-tooltip';
@@ -290,6 +356,8 @@ import { useAccordionItemStyles_unstable } from '@fluentui/react-accordion';
290
356
  import { useAccordionPanel_unstable } from '@fluentui/react-accordion';
291
357
  import { useAccordionPanelStyles_unstable } from '@fluentui/react-accordion';
292
358
  import { useAccordionStyles_unstable } from '@fluentui/react-accordion';
359
+ import { useArrowNavigationGroup } from '@fluentui/react-tabster';
360
+ import { UseArrowNavigationGroupOptions } from '@fluentui/react-tabster';
293
361
  import { useAvatar_unstable } from '@fluentui/react-avatar';
294
362
  import { useAvatarStyles_unstable } from '@fluentui/react-avatar';
295
363
  import { useBadge_unstable } from '@fluentui/react-badge';
@@ -307,8 +375,14 @@ import { useFluent } from '@fluentui/react-provider';
307
375
  import { useFluentProvider_unstable } from '@fluentui/react-provider';
308
376
  import { useFluentProviderContextValues_unstable } from '@fluentui/react-provider';
309
377
  import { useFluentProviderStyles_unstable } from '@fluentui/react-provider';
378
+ import { useFocusableGroup } from '@fluentui/react-tabster';
379
+ import { UseFocusableGroupOptions } from '@fluentui/react-tabster';
380
+ import { useFocusFinders } from '@fluentui/react-tabster';
381
+ import { useId } from '@fluentui/react-utilities';
310
382
  import { useImage_unstable } from '@fluentui/react-image';
311
383
  import { useImageStyles_unstable } from '@fluentui/react-image';
384
+ import { useIsSSR } from '@fluentui/react-utilities';
385
+ import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
312
386
  import { useLink_unstable } from '@fluentui/react-link';
313
387
  import { useLinkState_unstable } from '@fluentui/react-link';
314
388
  import { useLinkStyles_unstable } from '@fluentui/react-link';
@@ -337,8 +411,13 @@ import { useMenuListContextValues_unstable } from '@fluentui/react-menu';
337
411
  import { useMenuListStyles_unstable } from '@fluentui/react-menu';
338
412
  import { useMenuPopover_unstable } from '@fluentui/react-menu';
339
413
  import { useMenuPopoverStyles_unstable } from '@fluentui/react-menu';
414
+ import { useMenuSplitGroup_unstable } from '@fluentui/react-menu';
415
+ import { useMenuSplitGroupStyles_unstable } from '@fluentui/react-menu';
340
416
  import { useMenuTrigger_unstable } from '@fluentui/react-menu';
341
417
  import { useMenuTriggerContext_unstable } from '@fluentui/react-menu';
418
+ import { useMergedRefs } from '@fluentui/react-utilities';
419
+ import { useModalAttributes } from '@fluentui/react-tabster';
420
+ import { UseModalAttributesOptions } from '@fluentui/react-tabster';
342
421
  import { usePopover_unstable } from '@fluentui/react-popover';
343
422
  import { usePopoverContext_unstable } from '@fluentui/react-popover';
344
423
  import { usePopoverSurface_unstable } from '@fluentui/react-popover';
@@ -346,12 +425,17 @@ import { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';
346
425
  import { usePopoverTrigger_unstable } from '@fluentui/react-popover';
347
426
  import { usePortal_unstable } from '@fluentui/react-portal';
348
427
  import { usePresenceBadge_unstable } from '@fluentui/react-badge';
428
+ import { useSlider_unstable } from '@fluentui/react-slider';
429
+ import { useSliderState_unstable } from '@fluentui/react-slider';
430
+ import { useSliderStyles_unstable } from '@fluentui/react-slider';
349
431
  import { useSplitButton_unstable } from '@fluentui/react-button';
350
432
  import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
433
+ import { useSSRContext } from '@fluentui/react-utilities';
351
434
  import { useText_unstable } from '@fluentui/react-text';
352
435
  import { useTextStyles_unstable } from '@fluentui/react-text';
353
436
  import { useToggleButton_unstable } from '@fluentui/react-button';
354
437
  import { useToggleButtonStyles_unstable } from '@fluentui/react-button';
438
+ import { useToggleState } from '@fluentui/react-button';
355
439
  import { useTooltip_unstable } from '@fluentui/react-tooltip';
356
440
  import { useTooltipStyles_unstable } from '@fluentui/react-tooltip';
357
441
  import { webDarkTheme } from '@fluentui/react-theme';
@@ -364,6 +448,8 @@ export { Accordion }
364
448
 
365
449
  export { accordionClassName }
366
450
 
451
+ export { accordionClassNames }
452
+
367
453
  export { AccordionContext }
368
454
 
369
455
  export { AccordionContextValue }
@@ -374,6 +460,8 @@ export { AccordionHeader }
374
460
 
375
461
  export { accordionHeaderClassName }
376
462
 
463
+ export { accordionHeaderClassNames }
464
+
377
465
  export { AccordionHeaderContextValue }
378
466
 
379
467
  export { AccordionHeaderContextValues }
@@ -394,6 +482,8 @@ export { AccordionItem }
394
482
 
395
483
  export { accordionItemClassName }
396
484
 
485
+ export { accordionItemClassNames }
486
+
397
487
  export { AccordionItemContext }
398
488
 
399
489
  export { AccordionItemContextValue }
@@ -412,6 +502,8 @@ export { AccordionPanel }
412
502
 
413
503
  export { accordionPanelClassName }
414
504
 
505
+ export { accordionPanelClassNames }
506
+
415
507
  export { AccordionPanelProps }
416
508
 
417
509
  export { AccordionPanelSlots }
@@ -436,6 +528,8 @@ export { Avatar }
436
528
 
437
529
  export { avatarClassName }
438
530
 
531
+ export { avatarClassNames }
532
+
439
533
  export { AvatarNamedColor }
440
534
 
441
535
  export { AvatarProps }
@@ -448,6 +542,8 @@ export { Badge }
448
542
 
449
543
  export { badgeClassName }
450
544
 
545
+ export { badgeClassNames }
546
+
451
547
  export { BadgeProps }
452
548
 
453
549
  export { BadgeSlots }
@@ -458,6 +554,8 @@ export { Body_2 as Body }
458
554
 
459
555
  export { bodyClassName }
460
556
 
557
+ export { bodyClassNames }
558
+
461
559
  export { BorderRadiusTokens }
462
560
 
463
561
  export { BrandVariants }
@@ -466,6 +564,8 @@ export { Button }
466
564
 
467
565
  export { buttonClassName }
468
566
 
567
+ export { buttonClassNames }
568
+
469
569
  export { ButtonProps }
470
570
 
471
571
  export { ButtonSlots }
@@ -476,14 +576,22 @@ export { Caption }
476
576
 
477
577
  export { captionClassName }
478
578
 
579
+ export { captionClassNames }
580
+
479
581
  export { ColorPaletteTokens }
480
582
 
481
583
  export { ColorTokens }
482
584
 
585
+ export { ComponentProps }
586
+
587
+ export { ComponentState }
588
+
483
589
  export { CompoundButton }
484
590
 
485
591
  export { compoundButtonClassName }
486
592
 
593
+ export { compoundButtonClassNames }
594
+
487
595
  export { CompoundButtonProps }
488
596
 
489
597
  export { CompoundButtonSlots }
@@ -494,10 +602,14 @@ export { CounterBadge }
494
602
 
495
603
  export { counterBadgeClassName }
496
604
 
605
+ export { counterBadgeClassNames }
606
+
497
607
  export { CounterBadgeProps }
498
608
 
499
609
  export { CounterBadgeState }
500
610
 
611
+ export { createCustomFocusIndicatorStyle }
612
+
501
613
  export { createDarkTheme }
502
614
 
503
615
  export { createDOMRenderer }
@@ -512,10 +624,14 @@ export { Display }
512
624
 
513
625
  export { displayClassName }
514
626
 
627
+ export { displayClassNames }
628
+
515
629
  export { Divider }
516
630
 
517
631
  export { dividerClassName }
518
632
 
633
+ export { dividerClassNames }
634
+
519
635
  export { DividerProps }
520
636
 
521
637
  export { DividerSlots }
@@ -528,6 +644,8 @@ export { FluentProvider }
528
644
 
529
645
  export { fluentProviderClassName }
530
646
 
647
+ export { fluentProviderClassNames }
648
+
531
649
  export { FluentProviderContextValues }
532
650
 
533
651
  export { FluentProviderProps }
@@ -542,14 +660,28 @@ export { FontSizeTokens }
542
660
 
543
661
  export { FontWeightTokens }
544
662
 
663
+ export { ForwardRefComponent }
664
+
665
+ export { getNativeElementProps }
666
+
667
+ export { getNativeProps }
668
+
669
+ export { getPartitionedNativeProps }
670
+
671
+ export { getSlots }
672
+
545
673
  export { Headline }
546
674
 
547
675
  export { headlineClassName }
548
676
 
677
+ export { headlineClassNames }
678
+
549
679
  export { Image_2 as Image }
550
680
 
551
681
  export { imageClassName }
552
682
 
683
+ export { imageClassNames }
684
+
553
685
  export { ImageProps }
554
686
 
555
687
  export { ImageSlots }
@@ -560,12 +692,16 @@ export { LargeTitle }
560
692
 
561
693
  export { largeTitleClassName }
562
694
 
695
+ export { largeTitleClassNames }
696
+
563
697
  export { LineHeightTokens }
564
698
 
565
699
  export { Link }
566
700
 
567
701
  export { linkClassName }
568
702
 
703
+ export { linkClassNames }
704
+
569
705
  export { LinkProps }
570
706
 
571
707
  export { LinkSlots }
@@ -582,6 +718,8 @@ export { MenuButton }
582
718
 
583
719
  export { menuButtonClassName }
584
720
 
721
+ export { menuButtonClassNames }
722
+
585
723
  export { MenuButtonProps }
586
724
 
587
725
  export { MenuButtonSlots }
@@ -602,6 +740,8 @@ export { MenuDivider }
602
740
 
603
741
  export { menuDividerClassName }
604
742
 
743
+ export { menuDividerClassNames }
744
+
605
745
  export { MenuDividerProps }
606
746
 
607
747
  export { MenuDividerSlots }
@@ -612,6 +752,8 @@ export { MenuGroup }
612
752
 
613
753
  export { menuGroupClassName }
614
754
 
755
+ export { menuGroupClassNames }
756
+
615
757
  export { MenuGroupContextProvider }
616
758
 
617
759
  export { MenuGroupContextValue }
@@ -622,6 +764,8 @@ export { MenuGroupHeader }
622
764
 
623
765
  export { menuGroupHeaderClassName }
624
766
 
767
+ export { menuGroupHeaderClassNames }
768
+
625
769
  export { MenuGroupHeaderProps }
626
770
 
627
771
  export { MenuGroupHeaderSlots }
@@ -640,18 +784,24 @@ export { MenuItemCheckbox }
640
784
 
641
785
  export { menuItemCheckboxClassName }
642
786
 
787
+ export { menuItemCheckboxClassNames }
788
+
643
789
  export { MenuItemCheckboxProps }
644
790
 
645
791
  export { MenuItemCheckboxState }
646
792
 
647
793
  export { menuItemClassName }
648
794
 
795
+ export { menuItemClassNames }
796
+
649
797
  export { MenuItemProps }
650
798
 
651
799
  export { MenuItemRadio }
652
800
 
653
801
  export { menuItemRadioClassName }
654
802
 
803
+ export { menuItemRadioClassNames }
804
+
655
805
  export { MenuItemRadioProps }
656
806
 
657
807
  export { MenuItemRadioState }
@@ -668,6 +818,8 @@ export { MenuList }
668
818
 
669
819
  export { menuListClassName }
670
820
 
821
+ export { menuListClassNames }
822
+
671
823
  export { MenuListContext }
672
824
 
673
825
  export { MenuListContextValue }
@@ -690,6 +842,8 @@ export { MenuPopover }
690
842
 
691
843
  export { menuPopoverClassName }
692
844
 
845
+ export { menuPopoverClassNames }
846
+
693
847
  export { MenuPopoverProps }
694
848
 
695
849
  export { MenuPopoverSlots }
@@ -702,6 +856,18 @@ export { MenuProvider }
702
856
 
703
857
  export { MenuSlots }
704
858
 
859
+ export { MenuSplitGroup }
860
+
861
+ export { menuSplitGroupClassName }
862
+
863
+ export { menuSplitGroupClassNames }
864
+
865
+ export { MenuSplitGroupProps }
866
+
867
+ export { MenuSplitGroupSlots }
868
+
869
+ export { MenuSplitGroupState }
870
+
705
871
  export { MenuState }
706
872
 
707
873
  export { MenuTrigger }
@@ -740,6 +906,8 @@ export { PopoverSurface }
740
906
 
741
907
  export { popoverSurfaceClassName }
742
908
 
909
+ export { popoverSurfaceClassNames }
910
+
743
911
  export { PopoverSurfaceProps }
744
912
 
745
913
  export { PopoverSurfaceSlots }
@@ -762,6 +930,8 @@ export { PresenceBadge }
762
930
 
763
931
  export { presenceBadgeClassName }
764
932
 
933
+ export { presenceBadgeClassNames }
934
+
765
935
  export { PresenceBadgeProps }
766
936
 
767
937
  export { PresenceBadgeState }
@@ -814,6 +984,8 @@ export { renderMenuList_unstable }
814
984
 
815
985
  export { renderMenuPopover_unstable }
816
986
 
987
+ export { renderMenuSplitGroup_unstable }
988
+
817
989
  export { renderMenuTrigger_unstable }
818
990
 
819
991
  export { renderPopover_unstable }
@@ -824,6 +996,8 @@ export { renderPopoverTrigger_unstable }
824
996
 
825
997
  export { renderPortal_unstable }
826
998
 
999
+ export { renderSlider_unstable }
1000
+
827
1001
  export { renderSplitButton_unstable }
828
1002
 
829
1003
  export { renderText_unstable }
@@ -834,6 +1008,14 @@ export { renderTooltip_unstable }
834
1008
 
835
1009
  export { renderToStyleElements }
836
1010
 
1011
+ export { resetIdsForTests }
1012
+
1013
+ export { resolveShorthand }
1014
+
1015
+ export { ResolveShorthandFunction }
1016
+
1017
+ export { ResolveShorthandOptions }
1018
+
837
1019
  export { SelectableHandler }
838
1020
 
839
1021
  export { setVirtualParent }
@@ -844,10 +1026,30 @@ export { ShadowTokens }
844
1026
 
845
1027
  export { shorthands }
846
1028
 
1029
+ export { Slider }
1030
+
1031
+ export { sliderClassNames }
1032
+
1033
+ export { SliderOnChangeData }
1034
+
1035
+ export { SliderProps }
1036
+
1037
+ export { SliderSlots }
1038
+
1039
+ export { SliderState }
1040
+
1041
+ export { Slot }
1042
+
1043
+ export { SlotClassNames }
1044
+
1045
+ export { SlotPropsRecord }
1046
+
847
1047
  export { SplitButton }
848
1048
 
849
1049
  export { splitButtonClassName }
850
1050
 
1051
+ export { splitButtonClassNames }
1052
+
851
1053
  export { SplitButtonProps }
852
1054
 
853
1055
  export { SplitButtonSlots }
@@ -862,6 +1064,8 @@ export { Subheadline }
862
1064
 
863
1065
  export { subheadlineClassName }
864
1066
 
1067
+ export { subheadlineClassNames }
1068
+
865
1069
  export { teamsDarkTheme }
866
1070
 
867
1071
  export { teamsHighContrastTheme }
@@ -872,6 +1076,8 @@ export { Text_2 as Text }
872
1076
 
873
1077
  export { textClassName }
874
1078
 
1079
+ export { textClassNames }
1080
+
875
1081
  export { TextProps }
876
1082
 
877
1083
  export { TextSlots }
@@ -886,18 +1092,26 @@ export { Title1 }
886
1092
 
887
1093
  export { title1ClassName }
888
1094
 
1095
+ export { title1ClassNames }
1096
+
889
1097
  export { Title2 }
890
1098
 
891
1099
  export { title2ClassName }
892
1100
 
1101
+ export { title2ClassNames }
1102
+
893
1103
  export { Title3 }
894
1104
 
895
1105
  export { title3ClassName }
896
1106
 
1107
+ export { title3ClassNames }
1108
+
897
1109
  export { ToggleButton }
898
1110
 
899
1111
  export { toggleButtonClassName }
900
1112
 
1113
+ export { toggleButtonClassNames }
1114
+
901
1115
  export { ToggleButtonProps }
902
1116
 
903
1117
  export { ToggleButtonState }
@@ -908,6 +1122,8 @@ export { Tooltip }
908
1122
 
909
1123
  export { tooltipClassName }
910
1124
 
1125
+ export { tooltipClassNames }
1126
+
911
1127
  export { TooltipProps }
912
1128
 
913
1129
  export { TooltipSlots }
@@ -942,6 +1158,10 @@ export { useAccordionPanelStyles_unstable }
942
1158
 
943
1159
  export { useAccordionStyles_unstable }
944
1160
 
1161
+ export { useArrowNavigationGroup }
1162
+
1163
+ export { UseArrowNavigationGroupOptions }
1164
+
945
1165
  export { useAvatar_unstable }
946
1166
 
947
1167
  export { useAvatarStyles_unstable }
@@ -976,10 +1196,22 @@ export { useFluentProviderContextValues_unstable }
976
1196
 
977
1197
  export { useFluentProviderStyles_unstable }
978
1198
 
1199
+ export { useFocusableGroup }
1200
+
1201
+ export { UseFocusableGroupOptions }
1202
+
1203
+ export { useFocusFinders }
1204
+
1205
+ export { useId }
1206
+
979
1207
  export { useImage_unstable }
980
1208
 
981
1209
  export { useImageStyles_unstable }
982
1210
 
1211
+ export { useIsSSR }
1212
+
1213
+ export { useKeyboardNavAttribute }
1214
+
983
1215
  export { useLink_unstable }
984
1216
 
985
1217
  export { useLinkState_unstable }
@@ -1036,10 +1268,20 @@ export { useMenuPopover_unstable }
1036
1268
 
1037
1269
  export { useMenuPopoverStyles_unstable }
1038
1270
 
1271
+ export { useMenuSplitGroup_unstable }
1272
+
1273
+ export { useMenuSplitGroupStyles_unstable }
1274
+
1039
1275
  export { useMenuTrigger_unstable }
1040
1276
 
1041
1277
  export { useMenuTriggerContext_unstable }
1042
1278
 
1279
+ export { useMergedRefs }
1280
+
1281
+ export { useModalAttributes }
1282
+
1283
+ export { UseModalAttributesOptions }
1284
+
1043
1285
  export { usePopover_unstable }
1044
1286
 
1045
1287
  export { usePopoverContext_unstable }
@@ -1054,10 +1296,18 @@ export { usePortal_unstable }
1054
1296
 
1055
1297
  export { usePresenceBadge_unstable }
1056
1298
 
1299
+ export { useSlider_unstable }
1300
+
1301
+ export { useSliderState_unstable }
1302
+
1303
+ export { useSliderStyles_unstable }
1304
+
1057
1305
  export { useSplitButton_unstable }
1058
1306
 
1059
1307
  export { useSplitButtonStyles_unstable }
1060
1308
 
1309
+ export { useSSRContext }
1310
+
1061
1311
  export { useText_unstable }
1062
1312
 
1063
1313
  export { useTextStyles_unstable }
@@ -1066,6 +1316,8 @@ export { useToggleButton_unstable }
1066
1316
 
1067
1317
  export { useToggleButtonStyles_unstable }
1068
1318
 
1319
+ export { useToggleState }
1320
+
1069
1321
  export { useTooltip_unstable }
1070
1322
 
1071
1323
  export { useTooltipStyles_unstable }