@fluentui/react-components 9.51.1 → 9.53.0

package/dist/index.d.ts

@@ -151,6 +151,11 @@ import { CheckboxProps } from '@fluentui/react-checkbox';
 import { CheckboxSlots } from '@fluentui/react-checkbox';
 import { CheckboxState } from '@fluentui/react-checkbox';
 import { ColorPaletteTokens } from '@fluentui/react-theme';
+import { ColorSwatch } from '@fluentui/react-swatch-picker';
+import { colorSwatchClassNames } from '@fluentui/react-swatch-picker';
+import { ColorSwatchProps } from '@fluentui/react-swatch-picker';
+import { ColorSwatchSlots } from '@fluentui/react-swatch-picker';
+import { ColorSwatchState } from '@fluentui/react-swatch-picker';
 import { ColorTokens } from '@fluentui/react-theme';
 import { ColumnIdContextProvider } from '@fluentui/react-table';
 import { Combobox } from '@fluentui/react-combobox';
@@ -252,6 +257,7 @@ import { DialogContextValue } from '@fluentui/react-dialog';
 import { DialogOpenChangeData } from '@fluentui/react-dialog';
 import { DialogOpenChangeEvent } from '@fluentui/react-dialog';
 import { DialogProps } from '@fluentui/react-dialog';
+import { DialogProvider } from '@fluentui/react-dialog';
 import { DialogSlots } from '@fluentui/react-dialog';
 import { DialogState } from '@fluentui/react-dialog';
 import { DialogSurface } from '@fluentui/react-dialog';
@@ -318,6 +324,11 @@ import { DropdownProps } from '@fluentui/react-combobox';
 import { DropdownSlots } from '@fluentui/react-combobox';
 import { DropdownState } from '@fluentui/react-combobox';
 import { DurationTokens } from '@fluentui/react-theme';
+import { EmptySwatch } from '@fluentui/react-swatch-picker';
+import { emptySwatchClassNames } from '@fluentui/react-swatch-picker';
+import { EmptySwatchProps } from '@fluentui/react-swatch-picker';
+import { EmptySwatchSlots } from '@fluentui/react-swatch-picker';
+import { EmptySwatchState } from '@fluentui/react-swatch-picker';
 import { Field } from '@fluentui/react-field';
 import { fieldClassNames } from '@fluentui/react-field';
 import { FieldContextProvider } from '@fluentui/react-field';
@@ -366,6 +377,11 @@ import { imageClassNames } from '@fluentui/react-image';
 import { ImageProps } from '@fluentui/react-image';
 import { ImageSlots } from '@fluentui/react-image';
 import { ImageState } from '@fluentui/react-image';
+import { ImageSwatch } from '@fluentui/react-swatch-picker';
+import { imageSwatchClassNames } from '@fluentui/react-swatch-picker';
+import { ImageSwatchProps } from '@fluentui/react-swatch-picker';
+import { ImageSwatchSlots } from '@fluentui/react-swatch-picker';
+import { ImageSwatchState } from '@fluentui/react-swatch-picker';
 import { InfoLabel } from '@fluentui/react-infolabel';
 import { infoLabelClassNames } from '@fluentui/react-infolabel';
 import { InfoLabelProps } from '@fluentui/react-infolabel';
@@ -508,6 +524,7 @@ import { mergeClasses } from '@griffel/react';
 import { MessageBar } from '@fluentui/react-message-bar';
 import { MessageBarActions } from '@fluentui/react-message-bar';
 import { messageBarActionsClassNames } from '@fluentui/react-message-bar';
+import { MessageBarActionsContextValues } from '@fluentui/react-message-bar';
 import { MessageBarActionsProps } from '@fluentui/react-message-bar';
 import { MessageBarActionsSlots } from '@fluentui/react-message-bar';
 import { MessageBarActionsState } from '@fluentui/react-message-bar';
@@ -519,6 +536,7 @@ import { MessageBarBodyState } from '@fluentui/react-message-bar';
 import { messageBarClassNames } from '@fluentui/react-message-bar';
 import { MessageBarContextProvider } from '@fluentui/react-message-bar';
 import { MessageBarContextValue } from '@fluentui/react-message-bar';
+import { MessageBarContextValues } from '@fluentui/react-message-bar';
 import { MessageBarGroup } from '@fluentui/react-message-bar';
 import { messageBarGroupClassNames } from '@fluentui/react-message-bar';
 import { MessageBarGroupProps } from '@fluentui/react-message-bar';
@@ -533,6 +551,7 @@ import { messageBarTitleClassNames } from '@fluentui/react-message-bar';
 import { MessageBarTitleProps } from '@fluentui/react-message-bar';
 import { MessageBarTitleSlots } from '@fluentui/react-message-bar';
 import { MessageBarTitleState } from '@fluentui/react-message-bar';
+import { MessageBarTransitionContextValue } from '@fluentui/react-message-bar';
 import { OnOpenChangeData } from '@fluentui/react-popover';
 import { OnSelectionChangeCallback } from '@fluentui/react-utilities';
 import { OnSelectionChangeData } from '@fluentui/react-utilities';
@@ -671,6 +690,7 @@ import { renderCardFooter_unstable } from '@fluentui/react-card';
 import { renderCardHeader_unstable } from '@fluentui/react-card';
 import { renderCardPreview_unstable } from '@fluentui/react-card';
 import { renderCheckbox_unstable } from '@fluentui/react-checkbox';
+import { renderColorSwatch_unstable } from '@fluentui/react-swatch-picker';
 import { renderCombobox_unstable } from '@fluentui/react-combobox';
 import { renderCompoundButton_unstable } from '@fluentui/react-button';
 import { renderDataGrid_unstable } from '@fluentui/react-table';
@@ -695,11 +715,13 @@ import { renderDrawerHeader_unstable } from '@fluentui/react-drawer';
 import { renderDrawerHeaderNavigation_unstable } from '@fluentui/react-drawer';
 import { renderDrawerHeaderTitle_unstable } from '@fluentui/react-drawer';
 import { renderDropdown_unstable } from '@fluentui/react-combobox';
+import { renderEmptySwatch_unstable } from '@fluentui/react-swatch-picker';
 import { RendererProvider } from '@griffel/react';
 import { renderField_unstable } from '@fluentui/react-field';
 import { renderFlatTree_unstable } from '@fluentui/react-tree';
 import { renderFluentProvider_unstable } from '@fluentui/react-provider';
 import { renderImage_unstable } from '@fluentui/react-image';
+import { renderImageSwatch_unstable } from '@fluentui/react-swatch-picker';
 import { renderInfoLabel_unstable } from '@fluentui/react-infolabel';
 import { renderInlineDrawer_unstable } from '@fluentui/react-drawer';
 import { renderInput_unstable } from '@fluentui/react-input';
@@ -750,6 +772,9 @@ import { renderSlider_unstable } from '@fluentui/react-slider';
 import { renderSpinButton_unstable } from '@fluentui/react-spinbutton';
 import { renderSpinner_unstable } from '@fluentui/react-spinner';
 import { renderSplitButton_unstable } from '@fluentui/react-button';
+import { renderSwatchPicker_unstable } from '@fluentui/react-swatch-picker';
+import { renderSwatchPickerGrid } from '@fluentui/react-swatch-picker';
+import { renderSwatchPickerRow_unstable } from '@fluentui/react-swatch-picker';
 import { renderSwitch_unstable } from '@fluentui/react-switch';
 import { renderTab_unstable } from '@fluentui/react-tabs';
 import { renderTable_unstable } from '@fluentui/react-table';
@@ -888,6 +913,25 @@ import { subtitle2ClassNames } from '@fluentui/react-text';
 import { Subtitle2Stronger } from '@fluentui/react-text';
 import { subtitle2StrongerClassNames } from '@fluentui/react-text';
 import { SubtreeContextValue } from '@fluentui/react-tree';
+import { swatchCSSVars } from '@fluentui/react-swatch-picker';
+import { SwatchPicker } from '@fluentui/react-swatch-picker';
+import { swatchPickerClassNames } from '@fluentui/react-swatch-picker';
+import { swatchPickerContextDefaultValue } from '@fluentui/react-swatch-picker';
+import { SwatchPickerContextValue } from '@fluentui/react-swatch-picker';
+import { SwatchPickerContextValues } from '@fluentui/react-swatch-picker';
+import { SwatchPickerGridProps } from '@fluentui/react-swatch-picker';
+import { SwatchPickerOnSelectEventHandler } from '@fluentui/react-swatch-picker';
+import { SwatchPickerOnSelectionChangeData } from '@fluentui/react-swatch-picker';
+import { SwatchPickerProps } from '@fluentui/react-swatch-picker';
+import { SwatchPickerProvider } from '@fluentui/react-swatch-picker';
+import { SwatchPickerRow } from '@fluentui/react-swatch-picker';
+import { swatchPickerRowClassNames } from '@fluentui/react-swatch-picker';
+import { SwatchPickerRowProps } from '@fluentui/react-swatch-picker';
+import { SwatchPickerRowSlots } from '@fluentui/react-swatch-picker';
+import { SwatchPickerRowState } from '@fluentui/react-swatch-picker';
+import { SwatchPickerSlots } from '@fluentui/react-swatch-picker';
+import { SwatchPickerState } from '@fluentui/react-swatch-picker';
+import { SwatchProps } from '@fluentui/react-swatch-picker';
 import { Switch } from '@fluentui/react-switch';
 import { switchClassNames } from '@fluentui/react-switch';
 import { SwitchOnChangeData } from '@fluentui/react-switch';
@@ -1288,6 +1332,8 @@ import { useCardStyles_unstable } from '@fluentui/react-card';
 import { useCheckbox_unstable } from '@fluentui/react-checkbox';
 import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
 import { useCheckmarkStyles_unstable } from '@fluentui/react-menu';
+import { useColorSwatch_unstable } from '@fluentui/react-swatch-picker';
+import { useColorSwatchStyles_unstable } from '@fluentui/react-swatch-picker';
 import { useColumnIdContext } from '@fluentui/react-table';
 import { useCombobox_unstable } from '@fluentui/react-combobox';
 import { useComboboxContextValues } from '@fluentui/react-combobox';
@@ -1346,6 +1392,8 @@ import { useDrawerHeaderTitleStyles_unstable } from '@fluentui/react-drawer';
 import { useDrawerStyles_unstable } from '@fluentui/react-drawer';
 import { useDropdown_unstable } from '@fluentui/react-combobox';
 import { useDropdownStyles_unstable } from '@fluentui/react-combobox';
+import { useEmptySwatch_unstable } from '@fluentui/react-swatch-picker';
+import { useEmptySwatchStyles_unstable } from '@fluentui/react-swatch-picker';
 import { useEventCallback } from '@fluentui/react-utilities';
 import { useField_unstable } from '@fluentui/react-field';
 import { useFieldContext_unstable } from '@fluentui/react-field';
@@ -1370,6 +1418,8 @@ import { useHeadlessFlatTree_unstable } from '@fluentui/react-tree';
 import { useId } from '@fluentui/react-utilities';
 import { useImage_unstable } from '@fluentui/react-image';
 import { useImageStyles_unstable } from '@fluentui/react-image';
+import { useImageSwatch_unstable } from '@fluentui/react-swatch-picker';
+import { useImageSwatchStyles_unstable } from '@fluentui/react-swatch-picker';
 import { useInfoLabel_unstable } from '@fluentui/react-infolabel';
 import { useInfoLabelStyles_unstable } from '@fluentui/react-infolabel';
 import { useInlineDrawer_unstable } from '@fluentui/react-drawer';
@@ -1508,6 +1558,12 @@ import { useSpinnerStyles_unstable } from '@fluentui/react-spinner';
 import { useSplitButton_unstable } from '@fluentui/react-button';
 import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
 import { useSubtreeContext_unstable } from '@fluentui/react-tree';
+import { useSwatchPicker_unstable } from '@fluentui/react-swatch-picker';
+import { useSwatchPickerContextValue_unstable } from '@fluentui/react-swatch-picker';
+import { useSwatchPickerContextValues } from '@fluentui/react-swatch-picker';
+import { useSwatchPickerRow_unstable } from '@fluentui/react-swatch-picker';
+import { useSwatchPickerRowStyles_unstable } from '@fluentui/react-swatch-picker';
+import { useSwatchPickerStyles_unstable } from '@fluentui/react-swatch-picker';
 import { useSwitch_unstable } from '@fluentui/react-switch';
 import { useSwitchStyles_unstable } from '@fluentui/react-switch';
 import { useTab_unstable } from '@fluentui/react-tabs';
@@ -1948,6 +2004,16 @@ export { CheckboxState }
 
 export { ColorPaletteTokens }
 
+export { ColorSwatch }
+
+export { colorSwatchClassNames }
+
+export { ColorSwatchProps }
+
+export { ColorSwatchSlots }
+
+export { ColorSwatchState }
+
 export { ColorTokens }
 
 export { ColumnIdContextProvider }
@@ -2150,6 +2216,8 @@ export { DialogOpenChangeEvent }
 
 export { DialogProps }
 
+export { DialogProvider }
+
 export { DialogSlots }
 
 export { DialogState }
@@ -2282,6 +2350,16 @@ export { DropdownState }
 
 export { DurationTokens }
 
+export { EmptySwatch }
+
+export { emptySwatchClassNames }
+
+export { EmptySwatchProps }
+
+export { EmptySwatchSlots }
+
+export { EmptySwatchState }
+
 export { Field }
 
 export { fieldClassNames }
@@ -2378,6 +2456,16 @@ export { ImageSlots }
 
 export { ImageState }
 
+export { ImageSwatch }
+
+export { imageSwatchClassNames }
+
+export { ImageSwatchProps }
+
+export { ImageSwatchSlots }
+
+export { ImageSwatchState }
+
 export { InfoLabel }
 
 export { infoLabelClassNames }
@@ -2662,6 +2750,8 @@ export { MessageBarActions }
 
 export { messageBarActionsClassNames }
 
+export { MessageBarActionsContextValues }
+
 export { MessageBarActionsProps }
 
 export { MessageBarActionsSlots }
@@ -2684,6 +2774,8 @@ export { MessageBarContextProvider }
 
 export { MessageBarContextValue }
 
+export { MessageBarContextValues }
+
 export { MessageBarGroup }
 
 export { messageBarGroupClassNames }
@@ -2712,6 +2804,8 @@ export { MessageBarTitleSlots }
 
 export { MessageBarTitleState }
 
+export { MessageBarTransitionContextValue }
+
 export { OnOpenChangeData }
 
 export { OnSelectionChangeCallback }
@@ -2988,6 +3082,8 @@ export { renderCardPreview_unstable }
 
 export { renderCheckbox_unstable }
 
+export { renderColorSwatch_unstable }
+
 export { renderCombobox_unstable }
 
 export { renderCompoundButton_unstable }
@@ -3036,6 +3132,8 @@ export { renderDrawerHeaderTitle_unstable }
 
 export { renderDropdown_unstable }
 
+export { renderEmptySwatch_unstable }
+
 export { RendererProvider }
 
 export { renderField_unstable }
@@ -3046,6 +3144,8 @@ export { renderFluentProvider_unstable }
 
 export { renderImage_unstable }
 
+export { renderImageSwatch_unstable }
+
 export { renderInfoLabel_unstable }
 
 export { renderInlineDrawer_unstable }
@@ -3146,6 +3246,12 @@ export { renderSpinner_unstable }
 
 export { renderSplitButton_unstable }
 
+export { renderSwatchPicker_unstable }
+
+export { renderSwatchPickerGrid }
+
+export { renderSwatchPickerRow_unstable }
+
 export { renderSwitch_unstable }
 
 export { renderTab_unstable }
@@ -3422,6 +3528,44 @@ export { subtitle2StrongerClassNames }
 
 export { SubtreeContextValue }
 
+export { swatchCSSVars }
+
+export { SwatchPicker }
+
+export { swatchPickerClassNames }
+
+export { swatchPickerContextDefaultValue }
+
+export { SwatchPickerContextValue }
+
+export { SwatchPickerContextValues }
+
+export { SwatchPickerGridProps }
+
+export { SwatchPickerOnSelectEventHandler }
+
+export { SwatchPickerOnSelectionChangeData }
+
+export { SwatchPickerProps }
+
+export { SwatchPickerProvider }
+
+export { SwatchPickerRow }
+
+export { swatchPickerRowClassNames }
+
+export { SwatchPickerRowProps }
+
+export { SwatchPickerRowSlots }
+
+export { SwatchPickerRowState }
+
+export { SwatchPickerSlots }
+
+export { SwatchPickerState }
+
+export { SwatchProps }
+
 export { Switch }
 
 export { switchClassNames }
@@ -4222,6 +4366,10 @@ export { useCheckboxStyles_unstable }
 
 export { useCheckmarkStyles_unstable }
 
+export { useColorSwatch_unstable }
+
+export { useColorSwatchStyles_unstable }
+
 export { useColumnIdContext }
 
 export { useCombobox_unstable }
@@ -4338,6 +4486,10 @@ export { useDropdown_unstable }
 
 export { useDropdownStyles_unstable }
 
+export { useEmptySwatch_unstable }
+
+export { useEmptySwatchStyles_unstable }
+
 export { useEventCallback }
 
 export { useField_unstable }
@@ -4386,6 +4538,10 @@ export { useImage_unstable }
 
 export { useImageStyles_unstable }
 
+export { useImageSwatch_unstable }
+
+export { useImageSwatchStyles_unstable }
+
 export { useInfoLabel_unstable }
 
 export { useInfoLabelStyles_unstable }
@@ -4662,6 +4818,18 @@ export { useSplitButtonStyles_unstable }
 
 export { useSubtreeContext_unstable }
 
+export { useSwatchPicker_unstable }
+
+export { useSwatchPickerContextValue_unstable }
+
+export { useSwatchPickerContextValues }
+
+export { useSwatchPickerRow_unstable }
+
+export { useSwatchPickerRowStyles_unstable }
+
+export { useSwatchPickerStyles_unstable }
+
 export { useSwitch_unstable }
 
 export { useSwitchStyles_unstable }

package/lib/index.js

@@ -40,7 +40,7 @@ export { Body1, Body1Strong, Body1Stronger, Body2, Caption1, Caption1Strong, Cap
 export { Textarea, textareaClassNames, renderTextarea_unstable, useTextarea_unstable, useTextareaStyles_unstable } from '@fluentui/react-textarea';
 export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltip_unstable, useTooltipStyles_unstable } from '@fluentui/react-tooltip';
 export { resolvePositioningShorthand } from '@fluentui/react-positioning';
-export { Dialog, useDialog_unstable, renderDialog_unstable, DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable, DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable, DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable, DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable, DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable, DialogContent, dialogContentClassNames, useDialogContentStyles_unstable, useDialogContent_unstable, renderDialogContent_unstable, useDialogContext_unstable, useDialogSurfaceContext_unstable, useDialogSurfaceContextValues_unstable } from '@fluentui/react-dialog';
+export { Dialog, useDialog_unstable, renderDialog_unstable, DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable, DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable, DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable, DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable, DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable, DialogContent, dialogContentClassNames, useDialogContentStyles_unstable, useDialogContent_unstable, renderDialogContent_unstable, useDialogContext_unstable, useDialogSurfaceContext_unstable, useDialogSurfaceContextValues_unstable, DialogProvider } from '@fluentui/react-dialog';
 export { ProgressBar, progressBarClassNames, renderProgressBar_unstable, useProgressBarStyles_unstable, useProgressBar_unstable } from '@fluentui/react-progress';
 export { Overflow, OverflowItem, OverflowDivider, useIsOverflowGroupVisible, useIsOverflowItemVisible, useOverflowCount, useOverflowMenu, DATA_OVERFLOWING, DATA_OVERFLOW_MENU, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_DIVIDER, useOverflowVisibility } from '@fluentui/react-overflow';
 export { Toolbar, ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable, ToolbarRadioButton, useToolbarRadioButton_unstable, useToolbarRadioButtonStyles_unstable, ToolbarDivider, useToolbarDivider_unstable, ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames, ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable, renderToolbar_unstable, toolbarClassNames, useToolbar_unstable, useToolbarDividerStyles_unstable, useToolbarStyles_unstable, ToolbarRadioGroup } from '@fluentui/react-toolbar';
@@ -59,3 +59,4 @@ export { Rating, ratingClassNames, renderRating_unstable, useRatingStyles_unstab
 export { SearchBox, renderSearchBox_unstable, searchBoxClassNames, useSearchBoxStyles_unstable, useSearchBox_unstable } from '@fluentui/react-search';
 export { TeachingPopoverHeader, teachingPopoverHeaderClassNames, renderTeachingPopoverHeader_unstable, useTeachingPopoverHeaderStyles_unstable, useTeachingPopoverHeader_unstable, TeachingPopoverBody, teachingPopoverBodyClassNames, renderTeachingPopoverBody_unstable, useTeachingPopoverBodyStyles_unstable, useTeachingPopoverBody_unstable, TeachingPopoverCarouselCard, teachingPopoverCarouselCardClassNames, renderTeachingPopoverCarouselCard_unstable, useTeachingPopoverCarouselCardStyles_unstable, useTeachingPopoverCarouselCard_unstable, TeachingPopoverCarousel, teachingPopoverCarouselClassNames, renderTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselStyles_unstable, useTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselContextValues_unstable, TeachingPopoverCarouselFooter, teachingPopoverCarouselFooterClassNames, renderTeachingPopoverCarouselFooter_unstable, useTeachingPopoverCarouselFooterStyles_unstable, useTeachingPopoverCarouselFooter_unstable, TeachingPopoverCarouselNav, teachingPopoverCarouselNavClassNames, renderTeachingPopoverCarouselNav_unstable, useTeachingPopoverCarouselNavStyles_unstable, useTeachingPopoverCarouselNav_unstable, TeachingPopoverCarouselNavButton, teachingPopoverCarouselNavButtonClassNames, renderTeachingPopoverCarouselNavButton_unstable, useTeachingPopoverCarouselNavButtonStyles_unstable, useTeachingPopoverCarouselNavButton_unstable, TeachingPopoverSurface, renderTeachingPopoverSurface_unstable, teachingPopoverSurfaceClassNames, useTeachingPopoverSurfaceStyles_unstable, useTeachingPopoverSurface_unstable, TeachingPopoverTitle, teachingPopoverTitleClassNames, renderTeachingPopoverTitle_unstable, useTeachingPopoverTitleStyles_unstable, useTeachingPopoverTitle_unstable, TeachingPopoverTrigger, renderTeachingPopoverTrigger_unstable, useTeachingPopoverTrigger_unstable, TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_unstable, TeachingPopoverFooter, teachingPopoverFooterClassNames, renderTeachingPopoverFooter_unstable, useTeachingPopoverFooter_unstable, TeachingPopoverCarouselPageCount, renderTeachingPopoverCarouselPageCount_unstable, teachingPopoverCarouselPageCountClassNames, useTeachingPopoverCarouselPageCountStyles_unstable, useTeachingPopoverCarouselPageCount_unstable } from '@fluentui/react-teaching-popover';
 export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable, TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable, TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable, TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable, TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable, TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable, TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable, TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup, useTagPickerFilter } from '@fluentui/react-tag-picker';
+export { SwatchPicker, renderSwatchPicker_unstable, useSwatchPickerStyles_unstable, useSwatchPicker_unstable, swatchPickerClassNames, SwatchPickerProvider, swatchPickerContextDefaultValue, useSwatchPickerContextValue_unstable, useSwatchPickerContextValues, ColorSwatch, renderColorSwatch_unstable, useColorSwatchStyles_unstable, useColorSwatch_unstable, colorSwatchClassNames, swatchCSSVars, ImageSwatch, renderImageSwatch_unstable, useImageSwatchStyles_unstable, useImageSwatch_unstable, imageSwatchClassNames, SwatchPickerRow, renderSwatchPickerRow_unstable, useSwatchPickerRowStyles_unstable, useSwatchPickerRow_unstable, swatchPickerRowClassNames, renderSwatchPickerGrid, EmptySwatch, renderEmptySwatch_unstable, useEmptySwatchStyles_unstable, useEmptySwatch_unstable, emptySwatchClassNames } from '@fluentui/react-swatch-picker';