@fluentui/react-components 9.0.0-rc.6 → 9.0.0-rc.9

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.
@@ -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,52 +41,70 @@ 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';
85
+ import { CreateCustomFocusIndicatorStyleOptions } from '@fluentui/react-tabster';
71
86
  import { createDarkTheme } from '@fluentui/react-theme';
72
87
  import { createDOMRenderer } from '@griffel/react';
88
+ import { createFocusOutlineStyle } from '@fluentui/react-tabster';
89
+ import { CreateFocusOutlineStyleOptions } from '@fluentui/react-tabster';
73
90
  import { createHighContrastTheme } from '@fluentui/react-theme';
74
91
  import { createLightTheme } from '@fluentui/react-theme';
75
92
  import { createTeamsDarkTheme } from '@fluentui/react-theme';
93
+ import { CurveTokens } from '@fluentui/react-theme';
76
94
  import { Display } from '@fluentui/react-text';
77
95
  import { displayClassName } from '@fluentui/react-text';
96
+ import { displayClassNames } from '@fluentui/react-text';
78
97
  import { Divider } from '@fluentui/react-divider';
79
98
  import { dividerClassName } from '@fluentui/react-divider';
99
+ import { dividerClassNames } from '@fluentui/react-divider';
80
100
  import { DividerProps } from '@fluentui/react-divider';
81
101
  import { DividerSlots } from '@fluentui/react-divider';
82
102
  import { DividerState } from '@fluentui/react-divider';
103
+ import { DurationTokens } from '@fluentui/react-theme';
83
104
  import { elementContains } from '@fluentui/react-portal';
84
105
  import { FluentProvider } from '@fluentui/react-provider';
85
106
  import { fluentProviderClassName } from '@fluentui/react-provider';
107
+ import { fluentProviderClassNames } from '@fluentui/react-provider';
86
108
  import { FluentProviderContextValues } from '@fluentui/react-provider';
87
109
  import { FluentProviderProps } from '@fluentui/react-provider';
88
110
  import { FluentProviderSlots } from '@fluentui/react-provider';
@@ -90,18 +112,28 @@ import { FluentProviderState } from '@fluentui/react-provider';
90
112
  import { FontFamilyTokens } from '@fluentui/react-theme';
91
113
  import { FontSizeTokens } from '@fluentui/react-theme';
92
114
  import { FontWeightTokens } from '@fluentui/react-theme';
115
+ import { ForwardRefComponent } from '@fluentui/react-utilities';
116
+ import { getNativeElementProps } from '@fluentui/react-utilities';
117
+ import { getNativeProps } from '@fluentui/react-utilities';
118
+ import { getPartitionedNativeProps } from '@fluentui/react-utilities';
119
+ import { getSlots } from '@fluentui/react-utilities';
93
120
  import { Headline } from '@fluentui/react-text';
94
121
  import { headlineClassName } from '@fluentui/react-text';
122
+ import { headlineClassNames } from '@fluentui/react-text';
123
+ import { HorizontalSpacingTokens } from '@fluentui/react-theme';
95
124
  import { Image as Image_2 } from '@fluentui/react-image';
96
125
  import { imageClassName } from '@fluentui/react-image';
126
+ import { imageClassNames } from '@fluentui/react-image';
97
127
  import { ImageProps } from '@fluentui/react-image';
98
128
  import { ImageSlots } from '@fluentui/react-image';
99
129
  import { ImageState } from '@fluentui/react-image';
100
130
  import { LargeTitle } from '@fluentui/react-text';
101
131
  import { largeTitleClassName } from '@fluentui/react-text';
132
+ import { largeTitleClassNames } from '@fluentui/react-text';
102
133
  import { LineHeightTokens } from '@fluentui/react-theme';
103
134
  import { Link } from '@fluentui/react-link';
104
135
  import { linkClassName } from '@fluentui/react-link';
136
+ import { linkClassNames } from '@fluentui/react-link';
105
137
  import { LinkProps } from '@fluentui/react-link';
106
138
  import { LinkSlots } from '@fluentui/react-link';
107
139
  import { LinkState } from '@fluentui/react-link';
@@ -110,6 +142,7 @@ import { makeStyles } from '@griffel/react';
110
142
  import { Menu } from '@fluentui/react-menu';
111
143
  import { MenuButton } from '@fluentui/react-button';
112
144
  import { menuButtonClassName } from '@fluentui/react-button';
145
+ import { menuButtonClassNames } from '@fluentui/react-button';
113
146
  import { MenuButtonProps } from '@fluentui/react-button';
114
147
  import { MenuButtonSlots } from '@fluentui/react-button';
115
148
  import { MenuButtonState } from '@fluentui/react-button';
@@ -120,16 +153,19 @@ import { MenuContextValue } from '@fluentui/react-menu';
120
153
  import { MenuContextValues } from '@fluentui/react-menu';
121
154
  import { MenuDivider } from '@fluentui/react-menu';
122
155
  import { menuDividerClassName } from '@fluentui/react-menu';
156
+ import { menuDividerClassNames } from '@fluentui/react-menu';
123
157
  import { MenuDividerProps } from '@fluentui/react-menu';
124
158
  import { MenuDividerSlots } from '@fluentui/react-menu';
125
159
  import { MenuDividerState } from '@fluentui/react-menu';
126
160
  import { MenuGroup } from '@fluentui/react-menu';
127
161
  import { menuGroupClassName } from '@fluentui/react-menu';
162
+ import { menuGroupClassNames } from '@fluentui/react-menu';
128
163
  import { MenuGroupContextProvider } from '@fluentui/react-menu';
129
164
  import { MenuGroupContextValue } from '@fluentui/react-menu';
130
165
  import { MenuGroupContextValues } from '@fluentui/react-menu';
131
166
  import { MenuGroupHeader } from '@fluentui/react-menu';
132
167
  import { menuGroupHeaderClassName } from '@fluentui/react-menu';
168
+ import { menuGroupHeaderClassNames } from '@fluentui/react-menu';
133
169
  import { MenuGroupHeaderProps } from '@fluentui/react-menu';
134
170
  import { MenuGroupHeaderSlots } from '@fluentui/react-menu';
135
171
  import { MenuGroupHeaderState } from '@fluentui/react-menu';
@@ -139,12 +175,15 @@ import { MenuGroupState } from '@fluentui/react-menu';
139
175
  import { MenuItem } from '@fluentui/react-menu';
140
176
  import { MenuItemCheckbox } from '@fluentui/react-menu';
141
177
  import { menuItemCheckboxClassName } from '@fluentui/react-menu';
178
+ import { menuItemCheckboxClassNames } from '@fluentui/react-menu';
142
179
  import { MenuItemCheckboxProps } from '@fluentui/react-menu';
143
180
  import { MenuItemCheckboxState } from '@fluentui/react-menu';
144
181
  import { menuItemClassName } from '@fluentui/react-menu';
182
+ import { menuItemClassNames } from '@fluentui/react-menu';
145
183
  import { MenuItemProps } from '@fluentui/react-menu';
146
184
  import { MenuItemRadio } from '@fluentui/react-menu';
147
185
  import { menuItemRadioClassName } from '@fluentui/react-menu';
186
+ import { menuItemRadioClassNames } from '@fluentui/react-menu';
148
187
  import { MenuItemRadioProps } from '@fluentui/react-menu';
149
188
  import { MenuItemRadioState } from '@fluentui/react-menu';
150
189
  import { MenuItemSelectableProps } from '@fluentui/react-menu';
@@ -153,6 +192,7 @@ import { MenuItemSlots } from '@fluentui/react-menu';
153
192
  import { MenuItemState } from '@fluentui/react-menu';
154
193
  import { MenuList } from '@fluentui/react-menu';
155
194
  import { menuListClassName } from '@fluentui/react-menu';
195
+ import { menuListClassNames } from '@fluentui/react-menu';
156
196
  import { MenuListContext } from '@fluentui/react-menu';
157
197
  import { MenuListContextValue } from '@fluentui/react-menu';
158
198
  import { MenuListContextValues } from '@fluentui/react-menu';
@@ -164,12 +204,19 @@ import { MenuOpenChangeData } from '@fluentui/react-menu';
164
204
  import { MenuOpenEvents } from '@fluentui/react-menu';
165
205
  import { MenuPopover } from '@fluentui/react-menu';
166
206
  import { menuPopoverClassName } from '@fluentui/react-menu';
207
+ import { menuPopoverClassNames } from '@fluentui/react-menu';
167
208
  import { MenuPopoverProps } from '@fluentui/react-menu';
168
209
  import { MenuPopoverSlots } from '@fluentui/react-menu';
169
210
  import { MenuPopoverState } from '@fluentui/react-menu';
170
211
  import { MenuProps } from '@fluentui/react-menu';
171
212
  import { MenuProvider } from '@fluentui/react-menu';
172
213
  import { MenuSlots } from '@fluentui/react-menu';
214
+ import { MenuSplitGroup } from '@fluentui/react-menu';
215
+ import { menuSplitGroupClassName } from '@fluentui/react-menu';
216
+ import { menuSplitGroupClassNames } from '@fluentui/react-menu';
217
+ import { MenuSplitGroupProps } from '@fluentui/react-menu';
218
+ import { MenuSplitGroupSlots } from '@fluentui/react-menu';
219
+ import { MenuSplitGroupState } from '@fluentui/react-menu';
173
220
  import { MenuState } from '@fluentui/react-menu';
174
221
  import { MenuTrigger } from '@fluentui/react-menu';
175
222
  import { MenuTriggerChildProps } from '@fluentui/react-menu';
@@ -189,6 +236,7 @@ import { PopoverSize } from '@fluentui/react-popover';
189
236
  import { PopoverState } from '@fluentui/react-popover';
190
237
  import { PopoverSurface } from '@fluentui/react-popover';
191
238
  import { popoverSurfaceClassName } from '@fluentui/react-popover';
239
+ import { popoverSurfaceClassNames } from '@fluentui/react-popover';
192
240
  import { PopoverSurfaceProps } from '@fluentui/react-popover';
193
241
  import { PopoverSurfaceSlots } from '@fluentui/react-popover';
194
242
  import { PopoverSurfaceState } from '@fluentui/react-popover';
@@ -198,8 +246,12 @@ import { PopoverTriggerState } from '@fluentui/react-popover';
198
246
  import { Portal } from '@fluentui/react-portal';
199
247
  import { PortalProps } from '@fluentui/react-portal';
200
248
  import { PortalState } from '@fluentui/react-portal';
249
+ import { PositioningProps } from '@fluentui/react-positioning';
250
+ import { PositioningShorthand } from '@fluentui/react-positioning';
251
+ import { PositioningShorthandValue } from '@fluentui/react-positioning';
201
252
  import { PresenceBadge } from '@fluentui/react-badge';
202
253
  import { presenceBadgeClassName } from '@fluentui/react-badge';
254
+ import { presenceBadgeClassNames } from '@fluentui/react-badge';
203
255
  import { PresenceBadgeProps } from '@fluentui/react-badge';
204
256
  import { PresenceBadgeState } from '@fluentui/react-badge';
205
257
  import { PresenceBadgeStatus } from '@fluentui/react-badge';
@@ -226,23 +278,40 @@ import { renderMenuItemCheckbox_unstable } from '@fluentui/react-menu';
226
278
  import { renderMenuItemRadio_unstable } from '@fluentui/react-menu';
227
279
  import { renderMenuList_unstable } from '@fluentui/react-menu';
228
280
  import { renderMenuPopover_unstable } from '@fluentui/react-menu';
281
+ import { renderMenuSplitGroup_unstable } from '@fluentui/react-menu';
229
282
  import { renderMenuTrigger_unstable } from '@fluentui/react-menu';
230
283
  import { renderPopover_unstable } from '@fluentui/react-popover';
231
284
  import { renderPopoverSurface_unstable } from '@fluentui/react-popover';
232
285
  import { renderPopoverTrigger_unstable } from '@fluentui/react-popover';
233
286
  import { renderPortal_unstable } from '@fluentui/react-portal';
287
+ import { renderSlider_unstable } from '@fluentui/react-slider';
234
288
  import { renderSplitButton_unstable } from '@fluentui/react-button';
235
289
  import { renderText_unstable } from '@fluentui/react-text';
236
290
  import { renderToggleButton_unstable } from '@fluentui/react-button';
237
291
  import { renderTooltip_unstable } from '@fluentui/react-tooltip';
238
292
  import { renderToStyleElements } from '@griffel/react';
293
+ import { resetIdsForTests } from '@fluentui/react-utilities';
294
+ import { resolveShorthand } from '@fluentui/react-utilities';
295
+ import { ResolveShorthandFunction } from '@fluentui/react-utilities';
296
+ import { ResolveShorthandOptions } from '@fluentui/react-utilities';
239
297
  import { SelectableHandler } from '@fluentui/react-menu';
240
298
  import { setVirtualParent } from '@fluentui/react-portal';
241
299
  import { ShadowBrandTokens } from '@fluentui/react-theme';
242
300
  import { ShadowTokens } from '@fluentui/react-theme';
243
301
  import { shorthands } from '@griffel/react';
302
+ import { Slider } from '@fluentui/react-slider';
303
+ import { sliderClassNames } from '@fluentui/react-slider';
304
+ import { SliderOnChangeData } from '@fluentui/react-slider';
305
+ import { SliderProps } from '@fluentui/react-slider';
306
+ import { SliderSlots } from '@fluentui/react-slider';
307
+ import { SliderState } from '@fluentui/react-slider';
308
+ import { Slot } from '@fluentui/react-utilities';
309
+ import { SlotClassNames } from '@fluentui/react-utilities';
310
+ import { SlotPropsRecord } from '@fluentui/react-utilities';
311
+ import { SpacingTokens } from '@fluentui/react-theme';
244
312
  import { SplitButton } from '@fluentui/react-button';
245
313
  import { splitButtonClassName } from '@fluentui/react-button';
314
+ import { splitButtonClassNames } from '@fluentui/react-button';
246
315
  import { SplitButtonProps } from '@fluentui/react-button';
247
316
  import { SplitButtonSlots } from '@fluentui/react-button';
248
317
  import { SplitButtonState } from '@fluentui/react-button';
@@ -250,11 +319,13 @@ import { SSRProvider } from '@fluentui/react-utilities';
250
319
  import { StrokeWidthTokens } from '@fluentui/react-theme';
251
320
  import { Subheadline } from '@fluentui/react-text';
252
321
  import { subheadlineClassName } from '@fluentui/react-text';
322
+ import { subheadlineClassNames } from '@fluentui/react-text';
253
323
  import { teamsDarkTheme } from '@fluentui/react-theme';
254
324
  import { teamsHighContrastTheme } from '@fluentui/react-theme';
255
325
  import { teamsLightTheme } from '@fluentui/react-theme';
256
326
  import { Text as Text_2 } from '@fluentui/react-text';
257
327
  import { textClassName } from '@fluentui/react-text';
328
+ import { textClassNames } from '@fluentui/react-text';
258
329
  import { TextProps } from '@fluentui/react-text';
259
330
  import { TextSlots } from '@fluentui/react-text';
260
331
  import { TextState } from '@fluentui/react-text';
@@ -262,21 +333,28 @@ import { Theme } from '@fluentui/react-theme';
262
333
  import { themeToTokensObject } from '@fluentui/react-theme';
263
334
  import { Title1 } from '@fluentui/react-text';
264
335
  import { title1ClassName } from '@fluentui/react-text';
336
+ import { title1ClassNames } from '@fluentui/react-text';
265
337
  import { Title2 } from '@fluentui/react-text';
266
338
  import { title2ClassName } from '@fluentui/react-text';
339
+ import { title2ClassNames } from '@fluentui/react-text';
267
340
  import { Title3 } from '@fluentui/react-text';
268
341
  import { title3ClassName } from '@fluentui/react-text';
342
+ import { title3ClassNames } from '@fluentui/react-text';
269
343
  import { ToggleButton } from '@fluentui/react-button';
270
344
  import { toggleButtonClassName } from '@fluentui/react-button';
345
+ import { toggleButtonClassNames } from '@fluentui/react-button';
271
346
  import { ToggleButtonProps } from '@fluentui/react-button';
272
347
  import { ToggleButtonState } from '@fluentui/react-button';
273
348
  import { tokens } from '@fluentui/react-theme';
274
349
  import { Tooltip } from '@fluentui/react-tooltip';
275
350
  import { tooltipClassName } from '@fluentui/react-tooltip';
351
+ import { tooltipClassNames } from '@fluentui/react-tooltip';
276
352
  import { TooltipProps } from '@fluentui/react-tooltip';
277
353
  import { TooltipSlots } from '@fluentui/react-tooltip';
278
354
  import { TooltipState } from '@fluentui/react-tooltip';
279
355
  import { TooltipTriggerProps } from '@fluentui/react-tooltip';
356
+ import { TypographyStyles } from '@fluentui/react-theme';
357
+ import { typographyStyles } from '@fluentui/react-theme';
280
358
  import { UninitializedMenuListState } from '@fluentui/react-menu';
281
359
  import { useAccordion_unstable } from '@fluentui/react-accordion';
282
360
  import { useAccordionContextValues_unstable } from '@fluentui/react-accordion';
@@ -290,6 +368,8 @@ import { useAccordionItemStyles_unstable } from '@fluentui/react-accordion';
290
368
  import { useAccordionPanel_unstable } from '@fluentui/react-accordion';
291
369
  import { useAccordionPanelStyles_unstable } from '@fluentui/react-accordion';
292
370
  import { useAccordionStyles_unstable } from '@fluentui/react-accordion';
371
+ import { useArrowNavigationGroup } from '@fluentui/react-tabster';
372
+ import { UseArrowNavigationGroupOptions } from '@fluentui/react-tabster';
293
373
  import { useAvatar_unstable } from '@fluentui/react-avatar';
294
374
  import { useAvatarStyles_unstable } from '@fluentui/react-avatar';
295
375
  import { useBadge_unstable } from '@fluentui/react-badge';
@@ -307,8 +387,14 @@ import { useFluent } from '@fluentui/react-provider';
307
387
  import { useFluentProvider_unstable } from '@fluentui/react-provider';
308
388
  import { useFluentProviderContextValues_unstable } from '@fluentui/react-provider';
309
389
  import { useFluentProviderStyles_unstable } from '@fluentui/react-provider';
390
+ import { useFocusableGroup } from '@fluentui/react-tabster';
391
+ import { UseFocusableGroupOptions } from '@fluentui/react-tabster';
392
+ import { useFocusFinders } from '@fluentui/react-tabster';
393
+ import { useId } from '@fluentui/react-utilities';
310
394
  import { useImage_unstable } from '@fluentui/react-image';
311
395
  import { useImageStyles_unstable } from '@fluentui/react-image';
396
+ import { useIsSSR } from '@fluentui/react-utilities';
397
+ import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
312
398
  import { useLink_unstable } from '@fluentui/react-link';
313
399
  import { useLinkState_unstable } from '@fluentui/react-link';
314
400
  import { useLinkStyles_unstable } from '@fluentui/react-link';
@@ -337,8 +423,13 @@ import { useMenuListContextValues_unstable } from '@fluentui/react-menu';
337
423
  import { useMenuListStyles_unstable } from '@fluentui/react-menu';
338
424
  import { useMenuPopover_unstable } from '@fluentui/react-menu';
339
425
  import { useMenuPopoverStyles_unstable } from '@fluentui/react-menu';
426
+ import { useMenuSplitGroup_unstable } from '@fluentui/react-menu';
427
+ import { useMenuSplitGroupStyles_unstable } from '@fluentui/react-menu';
340
428
  import { useMenuTrigger_unstable } from '@fluentui/react-menu';
341
429
  import { useMenuTriggerContext_unstable } from '@fluentui/react-menu';
430
+ import { useMergedRefs } from '@fluentui/react-utilities';
431
+ import { useModalAttributes } from '@fluentui/react-tabster';
432
+ import { UseModalAttributesOptions } from '@fluentui/react-tabster';
342
433
  import { usePopover_unstable } from '@fluentui/react-popover';
343
434
  import { usePopoverContext_unstable } from '@fluentui/react-popover';
344
435
  import { usePopoverSurface_unstable } from '@fluentui/react-popover';
@@ -346,14 +437,21 @@ import { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';
346
437
  import { usePopoverTrigger_unstable } from '@fluentui/react-popover';
347
438
  import { usePortal_unstable } from '@fluentui/react-portal';
348
439
  import { usePresenceBadge_unstable } from '@fluentui/react-badge';
440
+ import { useSlider_unstable } from '@fluentui/react-slider';
441
+ import { useSliderState_unstable } from '@fluentui/react-slider';
442
+ import { useSliderStyles_unstable } from '@fluentui/react-slider';
349
443
  import { useSplitButton_unstable } from '@fluentui/react-button';
350
444
  import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
445
+ import { useSSRContext } from '@fluentui/react-utilities';
351
446
  import { useText_unstable } from '@fluentui/react-text';
352
447
  import { useTextStyles_unstable } from '@fluentui/react-text';
448
+ import { useThemeClassName } from '@fluentui/react-shared-contexts';
353
449
  import { useToggleButton_unstable } from '@fluentui/react-button';
354
450
  import { useToggleButtonStyles_unstable } from '@fluentui/react-button';
451
+ import { useToggleState } from '@fluentui/react-button';
355
452
  import { useTooltip_unstable } from '@fluentui/react-tooltip';
356
453
  import { useTooltipStyles_unstable } from '@fluentui/react-tooltip';
454
+ import { VerticalSpacingTokens } from '@fluentui/react-theme';
357
455
  import { webDarkTheme } from '@fluentui/react-theme';
358
456
  import { webHighContrastTheme } from '@fluentui/react-theme';
359
457
  import { webLightTheme } from '@fluentui/react-theme';
@@ -364,6 +462,8 @@ export { Accordion }
364
462
 
365
463
  export { accordionClassName }
366
464
 
465
+ export { accordionClassNames }
466
+
367
467
  export { AccordionContext }
368
468
 
369
469
  export { AccordionContextValue }
@@ -374,6 +474,8 @@ export { AccordionHeader }
374
474
 
375
475
  export { accordionHeaderClassName }
376
476
 
477
+ export { accordionHeaderClassNames }
478
+
377
479
  export { AccordionHeaderContextValue }
378
480
 
379
481
  export { AccordionHeaderContextValues }
@@ -394,6 +496,8 @@ export { AccordionItem }
394
496
 
395
497
  export { accordionItemClassName }
396
498
 
499
+ export { accordionItemClassNames }
500
+
397
501
  export { AccordionItemContext }
398
502
 
399
503
  export { AccordionItemContextValue }
@@ -412,6 +516,8 @@ export { AccordionPanel }
412
516
 
413
517
  export { accordionPanelClassName }
414
518
 
519
+ export { accordionPanelClassNames }
520
+
415
521
  export { AccordionPanelProps }
416
522
 
417
523
  export { AccordionPanelSlots }
@@ -436,6 +542,8 @@ export { Avatar }
436
542
 
437
543
  export { avatarClassName }
438
544
 
545
+ export { avatarClassNames }
546
+
439
547
  export { AvatarNamedColor }
440
548
 
441
549
  export { AvatarProps }
@@ -448,6 +556,8 @@ export { Badge }
448
556
 
449
557
  export { badgeClassName }
450
558
 
559
+ export { badgeClassNames }
560
+
451
561
  export { BadgeProps }
452
562
 
453
563
  export { BadgeSlots }
@@ -458,6 +568,8 @@ export { Body_2 as Body }
458
568
 
459
569
  export { bodyClassName }
460
570
 
571
+ export { bodyClassNames }
572
+
461
573
  export { BorderRadiusTokens }
462
574
 
463
575
  export { BrandVariants }
@@ -466,6 +578,8 @@ export { Button }
466
578
 
467
579
  export { buttonClassName }
468
580
 
581
+ export { buttonClassNames }
582
+
469
583
  export { ButtonProps }
470
584
 
471
585
  export { ButtonSlots }
@@ -476,14 +590,22 @@ export { Caption }
476
590
 
477
591
  export { captionClassName }
478
592
 
593
+ export { captionClassNames }
594
+
479
595
  export { ColorPaletteTokens }
480
596
 
481
597
  export { ColorTokens }
482
598
 
599
+ export { ComponentProps }
600
+
601
+ export { ComponentState }
602
+
483
603
  export { CompoundButton }
484
604
 
485
605
  export { compoundButtonClassName }
486
606
 
607
+ export { compoundButtonClassNames }
608
+
487
609
  export { CompoundButtonProps }
488
610
 
489
611
  export { CompoundButtonSlots }
@@ -494,40 +616,60 @@ export { CounterBadge }
494
616
 
495
617
  export { counterBadgeClassName }
496
618
 
619
+ export { counterBadgeClassNames }
620
+
497
621
  export { CounterBadgeProps }
498
622
 
499
623
  export { CounterBadgeState }
500
624
 
625
+ export { createCustomFocusIndicatorStyle }
626
+
627
+ export { CreateCustomFocusIndicatorStyleOptions }
628
+
501
629
  export { createDarkTheme }
502
630
 
503
631
  export { createDOMRenderer }
504
632
 
633
+ export { createFocusOutlineStyle }
634
+
635
+ export { CreateFocusOutlineStyleOptions }
636
+
505
637
  export { createHighContrastTheme }
506
638
 
507
639
  export { createLightTheme }
508
640
 
509
641
  export { createTeamsDarkTheme }
510
642
 
643
+ export { CurveTokens }
644
+
511
645
  export { Display }
512
646
 
513
647
  export { displayClassName }
514
648
 
649
+ export { displayClassNames }
650
+
515
651
  export { Divider }
516
652
 
517
653
  export { dividerClassName }
518
654
 
655
+ export { dividerClassNames }
656
+
519
657
  export { DividerProps }
520
658
 
521
659
  export { DividerSlots }
522
660
 
523
661
  export { DividerState }
524
662
 
663
+ export { DurationTokens }
664
+
525
665
  export { elementContains }
526
666
 
527
667
  export { FluentProvider }
528
668
 
529
669
  export { fluentProviderClassName }
530
670
 
671
+ export { fluentProviderClassNames }
672
+
531
673
  export { FluentProviderContextValues }
532
674
 
533
675
  export { FluentProviderProps }
@@ -542,14 +684,30 @@ export { FontSizeTokens }
542
684
 
543
685
  export { FontWeightTokens }
544
686
 
687
+ export { ForwardRefComponent }
688
+
689
+ export { getNativeElementProps }
690
+
691
+ export { getNativeProps }
692
+
693
+ export { getPartitionedNativeProps }
694
+
695
+ export { getSlots }
696
+
545
697
  export { Headline }
546
698
 
547
699
  export { headlineClassName }
548
700
 
701
+ export { headlineClassNames }
702
+
703
+ export { HorizontalSpacingTokens }
704
+
549
705
  export { Image_2 as Image }
550
706
 
551
707
  export { imageClassName }
552
708
 
709
+ export { imageClassNames }
710
+
553
711
  export { ImageProps }
554
712
 
555
713
  export { ImageSlots }
@@ -560,12 +718,16 @@ export { LargeTitle }
560
718
 
561
719
  export { largeTitleClassName }
562
720
 
721
+ export { largeTitleClassNames }
722
+
563
723
  export { LineHeightTokens }
564
724
 
565
725
  export { Link }
566
726
 
567
727
  export { linkClassName }
568
728
 
729
+ export { linkClassNames }
730
+
569
731
  export { LinkProps }
570
732
 
571
733
  export { LinkSlots }
@@ -582,6 +744,8 @@ export { MenuButton }
582
744
 
583
745
  export { menuButtonClassName }
584
746
 
747
+ export { menuButtonClassNames }
748
+
585
749
  export { MenuButtonProps }
586
750
 
587
751
  export { MenuButtonSlots }
@@ -602,6 +766,8 @@ export { MenuDivider }
602
766
 
603
767
  export { menuDividerClassName }
604
768
 
769
+ export { menuDividerClassNames }
770
+
605
771
  export { MenuDividerProps }
606
772
 
607
773
  export { MenuDividerSlots }
@@ -612,6 +778,8 @@ export { MenuGroup }
612
778
 
613
779
  export { menuGroupClassName }
614
780
 
781
+ export { menuGroupClassNames }
782
+
615
783
  export { MenuGroupContextProvider }
616
784
 
617
785
  export { MenuGroupContextValue }
@@ -622,6 +790,8 @@ export { MenuGroupHeader }
622
790
 
623
791
  export { menuGroupHeaderClassName }
624
792
 
793
+ export { menuGroupHeaderClassNames }
794
+
625
795
  export { MenuGroupHeaderProps }
626
796
 
627
797
  export { MenuGroupHeaderSlots }
@@ -640,18 +810,24 @@ export { MenuItemCheckbox }
640
810
 
641
811
  export { menuItemCheckboxClassName }
642
812
 
813
+ export { menuItemCheckboxClassNames }
814
+
643
815
  export { MenuItemCheckboxProps }
644
816
 
645
817
  export { MenuItemCheckboxState }
646
818
 
647
819
  export { menuItemClassName }
648
820
 
821
+ export { menuItemClassNames }
822
+
649
823
  export { MenuItemProps }
650
824
 
651
825
  export { MenuItemRadio }
652
826
 
653
827
  export { menuItemRadioClassName }
654
828
 
829
+ export { menuItemRadioClassNames }
830
+
655
831
  export { MenuItemRadioProps }
656
832
 
657
833
  export { MenuItemRadioState }
@@ -668,6 +844,8 @@ export { MenuList }
668
844
 
669
845
  export { menuListClassName }
670
846
 
847
+ export { menuListClassNames }
848
+
671
849
  export { MenuListContext }
672
850
 
673
851
  export { MenuListContextValue }
@@ -690,6 +868,8 @@ export { MenuPopover }
690
868
 
691
869
  export { menuPopoverClassName }
692
870
 
871
+ export { menuPopoverClassNames }
872
+
693
873
  export { MenuPopoverProps }
694
874
 
695
875
  export { MenuPopoverSlots }
@@ -702,6 +882,18 @@ export { MenuProvider }
702
882
 
703
883
  export { MenuSlots }
704
884
 
885
+ export { MenuSplitGroup }
886
+
887
+ export { menuSplitGroupClassName }
888
+
889
+ export { menuSplitGroupClassNames }
890
+
891
+ export { MenuSplitGroupProps }
892
+
893
+ export { MenuSplitGroupSlots }
894
+
895
+ export { MenuSplitGroupState }
896
+
705
897
  export { MenuState }
706
898
 
707
899
  export { MenuTrigger }
@@ -740,6 +932,8 @@ export { PopoverSurface }
740
932
 
741
933
  export { popoverSurfaceClassName }
742
934
 
935
+ export { popoverSurfaceClassNames }
936
+
743
937
  export { PopoverSurfaceProps }
744
938
 
745
939
  export { PopoverSurfaceSlots }
@@ -758,10 +952,18 @@ export { PortalProps }
758
952
 
759
953
  export { PortalState }
760
954
 
955
+ export { PositioningProps }
956
+
957
+ export { PositioningShorthand }
958
+
959
+ export { PositioningShorthandValue }
960
+
761
961
  export { PresenceBadge }
762
962
 
763
963
  export { presenceBadgeClassName }
764
964
 
965
+ export { presenceBadgeClassNames }
966
+
765
967
  export { PresenceBadgeProps }
766
968
 
767
969
  export { PresenceBadgeState }
@@ -814,6 +1016,8 @@ export { renderMenuList_unstable }
814
1016
 
815
1017
  export { renderMenuPopover_unstable }
816
1018
 
1019
+ export { renderMenuSplitGroup_unstable }
1020
+
817
1021
  export { renderMenuTrigger_unstable }
818
1022
 
819
1023
  export { renderPopover_unstable }
@@ -824,6 +1028,8 @@ export { renderPopoverTrigger_unstable }
824
1028
 
825
1029
  export { renderPortal_unstable }
826
1030
 
1031
+ export { renderSlider_unstable }
1032
+
827
1033
  export { renderSplitButton_unstable }
828
1034
 
829
1035
  export { renderText_unstable }
@@ -834,6 +1040,14 @@ export { renderTooltip_unstable }
834
1040
 
835
1041
  export { renderToStyleElements }
836
1042
 
1043
+ export { resetIdsForTests }
1044
+
1045
+ export { resolveShorthand }
1046
+
1047
+ export { ResolveShorthandFunction }
1048
+
1049
+ export { ResolveShorthandOptions }
1050
+
837
1051
  export { SelectableHandler }
838
1052
 
839
1053
  export { setVirtualParent }
@@ -844,10 +1058,32 @@ export { ShadowTokens }
844
1058
 
845
1059
  export { shorthands }
846
1060
 
1061
+ export { Slider }
1062
+
1063
+ export { sliderClassNames }
1064
+
1065
+ export { SliderOnChangeData }
1066
+
1067
+ export { SliderProps }
1068
+
1069
+ export { SliderSlots }
1070
+
1071
+ export { SliderState }
1072
+
1073
+ export { Slot }
1074
+
1075
+ export { SlotClassNames }
1076
+
1077
+ export { SlotPropsRecord }
1078
+
1079
+ export { SpacingTokens }
1080
+
847
1081
  export { SplitButton }
848
1082
 
849
1083
  export { splitButtonClassName }
850
1084
 
1085
+ export { splitButtonClassNames }
1086
+
851
1087
  export { SplitButtonProps }
852
1088
 
853
1089
  export { SplitButtonSlots }
@@ -862,6 +1098,8 @@ export { Subheadline }
862
1098
 
863
1099
  export { subheadlineClassName }
864
1100
 
1101
+ export { subheadlineClassNames }
1102
+
865
1103
  export { teamsDarkTheme }
866
1104
 
867
1105
  export { teamsHighContrastTheme }
@@ -872,6 +1110,8 @@ export { Text_2 as Text }
872
1110
 
873
1111
  export { textClassName }
874
1112
 
1113
+ export { textClassNames }
1114
+
875
1115
  export { TextProps }
876
1116
 
877
1117
  export { TextSlots }
@@ -886,18 +1126,26 @@ export { Title1 }
886
1126
 
887
1127
  export { title1ClassName }
888
1128
 
1129
+ export { title1ClassNames }
1130
+
889
1131
  export { Title2 }
890
1132
 
891
1133
  export { title2ClassName }
892
1134
 
1135
+ export { title2ClassNames }
1136
+
893
1137
  export { Title3 }
894
1138
 
895
1139
  export { title3ClassName }
896
1140
 
1141
+ export { title3ClassNames }
1142
+
897
1143
  export { ToggleButton }
898
1144
 
899
1145
  export { toggleButtonClassName }
900
1146
 
1147
+ export { toggleButtonClassNames }
1148
+
901
1149
  export { ToggleButtonProps }
902
1150
 
903
1151
  export { ToggleButtonState }
@@ -908,6 +1156,8 @@ export { Tooltip }
908
1156
 
909
1157
  export { tooltipClassName }
910
1158
 
1159
+ export { tooltipClassNames }
1160
+
911
1161
  export { TooltipProps }
912
1162
 
913
1163
  export { TooltipSlots }
@@ -916,6 +1166,10 @@ export { TooltipState }
916
1166
 
917
1167
  export { TooltipTriggerProps }
918
1168
 
1169
+ export { TypographyStyles }
1170
+
1171
+ export { typographyStyles }
1172
+
919
1173
  export { UninitializedMenuListState }
920
1174
 
921
1175
  export { useAccordion_unstable }
@@ -942,6 +1196,10 @@ export { useAccordionPanelStyles_unstable }
942
1196
 
943
1197
  export { useAccordionStyles_unstable }
944
1198
 
1199
+ export { useArrowNavigationGroup }
1200
+
1201
+ export { UseArrowNavigationGroupOptions }
1202
+
945
1203
  export { useAvatar_unstable }
946
1204
 
947
1205
  export { useAvatarStyles_unstable }
@@ -976,10 +1234,22 @@ export { useFluentProviderContextValues_unstable }
976
1234
 
977
1235
  export { useFluentProviderStyles_unstable }
978
1236
 
1237
+ export { useFocusableGroup }
1238
+
1239
+ export { UseFocusableGroupOptions }
1240
+
1241
+ export { useFocusFinders }
1242
+
1243
+ export { useId }
1244
+
979
1245
  export { useImage_unstable }
980
1246
 
981
1247
  export { useImageStyles_unstable }
982
1248
 
1249
+ export { useIsSSR }
1250
+
1251
+ export { useKeyboardNavAttribute }
1252
+
983
1253
  export { useLink_unstable }
984
1254
 
985
1255
  export { useLinkState_unstable }
@@ -1036,10 +1306,20 @@ export { useMenuPopover_unstable }
1036
1306
 
1037
1307
  export { useMenuPopoverStyles_unstable }
1038
1308
 
1309
+ export { useMenuSplitGroup_unstable }
1310
+
1311
+ export { useMenuSplitGroupStyles_unstable }
1312
+
1039
1313
  export { useMenuTrigger_unstable }
1040
1314
 
1041
1315
  export { useMenuTriggerContext_unstable }
1042
1316
 
1317
+ export { useMergedRefs }
1318
+
1319
+ export { useModalAttributes }
1320
+
1321
+ export { UseModalAttributesOptions }
1322
+
1043
1323
  export { usePopover_unstable }
1044
1324
 
1045
1325
  export { usePopoverContext_unstable }
@@ -1054,22 +1334,36 @@ export { usePortal_unstable }
1054
1334
 
1055
1335
  export { usePresenceBadge_unstable }
1056
1336
 
1337
+ export { useSlider_unstable }
1338
+
1339
+ export { useSliderState_unstable }
1340
+
1341
+ export { useSliderStyles_unstable }
1342
+
1057
1343
  export { useSplitButton_unstable }
1058
1344
 
1059
1345
  export { useSplitButtonStyles_unstable }
1060
1346
 
1347
+ export { useSSRContext }
1348
+
1061
1349
  export { useText_unstable }
1062
1350
 
1063
1351
  export { useTextStyles_unstable }
1064
1352
 
1353
+ export { useThemeClassName }
1354
+
1065
1355
  export { useToggleButton_unstable }
1066
1356
 
1067
1357
  export { useToggleButtonStyles_unstable }
1068
1358
 
1359
+ export { useToggleState }
1360
+
1069
1361
  export { useTooltip_unstable }
1070
1362
 
1071
1363
  export { useTooltipStyles_unstable }
1072
1364
 
1365
+ export { VerticalSpacingTokens }
1366
+
1073
1367
  export { webDarkTheme }
1074
1368
 
1075
1369
  export { webHighContrastTheme }