@fluentui/web-components 3.0.0-beta.20 → 3.0.0-beta.22

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Wed, 22 May 2024 04:06:46 GMT and should not be manually modified.
+This log was last generated on Mon, 03 Jun 2024 04:06:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.22)
+
+Mon, 03 Jun 2024 04:06:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.21..@fluentui/web-components_v3.0.0-beta.22)
+
+### Changes
+
+- chore: Export component definitions from rollup bundle ([PR #31403](https://github.com/microsoft/fluentui/pull/31403) by 863023+radium-v@users.noreply.github.com)
+
+## [3.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.21)
+
+Fri, 24 May 2024 04:06:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.20..@fluentui/web-components_v3.0.0-beta.21)
+
+### Changes
+
+- Use ElementInternals for the TextInput component ([PR #31201](https://github.com/microsoft/fluentui/pull/31201) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.20)
 
-Wed, 22 May 2024 04:06:46 GMT 
+Wed, 22 May 2024 04:06:55 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.19..@fluentui/web-components_v3.0.0-beta.20)
 
 ### Changes

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

@@ -1,6 +1,6 @@
 import type { ValuesOf } from '../utils/index.js';
 /**
- * Expand mode for {@link FASTAccordion}
+ * Expand mode for {@link Accordion}
  * @public
  */
 export declare const AccordionExpandMode: {
@@ -8,7 +8,7 @@ export declare const AccordionExpandMode: {
     readonly multi: "multi";
 };
 /**
- * Type for the {@link FASTAccordion} Expand Mode
+ * Type for the {@link Accordion} Expand Mode
  * @public
  */
 export declare type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;

package/dist/dts/accordion-item/accordion-item.d.ts

@@ -33,7 +33,6 @@ export declare class AccordionItem extends FASTElement {
      * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
      * heading element.
      *
-     * @defaultValue 2
      * @public
      * @remarks
      * HTML attribute: heading-level
@@ -67,7 +66,6 @@ export declare class AccordionItem extends FASTElement {
      * Defines accordion header font size.
      *
      * @public
-     * @default 'medium'
      * @remarks
      * HTML Attribute: size
      */
@@ -84,9 +82,8 @@ export declare class AccordionItem extends FASTElement {
      * Sets expand and collapsed icon position.
      *
      * @public
-     * @default 'start'
      * @remarks
-     * HTML Attribute: expandIconPosition
+     * HTML Attribute: expand-icon-position
      */
     expandIconPosition?: AccordionItemExpandIconPosition;
     /**

package/dist/dts/accordion-item/accordion-item.template.d.ts

@@ -1,5 +1,5 @@
 import { ElementViewTemplate } from '@microsoft/fast-element';
-import { AccordionItem, AccordionItemOptions } from './accordion-item.js';
+import type { AccordionItem, AccordionItemOptions } from './accordion-item.js';
 export declare function accordionItemTemplate<T extends AccordionItem>(options?: AccordionItemOptions): ElementViewTemplate<T>;
 /**
  * The template for the fluent-accordion component.

package/dist/dts/accordion-item/index.d.ts

@@ -1,4 +1,5 @@
-export { AccordionItem, AccordionItemOptions } from './accordion-item.js';
+export { AccordionItem } from './accordion-item.js';
+export type { AccordionItemOptions } from './accordion-item.js';
 export { AccordionItemSize, AccordionItemExpandIconPosition } from './accordion-item.options.js';
 export { styles as accordionItemStyles } from './accordion-item.styles.js';
 export { definition as accordionItemDefinition } from './accordion-item.definition.js';

package/dist/dts/anchor-button/index.d.ts

@@ -1,4 +1,5 @@
+export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';
 export { AnchorButton } from './anchor-button.js';
-export { AnchorButtonOptions, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, } from './anchor-button.options.js';
+export { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget } from './anchor-button.options.js';
+export type { AnchorButtonOptions } from './anchor-button.options.js';
 export { template as AnchorButtonTemplate } from './anchor-button.template.js';
-export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';

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

@@ -1,5 +1,6 @@
+export { definition as ButtonDefinition } from './button.definition.js';
 export { Button } from './button.js';
-export { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, ButtonOptions, } from './button.options.js';
-export { template as ButtonTemplate } from './button.template.js';
+export { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType } from './button.options.js';
+export type { ButtonOptions } from './button.options.js';
 export { styles as ButtonStyles } from './button.styles.js';
-export { definition as ButtonDefinition } from './button.definition.js';
+export { template as ButtonTemplate } from './button.template.js';

package/dist/dts/checkbox/checkbox.d.ts

@@ -27,7 +27,6 @@ export declare class Checkbox extends FormAssociatedCheckbox {
      * Sets shape of the checkbox.
      *
      * @public
-     * @default 'square'
      * @remarks
      * HTML Attribute: shape
      */
@@ -36,7 +35,6 @@ export declare class Checkbox extends FormAssociatedCheckbox {
      * Sets size of the checkbox.
      *
      * @public
-     * @default 'medium'
      * @remarks
      * HTML Attribute: size
      */
@@ -45,7 +43,6 @@ export declare class Checkbox extends FormAssociatedCheckbox {
      * Sets position of the label relative to the input
      *
      * @public
-     * @default 'after'
      * @remarks
      * HTML Attribute: label-position
      */

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

@@ -1,5 +1,6 @@
-export { Checkbox, CheckboxOptions } from './checkbox.js';
-export { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { definition as CheckboxDefinition } from './checkbox.definition.js';
-export { template as CheckboxTemplate } from './checkbox.template.js';
+export { Checkbox } from './checkbox.js';
+export type { CheckboxOptions } from './checkbox.js';
+export { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { styles as CheckboxStyles } from './checkbox.styles.js';
+export { template as CheckboxTemplate } from './checkbox.template.js';

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

@@ -2,14 +2,13 @@ import { FASTElement } from '@microsoft/fast-element';
 import { Button as FluentButton } from '../button/button.js';
 import { DialogModalType } 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
+     * @internal
      * Indicates whether focus is being trapped within the dialog
      */
     private isTrappingFocus;
@@ -64,7 +63,7 @@ export declare class Dialog extends FASTElement {
      */
     noTitleAction: boolean;
     /**
-     * @private
+     * @internal
      * Indicates whether focus should be trapped within the dialog
      */
     private trapFocus;
@@ -120,55 +119,55 @@ export declare class Dialog extends FASTElement {
      */
     handleKeydown: (e: KeyboardEvent) => boolean | void;
     /**
-     * @private
+     * @internal
      * Handles keydown events on the document
      * @param e - The keydown event
      */
     private handleDocumentKeydown;
     /**
-     * @private
+     * @internal
      * Handles tab keydown events
      * @param e - The keydown event
      */
     private handleTabKeyDown;
     /**
-     * @private
+     * @internal
      * Gets the bounds of the tab queue
      * @returns (HTMLElement | SVGElement)[]
      */
     private getTabQueueBounds;
     /**
-     * @private
+     * @internal
      * Focuses the first element in the tab queue
      */
     private focusFirstElement;
     /**
-     * @private
+     * @internal
      * Determines if focus should be forced
      * @param currentFocusElement - The currently focused element
      * @returns boolean
      */
     private shouldForceFocus;
     /**
-     * @private
+     * @internal
      * Determines if focus should be trapped
      * @returns boolean
      */
     private shouldTrapFocus;
     /**
-     * @private
+     * @internal
      * Handles focus events on the document
      * @param e - The focus event
      */
     private handleDocumentFocus;
     /**
-     * @private
+     * @internal
      * Updates the state of focus trapping
      * @param shouldTrapFocusOverride - Optional override for whether focus should be trapped
      */
     private updateTrapFocus;
     /**
-     * @private
+     * @internal
      * Reduces the list of tabbable items
      * @param elements - The current list of elements
      * @param element - The element to consider adding to the list
@@ -176,14 +175,14 @@ export declare class Dialog extends FASTElement {
      */
     private static reduceTabbableItems;
     /**
-     * @private
+     * @internal
      * Determines if an element is a focusable FASTElement
      * @param element - The element to check
      * @returns boolean
      */
     private static isFocusableFastElement;
     /**
-     * @private
+     * @internal
      * Determines if an element has a tabbable shadow
      * @param element - The element to check
      * @returns boolean

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/index-rollup.d.ts

@@ -1,35 +1,29 @@
-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 './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,51 @@
-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, DialogDefinition, DialogModalType, DialogStyles, DialogTemplate } from './dialog/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.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/menu/menu.d.ts

@@ -47,12 +47,12 @@ export declare class Menu extends FASTElement {
     positioningContainer?: HTMLElement;
     /**
      * The trigger element of the menu.
-     * @private
+     * @internal
      */
     private _trigger?;
     /**
      * The menu list element of the menu.
-     * @private
+     * @internal
      */
     private _menuList?;
     /**
@@ -108,51 +108,53 @@ export declare class Menu extends FASTElement {
      * Updates the 'aria-expanded' attribute and sets the positioning of the menu.
      * Sets menu list position
      * emits openChanged event
+     *
+     * @param oldValue - The previous value of 'open'.
+     * @param newValue - The new value of 'open'.
      * @public
-     * @param {boolean} oldValue - The previous value of 'open'.
-     * @param {boolean} newValue - The new value of 'open'.
      */
     openChanged(oldValue: boolean, newValue: boolean): void;
     /**
      * Called whenever the 'openOnHover' property changes.
      * Adds or removes a 'mouseover' event listener to the trigger based on the new value.
+     *
+     * @param oldValue - The previous value of 'openOnHover'.
+     * @param newValue - The new value of 'openOnHover'.
      * @public
-     * @param {boolean} oldValue - The previous value of 'openOnHover'.
-     * @param {boolean} newValue - The new value of 'openOnHover'.
      */
     openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
     /**
      * Called whenever the 'persistOnItemClick' property changes.
      * Adds or removes a 'click' event listener to the menu list based on the new value.
      * @public
-     * @param {boolean} oldValue - The previous value of 'persistOnItemClick'.
-     * @param {boolean} newValue - The new value of 'persistOnItemClick'.
+     * @param oldValue - The previous value of 'persistOnItemClick'.
+     * @param newValue - The new value of 'persistOnItemClick'.
      */
     persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
     /**
      * Called whenever the 'openOnContext' property changes.
      * Adds or removes a 'contextmenu' event listener to the trigger based on the new value.
      * @public
-     * @param {boolean} oldValue - The previous value of 'openOnContext'.
-     * @param {boolean} newValue - The new value of 'openOnContext'.
+     * @param oldValue - The previous value of 'openOnContext'.
+     * @param newValue - The new value of 'openOnContext'.
      */
     openOnContextChanged(oldValue: boolean, newValue: boolean): void;
     /**
      * Called whenever the 'closeOnScroll' property changes.
      * Adds or removes a 'closeOnScroll' event listener to the trigger based on the new value.
      * @public
-     * @param {boolean} oldValue - The previous value of 'closeOnScroll'.
-     * @param {boolean} newValue - The new value of 'closeOnScroll'.
+     * @param oldValue - The previous value of 'closeOnScroll'.
+     * @param newValue - The new value of 'closeOnScroll'.
      */
     closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
     /**
      * The task to set the positioning of the menu.
-     * @protected
+     * @internal
      */
     protected setPositioningTask: () => void;
     /**
      * Sets the positioning of the menu.
-     * @protected
+     * @internal
      */
     protected setPositioning(): void;
     /**
@@ -166,29 +168,29 @@ export declare class Menu extends FASTElement {
      * Removes event listeners.
      * Removes click and keydown event listeners from the trigger and a click event listener from the document.
      * Also removes 'mouseover' event listeners from the trigger.
-     * @private
+     * @internal
      */
     private removeListeners;
     /**
-     * Handles keyboard interaction for the menu.
-     * Closes the menu and focuses on the trigger when the Escape key is pressed.
-     * Closes the menu when the Tab key is pressed.
+     * Handles keyboard interaction for the menu. Closes the menu and focuses on the trigger when the Escape key is
+     * pressed. Closes the menu when the Tab key is pressed.
+     *
+     * @param e - the keyboard event
      * @public
-     * @param {KeyboardEvent} e - the keyboard event
      */
     handleMenuKeydown(e: KeyboardEvent): boolean | void;
     /**
-     * Handles keyboard interaction for the trigger.
-     * Toggles the menu when the Space or Enter key is pressed.
-     * If the menu is open, focuses on the menu list.
+     * Handles keyboard interaction for the trigger. Toggles the menu when the Space or Enter key is pressed. If the menu
+     * is open, focuses on the menu list.
+     *
+     * @param e - the keyboard event
      * @public
-     * @param {KeyboardEvent} e - the keyboard event
      */
     handleTriggerKeydown: (e: KeyboardEvent) => boolean | void;
     /**
      * Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
-     * @private
-     * @param {Event} e - The event triggered on document click.
+     * @internal
+     * @param e - The event triggered on document click.
      */
     private handleDocumentClick;
 }

package/dist/dts/menu-button/index.d.ts

@@ -1,5 +1,6 @@
-export { MenuButton } from './menu-button.js';
-export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonOptions } from './menu-button.options.js';
-export { template as MenuButtonTemplate } from './menu-button.template.js';
 export { styles as MenuButtonStyles } from '../button/button.styles.js';
 export { definition as MenuButtonDefinition } from './menu-button.definition.js';
+export { MenuButton } from './menu-button.js';
+export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
+export type { MenuButtonOptions } from './menu-button.options.js';
+export { template as MenuButtonTemplate } from './menu-button.template.js';

package/dist/dts/menu-button/menu-button.options.d.ts

@@ -44,4 +44,4 @@ export declare const MenuButtonSize: {
  * @public
  */
 export declare type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
-export { ButtonOptions as MenuButtonOptions };
+export type { ButtonOptions as MenuButtonOptions };

package/dist/dts/menu-item/index.d.ts

@@ -1,5 +1,6 @@
-export { MenuItem, MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
+export { definition as MenuItemDefinition } from './menu-item.definition.js';
+export { MenuItem } from './menu-item.js';
+export type { MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
 export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
-export { template as MenuItemTemplate } from './menu-item.template.js';
 export { styles as MenuItemStyles } from './menu-item.styles.js';
-export { definition as MenuItemDefinition } from './menu-item.definition.js';
+export { template as MenuItemTemplate } from './menu-item.template.js';