@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.23

package/dist/dts/dialog/dialog.d.ts

@@ -1,43 +1,16 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { Button as FluentButton } from '../button/button.js';
-import { DialogModalType } from './dialog.options.js';
+import { DialogType } from './dialog.options.js';
 /**
- * Dialog component that extends the FASTElement class.
+ * A Dialog Custom HTML Element.
  *
  * @public
- * @extends FASTElement
  */
 export declare class Dialog extends FASTElement {
-    /**
-     * @private
-     * Indicates whether focus is being trapped within the dialog
-     */
-    private isTrappingFocus;
-    /**
-     * @public
-     * Lifecycle method called when the element is connected to the DOM
-     */
-    connectedCallback(): void;
-    /**
-     * @public
-     * Lifecycle method called when the element is disconnected from the DOM
-     */
-    disconnectedCallback(): void;
     /**
      * @public
      * The dialog element
      */
     dialog: HTMLDialogElement;
-    /**
-     * @public
-     * The title action elements
-     */
-    titleAction: HTMLElement[];
-    /**
-     * @public
-     * The default title action button
-     */
-    defaultTitleAction?: FluentButton;
     /**
      * @public
      * The ID of the element that describes the dialog
@@ -52,43 +25,19 @@ export declare class Dialog extends FASTElement {
      * @public
      * The type of the dialog modal
      */
-    modalType: DialogModalType;
-    /**
-     * @public
-     * Indicates whether the dialog is open
-     */
-    open: boolean;
-    /**
-     * @public
-     * Indicates whether the dialog has a title action
-     */
-    noTitleAction: boolean;
-    /**
-     * @private
-     * Indicates whether focus should be trapped within the dialog
-     */
-    private trapFocus;
+    type: DialogType;
     /**
      * @public
-     * Method called when the 'open' attribute changes
+     * Method to emit an event before the dialog's open state changes
+     * HTML spec proposal: https://github.com/whatwg/html/issues/9733
      */
-    openChanged(oldValue: boolean, newValue: boolean): void;
+    emitBeforeToggle: () => void;
     /**
      * @public
-     * Method called when the 'modalType' attribute changes
+     * Method to emit an event after the dialog's open state changes
+     * HTML spec proposal: https://github.com/whatwg/html/issues/9733
      */
-    modalTypeChanged(oldValue: DialogModalType, newValue: DialogModalType): void;
-    /**
-     * @public
-     * Method to set the component's state based on its attributes
-     */
-    setComponent(): void;
-    /**
-     * @public
-     * Method to emit an event when the dialog's open state changes
-     * @param dismissed - Indicates whether the dialog was dismissed
-     */
-    onOpenChangeEvent: (dismissed?: boolean) => void;
+    emitToggle: () => void;
     /**
      * @public
      * Method to show the dialog
@@ -97,96 +46,13 @@ export declare class Dialog extends FASTElement {
     /**
      * @public
      * Method to hide the dialog
-     * @param dismissed - Indicates whether the dialog was dismissed
-     */
-    hide(dismissed?: boolean): void;
-    /**
-     * @public
-     * Method to dismiss the dialog
      */
-    dismiss(): void;
+    hide(): void;
     /**
      * @public
-     * Handles click events on the dialog
+     * Handles click events on the dialog overlay for light-dismiss
      * @param event - The click event
      * @returns boolean
      */
-    handleClick(event: Event): boolean;
-    /**
-     * @public
-     * Handles keydown events on the dialog
-     * @param e - The keydown event
-     * @returns boolean | void
-     */
-    handleKeydown: (e: KeyboardEvent) => boolean | void;
-    /**
-     * @private
-     * Handles keydown events on the document
-     * @param e - The keydown event
-     */
-    private handleDocumentKeydown;
-    /**
-     * @private
-     * Handles tab keydown events
-     * @param e - The keydown event
-     */
-    private handleTabKeyDown;
-    /**
-     * @private
-     * Gets the bounds of the tab queue
-     * @returns (HTMLElement | SVGElement)[]
-     */
-    private getTabQueueBounds;
-    /**
-     * @private
-     * Focuses the first element in the tab queue
-     */
-    private focusFirstElement;
-    /**
-     * @private
-     * Determines if focus should be forced
-     * @param currentFocusElement - The currently focused element
-     * @returns boolean
-     */
-    private shouldForceFocus;
-    /**
-     * @private
-     * Determines if focus should be trapped
-     * @returns boolean
-     */
-    private shouldTrapFocus;
-    /**
-     * @private
-     * Handles focus events on the document
-     * @param e - The focus event
-     */
-    private handleDocumentFocus;
-    /**
-     * @private
-     * Updates the state of focus trapping
-     * @param shouldTrapFocusOverride - Optional override for whether focus should be trapped
-     */
-    private updateTrapFocus;
-    /**
-     * @private
-     * Reduces the list of tabbable items
-     * @param elements - The current list of elements
-     * @param element - The element to consider adding to the list
-     * @returns HTMLElement[]
-     */
-    private static reduceTabbableItems;
-    /**
-     * @private
-     * Determines if an element is a focusable FASTElement
-     * @param element - The element to check
-     * @returns boolean
-     */
-    private static isFocusableFastElement;
-    /**
-     * @private
-     * Determines if an element has a tabbable shadow
-     * @param element - The element to check
-     * @returns boolean
-     */
-    private static hasTabbableShadow;
+    clickHandler(event: Event): boolean;
 }

package/dist/dts/dialog/dialog.options.d.ts

@@ -3,9 +3,9 @@ import type { ValuesOf } from '../utils/index.js';
  * Dialog modal type
  * @public
  */
-export declare const DialogModalType: {
+export declare const DialogType: {
     readonly modal: "modal";
     readonly nonModal: "non-modal";
     readonly alert: "alert";
 };
-export declare type DialogModalType = ValuesOf<typeof DialogModalType>;
+export type DialogType = ValuesOf<typeof DialogType>;

package/dist/dts/dialog/index.d.ts

@@ -1,5 +1,5 @@
 export { Dialog } from './dialog.js';
-export { DialogModalType } from './dialog.options.js';
+export { DialogType } from './dialog.options.js';
 export { definition as DialogDefinition } from './dialog.definition.js';
 export { template as DialogTemplate } from './dialog.template.js';
 export { styles as DialogStyles } from './dialog.styles.js';

package/dist/dts/dialog-body/define.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dts/dialog-body/dialog-body.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/dialog-body/dialog-body.d.ts

@@ -0,0 +1,14 @@
+import { FASTElement } from '@microsoft/fast-element';
+/**
+ * Dialog Body component that extends the FASTElement class.
+ *
+ * @public
+ * @extends FASTElement
+ */
+export declare class DialogBody extends FASTElement {
+    /**
+     * @public
+     * Indicates whether the dialog has a title action
+     */
+    noTitleAction: boolean;
+}

package/dist/dts/dialog-body/dialog-body.definition.d.ts

@@ -0,0 +1,9 @@
+import { DialogBody } from './dialog-body.js';
+/**
+ * The Fluent Dialog Body Element
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-dialog-body\>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof DialogBody>;

package/dist/dts/dialog-body/dialog-body.styles.d.ts

@@ -0,0 +1,4 @@
+/** Dialog Body styles
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/dts/dialog-body/dialog-body.template.d.ts

@@ -0,0 +1,6 @@
+import { ElementViewTemplate } from '@microsoft/fast-element';
+/**
+ * Template for the dialog form
+ * @public
+ */
+export declare const template: ElementViewTemplate;

package/dist/dts/dialog-body/index.d.ts

@@ -0,0 +1,4 @@
+export { DialogBody } from './dialog-body.js';
+export { definition as DialogBodyDefinition } from './dialog-body.definition.js';
+export { template as DialogBodyTemplate } from './dialog-body.template.js';
+export { styles as DialogBodyStyles } from './dialog-body.styles.js';

package/dist/dts/divider/divider.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/divider/divider.d.ts

@@ -1,7 +1,7 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
 /**
- * @class Divider component
+ * A Divider Custom HTML Element.
  *
  * @remarks
  * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
@@ -24,22 +24,19 @@ export declare class Divider extends FASTElement {
      */
     orientation: DividerOrientation;
     /**
-     * @property alignContent
-     * @default center
+     * @public
      * @remarks
      * Determines the alignment of the content within the divider. Select from start or end. When not specified, the content will be aligned to the center.
      */
     alignContent?: DividerAlignContent;
     /**
-     * @property appearance
-     * @default default
+     * @public
      * @remarks
      * A divider can have one of the preset appearances. Select from strong, brand, subtle. When not specified, the divider has its default appearance.
      */
     appearance?: DividerAppearance;
     /**
-     * @property inset
-     * @default false
+     * @public
      * @remarks
      * Adds padding to the beginning and end of the divider.
      */

package/dist/dts/divider/divider.options.d.ts

@@ -17,7 +17,7 @@ export declare const DividerRole: {
  * The types for Divider roles
  * @public
  */
-export declare type DividerRole = ValuesOf<typeof DividerRole>;
+export type DividerRole = ValuesOf<typeof DividerRole>;
 /**
  * Divider orientation
  * @public
@@ -33,7 +33,7 @@ export declare const DividerOrientation: {
  * The types for Divider orientation
  * @public
  */
-export declare type DividerOrientation = ValuesOf<typeof DividerOrientation>;
+export type DividerOrientation = ValuesOf<typeof DividerOrientation>;
 /**
  * Align content within divider
  * @public
@@ -47,7 +47,7 @@ export declare const DividerAlignContent: {
  * The types for DividerAlignContent
  * @public
  */
-export declare type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
+export type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
 /**
  * DividerAppearance - divider color defined by a design token alias.
  * @public
@@ -62,4 +62,4 @@ export declare const DividerAppearance: {
  * The types for Appearance
  * @public
  */
-export declare type DividerAppearance = ValuesOf<typeof DividerAppearance>;
+export type DividerAppearance = ValuesOf<typeof DividerAppearance>;

package/dist/dts/form-associated/form-associated.d.ts

@@ -55,7 +55,7 @@ export interface CheckableFormAssociated extends FormAssociated {
  * Avaiable types for the `proxy` property.
  * @beta
  */
-export declare type ProxyElement = HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
+export type ProxyElement = HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
 /**
  * Identifies a class as having a proxy element and optional submethods related
  * to the proxy element.
@@ -76,13 +76,13 @@ export interface FormAssociatedProxy {
  *
  * @beta
  */
-export declare type FormAssociatedElement = FormAssociated & FASTElement & HTMLElement & FormAssociatedProxy;
+export type FormAssociatedElement = FormAssociated & FASTElement & HTMLElement & FormAssociatedProxy;
 /**
  * Combined type to describe a checkable Form-associated element.
  *
  * @beta
  */
-export declare type CheckableFormAssociatedElement = FormAssociatedElement & CheckableFormAssociated & {
+export type CheckableFormAssociatedElement = FormAssociatedElement & CheckableFormAssociated & {
     proxy: HTMLInputElement;
 };
 /**
@@ -90,7 +90,7 @@ export declare type CheckableFormAssociatedElement = FormAssociatedElement & Che
  *
  * @beta
  */
-export declare type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
+export type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
 /**
  * Base function for providing Custom Element Form Association.
  *

package/dist/dts/image/image.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/image/image.options.d.ts

@@ -14,7 +14,7 @@ export declare const ImageFit: {
  * Types for image fit
  * @public
  */
-export declare type ImageFit = ValuesOf<typeof ImageFit>;
+export type ImageFit = ValuesOf<typeof ImageFit>;
 /**
  * Image shape
  * @public
@@ -24,4 +24,4 @@ export declare const ImageShape: {
     readonly rounded: "rounded";
     readonly square: "square";
 };
-export declare type ImageShape = ValuesOf<typeof ImageShape>;
+export type ImageShape = ValuesOf<typeof ImageShape>;

package/dist/dts/index-rollup.d.ts

@@ -1,35 +1,30 @@
-export { Accordion, AccordionExpandMode, accordionTemplate, accordionStyles, accordionDefinition, } from './accordion/index.js';
-export { AccordionItem, AccordionItemSize, AccordionItemExpandIconPosition, accordionItemTemplate, accordionItemStyles, accordionItemDefinition, } from './accordion-item/index.js';
-export { AnchorButton, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, AnchorButtonTemplate, AnchorButtonDefinition, } from './anchor-button/index.js';
-export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, AvatarTemplate, AvatarStyles, AvatarDefinition, } from './avatar/index.js';
-export { Badge, BadgeAppearance, BadgeColor, BadgeShape, BadgeSize, BadgeTemplate, BadgeStyles, BadgeDefinition, } from './badge/index.js';
-export { Button, ButtonAppearance, ButtonShape, ButtonSize, ButtonType, ButtonTemplate, ButtonStyles, ButtonDefinition, } from './button/index.js';
-export { Checkbox, CheckboxLabelPosition, CheckboxShape, CheckboxSize, CheckboxDefinition, CheckboxTemplate, CheckboxStyles, } from './checkbox/index.js';
-export { CompoundButton, CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize, CompoundButtonTemplate, CompoundButtonStyles, CompoundButtonDefinition, } from './compound-button/index.js';
-export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeTemplate, CounterBadgeStyles, CounterBadgeDefinition, } from './counter-badge/index.js';
-export { Dialog, DialogModalType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
-export { Divider, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerDefinition, DividerTemplate, DividerStyles, } from './divider/index.js';
-export { Image, ImageFit, ImageShape, ImageDefinition, ImageTemplate, ImageStyles } from './image/index.js';
-export { Label, LabelSize, LabelWeight, LabelDefinition, LabelStyles, LabelTemplate } from './label/index.js';
-export { Menu, MenuTemplate, MenuStyles, MenuDefinition } from './menu/index.js';
-export { MenuButton, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonTemplate, MenuButtonStyles, MenuButtonDefinition, } from './menu-button/index.js';
-export { MenuItem, MenuItemRole, roleForMenuItem, MenuItemTemplate, MenuItemStyles, MenuItemDefinition, } from './menu-item/index.js';
-export { MenuList, MenuListTemplate, MenuListStyles, MenuListDefinition } from './menu-list/index.js';
-export { ProgressBar, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, ProgressBarDefinition, ProgressBarStyles, ProgressBarTemplate, } from './progress-bar/index.js';
-export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
-export { RadioGroup, RadioGroupOrientation, RadioGroupDefinition, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
-export { Slider, SliderMode, SliderOrientation, SliderSize, SliderDefinition, SliderStyles, SliderTemplate, } from './slider/index.js';
-export { Spinner, SpinnerAppearance, SpinnerSize, SpinnerTemplate, SpinnerStyles, SpinnerDefinition, } from './spinner/index.js';
-export { Switch, SwitchLabelPosition, SwitchDefinition, SwitchStyles, SwitchTemplate } from './switch/index.js';
-export { Tab, TabTemplate, TabStyles, TabDefinition } from './tab/index.js';
-export { TabPanel, TabPanelTemplate, TabPanelStyles, TabPanelDefinition } from './tab-panel/index.js';
-export { Tabs, TabsAppearance, TabsOrientation, TabsSize, TabsTemplate, TabsStyles, TabsDefinition, } from './tabs/index.js';
-export { Text, TextAlign, TextFont, TextSize, TextWeight, TextTemplate, TextStyles, TextDefinition, } from './text/index.js';
-export { TextInput, TextInputType, TextInputAppearance, TextInputControlSize, TextInputTemplate, TextInputStyles, TextInputDefinition, } from './text-input/index.js';
-export { ToggleButton, ToggleButtonAppearance, ToggleButtonShape, ToggleButtonSize, ToggleButtonTemplate, ToggleButtonStyles, ToggleButtonDefinition, } from './toggle-button/index.js';
-export { getDirection } from './utils/direction.js';
-export { display } from './utils/display.js';
-export { forcedColorsStylesheetBehavior, darkModeStylesheetBehavior, lightModeStylesheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
-export { FluentDesignSystem } from './fluent-design-system.js';
-export { setTheme, setThemeFor } from './theme/index.js';
-export * from './theme/design-tokens.js';
+import './accordion-item/define.js';
+import './accordion/define.js';
+import './anchor-button/define.js';
+import './avatar/define.js';
+import './badge/define.js';
+import './button/define.js';
+import './checkbox/define.js';
+import './compound-button/define.js';
+import './counter-badge/define.js';
+import './dialog/define.js';
+import './dialog-body/define.js';
+import './divider/define.js';
+import './image/define.js';
+import './label/define.js';
+import './menu-button/define.js';
+import './menu-item/define.js';
+import './menu-list/define.js';
+import './menu/define.js';
+import './progress-bar/define.js';
+import './radio-group/define.js';
+import './radio/define.js';
+import './slider/define.js';
+import './spinner/define.js';
+import './switch/define.js';
+import './tab-panel/define.js';
+import './tab/define.js';
+import './tabs/define.js';
+import './text-input/define.js';
+import './text/define.js';
+import './toggle-button/define.js';

package/dist/dts/index.d.ts

@@ -1,36 +1,52 @@
-export { Accordion, AccordionExpandMode, accordionTemplate, accordionStyles, accordionDefinition, } from './accordion/index.js';
-export { AccordionItem, AccordionItemOptions, AccordionItemSize, AccordionItemExpandIconPosition, accordionItemTemplate, accordionItemStyles, accordionItemDefinition, } from './accordion-item/index.js';
-export { AnchorButton, AnchorButtonOptions, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, AnchorButtonTemplate, AnchorButtonDefinition, } from './anchor-button/index.js';
-export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, AvatarTemplate, AvatarStyles, AvatarDefinition, } from './avatar/index.js';
-export { Badge, BadgeAppearance, BadgeColor, BadgeShape, BadgeSize, BadgeTemplate, BadgeStyles, BadgeDefinition, } from './badge/index.js';
-export { Button, ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, ButtonOptions, ButtonTemplate, ButtonStyles, ButtonDefinition, } from './button/index.js';
-export { Checkbox, CheckboxOptions, CheckboxLabelPosition, CheckboxShape, CheckboxSize, CheckboxDefinition, CheckboxTemplate, CheckboxStyles, } from './checkbox/index.js';
-export { CompoundButton, CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize, CompoundButtonTemplate, CompoundButtonStyles, CompoundButtonDefinition, } from './compound-button/index.js';
-export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeTemplate, CounterBadgeStyles, CounterBadgeDefinition, } from './counter-badge/index.js';
-export { Dialog, DialogModalType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
-export { Divider, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerDefinition, DividerTemplate, DividerStyles, } from './divider/index.js';
-export { Image, ImageFit, ImageShape, ImageDefinition, ImageTemplate, ImageStyles } from './image/index.js';
-export { Label, LabelSize, LabelWeight, LabelDefinition, LabelStyles, LabelTemplate } from './label/index.js';
-export { Menu, MenuTemplate, MenuStyles, MenuDefinition } from './menu/index.js';
-export { MenuButton, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonOptions, MenuButtonTemplate, MenuButtonStyles, MenuButtonDefinition, } from './menu-button/index.js';
-export { MenuItem, MenuItemColumnCount, MenuItemOptions, MenuItemRole, roleForMenuItem, MenuItemTemplate, MenuItemStyles, MenuItemDefinition, } from './menu-item/index.js';
-export { MenuList, MenuListTemplate, MenuListStyles, MenuListDefinition } from './menu-list/index.js';
-export { ProgressBar, ProgressOptions, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, ProgressBarDefinition, ProgressBarStyles, ProgressBarTemplate, } from './progress-bar/index.js';
-export { Radio, RadioControl, RadioOptions, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
-export { RadioGroup, RadioGroupOrientation, RadioGroupDefinition, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
-export { Slider, SliderConfiguration, SliderMode, SliderOptions, SliderOrientation, SliderSize, SliderDefinition, SliderStyles, SliderTemplate, } from './slider/index.js';
-export { Spinner, SpinnerAppearance, SpinnerSize, SpinnerTemplate, SpinnerStyles, SpinnerDefinition, } from './spinner/index.js';
-export { Switch, SwitchOptions, SwitchLabelPosition, SwitchDefinition, SwitchStyles, SwitchTemplate, } from './switch/index.js';
-export { Tab, TabOptions, TabTemplate, TabStyles, TabDefinition } from './tab/index.js';
-export { TabPanel, TabPanelTemplate, TabPanelStyles, TabPanelDefinition } from './tab-panel/index.js';
-export { Tabs, TabsAppearance, TabsOptions, TabsOrientation, TabsSize, TabsTemplate, TabsStyles, TabsDefinition, } from './tabs/index.js';
-export { Text, TextAlign, TextFont, TextSize, TextWeight, TextTemplate, TextStyles, TextDefinition, } from './text/index.js';
-export { TextInputOptions, TextInput, TextInputType, TextInputAppearance, TextInputControlSize, TextInputTemplate, TextInputStyles, TextInputDefinition, } from './text-input/index.js';
-export { ToggleButton, ToggleButtonAppearance, ToggleButtonOptions, ToggleButtonShape, ToggleButtonSize, ToggleButtonTemplate, ToggleButtonStyles, ToggleButtonDefinition, } from './toggle-button/index.js';
-export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
-export { getDirection } from './utils/direction.js';
-export { display } from './utils/display.js';
-export { forcedColorsStylesheetBehavior, MatchMediaBehavior, MatchMediaStyleSheetBehavior, MediaQueryListListener, darkModeStylesheetBehavior, lightModeStylesheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
+export { AccordionItem, accordionItemDefinition, AccordionItemExpandIconPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, } from './accordion-item/index.js';
+export type { AccordionItemOptions } from './accordion-item/index.js';
+export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
+export { AnchorButton, AnchorButtonAppearance, AnchorButtonDefinition, AnchorButtonShape, AnchorButtonSize, AnchorButtonTemplate, AnchorTarget, } from './anchor-button/index.js';
+export type { AnchorButtonOptions } from './anchor-button/index.js';
+export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, } from './avatar/index.js';
+export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
+export { Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
+export type { ButtonOptions } from './button/index.js';
+export { Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
+export type { CheckboxOptions } from './checkbox/index.js';
+export { CompoundButton, CompoundButtonAppearance, CompoundButtonDefinition, CompoundButtonShape, CompoundButtonSize, CompoundButtonStyles, CompoundButtonTemplate, } from './compound-button/index.js';
+export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeDefinition, CounterBadgeShape, CounterBadgeSize, CounterBadgeStyles, CounterBadgeTemplate, } from './counter-badge/index.js';
+export { Dialog, DialogType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
+export { DialogBody, DialogBodyDefinition, DialogBodyTemplate, DialogBodyStyles } from './dialog-body/index.js';
+export { Divider, DividerAlignContent, DividerAppearance, DividerDefinition, DividerOrientation, DividerRole, DividerStyles, DividerTemplate, } from './divider/index.js';
 export { FluentDesignSystem } from './fluent-design-system.js';
-export { setTheme, setThemeFor } from './theme/index.js';
+export { Image, ImageDefinition, ImageFit, ImageShape, ImageStyles, ImageTemplate } from './image/index.js';
+export { Label, LabelDefinition, LabelSize, LabelStyles, LabelTemplate, LabelWeight } from './label/index.js';
+export { MenuButton, MenuButtonAppearance, MenuButtonDefinition, MenuButtonShape, MenuButtonSize, MenuButtonStyles, MenuButtonTemplate, } from './menu-button/index.js';
+export type { MenuButtonOptions } from './menu-button/index.js';
+export { MenuItem, MenuItemDefinition, MenuItemRole, MenuItemStyles, MenuItemTemplate, roleForMenuItem, } from './menu-item/index.js';
+export type { MenuItemColumnCount, MenuItemOptions } from './menu-item/index.js';
+export { MenuList, MenuListDefinition, MenuListStyles, MenuListTemplate } from './menu-list/index.js';
+export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js';
+export { ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
+export type { ProgressOptions } from './progress-bar/index.js';
+export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
+export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
+export type { RadioControl, RadioOptions } from './radio/index.js';
+export { Slider, SliderDefinition, SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate, } from './slider/index.js';
+export type { SliderConfiguration, SliderOptions } from './slider/index.js';
+export { Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
+export { typographyBody1StrongerStyles, typographyBody1StrongStyles, typographyBody1Styles, typographyBody2Styles, typographyCaption1StrongerStyles, typographyCaption1StrongStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
+export { Switch, SwitchDefinition, SwitchLabelPosition, SwitchStyles, SwitchTemplate } from './switch/index.js';
+export type { SwitchOptions } from './switch/index.js';
+export { TabPanel, TabPanelDefinition, TabPanelStyles, TabPanelTemplate } from './tab-panel/index.js';
+export { Tab, TabDefinition, TabStyles, TabTemplate } from './tab/index.js';
+export type { TabOptions } from './tab/index.js';
+export { Tabs, TabsAppearance, TabsDefinition, TabsOrientation, TabsSize, TabsStyles, TabsTemplate, } from './tabs/index.js';
+export type { TabsOptions } from './tabs/index.js';
+export { TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
+export type { TextInputOptions } from './text-input/index.js';
+export { Text, TextAlign, TextDefinition, TextFont, TextSize, TextStyles, TextTemplate, TextWeight, } from './text/index.js';
 export * from './theme/design-tokens.js';
+export { setTheme, setThemeFor } from './theme/index.js';
+export { ToggleButton, ToggleButtonAppearance, ToggleButtonDefinition, ToggleButtonShape, ToggleButtonSize, ToggleButtonStyles, ToggleButtonTemplate, } from './toggle-button/index.js';
+export type { ToggleButtonOptions } from './toggle-button/index.js';
+export { darkModeStylesheetBehavior, forcedColorsStylesheetBehavior, lightModeStylesheetBehavior, MatchMediaBehavior, MatchMediaStyleSheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
+export type { MediaQueryListListener } from './utils/behaviors/match-media-stylesheet-behavior.js';
+export { getDirection } from './utils/direction.js';
+export { display } from './utils/display.js';

package/dist/dts/label/label.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/label/label.d.ts

@@ -9,7 +9,6 @@ export declare class Label extends FASTElement {
      * 	Specifies font size of a label
      *
      * @public
-     * @default 'medium'
      * @remarks
      * HTML Attribute: size
      */
@@ -18,7 +17,6 @@ export declare class Label extends FASTElement {
      * 	Specifies font weight of a label
      *
      * @public
-     * @default 'regular'
      * @remarks
      * HTML Attribute: weight
      */

package/dist/dts/label/label.options.d.ts

@@ -11,7 +11,7 @@ export declare const LabelSize: {
  * Applies font size to label
  * @public
  */
-export declare type LabelSize = ValuesOf<typeof LabelSize>;
+export type LabelSize = ValuesOf<typeof LabelSize>;
 /**
  * A label can have a font weight of regular or strong
  */
@@ -23,4 +23,4 @@ export declare const LabelWeight: {
  * Applies font weight to label
  * @public
  */
-export declare type LabelWeight = ValuesOf<typeof LabelWeight>;
+export type LabelWeight = ValuesOf<typeof LabelWeight>;

package/dist/dts/menu/menu.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';