@fabric-msft/fabric-web 7.0.0 → 7.3.1

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as _microsoft_fast_element from '@microsoft/fast-element';
-import { FASTElement, ElementViewTemplate, ElementStyles, HTMLDirective, SyntheticViewTemplate, CaptureType, ElementsFilter } from '@microsoft/fast-element';
+import { FASTElement, ElementViewTemplate, ElementStyles, Subscriber, HTMLDirective, SyntheticViewTemplate, CaptureType, ElementsFilter } from '@microsoft/fast-element';
 import * as _fluentui_web_components from '@fluentui/web-components';
-import { BaseButton, Button as Button$1, AccordionItem as AccordionItem$1, Accordion as Accordion$1, Link as Link$1, Avatar as Avatar$1, Badge as Badge$1, Checkbox as Checkbox$1, CounterBadge as CounterBadge$1, Dialog as Dialog$1, DialogBody as DialogBody$1, Divider as Divider$1, Drawer as Drawer$1, DrawerBody as DrawerBody$1, Dropdown as Dropdown$1, DropdownOption as DropdownOption$1, Listbox as Listbox$1, Field as Field$1, SlottableInput as SlottableInput$1, Image as Image$1, Label as Label$1, AnchorButton as AnchorButton$1, MessageBar as MessageBar$1, MenuButton as MenuButton$1, ProgressBar as ProgressBar$1, RadioGroup as RadioGroup$1, Radio as Radio$1, RatingDisplay as RatingDisplay$1, StartEndOptions, StartEnd, Slider as Slider$1, Spinner as Spinner$1, Switch as Switch$1, Tab as Tab$1, Tablist as Tablist$1, TextArea as TextArea$1, TextAreaAppearance, Text as Text$1, Tree as Tree$1, TreeItem as TreeItem$1, ToggleButton as ToggleButton$1, Tooltip as Tooltip$1 } from '@fluentui/web-components';
+import { BaseButton, Dialog as Dialog$1, Button as Button$1, AccordionItem as AccordionItem$1, Accordion as Accordion$1, Link as Link$1, Avatar as Avatar$1, Badge as Badge$1, Checkbox as Checkbox$1, CounterBadge as CounterBadge$1, DialogBody as DialogBody$1, Divider as Divider$1, Drawer as Drawer$1, DrawerBody as DrawerBody$1, Dropdown as Dropdown$1, DropdownOption as DropdownOption$1, Listbox as Listbox$1, Field as Field$1, SlottableInput as SlottableInput$1, Image as Image$1, Label as Label$1, AnchorButton as AnchorButton$1, MessageBar as MessageBar$1, MenuButton as MenuButton$1, ProgressBar as ProgressBar$1, RadioGroup as RadioGroup$1, Radio as Radio$1, RatingDisplay as RatingDisplay$1, StartEndOptions, StartEnd, Slider as Slider$1, Spinner as Spinner$1, Switch as Switch$1, Tab as Tab$1, Tablist as Tablist$1, TextArea as TextArea$1, TextAreaAppearance, Text as Text$1, Tree as Tree$1, TreeItem as TreeItem$1, ToggleButton as ToggleButton$1, Tooltip as Tooltip$1 } from '@fluentui/web-components';
 export { AnchorButtonTemplate, AvatarStyles, AvatarTemplate, BadgeStyles, BadgeTemplate, BaseAccordionItem, BaseAnchor, BaseAvatar, BaseButton, BaseCheckbox, BaseDivider, BaseField, BaseProgressBar, BaseRatingDisplay, BaseSpinner, BaseTablist, BaseTextArea, BaseTextInput, CheckboxOptions, CheckboxStyles, CheckboxTemplate, DialogBodyStyles, DialogBodyTemplate, DialogTemplate, ListboxStyles, ListboxTemplate, MenuButtonOptions, MessageBarIntent, MessageBarLayout, MessageBarShape, MessageBarStyles, MessageBarTemplate, SliderConfiguration, SliderOptions, SwitchStyles, SwitchTemplate, TabOptions, TextAreaStyles, TextAreaTemplate, TreeStyles, TreeTemplate, isDropdownOption, isListbox } from '@fluentui/web-components';
 import { OverflowItemEntry, OverflowGroupState } from '@fluentui/priority-overflow';
 export { OverflowGroupState, OverflowItemEntry } from '@fluentui/priority-overflow';
@@ -139,9 +139,9 @@ declare class AccordionMenu extends FASTElement {
     private removeItemListeners;
 }
 
-declare const template$i: ElementViewTemplate<AccordionMenu>;
+declare const template$m: ElementViewTemplate<AccordionMenu>;
 
-declare const styles$o: _microsoft_fast_element.ElementStyles;
+declare const styles$s: _microsoft_fast_element.ElementStyles;
 
 /**
  *
@@ -149,7 +149,7 @@ declare const styles$o: _microsoft_fast_element.ElementStyles;
  * @remarks
  * HTML Element: <fabric-accordion-menu>
  */
-declare const definition$1a: _microsoft_fast_element.FASTElementDefinition<typeof AccordionMenu>;
+declare const definition$1f: _microsoft_fast_element.FASTElementDefinition<typeof AccordionMenu>;
 
 /**
  * An Accordion Menu Panel header font size can be small, medium, large, and extra-large
@@ -457,11 +457,11 @@ declare class AccordionMenuPanel extends FASTElement {
  * The template for the accordion menu panel component.
  * @public
  */
-declare const template$h: ElementViewTemplate<AccordionMenuPanel>;
+declare const template$l: ElementViewTemplate<AccordionMenuPanel>;
 
-declare const styles$n: _microsoft_fast_element.ElementStyles;
+declare const styles$r: _microsoft_fast_element.ElementStyles;
 
-declare const definition$19: _microsoft_fast_element.FASTElementDefinition<typeof AccordionMenuPanel>;
+declare const definition$1e: _microsoft_fast_element.FASTElementDefinition<typeof AccordionMenuPanel>;
 
 /**
  * The appearance variations for the card component
@@ -587,11 +587,6 @@ declare const CardEventNames: {
  *
  * @slot default - Default slot for the card's content.
  *
- * @csspart card - Styles the main card surface element.
- * @csspart root - Styles the outermost root container element.
- * @csspart header - Styles the header region of the card.
- * @csspart content - Styles the content container region of the card.
- *
  * @cssprop --card-width - Controls the card width (any valid CSS length).
  * @cssprop --card-height - Controls the card height (defaults to fit-content).
  * @cssprop --card-elevation - Controls the card elevation level for visual stacking.
@@ -809,14 +804,14 @@ declare class Card extends FASTElement {
  * @remarks
  * HTML Element: <fabric-card>
  */
-declare const definition$18: _microsoft_fast_element.FASTElementDefinition<typeof Card>;
+declare const definition$1d: _microsoft_fast_element.FASTElementDefinition<typeof Card>;
 
 /** Card styles
  * @public
  */
-declare const styles$m: _microsoft_fast_element.ElementStyles;
+declare const styles$q: _microsoft_fast_element.ElementStyles;
 
-declare const template$g: ElementViewTemplate<Card>;
+declare const template$k: ElementViewTemplate<Card>;
 
 /**
  * CardFooter
@@ -852,7 +847,7 @@ declare class CardFooter extends FASTElement {
  * @remarks
  * HTML Element: <fabric-card-footer>
  */
-declare const definition$17: _microsoft_fast_element.FASTElementDefinition<typeof CardFooter>;
+declare const definition$1c: _microsoft_fast_element.FASTElementDefinition<typeof CardFooter>;
 
 /**
  * CardHeader
@@ -895,7 +890,7 @@ declare class CardHeader extends FASTElement {
  * @remarks
  * HTML Element: <fabric-card-header>
  */
-declare const definition$16: _microsoft_fast_element.FASTElementDefinition<typeof CardHeader>;
+declare const definition$1b: _microsoft_fast_element.FASTElementDefinition<typeof CardHeader>;
 
 /**
  * CardPreview
@@ -925,7 +920,7 @@ declare class CardPreview extends FASTElement {
  * @remarks
  * HTML Element: <fabric-card-preview>
  */
-declare const definition$15: _microsoft_fast_element.FASTElementDefinition<typeof CardPreview>;
+declare const definition$1a: _microsoft_fast_element.FASTElementDefinition<typeof CardPreview>;
 
 /**
  * Button placement options for carousel navigation
@@ -1006,149 +1001,122 @@ declare class CarouselItem extends FASTElement {
 }
 
 /**
- * @summary A single tab indicator within the carousel navigation.
- *
- * @example
- * ```html
- * <fabric-carousel-nav-item active></fabric-carousel-nav-item>
- * ```
- *
- * @attr {boolean} active - Whether this nav item represents the current step.
- *
- * @prop {boolean} active - Whether this nav item represents the current step.
- * @prop {string} tabId - Unique ID for this tab (set by parent).
- * @prop {string} panelId - ID of the controlled panel (for aria-controls).
- * @prop {string} tabLabel - Accessible label for the tab (e.g., "Slide 1").
- *
- * @slot default - Custom content (default renders a dot).
- *
- * @extends FASTElement
- * @tagname fabric-carousel-nav-item
+ * Interface for items managed by a {@link CarouselController}.
+ * Any element implementing this shape can be driven by the controller
+ * (e.g. `CarouselItem`, `ModalFreItem`).
  * @public
  */
-declare class CarouselNavItem extends FASTElement {
-    /**
-     * Whether this nav item represents the current step.
-     * @public
-     */
+interface CarouselManagedItem {
     active: boolean;
-    /**
-     * Unique ID for this tab.
-     * Set by the parent navigation component.
-     * @internal
-     */
-    tabId?: string;
-    /**
-     * ID of the controlled tabpanel (for aria-controls).
-     * Set by the parent navigation component.
-     * @internal
-     */
     panelId?: string;
+    tabId?: string;
+    label?: string;
+}
+/**
+ * Options for creating a CarouselController.
+ * @public
+ */
+interface CarouselControllerOptions {
     /**
-     * Accessible label for the tab.
-     * Set by the parent navigation component.
-     * @internal
+     * Optional prefix for generated IDs.
+     * Defaults to an auto-incrementing "carousel-N" value.
      */
-    tabLabel?: string;
+    idPrefix?: string;
 }
-
 /**
- * @summary Navigation container with step indicators and prev/next buttons.
- *
- * @example
- * ```html
- * <fabric-carousel-nav button-placement="grouped">
- *   <fabric-carousel-nav-item active></fabric-carousel-nav-item>
- *   <fabric-carousel-nav-item></fabric-carousel-nav-item>
- *   <fabric-carousel-nav-item></fabric-carousel-nav-item>
- * </fabric-carousel-nav>
- * ```
- *
- * @attr {string} button-placement - Positioning of prev/next buttons.
- * @attr {number} current-index - Currently selected nav item index.
- *
- * @prop {CarouselNavButtonPlacement} buttonPlacement - Button positioning.
- * @prop {number} currentIndex - Currently selected nav item index.
- *
- * @slot default - Slot for fabric-carousel-nav-item elements.
+ * Framework-agnostic controller that manages carousel state and navigation.
  *
- * @fires select - Fired when a nav item is selected with detail { index }.
- * @fires previous - Fired when prev button is clicked.
- * @fires next - Fired when next button is clicked.
+ * Both `fabric-carousel` and `fabric-modal` (FRE mode) instantiate this
+ * controller. It owns:
+ * - `currentIndex` / `totalItems` state
+ * - `next()`, `prev()`, `scrollToIndex()` navigation
+ * - Active-state synchronization on `CarouselItem` elements
+ * - ARIA tab/panel ID generation
  *
- * @extends FASTElement
- * @tagname fabric-carousel-nav
  * @public
  */
-declare class CarouselNav extends FASTElement {
+declare class CarouselController<T extends CarouselManagedItem = CarouselItem> {
     /**
-     * Positioning of prev/next buttons.
-     * @public
+     * Counter for generating unique carousel IDs.
+     * @internal
      */
-    buttonPlacement: CarouselNavButtonPlacement;
+    private static idCounter;
     /**
-     * Currently selected nav item index.
-     * @public
+     * Unique ID prefix for this controller instance.
+     * @internal
      */
-    currentIndex: number;
+    readonly idPrefix: string;
     /**
-     * Callback to parse current-index attribute.
-     * @internal
+     * Index of the currently active item.
+     * Setting this value calls {@link updateActiveStates} and invokes
+     * the {@link onChange} callback when the value actually changes.
+     * @public
      */
-    currentIndexChanged(_oldValue: string | number, newValue: string | number): void;
+    private _currentIndex;
+    get currentIndex(): number;
+    set currentIndex(value: number);
     /**
-     * Roving focus controller for indicator keyboard navigation.
-     * @internal
+     * The collection of carousel items managed by this controller.
+     * Uses FAST Observable API so template bindings (e.g. `repeat`)
+     * react when the array reference is replaced.
+     * @public
      */
-    private rovingFocus;
+    private _items;
+    get items(): T[];
+    set items(value: T[]);
     /**
-     * Manages event listeners for nav items.
-     * @internal
+     * Total number of items.
+     * Derives from the tracked `items` property so observers are notified
+     * when the item array is replaced.
+     * @public
+     * @readonly
      */
-    private navItemEvents;
+    get totalItems(): number;
+    constructor(options?: CarouselControllerOptions);
     /**
-     * Slotted nav items.
-     * @internal
+     * Advances to the next item if not at the end.
+     * @public
      */
-    slottedNavItems: CarouselNavItem[];
+    next(): void;
     /**
-     * Callback when nav items change.
-     * @internal
+     * Moves to the previous item if not at the beginning.
+     * @public
      */
-    slottedNavItemsChanged(oldValue: CarouselNavItem[], newValue: CarouselNavItem[]): void;
+    prev(): void;
     /**
-     * Updates active states on nav items.
-     * @internal
+     * Scrolls to the item at the specified index.
+     * @param index - The target index.
+     * @public
      */
-    private updateActiveStates;
+    scrollToIndex(index: number): void;
     /**
-     * Handles keyboard events on indicators.
-     * Arrow keys are delegated to roving focus controller.
-     * Enter/Space selects the focused indicator.
-     * @internal
+     * Synchronizes active state, panelId, and tabId on all items.
+     * Clamps `currentIndex` to valid range.
+     * @public
      */
-    private handleIndicatorKeydown;
+    updateActiveStates(): void;
     /**
-     * Handles nav item click.
+     * Applies active state, panelId, and tabId to all items
+     * based on the current index. Does not clamp.
      * @internal
      */
-    private handleItemClick;
+    private syncActiveStates;
     /**
-     * Handles prev button click.
-     * @internal
+     * Gets the tab ID for a given index.
+     * @public
      */
-    handlePrevClick(): void;
+    getTabId(index: number): string;
     /**
-     * Handles next button click.
-     * @internal
+     * Gets the panel ID for a given index.
+     * @public
      */
-    handleNextClick(): void;
+    getPanelId(index: number): string;
     /**
-     * Emits select event.
-     * @internal
+     * Gets the tab label for a given index.
+     * Uses the item's label if set, otherwise a localized "Slide N" label.
+     * @public
      */
-    private emitSelect;
-    disconnectedCallback(): void;
+    getTabLabel(index: number): string;
 }
 
 /**
@@ -1186,16 +1154,10 @@ declare class CarouselNav extends FASTElement {
  */
 declare class Carousel extends FASTElement {
     /**
-     * Counter for generating unique carousel IDs.
-     * @internal
-     */
-    private static idCounter;
-    /**
-     * Unique ID for this carousel instance.
-     * Used to generate unique IDs for tabs and panels.
+     * Internal carousel controller that manages state and navigation.
      * @internal
      */
-    readonly carouselId: string;
+    readonly controller: CarouselController<CarouselItem>;
     /**
      * Nav position relative to content.
      * @public
@@ -1210,38 +1172,19 @@ declare class Carousel extends FASTElement {
      * Index of the currently visible item.
      * @public
      */
-    currentIndex: number;
+    get currentIndex(): number;
+    set currentIndex(value: number);
     /**
      * Slotted carousel items.
      * @internal
      */
     slottedItems: CarouselItem[];
-    /**
-     * Reference to the generated nav element.
-     * @internal
-     */
-    generatedNav?: CarouselNav;
-    /**
-     * Abort controller for removing nav event listeners.
-     * @internal
-     */
-    private eventListenerAbortController?;
     /**
      * Total number of carousel items.
      * @public
      * @readonly
      */
     get totalItems(): number;
-    /**
-     * Callback when generatedNav changes.
-     * @internal
-     */
-    generatedNavChanged(_oldValue: CarouselNav | undefined, newValue: CarouselNav | undefined): void;
-    /**
-     * Callback when currentIndex changes.
-     * @internal
-     */
-    currentIndexChanged(oldValue: number, newValue: number): void;
     /**
      * Callback when slotted items change.
      * @internal
@@ -1262,11 +1205,6 @@ declare class Carousel extends FASTElement {
      * @public
      */
     scrollToIndex(index: number): void;
-    /**
-     * Updates active states on carousel items.
-     * @internal
-     */
-    private updateActiveStates;
     /**
      * Gets the tab ID for a given index.
      * @internal
@@ -1283,18 +1221,12 @@ declare class Carousel extends FASTElement {
      * @internal
      */
     getTabLabel(index: number): string;
-    /**
-     * Sets up event listeners on nav element.
-     * @internal
-     */
-    private setupNavListeners;
+    connectedCallback(): void;
     /**
      * Emits change event.
      * @internal
      */
     private emitChange;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
 }
 
 /**
@@ -1316,15 +1248,15 @@ type CarouselEventName = ValuesOf<typeof CarouselEventNames>;
  * @remarks
  * HTML Element: <fabric-carousel>
  */
-declare const definition$14: _microsoft_fast_element.FASTElementDefinition<typeof Carousel>;
+declare const definition$19: _microsoft_fast_element.FASTElementDefinition<typeof Carousel>;
 
 /**
  * Styles for the {@link @fabric-msft/fabric-web#(Carousel:class)} component.
  * @public
  */
-declare const styles$l: ElementStyles;
+declare const styles$p: ElementStyles;
 
-declare const template$f: ElementViewTemplate<Carousel>;
+declare const template$j: ElementViewTemplate<Carousel>;
 
 /**
  * Registers the carousel element and all of its internal dependencies
@@ -1348,116 +1280,319 @@ declare function defineCarousel(registry?: CustomElementRegistry): void;
  * @remarks
  * HTML Element: <fabric-carousel-item>
  */
-declare const definition$13: _microsoft_fast_element.FASTElementDefinition<typeof CarouselItem>;
+declare const definition$18: _microsoft_fast_element.FASTElementDefinition<typeof CarouselItem>;
 
 /**
  * Styles for the {@link @fabric-msft/fabric-web#(CarouselItem:class)} component.
  * @public
  */
-declare const styles$k: ElementStyles;
-
-declare const template$e: ElementViewTemplate<CarouselItem>;
-
-/**
- * Event names for the CarouselNav component
- * @public
- */
-declare const CarouselNavEventNames: {
-    readonly select: "select";
-    readonly previous: "previous";
-    readonly next: "next";
-};
-/**
- * CarouselNav event type
- * @public
- */
-type CarouselNavEventName = ValuesOf<typeof CarouselNavEventNames>;
-
-/**
- * The CarouselNav element definition.
- * @public
- * @remarks
- * HTML Element: <fabric-carousel-nav>
- */
-declare const definition$12: _microsoft_fast_element.FASTElementDefinition<typeof CarouselNav>;
-
-/**
- * Styles for the {@link @fabric-msft/fabric-web#(CarouselNav:class)} component.
- * @public
- */
-declare const styles$j: ElementStyles;
-
-declare const template$d: ElementViewTemplate<CarouselNav>;
-
-/**
- * The CarouselNavItem element definition.
- * @public
- * @remarks
- * HTML Element: <fabric-carousel-nav-item>
- */
-declare const definition$11: _microsoft_fast_element.FASTElementDefinition<typeof CarouselNavItem>;
-
-/**
- * Styles for the {@link @fabric-msft/fabric-web#(CarouselNavItem:class)} component.
- * @public
- */
-declare const styles$i: ElementStyles;
+declare const styles$o: ElementStyles;
 
-declare const template$c: ElementViewTemplate<CarouselNavItem>;
+declare const template$i: ElementViewTemplate<CarouselItem>;
 
 /**
- * @summary A Carousel component for displaying a set of items in a horizontal, scrollable manner.
+ * @summary A single tab indicator within the carousel navigation.
  *
  * @example
  * ```html
- * <fabric-card-carousel>
- *   <div slot="header">Carousel Header</div>
- *   <fabric-button slot="prev-button">Prev</fabric-button>
- *   <fabric-button slot="next-button">Next</fabric-button>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <!-- More carousel items here -->
- * </fabric-card-carousel>
+ * <fabric-carousel-nav-item active></fabric-carousel-nav-item>
  * ```
  *
- * @attr disable-animation - Disables animation when set to true.
- *
- * @prop {boolean} disableAnimation - Boolean attribute to disable animation.
- * @prop {HTMLElement[]} slottedCarouselItems - An array of carousel items that are slotted into the carousel.
- * @prop {HTMLElement} header - The header element.
- * @prop {number} currentIndex - The current index of the carousel, indicating which item is currently visible.
- * @prop {HTMLElement[]} nextButton - The next button element.
- * @prop {HTMLElement[]} prevButton - The previous button element.
- * @prop {number} visibleItemsCount - Gets the number of items currently visible in the carousel. (readonly)
+ * @attr {boolean} active - Whether this nav item represents the current step.
  *
- * @slot header - Slot for the carousel header content.
- * @slot prev-button - Slot for the carousel's previous navigation button.
- * @slot next-button - Slot for the carousel's next navigation button.
- * @slot - Default slot for carousel items.
+ * @prop {boolean} active - Whether this nav item represents the current step.
+ * @prop {string} tabId - Unique ID for this tab (set by parent).
+ * @prop {string} panelId - ID of the controlled panel (for aria-controls).
+ * @prop {string} tabLabel - Accessible label for the tab (e.g., "Slide 1").
  *
- * @method next - Moves the carousel to the next set of items.
- * @method prev - Moves the carousel to the previous set of items.
- * @method scrollToIndex - Scrolls the carousel to a specific index.
- * @method isAtEnd - Checks if the carousel is at the end of the items.
- * @method getNextVisibleItemsCount - Gets the count of the next set of visible items in the carousel.
- * @method updateVisibleItems - Updates the visible items in the carousel.
+ * @slot default - Custom content (default renders a dot).
  *
  * @extends FASTElement
- * @tagname fabric-card-carousel
+ * @tagname fabric-carousel-nav-item
  * @public
  */
-declare class CardCarousel extends FASTElement {
-    #private;
+declare class CarouselNavItem extends FASTElement {
     /**
-     * Boolean attribute to disable animation.
-     *
+     * Whether this nav item represents the current step.
      * @public
-     * @type {boolean}
-     * @attr
      */
-    disableAnimation?: boolean;
+    active: boolean;
     /**
-     * An array of carousel items that are slotted into the carousel.
+     * Unique ID for this tab.
+     * Set by the parent navigation component.
+     * @internal
+     */
+    tabId?: string;
+    /**
+     * ID of the controlled tabpanel (for aria-controls).
+     * Set by the parent navigation component.
+     * @internal
+     */
+    panelId?: string;
+    /**
+     * Accessible label for the tab.
+     * Set by the parent navigation component.
+     * @internal
+     */
+    tabLabel?: string;
+}
+
+/**
+ * @summary Navigation container with step indicators and prev/next buttons.
+ *
+ * @example
+ * ```html
+ * <fabric-carousel-nav button-placement="grouped">
+ *   <fabric-carousel-nav-item active></fabric-carousel-nav-item>
+ *   <fabric-carousel-nav-item></fabric-carousel-nav-item>
+ *   <fabric-carousel-nav-item></fabric-carousel-nav-item>
+ * </fabric-carousel-nav>
+ * ```
+ *
+ * @attr {string} button-placement - Positioning of prev/next buttons.
+ * @attr {number} current-index - Currently selected nav item index.
+ *
+ * @prop {CarouselNavButtonPlacement} buttonPlacement - Button positioning.
+ * @prop {number} currentIndex - Currently selected nav item index.
+ * @prop {CarouselController} controller - The carousel controller to drive navigation.
+ *
+ * @slot default - Slot for fabric-carousel-nav-item elements.
+ * @slot prev-button - Custom previous button. Defaults to a chevron left button.
+ * @slot next-button - Custom next button. Defaults to a chevron right button.
+ *
+ * @fires select - Fired when a nav item is selected with detail { index }.
+ * @fires previous - Fired when prev button is clicked.
+ * @fires next - Fired when next button is clicked.
+ *
+ * @extends FASTElement
+ * @tagname fabric-carousel-nav
+ * @public
+ */
+declare class CarouselNav extends FASTElement {
+    /**
+     * Positioning of prev/next buttons.
+     * @public
+     */
+    buttonPlacement: CarouselNavButtonPlacement;
+    /**
+     * Currently selected nav item index.
+     * @public
+     */
+    currentIndex: number;
+    /**
+     * The carousel controller to drive navigation.
+     * When set, prev/next/select actions call methods on the controller directly.
+     * @public
+     */
+    controller?: CarouselController;
+    /**
+     * Callback to parse current-index attribute.
+     * @internal
+     */
+    currentIndexChanged(_oldValue: string | number, newValue: string | number): void;
+    /**
+     * Roving focus controller for indicator keyboard navigation.
+     * @internal
+     */
+    private rovingFocus;
+    /**
+     * Manages event listeners for nav items.
+     * @internal
+     */
+    private navItemEvents;
+    /**
+     * Slotted nav items.
+     * @internal
+     */
+    slottedNavItems: CarouselNavItem[];
+    /**
+     * Callback when nav items change.
+     * @internal
+     */
+    slottedNavItemsChanged(oldValue: CarouselNavItem[], newValue: CarouselNavItem[]): void;
+    /**
+     * Updates active states on nav items.
+     * @internal
+     */
+    private updateActiveStates;
+    /**
+     * Handles keyboard events on indicators.
+     * Arrow keys are delegated to roving focus controller.
+     * Enter/Space selects the focused indicator.
+     * @internal
+     */
+    private handleIndicatorKeydown;
+    /**
+     * Handles nav item click.
+     * @internal
+     */
+    private handleItemClick;
+    /**
+     * Handles prev button click.
+     * @internal
+     */
+    handlePrevClick(): void;
+    /**
+     * Handles next button click.
+     * @internal
+     */
+    handleNextClick(): void;
+    /**
+     * Emits select event.
+     * @internal
+     */
+    private emitSelect;
+    disconnectedCallback(): void;
+}
+
+/**
+ * Event names for the CarouselNav component
+ * @public
+ */
+declare const CarouselNavEventNames: {
+    readonly select: "select";
+    readonly previous: "previous";
+    readonly next: "next";
+};
+/**
+ * CarouselNav event type
+ * @public
+ */
+type CarouselNavEventName = ValuesOf<typeof CarouselNavEventNames>;
+
+/**
+ * The CarouselNav element definition.
+ * @public
+ * @remarks
+ * HTML Element: <fabric-carousel-nav>
+ */
+declare const definition$17: _microsoft_fast_element.FASTElementDefinition<typeof CarouselNav>;
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselNav:class)} component.
+ * @public
+ */
+declare const styles$n: ElementStyles;
+
+declare const template$h: ElementViewTemplate<CarouselNav>;
+
+/**
+ * The CarouselNavItem element definition.
+ * @public
+ * @remarks
+ * HTML Element: <fabric-carousel-nav-item>
+ */
+declare const definition$16: _microsoft_fast_element.FASTElementDefinition<typeof CarouselNavItem>;
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselNavItem:class)} component.
+ * @public
+ */
+declare const styles$m: ElementStyles;
+
+declare const template$g: ElementViewTemplate<CarouselNavItem>;
+
+/**
+ * @summary Renders the scrolling viewport for carousel items.
+ *
+ * This component is the visual container that shows one carousel item at a time
+ * and applies a CSS transform to slide between items. It is driven by a
+ * {@link CarouselController} which manages the active index and item state.
+ *
+ * The host component (e.g. fabric-carousel or fabric-modal) is responsible for
+ * managing the controller's items. The viewport is purely a rendering component.
+ *
+ * @example
+ * ```html
+ * <fabric-carousel-viewport>
+ *   <fabric-carousel-item>Slide 1</fabric-carousel-item>
+ *   <fabric-carousel-item>Slide 2</fabric-carousel-item>
+ * </fabric-carousel-viewport>
+ * ```
+ *
+ * @slot default - Slot for fabric-carousel-item elements.
+ *
+ * @extends FASTElement
+ * @tagname fabric-carousel-viewport
+ * @public
+ */
+declare class CarouselViewport extends FASTElement {
+    /**
+     * The carousel controller driving this viewport.
+     * @public
+     */
+    controller?: CarouselController;
+}
+
+/**
+ * The CarouselViewport element definition.
+ * @public
+ * @remarks
+ * HTML Element: <fabric-carousel-viewport>
+ */
+declare const definition$15: _microsoft_fast_element.FASTElementDefinition<typeof CarouselViewport>;
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselViewport:class)} component.
+ * @public
+ */
+declare const styles$l: ElementStyles;
+
+declare const template$f: ElementViewTemplate<CarouselViewport>;
+
+/**
+ * @summary A Carousel component for displaying a set of items in a horizontal, scrollable manner.
+ *
+ * @example
+ * ```html
+ * <fabric-card-carousel>
+ *   <div slot="header">Carousel Header</div>
+ *   <fabric-button slot="prev-button">Prev</fabric-button>
+ *   <fabric-button slot="next-button">Next</fabric-button>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <!-- More carousel items here -->
+ * </fabric-card-carousel>
+ * ```
+ *
+ * @attr disable-animation - Disables animation when set to true.
+ *
+ * @prop {boolean} disableAnimation - Boolean attribute to disable animation.
+ * @prop {HTMLElement[]} slottedCarouselItems - An array of carousel items that are slotted into the carousel.
+ * @prop {HTMLElement} header - The header element.
+ * @prop {number} currentIndex - The current index of the carousel, indicating which item is currently visible.
+ * @prop {HTMLElement[]} nextButton - The next button element.
+ * @prop {HTMLElement[]} prevButton - The previous button element.
+ * @prop {number} visibleItemsCount - Gets the number of items currently visible in the carousel. (readonly)
+ *
+ * @slot header - Slot for the carousel header content.
+ * @slot prev-button - Slot for the carousel's previous navigation button.
+ * @slot next-button - Slot for the carousel's next navigation button.
+ * @slot - Default slot for carousel items.
+ *
+ * @method next - Moves the carousel to the next set of items.
+ * @method prev - Moves the carousel to the previous set of items.
+ * @method scrollToIndex - Scrolls the carousel to a specific index.
+ * @method isAtEnd - Checks if the carousel is at the end of the items.
+ * @method getNextVisibleItemsCount - Gets the count of the next set of visible items in the carousel.
+ * @method updateVisibleItems - Updates the visible items in the carousel.
+ *
+ * @extends FASTElement
+ * @tagname fabric-card-carousel
+ * @public
+ */
+declare class CardCarousel extends FASTElement {
+    #private;
+    /**
+     * Boolean attribute to disable animation.
+     *
+     * @public
+     * @type {boolean}
+     * @attr
+     */
+    disableAnimation?: boolean;
+    /**
+     * An array of carousel items that are slotted into the carousel.
      *
      * @public
      * @type {HTMLElement[]}
@@ -1674,11 +1809,11 @@ declare class CardCarousel extends FASTElement {
  * @remarks
  * HTML Element: <fabric-card-carousel>
  */
-declare const definition$10: _microsoft_fast_element.FASTElementDefinition<typeof CardCarousel>;
+declare const definition$14: _microsoft_fast_element.FASTElementDefinition<typeof CardCarousel>;
 
-declare const styles$h: _microsoft_fast_element.ElementStyles;
+declare const styles$k: _microsoft_fast_element.ElementStyles;
 
-declare const template$b: ElementViewTemplate<CardCarousel>;
+declare const template$e: ElementViewTemplate<CardCarousel>;
 
 /** Appearance values for {@link Button}. */
 declare const ButtonAppearances: {
@@ -2028,550 +2163,915 @@ declare class FilterPill extends Button {
  * @remarks
  * HTML Element: <fabric-filter-pill>
  */
-declare const definition$$: _microsoft_fast_element.FASTElementDefinition<typeof FilterPill>;
+declare const definition$13: _microsoft_fast_element.FASTElementDefinition<typeof FilterPill>;
 
 /**
- * Appearances for {@link CompoundButton}
- * Local plural const composed from ButtonAppearances allowing future extensions.
+ * Modal mode options.
  * @public
  */
-declare const CompoundButtonAppearances: {
-    readonly primaryOnBrand: "primary-on-brand";
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
+declare const ModalModes: {
+    readonly default: "default";
+    readonly fre: "fre";
 };
 /**
- * Type describing appearance options for {@link CompoundButton}.
- * This is the union of the values defined in `CompoundButtonAppearances`.
- */
-type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearances>;
-/**
- * Shapes for {@link CompoundButton}
- * @public
- */
-declare const CompoundButtonShapes: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-/**
- * Type describing shape options for {@link CompoundButton}.
- * This is the union of the values defined in `CompoundButtonShapes`.
- */
-type CompoundButtonShape = ValuesOf<typeof CompoundButtonShapes>;
-/**
- * Sizes for {@link CompoundButton}
- * @public
- */
-declare const CompoundButtonSizes: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * Type describing size options for {@link CompoundButton}.
- * This is the union of the values defined in `CompoundButtonSizes`.
- */
-type CompoundButtonSize = ValuesOf<typeof CompoundButtonSizes>;
-/**
- * Form targets for {@link CompoundButton}
+ * Modal mode type.
  * @public
  */
-declare const CompoundButtonFormTargets: {
-    readonly blank: "_blank";
-    readonly self: "_self";
-    readonly parent: "_parent";
-    readonly top: "_top";
-};
-/**
- * Type describing form target options for {@link CompoundButton}.
- * This is the union of the values defined in `CompoundButtonFormTargets`.
- */
-type CompoundButtonFormTarget = ValuesOf<typeof CompoundButtonFormTargets>;
+type ModalMode = ValuesOf<typeof ModalModes>;
+
 /**
- * Types for {@link CompoundButton}
+ * Dialog
+ * @summary A Dialog Custom HTML Element that provides modal, non-modal, and alert dialog types with accessible attributes.
+ *
+ * @example
+ * ```html
+ * <fabric-dialog type="modal" aria-labelledby="dialog-label" aria-describedby="dialog-desc">
+ *   <span slot="title">Title</span>
+ *   <div>Content of the dialog body</div>
+ *   <span slot="action">Action buttons</span>
+ * </fabric-dialog>
+ * ```
+ *
+ * @attr {string} aria-describedby - Identifies the element (or elements) that describes the object.
+ * @attr {string} aria-labelledby - Identifies the element (or elements) that labels the current element.
+ * @attr {DialogType} type - The type of dialog ('modal', 'non-modal', 'alert').
+ *
+ * @prop {HTMLElement} dialog - The internal dialog element reference.
+ * @prop {string} ariaDescribedby - Reflects the 'aria-describedby' attribute to associate the dialog with descriptive text.
+ * @prop {string} ariaLabelledby - Reflects the 'aria-labelledby' attribute to associate the dialog with its label.
+ * @prop {DialogType} type - The type of dialog, which can be 'modal', 'non-modal', or 'alert'.
+ *
+ * @slot - The default slot for dialog content.
+ *
+ * @csspart dialog - The dialog container.
+ *
+ * @method show() - Opens the dialog.
+ * @method hide() - Closes the dialog.
+ * @method clickHandler() - Handles click events on the dialog.
+ *
+ * @fires {CustomEvent} beforetoggle - Event emitted before the dialog's open state changes.
+ * @fires {CustomEvent} toggle - Event emitted after the dialog's open state changes.
+ *
+ * @extends FluentDialog
+ * @tagname fabric-dialog
  * @public
  */
-declare const CompoundButtonTypes: {
-    readonly submit: "submit";
-    readonly reset: "reset";
-    readonly button: "button";
-};
-/**
- * Type describing button type options for {@link CompoundButton}.
-
- * This is the union of the values defined in `CompoundButtonTypes`.
-*/
-type CompoundButtonType = ValuesOf<typeof CompoundButtonTypes>;
+declare class Dialog extends Dialog$1 {
+}
 
 /**
- * CompoundButton
- * @summary The base class used for constructing a fabric-compound-button custom element, which extends the Fluent UI CompoundButton with Fabric-specific functionality.
+ * @summary A content item for the modal FRE (First Run Experience) wizard.
+ *
+ * Each fre-item is a self-contained step that renders its own hero content,
+ * title, description, and dismiss button. The parent `fabric-modal` assigns
+ * fre-items to a {@link CarouselController} which manages active state and
+ * ARIA linkage. Only the active item is visible.
  *
  * @example
  * ```html
- * <fabric-compound-button appearance="primary" shape="rounded" size="large" type="submit" autofocus>
- *   <span slot="start">🚀</span>
- *   Your Text Here
- *   <span slot="end">→</span>
- *   <span slot="description">Detailed description here</span>
- * </fabric-compound-button>
+ * <fabric-modal-fre-item>
+ *   <span slot="title">Welcome</span>
+ *   <span slot="description">Get started with Fabric.</span>
+ *   <img src="hero.png" alt="Welcome illustration" />
+ * </fabric-modal-fre-item>
  * ```
  *
- * @attr {CompoundButtonAppearance | undefined} appearance - Indicates the styled appearance of the button.
- * @attr {CompoundButtonShape | undefined} shape - The shape of the button.
- * @attr {CompoundButtonSize | undefined} size - The size of the button.
- * @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content.
- * @attr {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
- * @attr {boolean | undefined} disabled-focusable - Indicates that the button is focusable while disabled.
- * @attr {number | undefined} tabindex - Sets that the button tabindex attribute.
- * @attr {string | undefined} formaction - The URL that processes the form submission.
- * @attr {string | undefined} form - The id of a form to associate the element to.
- * @attr {string | undefined} formenctype - The encoding type for the form submission.
- * @attr {string | undefined} formmethod - The HTTP method that the browser uses to submit the form.
- * @attr {boolean | undefined} formnovalidate - Indicates that the form will not be validated when submitted.
- * @attr {CompoundButtonFormTarget | undefined} formtarget - The target frame or window to open the form submission in.
- * @attr {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
- * @attr {string | undefined} type - The button type.
- * @attr {string | undefined} value - The value attribute.
- *
- * @prop {CompoundButtonAppearance | undefined} appearance - Indicates the styled appearance of the button.
- * @prop {CompoundButtonShape | undefined} shape - The shape of the button.
- * @prop {CompoundButtonSize | undefined} size - The size of the button.
- * @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content.
- * @prop {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
- * @prop {boolean | undefined} disabledFocusable - Indicates that the button is focusable while disabled.
- * @prop {number | undefined} tabIndex - Sets that the button tabindex attribute.
- * @prop {string | undefined} formAction - The URL that processes the form submission.
- * @prop {string | undefined} form - The id of a form to associate the element to.
- * @prop {string | undefined} formEnctype - The encoding type for the form submission.
- * @prop {string | undefined} formMethod - The HTTP method that the browser uses to submit the form.
- * @prop {boolean | undefined} formNoValidate - Indicates that the form will not be validated when submitted.
- * @prop {CompoundButtonFormTarget | undefined} formTarget - The target frame or window to open the form submission in.
- * @prop {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
- * @prop {string | undefined} type - The button type.
- * @prop {string | undefined} value - The value attribute.
+ * @attr {boolean} active - Whether this item is the currently visible step.
+ * @attr {string} label - Accessible label for this step.
  *
- * @slot start - Content which can be provided before the button content.
- * @slot end - Content which can be provided after the button content.
- * @slot - The default slot for button content.
- * @slot description - A slot for providing additional description.
+ * @prop {string} panelId - Unique ID for this panel (set by CarouselController).
+ * @prop {string} tabId - ID of the associated tab (for aria-labelledby, set by CarouselController).
  *
- * @csspart content - The button content container.
+ * @slot default - Hero content (image, illustration, or any visual).
+ * @slot title - Title content for this step.
+ * @slot description - Description content for this step.
  *
- * @method press - Presses the button.
- * @method resetForm - Resets the associated form.
+ * @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed.
  *
- * @extends FluentCompoundButton
- * @tagname fabric-compound-button
+ * @extends FASTElement
+ * @tagname fabric-modal-fre-item
  * @public
  */
-declare class CompoundButton extends BaseButton {
+declare class ModalFreItem extends FASTElement implements CarouselManagedItem {
     /**
-     * The appearance of the compound button.
-     *
+     * Whether this item is the currently visible step.
+     * Managed by the CarouselController.
      * @public
-     * @remarks
-     * HTML Attribute: `appearance`
      */
-    appearance: CompoundButtonAppearance;
+    active: boolean;
     /**
-     * The shape of the compound button.
-     *
+     * Accessible label for this step.
      * @public
-     * @remarks
-     * HTML Attribute: `shape`
      */
-    shape?: CompoundButtonShape;
+    label?: string;
     /**
-     * The size of the compound button.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `size`
+     * Unique ID for this tabpanel (set by CarouselController).
+     * @internal
      */
-    size?: CompoundButtonSize;
+    panelId?: string;
     /**
-     * Indicates that the compound button should only display as an icon with no text content.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `icon-only`
+     * ID of the associated tab element (for aria-labelledby, set by CarouselController).
+     * @internal
      */
-    iconOnly: boolean;
+    tabId?: string;
+    /**
+     * Handles the dismiss button click.
+     * Dispatches a bubbling, composed dismiss event.
+     * @internal
+     */
+    handleDismiss(): void;
 }
 
 /**
- * The Fabric Compound Button component.
- *
- * @public
- */
-declare const definition$_: _microsoft_fast_element.FASTElementDefinition<typeof CompoundButton>;
-
-/**
- * LoadingButton
- * @summary A custom button component with a loading state that extends Fluent UI's Button class. It provides visual feedback with a spinner when the button is in a loading state and disables interaction.
+ * @summary A modal dialog with optional FRE (First Run Experience) multi-step wizard mode.
+ * Uses fabric-dialog internally for native backdrop, focus trapping, and Escape key handling.
  *
- * @example
+ * @example Default mode
  * ```html
- * <fabric-loading-button
- *   appearance='primary'
- *   size='large'
- *   shape='rounded'
- *   loading
- *   disabled
- *   aria-busy='true'>
- *   Submit
- * </fabric-loading-button>
+ * <fabric-modal open modal-title="Confirm action">
+ *   <h2>Are you sure?</h2>
+ *   <p>This action cannot be undone.</p>
+ * </fabric-modal>
  * ```
  *
- * @attr {boolean} loading - Indicates whether the button is in a loading state.
- * @attr {ButtonAppearance} appearance - The appearance of the button.
- * @attr {ButtonShape} shape - The shape of the button.
- * @attr {ButtonSize} size - The size of the button.
- * @attr {string} aria-busy - Indicates whether the button is busy.
- *
- * @prop {boolean} loading - Indicates whether the button is in a loading state. Default: false.
- * @prop {boolean} disabled - Indicates whether the button is disabled. Default: false.
- *
- * @slot - The default slot for the button content.
- * @slot start - Slot for the spinner when the button is loading.
+ * @example FRE mode
+ * ```html
+ * <fabric-modal mode="fre" open modal-title="Welcome">
+ *   <fabric-modal-fre-item>
+ *     <span slot="title">Step 1</span>
+ *     <span slot="description">First step details.</span>
+ *     <img src="hero1.png" alt="Step 1" />
+ *   </fabric-modal-fre-item>
+ *   <fabric-modal-fre-item>
+ *     <span slot="title">Step 2</span>
+ *     <span slot="description">Second step details.</span>
+ *     <img src="hero2.png" alt="Step 2" />
+ *   </fabric-modal-fre-item>
+ * </fabric-modal>
+ * ```
  *
- * @csspart control - The control part of the button, styled differently when loading and disabled.
+ * @attr {string} mode - Modal mode: "default" or "fre".
+ * @attr {boolean} open - Whether the modal is visible.
+ * @attr {string} modal-title - Accessible label for the modal.
+ * @attr {number} current-step - Active step index (FRE mode).
+ * @attr {string} primary-label - Label for the primary button in default mode (defaults to "OK").
+ * @attr {string} next-label - Label for the "Next" button in FRE mode (defaults to "Next").
+ * @attr {string} done-label - Label for the "Done" button in FRE mode (defaults to "Done").
+ * @attr {string} try-later-label - Label for the secondary button on FRE first step (defaults to "Try Later").
+ * @attr {string} back-label - Label for the secondary "Back" button in FRE mode (defaults to "Back").
+ * @attr {string} dismiss-label - Label for the secondary "Dismiss" button on FRE last step (defaults to "Dismiss").
+ *
+ * @prop {ModalMode} mode - Modal mode.
+ * @prop {boolean} open - Whether the modal is visible.
+ * @prop {string} modalTitle - Accessible label.
+ * @prop {number} currentStep - Active step index (FRE mode).
+ * @prop {number} totalSteps - Total step count (FRE mode, readonly).
+ *
+ * @slot default - Modal content. In FRE mode, accepts fabric-modal-fre-item elements.
+ *
+ * @fires open-change - Fired when open state changes.
+ * @fires dismiss - Fired when the modal is dismissed. Detail includes `{ complete: boolean }` indicating if dismissal was due to FRE wizard completion.
+ * @fires step-change - Fired when the active step changes (FRE mode).
  *
- * @extends FluentButton
- * @tagname fabric-loading-button
+ * @extends FASTElement
+ * @tagname fabric-modal
  * @public
  */
-declare class LoadingButton extends Button$1 {
+declare class Modal extends FASTElement implements Subscriber {
     /**
-     * Indicates whether the button is in a loading state.
+     * Carousel controller for FRE mode.
+     * @internal
+     */
+    readonly carouselController: CarouselController<CarouselItem>;
+    /**
+     * Modal mode: "default" for simple modal, "fre" for multi-step wizard.
      * @public
-     * @type {boolean}
-     * @default false
      */
-    loading: boolean;
-    connectedCallback(): void;
-}
-
-/**
- * Defines a custom element registration entry that can be composed with other
- * element definitions.
- *
- * @public
- */
-interface FabricElementDefinition {
+    mode: ModalMode;
     /**
-     * The custom element tag name associated with the definition.
+     * Whether the modal is visible.
+     * @public
      */
-    readonly name: string;
+    open: boolean;
     /**
-     * Registers the element definition with a custom element registry.
-     *
-     * @param registry - The registry to define the element in. Defaults to the
-     * global custom element registry.
+     * Accessible label for the modal.
+     * @public
      */
-    define(registry?: CustomElementRegistry): void;
-}
-/**
- * The subset of FAST element definitions required by Fabric definition helpers.
- *
- * @internal
- */
-interface FASTElementDefinitionLike {
-    readonly name: string;
-    define(registry?: CustomElementRegistry): void;
-}
-/**
- * Validates a FAST element definition and returns it as a Fabric element
- * definition.
- *
- * @param fastDefinition - The FAST definition to validate.
- * @returns The FAST definition as a Fabric element definition.
- *
- * @public
- */
-declare function fromFAST(fastDefinition: FASTElementDefinitionLike): FabricElementDefinition;
-/**
- * Creates a Fabric element definition for a primary element and any
- * sub-element dependencies it requires.
- *
- * @param primaryDefinition - The primary element definition to expose.
- * @param dependencies - The dependency definitions to register before the
- * primary definition.
- * @returns A Fabric element definition that defines each dependency and the
- * primary definition with the same custom element registry.
- *
- * @public
- */
-declare function composeDefinitions(primaryDefinition: FabricElementDefinition, ...dependencies: FabricElementDefinition[]): FabricElementDefinition;
-
-/**
- * Composed element definition for `<fabric-loading-button>`, registering the
- * `fabric-spinner` dependency before the element itself.
- *
- * @public
- * @remarks
- * HTML Element: `<fabric-loading-button>`
- */
-declare const definition$Z: FabricElementDefinition;
-
-/**
- * MultiView
- * @summary A customizable step component for a wizard-style interface.
- *
- * @example
- * ```html
- * <fabric-multi-view>
- *   <div slot="start">Start Content</div>
- *   <div>Default Content</div>
- *   <div slot="end">End Content</div>
- * </fabric-multi-view>
- * ```
- *
- * @attr {boolean} hidden - Controls the visibility of the component. True if the component is hidden.
- *
- * @prop {boolean} hidden - Determines the hidden state of the multi-view.
- *
- * @slot - Default slot for adding content that can be shown or hidden.
- *
- * @csspart multi-view - Style part for the main container of the multi-view.
- *
- * @method hiddenChanged(oldValue: string, newValue: string) - Called when the `hidden` attribute changes. It emits the `hidden-change` event.
- *
- * @fires hidden-change - Fires when the hidden state of the component changes.
- *
- * @extends FASTElement
- * @tagname fabric-multi-view
- * @public
- */
-declare class MultiView extends FASTElement {
+    modalTitle: string;
     /**
-     * Determines the hidden state of the multi-view
+     * Active step index. Only meaningful in FRE mode.
      * @public
-     * @type {boolean}
-     * @attr
      */
-    hidden: boolean;
-    hiddenChanged(oldValue: string, newValue: string): void;
-}
-
-/**
- *
- * @public
- * @remarks
- * HTML Element: <fabric-multi-view>
- */
-declare const definition$Y: _microsoft_fast_element.FASTElementDefinition<typeof MultiView>;
-
-/**
- * MultiView event names
- * @public
- */
-declare const MultiViewEventNames: {
-    readonly hiddenChange: "hidden-change";
-};
-
-/**
- * MultiViewController
- * @summary A customizable controller component for a multi-view interface.
- *
- * @example
- * ```html
- * <fabric-multi-view-controller hidden>
- *   <fabric-multi-view-group>
- *     <fabric-multi-view>
- *       <!-- Content for the first view -->
- *     </fabric-multi-view>
- *     <fabric-multi-view>
- *       <!-- Content for the second view -->
- *     </fabric-multi-view>
- *   </fabric-multi-view-group>
- * </fabric-multi-view-controller>
- * ```
- *
- * @attr {boolean} hidden - Controls the visibility of the component. True if the component is hidden.
- *
- * @prop {boolean} hidden - Controls the visibility of the component. True if the component is hidden.
- *
- * @slot - Default slot for adding a controller.
- *
- * @csspart multi-view - Style part for the main container of the multi-view.
- *
- * @extends FASTElement
- * @tagname fabric-multi-view-controller
- * @public
- */
-declare class MultiViewController extends FASTElement {
-}
-
-/**
- *
- * @public
- * @remarks
- * HTML Element: <fluent-multi-view-controller>
- */
-declare const definition$X: _microsoft_fast_element.FASTElementDefinition<typeof MultiViewController>;
-
-/**
- * MultiViewGroup
- * @summary The MultiViewGroup component is designed to manage multiple views or panels, controlling their visibility and interaction state.
- *
- * @example
- * ```html
- * <fabric-multi-view-group>
- *   <div slot="controller">Controller 1</div>
- *   <fabric-multi-view slot="multi-view">View 1</fabric-multi-view>
- *   <div slot="controller">Controller 2</div>
- *   <fabric-multi-view slot="multi-view">View 2</fabric-multi-view>
- * </fabric-multi-view-group>
- * ```
- *
- * @attr {HTMLElement[]} multiViews - An observable array of HTML elements that represent multiViews.
- * @attr {HTMLElement[]} controllers - An observable array of HTML elements that represent controllers.
- * @attr {HTMLElement[]} openedMultiViews - An observable array of HTML elements that represent opened multiViews.
- * @attr {string} activeid - A string representing the active ID.
- *
- * @prop {HTMLElement | undefined} activeController - A HTML element representing the active controller.
- * @prop {number} prevActiveControllerIndex - A number representing the index of the previously active controller.
- * @prop {number} activeControllerIndex - A number representing the index of the active controller.
- * @prop {string[]} controllerIds - An array of strings that represent the IDs of the controllers.
- * @prop {string[]} multiViewsIds - An array of strings that represent the IDs of the multiViews.
- *
- * @slot multi-view - Slot for the individual view panels managed by this component.
- * @slot controller - Slot for the control elements that toggle the visibility of the view panels.
- *
- * @csspart views - The container for view panels.
- * @csspart controllers - The container for the control elements.
- *
- * @method initialize - Initializes the component by setting up controllers and multiViews.
- * @method openMultiView - Opens the specified multiView.
- * @method manageOpenedMultiViews - Manages opened MultiViews by limiting the number of opened views and setting focus on the newly opened MultiView.
- * @method limitNumberOfOpenMultiViews - Limits the number of opened MultiViews.
- * @method manageOpeningSecondMultiView - Manages the opening of a second MultiView.
- * @method openSecondMultiView - Opens the second multiView.
- * @method closeMultiView - Closes the specified multiView.
- * @method manageClosedMultiViews - Manages the state of closed MultiViews.
- * @method closeAllMultiViews - Closes all opened multiViews.
- * @method toggleMultiView - Toggles the specified multiView.
- * @method activeidChanged - Called when the active ID changes.
- * @method controllersChanged - Called when controllers changes.
- * @method multiViewsChanged - Called when multiViews changes.
- * @method openedMultiViewsChanged - Called when openedMultiViews changes.
- *
- * @fires change - Fires when the state of the opened views changes.
- *
- * @extends FASTElement
- * @tagname fabric-multi-view-group
- * @public
- */
-declare class MultiViewGroup extends FASTElement {
+    currentStep: number;
     /**
-     * Method to be called when the component is inserted into the document.
+     * Label for the primary button in default mode.
+     * @public
      */
-    connectedCallback(): void;
+    primaryLabel: string;
     /**
-     * Method to be called when the component is removed from the document.
+     * Label for the "Next" button in FRE mode.
+     * @public
      */
-    disconnectedCallback(): void;
-    initialize(): void;
+    nextLabel: string;
     /**
-     * An observable array of HTML elements that represent multiViews.
+     * Label for the "Done" button in FRE mode.
+     * @public
      */
-    multiViews: HTMLElement[];
+    doneLabel: string;
     /**
-     * An observable array of HTML elements that represent controllers.
+     * Label for the secondary button on FRE first step.
+     * @public
      */
-    controllers: HTMLElement[];
+    tryLaterLabel: string;
     /**
-     * A reference to the controllers container
+     * Label for the secondary "Back" button in FRE mode.
+     * @public
      */
-    controllersContainer: HTMLElement;
+    backLabel: string;
     /**
-     * An observable array of HTML elements that represent opened multiViews.
+     * Label for the secondary "Dismiss" button on FRE last step.
+     * @public
      */
-    openedMultiViews: HTMLElement[];
+    dismissLabel: string;
     /**
-     * The previously opened MultiView
+     * Reference to the inner fabric-dialog element (set via template ref).
+     * @internal
      */
-    previouslyOpenedMultiView: MultiView | null;
+    dialog: Dialog;
     /**
-     * A string representing the active ID.
+     * Slotted items (used in FRE mode to track fre-items, or carousel-items in default).
+     * @internal
      */
-    private activeid;
+    slottedContent: HTMLElement[];
     /**
-     * A HTML element representing the active controller.
+     * FRE items parsed from slotted content.
+     * @internal
      */
-    private activeController?;
+    freItems: ModalFreItem[];
     /**
-     * A number representing the index of the previously active controller.
+     * Total step count (FRE mode).
+     * @public
+     * @readonly
      */
-    private prevActiveControllerIndex;
+    get totalSteps(): number;
     /**
-     * A number representing the index of the active controller.
+     * Callback when open changes.
+     * Delegates to the inner fabric-dialog's show/hide.
+     * @internal
      */
-    private activeControllerIndex;
+    openChanged(_oldValue: boolean, newValue: boolean): void;
     /**
-     * An array of strings that represent the IDs of the controllers.
+     * Callback when current-step attribute changes.
+     * Syncs the controller to the attribute value.
+     * @internal
      */
-    private controllerIds;
+    currentStepChanged(_oldValue: string | number, newValue: string | number): void;
     /**
-     * An array of strings that represent the IDs of the multiViews.
+     * Callback when slotted content changes.
+     * In FRE mode, extracts fre-items and assigns them directly to the carousel controller.
+     * @internal
      */
-    private multiViewsIds;
+    slottedContentChanged(): void;
     /**
-     * Method to open a multiView.
-     * @param {MultiView} multiView - The multiView to open.
+     * Handles the toggle event from the inner fabric-dialog.
+     * Syncs open state when the dialog is closed externally (Escape key, backdrop click).
+     * @internal
      */
-    openMultiView: (multiView: MultiView) => void;
+    handleDialogToggle(event: CustomEvent): void;
     /**
-     * Manages opened MultiViews by limiting the number of opened views
-     * and setting focus on the newly opened MultiView.
-     *
-     * @param {MultiView} multiView - The MultiView to manage.
-     * @param {CustomEvent} [event] - The event that triggered the managing of the MultiView.
-     * @public
+     * Handles the primary button action.
+     * In default mode: dismisses. In FRE mode: advances step or completes.
+     * @internal
      */
-    manageOpenedMultiViews: (multiView: MultiView) => void;
+    handlePrimaryAction(): void;
     /**
-     * Limits the number of opened MultiViews. If there are more than one MultiViews opened,
-     * it will remove the attribute "data-flexposition" from the first opened MultiView and hide it.
-     * @public
+     * Handles the secondary button action.
+     * In FRE mode: "Try Later" / "Back" / "Dismiss" depending on step.
+     * @internal
      */
-    limitNumberOfOpenMultiViews(): void;
+    handleSecondaryAction(): void;
     /**
-     * Manages the opening of a second MultiView. It will set the "data-flexposition" attribute of the second MultiView,
-     * limit the number of opened MultiViews if necessary, and add the second MultiView to the list of opened MultiViews.
-     *
-     * @param {MultiView} multiView - The MultiView to open.
-     * @public
+     * Handles dismiss (close button, Escape, backdrop click, or FRE completion).
+     * @param complete - Whether the dismiss was triggered by completing the FRE wizard.
+     * @internal
      */
-    manageOpeningSecondMultiView: (multiView: MultiView) => void;
+    handleDismiss(complete?: boolean): void;
     /**
-     * Method to open the second multiView.
+     * Gets the label for the secondary button based on current FRE step.
+     * @internal
      */
-    openSecondMultiView: (multiView: MultiView) => void;
+    get secondaryButtonLabel(): string;
     /**
-     * Method to close a multiView.
-     * @param {MultiView} multiView - The multiView to close.
+     * Gets the label for the primary button.
+     * @internal
      */
-    closeMultiView: (multiView: MultiView) => void;
-    manageClosedMultiViews: (multiView: MultiView) => void;
+    get primaryButtonLabel(): string;
     /**
-     * Method to close all opened multiViews.
+     * Subscriber implementation for CarouselController changes.
+     * Syncs currentStep attribute and emits step-change event.
+     * @internal
      */
-    closeAllMultiViews: () => void;
+    handleChange(source: CarouselController, propertyName: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
-     * Method to toggle a multiView.
-     * @param {MultiView} multiView - The multiView to toggle.
+     * Emits open-change event.
+     * @internal
      */
-    toggleMultiView: (multiView: MultiView) => void;
+    private emitOpenChange;
     /**
-     * Method to be called when the active ID changes.
-     * @param {string} oldValue - The previous value of the active ID.
-     * @param {string} newValue - The new value of the active ID.
+     * Emits step-change event.
+     * @internal
+     */
+    private emitStepChange;
+}
+
+/**
+ * Defines a custom element registration entry that can be composed with other
+ * element definitions.
+ *
+ * @public
+ */
+interface FabricElementDefinition {
+    /**
+     * The custom element tag name associated with the definition.
+     */
+    readonly name: string;
+    /**
+     * Registers the element definition with a custom element registry.
+     *
+     * @param registry - The registry to define the element in. Defaults to the
+     * global custom element registry.
+     */
+    define(registry?: CustomElementRegistry): void;
+}
+/**
+ * The subset of FAST element definitions required by Fabric definition helpers.
+ *
+ * @internal
+ */
+interface FASTElementDefinitionLike {
+    readonly name: string;
+    define(registry?: CustomElementRegistry): void;
+}
+/**
+ * Validates a FAST element definition and returns it as a Fabric element
+ * definition.
+ *
+ * @param fastDefinition - The FAST definition to validate.
+ * @returns The FAST definition as a Fabric element definition.
+ *
+ * @public
+ */
+declare function fromFAST(fastDefinition: FASTElementDefinitionLike): FabricElementDefinition;
+/**
+ * Creates a Fabric element definition for a primary element and any
+ * sub-element dependencies it requires.
+ *
+ * @param primaryDefinition - The primary element definition to expose.
+ * @param dependencies - The dependency definitions to register before the
+ * primary definition.
+ * @returns A Fabric element definition that defines each dependency and the
+ * primary definition with the same custom element registry.
+ *
+ * @public
+ */
+declare function composeDefinitions(primaryDefinition: FabricElementDefinition, ...dependencies: FabricElementDefinition[]): FabricElementDefinition;
+
+/**
+ * Composed element definition for `<fabric-modal>`, and all direct dependencies.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-modal>`
+ */
+declare const definition$12: FabricElementDefinition;
+
+/**
+ * Composed element definition for `<fabric-modal-fre-item>`, registering the
+ * `fabric-button` dependency before the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-modal-fre-item>`
+ */
+declare const modalFreItemDefinition: FabricElementDefinition;
+
+/**
+ * Event names for the Modal component.
+ * @public
+ */
+declare const ModalEventNames: {
+    readonly openChange: "open-change";
+    readonly dismiss: "dismiss";
+    readonly stepChange: "step-change";
+};
+/**
+ * Modal event type.
+ * @public
+ */
+type ModalEventName = ValuesOf<typeof ModalEventNames>;
+/**
+ * Detail payload for the dismiss event.
+ * @public
+ */
+interface ModalDismissEventDetail {
+    /**
+     * Whether the dismiss was triggered by completing the FRE wizard.
+     */
+    complete: boolean;
+}
+
+/**
+ * Appearances for {@link CompoundButton}
+ * Local plural const composed from ButtonAppearances allowing future extensions.
+ * @public
+ */
+declare const CompoundButtonAppearances: {
+    readonly primaryOnBrand: "primary-on-brand";
+    readonly primary: "primary";
+    readonly outline: "outline";
+    readonly subtle: "subtle";
+    readonly transparent: "transparent";
+};
+/**
+ * Type describing appearance options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonAppearances`.
+ */
+type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearances>;
+/**
+ * Shapes for {@link CompoundButton}
+ * @public
+ */
+declare const CompoundButtonShapes: {
+    readonly circular: "circular";
+    readonly rounded: "rounded";
+    readonly square: "square";
+};
+/**
+ * Type describing shape options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonShapes`.
+ */
+type CompoundButtonShape = ValuesOf<typeof CompoundButtonShapes>;
+/**
+ * Sizes for {@link CompoundButton}
+ * @public
+ */
+declare const CompoundButtonSizes: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+/**
+ * Type describing size options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonSizes`.
+ */
+type CompoundButtonSize = ValuesOf<typeof CompoundButtonSizes>;
+/**
+ * Form targets for {@link CompoundButton}
+ * @public
+ */
+declare const CompoundButtonFormTargets: {
+    readonly blank: "_blank";
+    readonly self: "_self";
+    readonly parent: "_parent";
+    readonly top: "_top";
+};
+/**
+ * Type describing form target options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonFormTargets`.
+ */
+type CompoundButtonFormTarget = ValuesOf<typeof CompoundButtonFormTargets>;
+/**
+ * Types for {@link CompoundButton}
+ * @public
+ */
+declare const CompoundButtonTypes: {
+    readonly submit: "submit";
+    readonly reset: "reset";
+    readonly button: "button";
+};
+/**
+ * Type describing button type options for {@link CompoundButton}.
+
+ * This is the union of the values defined in `CompoundButtonTypes`.
+*/
+type CompoundButtonType = ValuesOf<typeof CompoundButtonTypes>;
+
+/**
+ * CompoundButton
+ * @summary The base class used for constructing a fabric-compound-button custom element, which extends the Fluent UI CompoundButton with Fabric-specific functionality.
+ *
+ * @example
+ * ```html
+ * <fabric-compound-button appearance="primary" shape="rounded" size="large" type="submit" autofocus>
+ *   <span slot="start">🚀</span>
+ *   Your Text Here
+ *   <span slot="end">→</span>
+ *   <span slot="description">Detailed description here</span>
+ * </fabric-compound-button>
+ * ```
+ *
+ * @attr {CompoundButtonAppearance | undefined} appearance - Indicates the styled appearance of the button.
+ * @attr {CompoundButtonShape | undefined} shape - The shape of the button.
+ * @attr {CompoundButtonSize | undefined} size - The size of the button.
+ * @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content.
+ * @attr {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
+ * @attr {boolean | undefined} disabled-focusable - Indicates that the button is focusable while disabled.
+ * @attr {number | undefined} tabindex - Sets that the button tabindex attribute.
+ * @attr {string | undefined} formaction - The URL that processes the form submission.
+ * @attr {string | undefined} form - The id of a form to associate the element to.
+ * @attr {string | undefined} formenctype - The encoding type for the form submission.
+ * @attr {string | undefined} formmethod - The HTTP method that the browser uses to submit the form.
+ * @attr {boolean | undefined} formnovalidate - Indicates that the form will not be validated when submitted.
+ * @attr {CompoundButtonFormTarget | undefined} formtarget - The target frame or window to open the form submission in.
+ * @attr {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
+ * @attr {string | undefined} type - The button type.
+ * @attr {string | undefined} value - The value attribute.
+ *
+ * @prop {CompoundButtonAppearance | undefined} appearance - Indicates the styled appearance of the button.
+ * @prop {CompoundButtonShape | undefined} shape - The shape of the button.
+ * @prop {CompoundButtonSize | undefined} size - The size of the button.
+ * @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content.
+ * @prop {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
+ * @prop {boolean | undefined} disabledFocusable - Indicates that the button is focusable while disabled.
+ * @prop {number | undefined} tabIndex - Sets that the button tabindex attribute.
+ * @prop {string | undefined} formAction - The URL that processes the form submission.
+ * @prop {string | undefined} form - The id of a form to associate the element to.
+ * @prop {string | undefined} formEnctype - The encoding type for the form submission.
+ * @prop {string | undefined} formMethod - The HTTP method that the browser uses to submit the form.
+ * @prop {boolean | undefined} formNoValidate - Indicates that the form will not be validated when submitted.
+ * @prop {CompoundButtonFormTarget | undefined} formTarget - The target frame or window to open the form submission in.
+ * @prop {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
+ * @prop {string | undefined} type - The button type.
+ * @prop {string | undefined} value - The value attribute.
+ *
+ * @slot start - Content which can be provided before the button content.
+ * @slot end - Content which can be provided after the button content.
+ * @slot - The default slot for button content.
+ * @slot description - A slot for providing additional description.
+ *
+ * @csspart content - The button content container.
+ *
+ * @method press - Presses the button.
+ * @method resetForm - Resets the associated form.
+ *
+ * @extends FluentCompoundButton
+ * @tagname fabric-compound-button
+ * @public
+ */
+declare class CompoundButton extends BaseButton {
+    /**
+     * The appearance of the compound button.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `appearance`
+     */
+    appearance: CompoundButtonAppearance;
+    /**
+     * The shape of the compound button.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `shape`
+     */
+    shape?: CompoundButtonShape;
+    /**
+     * The size of the compound button.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `size`
+     */
+    size?: CompoundButtonSize;
+    /**
+     * Indicates that the compound button should only display as an icon with no text content.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `icon-only`
+     */
+    iconOnly: boolean;
+}
+
+/**
+ * The Fabric Compound Button component.
+ *
+ * @public
+ */
+declare const definition$11: _microsoft_fast_element.FASTElementDefinition<typeof CompoundButton>;
+
+/**
+ * LoadingButton
+ * @summary A custom button component with a loading state that extends Fluent UI's Button class. It provides visual feedback with a spinner when the button is in a loading state and disables interaction.
+ *
+ * @example
+ * ```html
+ * <fabric-loading-button
+ *   appearance='primary'
+ *   size='large'
+ *   shape='rounded'
+ *   loading
+ *   disabled
+ *   aria-busy='true'>
+ *   Submit
+ * </fabric-loading-button>
+ * ```
+ *
+ * @attr {boolean} loading - Indicates whether the button is in a loading state.
+ * @attr {ButtonAppearance} appearance - The appearance of the button.
+ * @attr {ButtonShape} shape - The shape of the button.
+ * @attr {ButtonSize} size - The size of the button.
+ * @attr {string} aria-busy - Indicates whether the button is busy.
+ *
+ * @prop {boolean} loading - Indicates whether the button is in a loading state. Default: false.
+ * @prop {boolean} disabled - Indicates whether the button is disabled. Default: false.
+ *
+ * @slot - The default slot for the button content.
+ * @slot start - Slot for the spinner when the button is loading.
+ *
+ * @csspart control - The control part of the button, styled differently when loading and disabled.
+ *
+ * @extends FluentButton
+ * @tagname fabric-loading-button
+ * @public
+ */
+declare class LoadingButton extends Button$1 {
+    /**
+     * Indicates whether the button is in a loading state.
+     * @public
+     * @type {boolean}
+     * @default false
+     */
+    loading: boolean;
+    connectedCallback(): void;
+}
+
+/**
+ * Composed element definition for `<fabric-loading-button>`, registering the
+ * `fabric-spinner` dependency before the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-loading-button>`
+ */
+declare const definition$10: FabricElementDefinition;
+
+/**
+ * MultiView
+ * @summary A customizable step component for a wizard-style interface.
+ *
+ * @example
+ * ```html
+ * <fabric-multi-view>
+ *   <div slot="start">Start Content</div>
+ *   <div>Default Content</div>
+ *   <div slot="end">End Content</div>
+ * </fabric-multi-view>
+ * ```
+ *
+ * @attr {boolean} hidden - Controls the visibility of the component. True if the component is hidden.
+ *
+ * @prop {boolean} hidden - Determines the hidden state of the multi-view.
+ *
+ * @slot - Default slot for adding content that can be shown or hidden.
+ *
+ * @csspart multi-view - Style part for the main container of the multi-view.
+ *
+ * @method hiddenChanged(oldValue: string, newValue: string) - Called when the `hidden` attribute changes. It emits the `hidden-change` event.
+ *
+ * @fires hidden-change - Fires when the hidden state of the component changes.
+ *
+ * @extends FASTElement
+ * @tagname fabric-multi-view
+ * @public
+ */
+declare class MultiView extends FASTElement {
+    /**
+     * Determines the hidden state of the multi-view
+     * @public
+     * @type {boolean}
+     * @attr
+     */
+    hidden: boolean;
+    hiddenChanged(oldValue: string, newValue: string): void;
+}
+
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-multi-view>
+ */
+declare const definition$$: _microsoft_fast_element.FASTElementDefinition<typeof MultiView>;
+
+/**
+ * MultiView event names
+ * @public
+ */
+declare const MultiViewEventNames: {
+    readonly hiddenChange: "hidden-change";
+};
+
+/**
+ * MultiViewController
+ * @summary A customizable controller component for a multi-view interface.
+ *
+ * @example
+ * ```html
+ * <fabric-multi-view-controller hidden>
+ *   <fabric-multi-view-group>
+ *     <fabric-multi-view>
+ *       <!-- Content for the first view -->
+ *     </fabric-multi-view>
+ *     <fabric-multi-view>
+ *       <!-- Content for the second view -->
+ *     </fabric-multi-view>
+ *   </fabric-multi-view-group>
+ * </fabric-multi-view-controller>
+ * ```
+ *
+ * @attr {boolean} hidden - Controls the visibility of the component. True if the component is hidden.
+ *
+ * @prop {boolean} hidden - Controls the visibility of the component. True if the component is hidden.
+ *
+ * @slot - Default slot for adding a controller.
+ *
+ * @csspart multi-view - Style part for the main container of the multi-view.
+ *
+ * @extends FASTElement
+ * @tagname fabric-multi-view-controller
+ * @public
+ */
+declare class MultiViewController extends FASTElement {
+}
+
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fluent-multi-view-controller>
+ */
+declare const definition$_: _microsoft_fast_element.FASTElementDefinition<typeof MultiViewController>;
+
+/**
+ * MultiViewGroup
+ * @summary The MultiViewGroup component is designed to manage multiple views or panels, controlling their visibility and interaction state.
+ *
+ * @example
+ * ```html
+ * <fabric-multi-view-group>
+ *   <div slot="controller">Controller 1</div>
+ *   <fabric-multi-view slot="multi-view">View 1</fabric-multi-view>
+ *   <div slot="controller">Controller 2</div>
+ *   <fabric-multi-view slot="multi-view">View 2</fabric-multi-view>
+ * </fabric-multi-view-group>
+ * ```
+ *
+ * @attr {HTMLElement[]} multiViews - An observable array of HTML elements that represent multiViews.
+ * @attr {HTMLElement[]} controllers - An observable array of HTML elements that represent controllers.
+ * @attr {HTMLElement[]} openedMultiViews - An observable array of HTML elements that represent opened multiViews.
+ * @attr {string} activeid - A string representing the active ID.
+ *
+ * @prop {HTMLElement | undefined} activeController - A HTML element representing the active controller.
+ * @prop {number} prevActiveControllerIndex - A number representing the index of the previously active controller.
+ * @prop {number} activeControllerIndex - A number representing the index of the active controller.
+ * @prop {string[]} controllerIds - An array of strings that represent the IDs of the controllers.
+ * @prop {string[]} multiViewsIds - An array of strings that represent the IDs of the multiViews.
+ *
+ * @slot multi-view - Slot for the individual view panels managed by this component.
+ * @slot controller - Slot for the control elements that toggle the visibility of the view panels.
+ *
+ * @csspart views - The container for view panels.
+ * @csspart controllers - The container for the control elements.
+ *
+ * @method initialize - Initializes the component by setting up controllers and multiViews.
+ * @method openMultiView - Opens the specified multiView.
+ * @method manageOpenedMultiViews - Manages opened MultiViews by limiting the number of opened views and setting focus on the newly opened MultiView.
+ * @method limitNumberOfOpenMultiViews - Limits the number of opened MultiViews.
+ * @method manageOpeningSecondMultiView - Manages the opening of a second MultiView.
+ * @method openSecondMultiView - Opens the second multiView.
+ * @method closeMultiView - Closes the specified multiView.
+ * @method manageClosedMultiViews - Manages the state of closed MultiViews.
+ * @method closeAllMultiViews - Closes all opened multiViews.
+ * @method toggleMultiView - Toggles the specified multiView.
+ * @method activeidChanged - Called when the active ID changes.
+ * @method controllersChanged - Called when controllers changes.
+ * @method multiViewsChanged - Called when multiViews changes.
+ * @method openedMultiViewsChanged - Called when openedMultiViews changes.
+ *
+ * @fires change - Fires when the state of the opened views changes.
+ *
+ * @extends FASTElement
+ * @tagname fabric-multi-view-group
+ * @public
+ */
+declare class MultiViewGroup extends FASTElement {
+    /**
+     * Method to be called when the component is inserted into the document.
+     */
+    connectedCallback(): void;
+    /**
+     * Method to be called when the component is removed from the document.
+     */
+    disconnectedCallback(): void;
+    initialize(): void;
+    /**
+     * An observable array of HTML elements that represent multiViews.
+     */
+    multiViews: HTMLElement[];
+    /**
+     * An observable array of HTML elements that represent controllers.
+     */
+    controllers: HTMLElement[];
+    /**
+     * A reference to the controllers container
+     */
+    controllersContainer: HTMLElement;
+    /**
+     * An observable array of HTML elements that represent opened multiViews.
+     */
+    openedMultiViews: HTMLElement[];
+    /**
+     * The previously opened MultiView
+     */
+    previouslyOpenedMultiView: MultiView | null;
+    /**
+     * A string representing the active ID.
+     */
+    private activeid;
+    /**
+     * A HTML element representing the active controller.
+     */
+    private activeController?;
+    /**
+     * A number representing the index of the previously active controller.
+     */
+    private prevActiveControllerIndex;
+    /**
+     * A number representing the index of the active controller.
+     */
+    private activeControllerIndex;
+    /**
+     * An array of strings that represent the IDs of the controllers.
+     */
+    private controllerIds;
+    /**
+     * An array of strings that represent the IDs of the multiViews.
+     */
+    private multiViewsIds;
+    /**
+     * Method to open a multiView.
+     * @param {MultiView} multiView - The multiView to open.
+     */
+    openMultiView: (multiView: MultiView) => void;
+    /**
+     * Manages opened MultiViews by limiting the number of opened views
+     * and setting focus on the newly opened MultiView.
+     *
+     * @param {MultiView} multiView - The MultiView to manage.
+     * @param {CustomEvent} [event] - The event that triggered the managing of the MultiView.
+     * @public
+     */
+    manageOpenedMultiViews: (multiView: MultiView) => void;
+    /**
+     * Limits the number of opened MultiViews. If there are more than one MultiViews opened,
+     * it will remove the attribute "data-flexposition" from the first opened MultiView and hide it.
+     * @public
+     */
+    limitNumberOfOpenMultiViews(): void;
+    /**
+     * Manages the opening of a second MultiView. It will set the "data-flexposition" attribute of the second MultiView,
+     * limit the number of opened MultiViews if necessary, and add the second MultiView to the list of opened MultiViews.
+     *
+     * @param {MultiView} multiView - The MultiView to open.
+     * @public
+     */
+    manageOpeningSecondMultiView: (multiView: MultiView) => void;
+    /**
+     * Method to open the second multiView.
+     */
+    openSecondMultiView: (multiView: MultiView) => void;
+    /**
+     * Method to close a multiView.
+     * @param {MultiView} multiView - The multiView to close.
+     */
+    closeMultiView: (multiView: MultiView) => void;
+    manageClosedMultiViews: (multiView: MultiView) => void;
+    /**
+     * Method to close all opened multiViews.
+     */
+    closeAllMultiViews: () => void;
+    /**
+     * Method to toggle a multiView.
+     * @param {MultiView} multiView - The multiView to toggle.
+     */
+    toggleMultiView: (multiView: MultiView) => void;
+    /**
+     * Method to be called when the active ID changes.
+     * @param {string} oldValue - The previous value of the active ID.
+     * @param {string} newValue - The new value of the active ID.
      */
     activeidChanged(oldValue: string, newValue: string): void;
     /**
@@ -2729,7 +3229,7 @@ declare class MultiViewGroup extends FASTElement {
  * @remarks
  * HTML Element: <fluent-multi-view-group>
  */
-declare const definition$W: _microsoft_fast_element.FASTElementDefinition<typeof MultiViewGroup>;
+declare const definition$Z: _microsoft_fast_element.FASTElementDefinition<typeof MultiViewGroup>;
 
 /**
  * MultiViewGroupPosition constants
@@ -2977,7 +3477,7 @@ declare class Overflow extends FASTElement {
  * Styles for the {@link Overflow} component.
  * @public
  */
-declare const styles$g: _microsoft_fast_element.ElementStyles;
+declare const styles$j: _microsoft_fast_element.ElementStyles;
 
 /**
  * The Overflow component definition.
@@ -2985,7 +3485,7 @@ declare const styles$g: _microsoft_fast_element.ElementStyles;
  * @remarks
  * HTML Element: <fabric-overflow>
  */
-declare const definition$V: _microsoft_fast_element.FASTElementDefinition<typeof Overflow>;
+declare const definition$Y: _microsoft_fast_element.FASTElementDefinition<typeof Overflow>;
 
 /** Event names for Overflow. */
 declare const OverflowEventNames: {
@@ -3004,7 +3504,7 @@ interface OverflowChangeEventDetail {
  * Styles for the {@link OverflowItem} component.
  * @public
  */
-declare const styles$f: _microsoft_fast_element.ElementStyles;
+declare const styles$i: _microsoft_fast_element.ElementStyles;
 
 /**
  * The OverflowItem component definition.
@@ -3012,13 +3512,13 @@ declare const styles$f: _microsoft_fast_element.ElementStyles;
  * @remarks
  * HTML Element: <fabric-overflow-item>
  */
-declare const definition$U: _microsoft_fast_element.FASTElementDefinition<typeof OverflowItem>;
+declare const definition$X: _microsoft_fast_element.FASTElementDefinition<typeof OverflowItem>;
 
 /**
  * Styles for the {@link OverflowDivider} component.
  * @public
  */
-declare const styles$e: _microsoft_fast_element.ElementStyles;
+declare const styles$h: _microsoft_fast_element.ElementStyles;
 
 /**
  * The OverflowDivider component definition.
@@ -3026,7 +3526,7 @@ declare const styles$e: _microsoft_fast_element.ElementStyles;
  * @remarks
  * HTML Element: <fabric-overflow-divider>
  */
-declare const definition$T: _microsoft_fast_element.FASTElementDefinition<typeof OverflowDivider>;
+declare const definition$W: _microsoft_fast_element.FASTElementDefinition<typeof OverflowDivider>;
 
 /**
  * Core types for Angular CDK-inspired positioning engine.
@@ -3530,11 +4030,11 @@ declare class Popover extends FASTElement {
     connectedCallback(): void;
 }
 
-declare const definition$S: _microsoft_fast_element.FASTElementDefinition<typeof Popover>;
+declare const definition$V: _microsoft_fast_element.FASTElementDefinition<typeof Popover>;
 
-declare const template$a: ElementViewTemplate<Popover>;
+declare const template$d: ElementViewTemplate<Popover>;
 
-declare const styles$d: _microsoft_fast_element.ElementStyles;
+declare const styles$g: _microsoft_fast_element.ElementStyles;
 
 /**
  * Supported visual variants for `fabric-pagination`.
@@ -3791,7 +4291,7 @@ declare class Pagination extends FASTElement {
 /**
  * FAST element definition for `fabric-pagination`.
  */
-declare const definition$R: _microsoft_fast_element.FASTElementDefinition<typeof Pagination>;
+declare const definition$U: _microsoft_fast_element.FASTElementDefinition<typeof Pagination>;
 
 /**
  * Registers the pagination element and all of its internal dependencies
@@ -4019,7 +4519,7 @@ declare class SvgIcon extends FASTElement {
  * @remarks
  * HTML Element: <fabric-svg-icon>
  */
-declare const definition$Q: _microsoft_fast_element.FASTElementDefinition<typeof SvgIcon>;
+declare const definition$T: _microsoft_fast_element.FASTElementDefinition<typeof SvgIcon>;
 
 type TableCellRenderFunction = (data: unknown) => string | HTMLElement | Promise<string | HTMLElement>;
 type TableColumnData = {
@@ -4306,11 +4806,11 @@ declare class Table extends FASTElement {
  * @remarks
  * HTML Element: `<fabric-table>`
  */
-declare const definition$P: FabricElementDefinition;
+declare const definition$S: FabricElementDefinition;
 
-declare const template$9: ElementViewTemplate<Table>;
+declare const template$c: ElementViewTemplate<Table>;
 
-declare const styles$c: _microsoft_fast_element.ElementStyles;
+declare const styles$f: _microsoft_fast_element.ElementStyles;
 
 /**
  * Simple Table
@@ -4364,7 +4864,7 @@ declare class SimpleTable extends FASTElement {
  * @remarks
  * HTML Element: <fabric-simple-table>
  */
-declare const definition$O: _microsoft_fast_element.FASTElementDefinition<typeof SimpleTable>;
+declare const definition$R: _microsoft_fast_element.FASTElementDefinition<typeof SimpleTable>;
 
 /**
  * TableCell
@@ -4431,11 +4931,11 @@ type TableCellSize = ValuesOf<typeof TableCellSizes>;
  * @remarks
  * HTML Element: <fabric-table-cell>
  */
-declare const definition$N: _microsoft_fast_element.FASTElementDefinition<typeof TableCell>;
+declare const definition$Q: _microsoft_fast_element.FASTElementDefinition<typeof TableCell>;
 
-declare const styles$b: _microsoft_fast_element.ElementStyles;
+declare const styles$e: _microsoft_fast_element.ElementStyles;
 
-declare const template$8: ElementViewTemplate<TableCell>;
+declare const template$b: ElementViewTemplate<TableCell>;
 
 /** Size values for {@link Tag}. */
 declare const TagSizes: {
@@ -4705,7 +5205,7 @@ declare class Tag extends FASTElement {
  * @remarks
  * HTML Element: `<fabric-tag>`
  */
-declare const definition$M: FabricElementDefinition;
+declare const definition$P: FabricElementDefinition;
 
 /**
  * The size variations for the teaching bubble component
@@ -5007,7 +5507,7 @@ declare class TeachingBubble extends FASTElement {
  * @remarks
  * HTML Element: <fabric-teaching-bubble>
  */
-declare const definition$L: _microsoft_fast_element.FASTElementDefinition<typeof TeachingBubble>;
+declare const definition$O: _microsoft_fast_element.FASTElementDefinition<typeof TeachingBubble>;
 
 /**
  * The state variations for the WizardStep component
@@ -5694,7 +6194,7 @@ declare class Wizard extends FASTElement {
  * @remarks
  * HTML Element: <fabric-wizard>
  */
-declare const definition$K: _microsoft_fast_element.FASTElementDefinition<typeof Wizard>;
+declare const definition$N: _microsoft_fast_element.FASTElementDefinition<typeof Wizard>;
 
 declare const WizardEvents: {
     readonly wizardChange: "wizard-change";
@@ -5836,7 +6336,7 @@ declare class WizardPanel extends FASTElement {
  * @remarks
  * HTML Element: <fabric-wizard-panel>
  */
-declare const definition$J: _microsoft_fast_element.FASTElementDefinition<typeof WizardPanel>;
+declare const definition$M: _microsoft_fast_element.FASTElementDefinition<typeof WizardPanel>;
 
 /**
  *
@@ -5844,7 +6344,7 @@ declare const definition$J: _microsoft_fast_element.FASTElementDefinition<typeof
  * @remarks
  * HTML Element: <fabric-wizard-step>
  */
-declare const definition$I: _microsoft_fast_element.FASTElementDefinition<typeof WizardStep>;
+declare const definition$L: _microsoft_fast_element.FASTElementDefinition<typeof WizardStep>;
 
 /**
  * AccordionItem
@@ -5915,7 +6415,7 @@ type AccordionItemMarkerPosition = ValuesOf<typeof AccordionItemMarkerPositions>
  * @remarks
  * HTML Element: <fabric-accordion-item>
  */
-declare const definition$H: _microsoft_fast_element.FASTElementDefinition<typeof AccordionItem>;
+declare const definition$K: _microsoft_fast_element.FASTElementDefinition<typeof AccordionItem>;
 
 /**
  * Accordion
@@ -5957,7 +6457,7 @@ declare class Accordion extends Accordion$1 {
  * @remarks
  * HTML Element: <fabric-accordion>
  */
-declare const definition$G: _microsoft_fast_element.FASTElementDefinition<typeof Accordion>;
+declare const definition$J: _microsoft_fast_element.FASTElementDefinition<typeof Accordion>;
 
 /** Expand mode values for {@link Accordion}. */
 declare const AccordionExpandModes: {
@@ -6071,7 +6571,7 @@ declare const AnchorTarget: {
  *
  * @public
  */
-declare const definition$F: _microsoft_fast_element.FASTElementDefinition<typeof Link>;
+declare const definition$I: _microsoft_fast_element.FASTElementDefinition<typeof Link>;
 
 /**
  * Avatar
@@ -6327,7 +6827,7 @@ declare const AvatarSize: {
  *
  * @public
  */
-declare const definition$E: _microsoft_fast_element.FASTElementDefinition<typeof Avatar>;
+declare const definition$H: _microsoft_fast_element.FASTElementDefinition<typeof Avatar>;
 
 /**
  * Badge
@@ -6440,9 +6940,9 @@ declare const BadgeSize: {
  *
  * @public
  */
-declare const definition$D: _microsoft_fast_element.FASTElementDefinition<typeof Badge>;
+declare const definition$G: _microsoft_fast_element.FASTElementDefinition<typeof Badge>;
 
-declare const styles$a: _microsoft_fast_element.ElementStyles;
+declare const styles$d: _microsoft_fast_element.ElementStyles;
 
 /**
  *
@@ -6450,7 +6950,7 @@ declare const styles$a: _microsoft_fast_element.ElementStyles;
  * @remarks
  * HTML Element: <fabric-button>
  */
-declare const definition$C: _microsoft_fast_element.FASTElementDefinition<typeof Button>;
+declare const definition$F: _microsoft_fast_element.FASTElementDefinition<typeof Button>;
 
 /**
  * Checkbox
@@ -6517,7 +7017,7 @@ type CheckboxSize = ValuesOf<typeof CheckboxSizes>;
  *
  * @public
  */
-declare const definition$B: _microsoft_fast_element.FASTElementDefinition<typeof Checkbox>;
+declare const definition$E: _microsoft_fast_element.FASTElementDefinition<typeof Checkbox>;
 
 /**
  * CounterBadge
@@ -6537,289 +7037,868 @@ declare const definition$B: _microsoft_fast_element.FASTElementDefinition<typeof
  * @attr {boolean} show-zero - If the badge should be shown when count is 0.
  * @attr {boolean} dot - If a dot should be displayed without the count.
  *
- * @prop {number} count - The numeric value for the badge. If not set, defaults to 0.
- * @prop {number} overflowCount - The maximum number to display before showing '+'. Defaults to 99.
- * @prop {boolean} showZero - Determines whether the badge is shown when the count is 0. Defaults to false.
- * @prop {boolean} dot - Displays a dot instead of the count when set to true. Defaults to false.
+ * @prop {number} count - The numeric value for the badge. If not set, defaults to 0.
+ * @prop {number} overflowCount - The maximum number to display before showing '+'. Defaults to 99.
+ * @prop {boolean} showZero - Determines whether the badge is shown when the count is 0. Defaults to false.
+ * @prop {boolean} dot - Displays a dot instead of the count when set to true. Defaults to false.
+ *
+ * @extends FluentCounterBadge
+ * @tagname fabric-counter-badge
+ * @public
+ */
+declare class CounterBadge extends CounterBadge$1 {
+}
+
+/**
+ * Appearances for {@link CounterBadge}.
+ * @public
+ */
+declare const CounterBadgeAppearances: {
+    readonly filled: "filled";
+    readonly ghost: "ghost";
+};
+/**
+ * Type describing appearance options for {@link CounterBadge}.
+ * @public
+ */
+type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearances>;
+/**
+ * Colors for {@link CounterBadge}.
+ * @public
+ */
+declare const CounterBadgeColors: {
+    readonly brand: "brand";
+    readonly danger: "danger";
+    readonly important: "important";
+    readonly informative: "informative";
+    readonly severe: "severe";
+    readonly subtle: "subtle";
+    readonly success: "success";
+    readonly warning: "warning";
+};
+/**
+ * Type describing color options for {@link CounterBadge}.
+ * @public
+ */
+type CounterBadgeColor = ValuesOf<typeof CounterBadgeColors>;
+/**
+ * Shapes for {@link CounterBadge}.
+ * @public
+ */
+declare const CounterBadgeShapes: {
+    readonly circular: "circular";
+    readonly rounded: "rounded";
+};
+/**
+ * Type describing shape options for {@link CounterBadge}.
+ * @public
+ */
+type CounterBadgeShape = ValuesOf<typeof CounterBadgeShapes>;
+/**
+ * Sizes for {@link CounterBadge}.
+ * @public
+ */
+declare const CounterBadgeSizes: {
+    readonly tiny: "tiny";
+    readonly extraSmall: "extra-small";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly extraLarge: "extra-large";
+};
+/**
+ * Type describing size options for {@link CounterBadge}.
+ * @public
+ */
+type CounterBadgeSize = ValuesOf<typeof CounterBadgeSizes>;
+
+/**
+ * The Fabric Counter Badge component.
+ *
+ * @public
+ */
+declare const definition$D: _microsoft_fast_element.FASTElementDefinition<typeof CounterBadge>;
+
+declare const styles$c: _microsoft_fast_element.ElementStyles;
+
+/**
+ * The Fabric Dialog component.
+ *
+ * @public
+ */
+declare const definition$C: _microsoft_fast_element.FASTElementDefinition<typeof Dialog>;
+
+/**
+ * Dialog modal type
+ * @public
+ */
+declare const DialogTypes: {
+    readonly modal: "modal";
+    readonly nonModal: "non-modal";
+    readonly alert: "alert";
+};
+type DialogType = ValuesOf$1<typeof DialogTypes>;
+
+/**
+ * DialogBody
+ * @summary Dialog Body component that extends the FASTElement class, providing slots for title, title-action, content, and actions.
+ *
+ * @example
+ * ```html
+ * <fabric-dialog-body no-title-action="false">
+ *   <span slot="title">Title</span>
+ *   <span slot="title-action">Action</span>
+ *   <div>Content of the dialog body</div>
+ *   <span slot="action">Action buttons</span>
+ * </fabric-dialog-body>
+ * ```
+ *
+ * @attr {boolean} no-title-action - Indicates if the title action should be displayed.
+ *
+ * @prop {boolean} noTitleAction - Indicates whether the dialog has a title action.
+ *
+ * @slot title - Slot for the dialog title.
+ * @slot title-action - Slot for the dialog title action, typically a close button.
+ * @slot - The default slot for dialog content.
+ * @slot action - Slot for dialog actions, such as buttons.
+ *
+ * @csspart title - The dialog title container.
+ * @csspart content - The dialog content container.
+ * @csspart actions - The dialog actions container.
+ * @csspart title-action - The dialog title action container.
+ *
+ * @extends FluentDialogBody
+ * @tagname fabric-dialog-body
+ * @public
+ */
+declare class DialogBody extends DialogBody$1 {
+}
+
+/**
+ * The Fabric Dialog Body component.
+ *
+ * @public
+ */
+declare const definition$B: _microsoft_fast_element.FASTElementDefinition<typeof DialogBody>;
+
+/**
+ * Divider
+ * @summary A Divider Custom HTML Element that semantically separates content or serves for visual presentation.
+ *
+ * @example
+ * ```html
+ * <fabric-divider role="separator" orientation="vertical" align-content="center" appearance="strong" inset></fabric-divider>
+ * ```
+ *
+ * @attr {DividerRole} role - The role of the element, either 'separator' or 'presentation'.
+ * @attr {DividerOrientation} orientation - The orientation of the divider, either 'horizontal' or 'vertical'.
+ * @attr {DividerAlignContent} alignContent - Align content within divider, options are 'center', 'start', 'end'.
+ * @attr {DividerAppearance} appearance - Divider appearance, options are 'strong', 'brand', 'subtle'.
+ * @attr {boolean} inset - Whether the divider should be inset.
+ *
+ * @prop {DividerRole} role - The role of the element, either 'separator' or 'presentation'.
+ * @prop {DividerOrientation} orientation - The orientation of the divider, either 'horizontal' or 'vertical'.
+ * @prop {DividerAlignContent} alignContent - Align content within divider, options are 'center', 'start', 'end'.
+ * @prop {DividerAppearance} appearance - Divider appearance, options are 'strong', 'brand', 'subtle'.
+ * @prop {boolean} inset - Whether the divider should be inset.
+ *
+ * @slot - The default slot for the divider content.
+ *
+ * @extends FluentDivider
+ * @tagname fabric-divider
+ * @public
+ */
+declare class Divider extends Divider$1 {
+}
+
+/**
+ * Align-content values supported by {@link Divider}.
+ * @public
+ */
+declare const DividerAlignContents: {
+    readonly center: "center";
+    readonly start: "start";
+    readonly end: "end";
+};
+/**
+ * Type describing alignment options for {@link Divider}.
+ * @public
+ */
+type DividerAlignContent = ValuesOf<typeof DividerAlignContents>;
+/**
+ * Appearance values supported by {@link Divider}.
+ * @public
+ */
+declare const DividerAppearances: {
+    readonly strong: "strong";
+    readonly brand: "brand";
+    readonly subtle: "subtle";
+};
+/**
+ * Type describing appearance options for {@link Divider}.
+ * @public
+ */
+type DividerAppearance = ValuesOf<typeof DividerAppearances>;
+/**
+ * Orientation values supported by {@link Divider}.
+ * @public
+ */
+declare const DividerOrientations: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * Type describing orientation options for {@link Divider}.
+ * @public
+ */
+type DividerOrientation = ValuesOf<typeof DividerOrientations>;
+/**
+ * Role values supported by {@link Divider}.
+ * @public
+ */
+declare const DividerRoles: {
+    readonly separator: "separator";
+    readonly presentation: "presentation";
+};
+/**
+ * Type describing ARIA roles available to {@link Divider}.
+ * @public
+ */
+type DividerRole = ValuesOf<typeof DividerRoles>;
+
+declare const styles$b: _microsoft_fast_element.ElementStyles;
+
+/**
+ * Template for the {@link Divider} component.
+ * @public
+ */
+declare const template$a: _microsoft_fast_element.ElementViewTemplate<_fluentui_web_components.Divider, any>;
+
+/**
+ * The Fabric Divider component.
+ *
+ * @public
+ */
+declare const definition$A: _microsoft_fast_element.FASTElementDefinition<typeof Divider>;
+
+/**
+ * Dynamic Tab
+ * @summary A dismissible tab component for use in dynamic tab lists, similar to browser tabs.
+ *
+ * @example
+ * ```html
+ * <fabric-dynamic-tab id="tab-1" selected>
+ *   <fabric-svg-icon slot="icon" name="document-20-regular"></fabric-svg-icon>
+ *   Document.docx
+ * </fabric-dynamic-tab>
+ * ```
+ *
+ * @attr {boolean} selected - Whether the tab is currently selected.
+ * @attr {boolean} disabled - Whether the tab is disabled.
+ * @attr {boolean} no-dismiss - When present, prevents the tab from being dismissed/closed.
+ * @attr {boolean} no-rename - When present, prevents the tab from being renamed.
+ * @attr {boolean} modified - Whether the tab has unsaved changes (shows indicator instead of dismiss).
+ *
+ * @slot icon - Optional icon displayed before the label (defaults to document icon).
+ * @slot dismiss-icon - Optional custom icon for the dismiss button.
+ * @slot - The tab label text.
+ *
+ * @fires dismiss - Fires when the dismiss button is clicked.
+ * @fires select - Fires when the tab is clicked to select.
+ * @fires rename-request - Fires when rename is requested via F2 key.
  *
- * @extends FluentCounterBadge
- * @tagname fabric-counter-badge
+ * @extends FASTElement
+ * @tagname fabric-dynamic-tab
  * @public
  */
-declare class CounterBadge extends CounterBadge$1 {
+declare class DynamicTab extends FASTElement {
+    /**
+     * Static counter for generating unique internal IDs.
+     * @internal
+     */
+    private static idCounter;
+    /**
+     * Internal unique ID used when no id attribute is provided.
+     * Ensures aria-describedby references don't collide across instances.
+     * @internal
+     */
+    private readonly internalId;
+    /**
+     * Returns the effective ID for ARIA references.
+     * Uses the consumer-provided id attribute if set, otherwise falls back to internal ID.
+     * @internal
+     */
+    get effectiveId(): string;
+    /**
+     * Whether the tab is currently selected.
+     * @public
+     * @remarks
+     * HTML Attribute: `selected`
+     */
+    selected: boolean;
+    /**
+     * Whether the tab is disabled.
+     * @public
+     * @remarks
+     * HTML Attribute: `disabled`
+     */
+    disabled: boolean;
+    /**
+     * When present, prevents the tab from being dismissed/closed.
+     * @public
+     * @remarks
+     * HTML Attribute: `no-dismiss`
+     */
+    noDismiss: boolean;
+    /**
+     * When present, prevents the tab from being renamed.
+     * @public
+     * @remarks
+     * HTML Attribute: `no-rename`
+     */
+    noRename: boolean;
+    /**
+     * Whether the tab has unsaved changes.
+     * When true, shows a modified indicator instead of the dismiss button.
+     * @public
+     * @remarks
+     * HTML Attribute: `modified`
+     */
+    modified: boolean;
+    /**
+     * Accessible label for the close/dismiss button.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-tab-label`
+     */
+    closeTabLabel: string;
+    /**
+     * Accessible label for the modified indicator.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `modified-label`
+     */
+    modifiedLabel: string;
+    /**
+     * Accessible hint text for dismissible tabs.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-hint-label`
+     */
+    closeHintLabel: string;
+    /**
+     * Handles click events on the tab.
+     * @internal
+     */
+    handleClick(_event: MouseEvent): void;
+    /**
+     * Handles keyboard events.
+     * @internal
+     */
+    handleKeydown(event: KeyboardEvent): boolean;
+    /**
+     * Handles dismiss button click.
+     * @internal
+     */
+    handleDismissClick(event: MouseEvent): void;
+    /**
+     * Emits the dismiss event.
+     * Can be called programmatically to trigger tab dismissal.
+     * @public
+     */
+    emitDismiss(): void;
+    /**
+     * Emits the select event.
+     * @internal
+     */
+    private emitSelect;
+    /**
+     * Emits the rename-request event.
+     * @internal
+     */
+    private emitRenameRequest;
 }
 
 /**
- * Appearances for {@link CounterBadge}.
+ * Event names for {@link DynamicTab}.
  * @public
  */
-declare const CounterBadgeAppearances: {
-    readonly filled: "filled";
-    readonly ghost: "ghost";
+declare const DynamicTabEventNames: {
+    readonly dismiss: "dismiss";
+    readonly select: "select";
+    readonly "rename-request": "rename-request";
 };
+
 /**
- * Type describing appearance options for {@link CounterBadge}.
+ * The template for the DynamicTab component.
  * @public
  */
-type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearances>;
+declare const template$9: ElementViewTemplate<DynamicTab>;
+
 /**
- * Colors for {@link CounterBadge}.
+ * Styles for the DynamicTab component.
  * @public
  */
-declare const CounterBadgeColors: {
-    readonly brand: "brand";
-    readonly danger: "danger";
-    readonly important: "important";
-    readonly informative: "informative";
-    readonly severe: "severe";
-    readonly subtle: "subtle";
-    readonly success: "success";
-    readonly warning: "warning";
-};
+declare const styles$a: _microsoft_fast_element.ElementStyles;
+
 /**
- * Type describing color options for {@link CounterBadge}.
+ * Composed element definition for `<fabric-dynamic-tab>`, registering the
+ * `fabric-button` dependency before the element itself.
+ *
  * @public
+ * @remarks
+ * HTML Element: `<fabric-dynamic-tab>`
  */
-type CounterBadgeColor = ValuesOf<typeof CounterBadgeColors>;
+declare const definition$z: FabricElementDefinition;
+
 /**
- * Shapes for {@link CounterBadge}.
+ * Dynamic Tab List orientations.
  * @public
  */
-declare const CounterBadgeShapes: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
+declare const DynamicTabListOrientations: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
 };
 /**
- * Type describing shape options for {@link CounterBadge}.
+ * Type describing orientation options for {@link DynamicTabList}.
  * @public
  */
-type CounterBadgeShape = ValuesOf<typeof CounterBadgeShapes>;
+type DynamicTabListOrientation = ValuesOf<typeof DynamicTabListOrientations>;
 /**
- * Sizes for {@link CounterBadge}.
+ * Event names for {@link DynamicTabList}.
  * @public
  */
-declare const CounterBadgeSizes: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
+declare const DynamicTabListEventNames: {
+    readonly "tab-dismiss": "tab-dismiss";
+    readonly "tab-select": "tab-select";
+    readonly "context-menu": "context-menu";
 };
+
 /**
- * Type describing size options for {@link CounterBadge}.
+ * Dynamic Tab List
+ * @summary A structural container for dynamic tabs with public methods for tab management.
+ *
+ * @remarks
+ * This component provides structure, emits events, and offers public helper methods
+ * for common tab operations (close, closeOthers, closeToRight, etc.).
+ * Context menus should be implemented by the consumer using the native Popover API,
+ * listening to the `context-menu` event for positioning coordinates.
+ *
+ * @example
+ * ```html
+ * <fabric-dynamic-tab-list activeid="tab-1" show-managed-tabs>
+ *   <fabric-dynamic-tab id="tab-1" selected>Document.docx</fabric-dynamic-tab>
+ *   <fabric-dynamic-tab id="tab-2">Photo.png</fabric-dynamic-tab>
+ *   <button slot="actions">+</button>
+ *   <button slot="manage-tabs">☰</button>
+ * </fabric-dynamic-tab-list>
+ * ```
+ *
+ * @attr {string} activeid - The id of the currently active/selected tab.
+ * @attr {DynamicTabListOrientation} orientation - The layout orientation.
+ * @attr {boolean} show-managed-tabs - When true, renders built-in manage tabs menu.
+ * @attr {string} close-unmodified-label - Label for "Close unmodified tabs" menu item (i18n).
+ * @attr {string} close-all-label - Label for "Close all tabs" menu item (i18n).
+ *
+ * @slot - Container for fabric-dynamic-tab elements.
+ * @slot actions - Optional action buttons between tabs and manage-tabs button.
+ * @slot manage-tabs - Trigger button for manage tabs menu (used when show-managed-tabs is true).
+ *
+ * @csspart tabs-container - The scrollable container for tab elements.
+ * @csspart actions-container - The container for action buttons and manage-tabs.
+ *
+ * @fires tab-dismiss - Fires when a tab's dismiss button is clicked or closeTab() is called.
+ * @fires tab-select - Fires when a tab is selected.
+ * @fires context-menu - Fires when a tab is right-clicked. Detail includes { id, clientX, clientY }.
+ *
+ * @extends FASTElement
+ * @tagname fabric-dynamic-tab-list
  * @public
  */
-type CounterBadgeSize = ValuesOf<typeof CounterBadgeSizes>;
+declare class DynamicTabList extends FASTElement {
+    /**
+     * The id of the currently active tab.
+     * @public
+     * @remarks
+     * HTML Attribute: `activeid`
+     */
+    activeid?: string;
+    /**
+     * The layout orientation of the tab list.
+     * @public
+     * @remarks
+     * HTML Attribute: `orientation`
+     */
+    orientation: DynamicTabListOrientation;
+    /**
+     * When true, renders a built-in manage tabs menu with "Close unmodified tabs",
+     * "Close all tabs" actions, and a list of all open tabs.
+     * @public
+     * @remarks
+     * HTML Attribute: `show-managed-tabs`
+     */
+    showManagedTabs: boolean;
+    /**
+     * Label for the "Close unmodified tabs" menu item.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-unmodified-label`
+     */
+    closeUnmodifiedLabel: string;
+    /**
+     * Label for the "Close all tabs" menu item.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-all-label`
+     */
+    closeAllLabel: string;
+    /**
+     * Label for the manage tabs button (accessibility).
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `manage-tabs-label`
+     */
+    manageTabsLabel: string;
+    /**
+     * The slotted tab elements.
+     * Exposed as public so consumers can access the tab list for their menu rendering.
+     * @public
+     */
+    tabs: DynamicTab[];
+    /**
+     * The ID of the tab that triggered the context menu.
+     * Exposed as public so consumers can access it for conditional menu rendering.
+     * @public
+     */
+    contextMenuTargetId: string | null;
+    /**
+     * Whether the context menu is currently open.
+     * @public
+     */
+    contextMenuOpen: boolean;
+    /**
+     * The X coordinate where the context menu was triggered.
+     * @public
+     */
+    contextMenuX: number;
+    /**
+     * The Y coordinate where the context menu was triggered.
+     * @public
+     */
+    contextMenuY: number;
+    /**
+     * Slotted manage-tabs trigger element(s).
+     * @internal
+     */
+    slottedManageTabsTrigger: HTMLElement[];
+    /**
+     * Whether the manage-tabs trigger should be interactive.
+     * True when the built-in menu is enabled or a custom trigger is slotted.
+     * @internal
+     */
+    get hasTrigger(): boolean;
+    /**
+     * Whether the manage tabs menu is currently open.
+     * Used for aria-expanded on the trigger.
+     * @internal
+     */
+    manageTabsMenuOpen: boolean;
+    /**
+     * Reference to the manage-tabs-menu popover element.
+     * @internal
+     */
+    private manageTabsMenuEl;
+    /**
+     * Roving focus controller for keyboard navigation.
+     * @internal
+     */
+    private focusController;
+    /**
+     * Flag to track if activeid change is from user gesture.
+     * Used to prevent emitting tab-select on programmatic changes.
+     * @internal
+     */
+    private isUserSelection;
+    /**
+     * Lifecycle callback - initialize focus controller.
+     * @internal
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle callback - cleanup.
+     * @internal
+     */
+    disconnectedCallback(): void;
+    /**
+     * Bound handler for manage tabs menu light dismiss.
+     * @internal
+     */
+    private handleManageTabsLightDismiss;
+    /**
+     * Bound handler for manage tabs menu Escape key.
+     * @internal
+     */
+    private handleManageTabsEscape;
+    /**
+     * Set up light dismiss listeners for manage tabs menu.
+     * @internal
+     */
+    private setupManageTabsMenuListeners;
+    /**
+     * Remove light dismiss listeners for manage tabs menu.
+     * Optionally returns focus to the trigger button.
+     * @internal
+     */
+    private removeManageTabsMenuListeners;
+    /**
+     * Initialize the roving focus controller.
+     * @internal
+     */
+    private initializeFocusController;
+    /**
+     * Called when tabs change.
+     * Filters to only DynamicTab elements (excludes text nodes and other elements).
+     * Reconciles activeid if the active tab was removed externally.
+     * @internal
+     */
+    tabsChanged(): void;
+    /**
+     * Called when activeid changes.
+     * @internal
+     */
+    activeidChanged(oldValue: string | undefined, newValue: string | undefined): void;
+    /**
+     * Called when orientation changes - reinitialize focus controller.
+     * @internal
+     */
+    orientationChanged(): void;
+    /**
+     * Updates the selected state on all child tabs.
+     * @internal
+     */
+    private updateTabStates;
+    /**
+     * Handles tab dismiss events from child tabs.
+     * Manages focus transfer and re-emits the event with index for consumer handling.
+     * @internal
+     */
+    handleTabDismiss(event: CustomEvent<{
+        id: string;
+    }>): void;
+    /**
+     * Handles tab select events from child tabs.
+     * @internal
+     */
+    handleTabSelect(event: CustomEvent<{
+        id: string;
+    }>): void;
+    /**
+     * Handles right-click on tabs.
+     * Emits context-menu event with tab ID and cursor coordinates.
+     * Consumer implements their own context menu using native Popover API.
+     * @internal
+     */
+    handleTabContextMenu(event: MouseEvent): boolean;
+    /**
+     * Handles keyboard navigation using roving focus controller.
+     * @internal
+     */
+    handleKeydown(event: KeyboardEvent): boolean;
+    /**
+     * Handles focusin events to sync the focus controller.
+     * @internal
+     */
+    handleFocusin(event: FocusEvent): void;
+    /**
+     * Emits the tab-select event.
+     * @internal
+     */
+    private emitTabSelect;
+    /**
+     * Gets the tab that triggered the context menu.
+     * Useful for consumers to render menu items based on tab state.
+     * @public
+     */
+    getContextMenuTab(): DynamicTab | null;
+    /**
+     * Clears the context menu target ID and state.
+     * Call this when closing your context menu to reset state.
+     * @public
+     */
+    clearContextMenuTarget(): void;
+    /**
+     * Closes the context menu and resets all context menu state.
+     * @public
+     */
+    closeContextMenu(): void;
+    /**
+     * Toggles the manage tabs menu popover.
+     * @public
+     */
+    toggleManageTabsMenu(): void;
+    /**
+     * Closes the manage tabs menu.
+     * @public
+     */
+    closeManageTabsMenu(): void;
+    /**
+     * Requests closing a tab by ID.
+     * Emits `tab-dismiss` event for the consumer to handle DOM removal.
+     * If the tab had focus, moves focus to an adjacent tab.
+     * @param id - The ID of the tab to close
+     * @public
+     */
+    closeTab(id: string): void;
+    /**
+     * Requests closing all tabs except the specified one.
+     * Emits `tab-dismiss` events for each tab to close.
+     * @param id - The ID of the tab to keep open
+     * @public
+     */
+    closeOtherTabs(id: string): void;
+    /**
+     * Requests closing all tabs to the right of the specified tab.
+     * Emits `tab-dismiss` events for each tab to close.
+     * @param id - The ID of the anchor tab
+     * @public
+     */
+    closeTabsToRight(id: string): void;
+    /**
+     * Requests closing all tabs to the left of the specified tab.
+     * Emits `tab-dismiss` events for each tab to close.
+     * @param id - The ID of the anchor tab
+     * @public
+     */
+    closeTabsToLeft(id: string): void;
+    /**
+     * Requests closing all tabs.
+     * Emits `tab-dismiss` events for each tab.
+     * @public
+     */
+    closeAllTabs(): void;
+    /**
+     * Selects the next available tab after a tab is closed.
+     * Prefers the tab at the same index, then previous tabs.
+     * @param closedIndex - The index of the tab that was closed
+     * @internal
+     */
+    private selectNextAvailableTab;
+    /**
+     * Requests closing all tabs that are not marked as modified.
+     * Emits `tab-dismiss` events for each unmodified tab.
+     * Tabs with `modified === true` are preserved.
+     * @public
+     */
+    closeUnmodifiedTabs(): void;
+    /**
+     * Selects a tab from the manage tabs menu, focuses it, and closes the menu.
+     * @param tab - The tab to select
+     * @internal
+     */
+    selectTabFromManageMenu(tab: DynamicTab): void;
+    /**
+     * Closes the manage tabs menu popover and cleans up listeners.
+     * Used internally by built-in menu actions.
+     * @param restoreFocus - When true, returns focus to the trigger button.
+     * @internal
+     */
+    closeManageTabsMenuInternal(restoreFocus?: boolean): void;
+    /**
+     * Gets the display label for a tab in the manage tabs menu.
+     * Reads only the default slot's assigned content for a clean label,
+     * excluding named-slot content (icons, dismiss-icon) and shadow DOM text (hint spans).
+     * Falls back through: default slot text → aria-label → id
+     * @param tab - The tab to get the label for
+     * @returns The display label string
+     * @internal
+     */
+    getTabDisplayLabel(tab: DynamicTab): string;
+    /**
+     * Gets the filtered array of DynamicTab elements from the tabs slot.
+     * Filters out text nodes and non-tab elements.
+     * @returns Array of DynamicTab elements
+     * @public
+     */
+    getTabElements(): DynamicTab[];
+    /**
+     * Handles "Close all tabs" action from the built-in menu.
+     * Closes all tabs and then closes the menu.
+     * @internal
+     */
+    handleCloseAllFromMenu(): void;
+}
 
 /**
- * The Fabric Counter Badge component.
- *
+ * The template for the DynamicTabList component.
  * @public
  */
-declare const definition$A: _microsoft_fast_element.FASTElementDefinition<typeof CounterBadge>;
+declare const template$8: ElementViewTemplate<DynamicTabList>;
 
 /**
- * Dialog
- * @summary A Dialog Custom HTML Element that provides modal, non-modal, and alert dialog types with accessible attributes.
- *
- * @example
- * ```html
- * <fabric-dialog type="modal" aria-labelledby="dialog-label" aria-describedby="dialog-desc">
- *   <span slot="title">Title</span>
- *   <div>Content of the dialog body</div>
- *   <span slot="action">Action buttons</span>
- * </fabric-dialog>
- * ```
- *
- * @attr {string} aria-describedby - Identifies the element (or elements) that describes the object.
- * @attr {string} aria-labelledby - Identifies the element (or elements) that labels the current element.
- * @attr {DialogType} type - The type of dialog ('modal', 'non-modal', 'alert').
- *
- * @prop {HTMLElement} dialog - The internal dialog element reference.
- * @prop {string} ariaDescribedby - Reflects the 'aria-describedby' attribute to associate the dialog with descriptive text.
- * @prop {string} ariaLabelledby - Reflects the 'aria-labelledby' attribute to associate the dialog with its label.
- * @prop {DialogType} type - The type of dialog, which can be 'modal', 'non-modal', or 'alert'.
- *
- * @slot - The default slot for dialog content.
- *
- * @csspart dialog - The dialog container.
- *
- * @method show() - Opens the dialog.
- * @method hide() - Closes the dialog.
- * @method clickHandler() - Handles click events on the dialog.
- *
- * @fires {CustomEvent} beforetoggle - Event emitted before the dialog's open state changes.
- * @fires {CustomEvent} toggle - Event emitted after the dialog's open state changes.
- *
- * @extends FluentDialog
- * @tagname fabric-dialog
+ * Styles for the DynamicTabList component.
  * @public
  */
-declare class Dialog extends Dialog$1 {
-}
-
 declare const styles$9: _microsoft_fast_element.ElementStyles;
 
 /**
- * The Fabric Dialog component.
- *
- * @public
- */
-declare const definition$z: _microsoft_fast_element.FASTElementDefinition<typeof Dialog>;
-
-/**
- * Dialog modal type
+ * The Fabric DynamicTabList component definition.
  * @public
  */
-declare const DialogTypes: {
-    readonly modal: "modal";
-    readonly nonModal: "non-modal";
-    readonly alert: "alert";
-};
-type DialogType = ValuesOf$1<typeof DialogTypes>;
+declare const definition$y: _microsoft_fast_element.FASTElementDefinition<typeof DynamicTabList>;
 
 /**
- * DialogBody
- * @summary Dialog Body component that extends the FASTElement class, providing slots for title, title-action, content, and actions.
+ * EmptyState
+ * @summary A component for displaying empty states with optional illustration, title, body, link, and action.
  *
  * @example
  * ```html
- * <fabric-dialog-body no-title-action="false">
- *   <span slot="title">Title</span>
- *   <span slot="title-action">Action</span>
- *   <div>Content of the dialog body</div>
- *   <span slot="action">Action buttons</span>
- * </fabric-dialog-body>
+ * <fabric-empty-state>
+ *   <img slot="illustration" src="illustration.svg" alt="" aria-hidden="true" />
+ *   <span slot="title">No items yet</span>
+ *   <span slot="body">Create an item to get started</span>
+ *   <fabric-link slot="link" href="#">Learn more</fabric-link>
+ *   <fabric-button slot="action">Create item</fabric-button>
+ * </fabric-empty-state>
  * ```
  *
- * @attr {boolean} no-title-action - Indicates if the title action should be displayed.
- *
- * @prop {boolean} noTitleAction - Indicates whether the dialog has a title action.
- *
- * @slot title - Slot for the dialog title.
- * @slot title-action - Slot for the dialog title action, typically a close button.
- * @slot - The default slot for dialog content.
- * @slot action - Slot for dialog actions, such as buttons.
+ * @slot illustration - Slot for an optional illustration or image.
+ * @slot title - Slot for the main title text.
+ * @slot body - Slot for optional body/description text.
+ * @slot link - Slot for an optional help or learn-more link.
+ * @slot action - Slot for an optional call-to-action button.
  *
- * @csspart title - The dialog title container.
- * @csspart content - The dialog content container.
- * @csspart actions - The dialog actions container.
- * @csspart title-action - The dialog title action container.
+ * @csspart illustration - The illustration container.
+ * @csspart content - The text and action content container.
  *
- * @extends FluentDialogBody
- * @tagname fabric-dialog-body
+ * @extends FASTElement
+ * @tagname fabric-empty-state
  * @public
  */
-declare class DialogBody extends DialogBody$1 {
+declare class EmptyState extends FASTElement {
 }
 
 /**
- * The Fabric Dialog Body component.
- *
- * @public
- */
-declare const definition$y: _microsoft_fast_element.FASTElementDefinition<typeof DialogBody>;
-
-/**
- * Divider
- * @summary A Divider Custom HTML Element that semantically separates content or serves for visual presentation.
- *
- * @example
- * ```html
- * <fabric-divider role="separator" orientation="vertical" align-content="center" appearance="strong" inset></fabric-divider>
- * ```
- *
- * @attr {DividerRole} role - The role of the element, either 'separator' or 'presentation'.
- * @attr {DividerOrientation} orientation - The orientation of the divider, either 'horizontal' or 'vertical'.
- * @attr {DividerAlignContent} alignContent - Align content within divider, options are 'center', 'start', 'end'.
- * @attr {DividerAppearance} appearance - Divider appearance, options are 'strong', 'brand', 'subtle'.
- * @attr {boolean} inset - Whether the divider should be inset.
- *
- * @prop {DividerRole} role - The role of the element, either 'separator' or 'presentation'.
- * @prop {DividerOrientation} orientation - The orientation of the divider, either 'horizontal' or 'vertical'.
- * @prop {DividerAlignContent} alignContent - Align content within divider, options are 'center', 'start', 'end'.
- * @prop {DividerAppearance} appearance - Divider appearance, options are 'strong', 'brand', 'subtle'.
- * @prop {boolean} inset - Whether the divider should be inset.
- *
- * @slot - The default slot for the divider content.
+ * The Fabric EmptyState component.
  *
- * @extends FluentDivider
- * @tagname fabric-divider
  * @public
+ * @remarks
+ * HTML Element: <fabric-empty-state>
  */
-declare class Divider extends Divider$1 {
-}
+declare const definition$x: _microsoft_fast_element.FASTElementDefinition<typeof EmptyState>;
 
 /**
- * Align-content values supported by {@link Divider}.
- * @public
- */
-declare const DividerAlignContents: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly end: "end";
-};
-/**
- * Type describing alignment options for {@link Divider}.
- * @public
- */
-type DividerAlignContent = ValuesOf<typeof DividerAlignContents>;
-/**
- * Appearance values supported by {@link Divider}.
- * @public
- */
-declare const DividerAppearances: {
-    readonly strong: "strong";
-    readonly brand: "brand";
-    readonly subtle: "subtle";
-};
-/**
- * Type describing appearance options for {@link Divider}.
- * @public
- */
-type DividerAppearance = ValuesOf<typeof DividerAppearances>;
-/**
- * Orientation values supported by {@link Divider}.
- * @public
- */
-declare const DividerOrientations: {
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-/**
- * Type describing orientation options for {@link Divider}.
- * @public
- */
-type DividerOrientation = ValuesOf<typeof DividerOrientations>;
-/**
- * Role values supported by {@link Divider}.
- * @public
- */
-declare const DividerRoles: {
-    readonly separator: "separator";
-    readonly presentation: "presentation";
-};
-/**
- * Type describing ARIA roles available to {@link Divider}.
+ * Styles for the {@link EmptyState} component.
  * @public
  */
-type DividerRole = ValuesOf<typeof DividerRoles>;
-
 declare const styles$8: _microsoft_fast_element.ElementStyles;
 
-/**
- * Template for the {@link Divider} component.
- * @public
- */
-declare const template$7: _microsoft_fast_element.ElementViewTemplate<_fluentui_web_components.Divider, any>;
-
-/**
- * The Fabric Divider component.
- *
- * @public
- */
-declare const definition$x: _microsoft_fast_element.FASTElementDefinition<typeof Divider>;
+declare const template$7: ElementViewTemplate<EmptyState>;
 
 /**
  * Drawer
@@ -7288,19 +8367,52 @@ declare const definition$s: _microsoft_fast_element.FASTElementDefinition<typeof
  * @public
  */
 declare class Field extends Field$1 {
+    /**
+     * Tracks slotted label elements that have had a click-forwarding listener
+     * attached, so we can detach the listener when the label is no longer slotted
+     * and avoid attaching duplicates on repeat invocations.
+     *
+     * @internal
+     */
+    private readonly _wiredLabelClickHandlers;
     /**
      * Sets ARIA and form-related attributes on slotted label elements.
      * Extends the base implementation to support custom label elements (e.g., fabric-label)
      * in addition to native HTMLLabelElement.
      *
      * @remarks
-     * The base FluentUI implementation only handles native `<label>` elements.
-     * This method ensures that custom elements like `<fabric-label>` are properly
-     * associated with the input via `aria-labelledby`, enabling screen reader support.
+     * The base FluentUI implementation only handles native `<label>` elements,
+     * which the browser natively wires for both `aria-labelledby` association
+     * and click-to-focus / click-to-toggle behavior via `<label htmlFor>`.
+     *
+     * Custom label elements like `<fabric-label>` extend `HTMLElement` rather
+     * than `HTMLLabelElement`, so neither piece is wired by the upstream
+     * implementation. This method:
+     *
+     * 1. Assigns `aria-labelledby` on the input so screen readers announce the
+     *    custom label as the input's accessible name.
+     * 2. Attaches a click listener to each non-native label that forwards the
+     *    click to the slotted input, emulating native `<label htmlFor>`
+     *    semantics (e.g., clicking the label toggles the radio/checkbox).
      *
      * @internal
      */
     private setLabelPropertiesExtended;
+    /**
+     * Attaches a click listener to a non-native label that forwards clicks to
+     * the slotted input, mirroring native `<label htmlFor>` click-to-toggle
+     * behavior. Idempotent — repeat calls with the same label are no-ops.
+     *
+     * @internal
+     */
+    private wireLabelClickForwarding;
+    /**
+     * Removes the click-forwarding listener from a label that is no longer
+     * slotted into this field.
+     *
+     * @internal
+     */
+    private unwireLabelClickForwarding;
     /**
      * Updates attributes on the slotted label elements.
      * Overrides base to add support for custom label elements.
@@ -7310,6 +8422,14 @@ declare class Field extends Field$1 {
      * @internal
      */
     labelSlotChanged(prev: Node[], next: Node[]): void;
+    /**
+     * Detaches any remaining click-forwarding listeners when the field is
+     * removed from the DOM. The listeners close over `this`, so without this
+     * cleanup a still-connected label could keep the field instance alive.
+     *
+     * @internal
+     */
+    disconnectedCallback(): void;
     /**
      * Updates the field's states and label properties when the assigned input changes.
      * Overrides base to add support for custom label elements.
@@ -7658,7 +8778,7 @@ declare const definition$n: _microsoft_fast_element.FASTElementDefinition<typeof
  * @attr {MenuButtonAppearances | undefined} appearance - Indicates the styled appearance of the button.
  * @attr {MenuButtonShape | undefined} shape - The shape of the button.
  * @attr {MenuButtonSize | undefined} size - The size of the button.
- * @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content.
+ * @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content. When set, the built-in chevron icon is removed.
  * @attr {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
  * @attr {boolean | undefined} disabled-focusable - Indicates that the button is focusable while disabled.
  * @attr {number | undefined} tabindex - Sets that the button tabindex attribute.
@@ -7675,7 +8795,7 @@ declare const definition$n: _microsoft_fast_element.FASTElementDefinition<typeof
  * @prop {MenuButtonAppearances | undefined} appearance - Indicates the styled appearance of the button.
  * @prop {MenuButtonShape | undefined} shape - The shape of the button.
  * @prop {MenuButtonSize | undefined} size - The size of the button.
- * @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content.
+ * @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content. When set, the built-in chevron icon is removed.
  * @prop {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
  * @prop {boolean | undefined} disabledFocusable - Indicates that the button is focusable while disabled.
  * @prop {number | undefined} tabindex - Sets that the button tabindex attribute.
@@ -8107,6 +9227,21 @@ declare const MenuPositions: {
  * @public
  */
 type MenuPosition = ValuesOf<typeof MenuPositions>;
+/**
+ * The horizontal alignment variations for the menu component.
+ * Controls which edge of the menu list is anchored to the trigger
+ * (`"start"` = left in LTR / right in RTL, `"end"` = right in LTR / left in RTL).
+ * @public
+ */
+declare const MenuAlignments: {
+    readonly start: "start";
+    readonly end: "end";
+};
+/**
+ * The types for menu alignments
+ * @public
+ */
+type MenuAlignment = ValuesOf<typeof MenuAlignments>;
 /**
  * Reposition modes for the menu
  * @public
@@ -8150,6 +9285,9 @@ type MenuRepositionMode = ValuesOf<typeof MenuRepositionModes>;
  * @attr {boolean | undefined} persist-on-item-click - Determines if the menu open state should persist on click of a menu item.
  * @attr {boolean | undefined} split - Determines if the menu is in split state (for split button pattern).
  * @attr {MenuPosition | undefined} menu-position - Determines whether the menu list is above or below the trigger. Defaults to `"below"`.
+ * @attr {MenuAlignment | undefined} menu-alignment - Horizontal edge of the menu list that is anchored to the
+ *   trigger. Not flipped by `reposition-mode="auto"` — pick the side that keeps the menu inside the viewport.
+ *   Defaults to `"start"`.
  * @attr {MenuRepositionMode | undefined} reposition-mode - Controls JS-based repositioning. `"auto"` enables
  *   `FlexiblePositionStrategy` which detects collisions and flips the menu to the best-fitting position on
  *   every resize/scroll cycle. `"none"` (default) disables JS repositioning and relies on CSS anchored positioning.
@@ -8163,6 +9301,8 @@ type MenuRepositionMode = ValuesOf<typeof MenuRepositionModes>;
  * @prop {HTMLElement[]} slottedTriggers - Holds the slotted triggers.
  * @prop {MenuPosition | undefined} menuPosition - Reflects the active resolved position (`"above"` or `"below"`). May
  *   differ from the authored `menu-position` attribute when `reposition-mode="auto"` has flipped the menu.
+ * @prop {MenuAlignment | undefined} menuAlignment - Authored horizontal edge of the menu list. Not flipped by
+ *   `reposition-mode="auto"`.
  * @prop {MenuRepositionMode | undefined} repositionMode - The active repositioning mode (`"auto"` | `"none"`).
  * @prop {HTMLElement | undefined} overflowBoundary - An optional scrolling container used by the
  *   `FlexiblePositionStrategy` as the collision boundary instead of the viewport. Only relevant when
@@ -8233,6 +9373,17 @@ declare class Menu extends FASTElement {
      * @public
      */
     menuPositionChanged(): void;
+    /**
+     * Horizontal edge of the menu list that is anchored to the trigger.
+     * Not flipped by `reposition-mode="auto"`.
+     * @public
+     */
+    menuAlignment?: MenuAlignment;
+    /**
+     * Handles changes to the menuAlignment attribute.
+     * @public
+     */
+    menuAlignmentChanged(): void;
     /**
      * The mode for repositioning the menu when it overflows the boundary.
      *
@@ -8730,6 +9881,21 @@ type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationStates>;
  * @public
  */
 declare class RadioGroup extends RadioGroup$1 {
+    /**
+     * Re-collects `this.radios` from slotted children, restricted to elements
+     * that have already upgraded to the `Radio` class.
+     *
+     * @remarks
+     * The upstream implementation collects every descendant whose tag name
+     * ends in `-radio` (via `isRadio`), which matches bare `HTMLElement`s
+     * that haven't been upgraded yet.
+     *
+     * Filtering with `instanceof Radio` excludes pre-upgrade elements, so we
+     * never write through their shadowed accessors.
+     *
+     * @internal
+     */
+    slottedRadiosChanged(): void;
 }
 
 /** Orientation values for {@link RadioGroup}. */
@@ -9636,6 +10802,8 @@ declare const SearchBoxEventNames: {
  * @prop {SliderMode | undefined} mode - The selection mode.
  *
  * @slot thumb - The slot for a custom thumb element.
+ * @slot start-label - The slot for a label at the start (min) end of the track.
+ * @slot end-label - The slot for a label at the end (max) end of the track.
  *
  * @csspart track-container - The container element of the track.
  * @csspart thumb-container - The container element of the thumb.
@@ -11565,6 +12733,6 @@ declare function staticallyCompose<TSource = unknown, TParent = unknown>(item: S
  */
 declare const whitespaceFilter: ElementsFilter;
 
-export { Accordion, definition$G as AccordionDefinition, AccordionExpandModes, AccordionItem, definition$H as AccordionItemDefinition, AccordionItemMarkerPositions, AccordionItemSizes, AccordionMenu, definition$1a as AccordionMenuDefinition, AccordionMenuExpandModes, AccordionMenuPanel, definition$19 as AccordionMenuPanelDefinition, AccordionMenuPanelMarkerPositions, AccordionMenuPanelSizes, styles$n as AccordionMenuPanelStyles, template$h as AccordionMenuPanelTemplate, styles$o as AccordionMenuStyles, template$i as AccordionMenuTemplate, AnchorButton, AnchorButtonAppearance, AnchorButtonAppearances, definition$o as AnchorButtonDefinition, AnchorButtonShape, AnchorButtonShapes, AnchorButtonSize, AnchorButtonSizes, AnchorTarget, AnchorTargets, Avatar, AvatarActive, AvatarActives, AvatarAppearance, AvatarAppearances, AvatarColor, AvatarColors, definition$E as AvatarDefinition, AvatarNamedColor, AvatarNamedColors, AvatarShape, AvatarShapes, AvatarSize, AvatarSizes, Badge, BadgeAppearance, BadgeAppearances, BadgeColor, BadgeColors, definition$D as BadgeDefinition, BadgeShape, BadgeShapes, BadgeSize, BadgeSizes, Button, ButtonAppearances, definition$C as ButtonDefinition, ButtonFormTargets, ButtonShapes, ButtonSizes, styles$a as ButtonStyles, ButtonTypes, Card, CardAppearance, CardAppearances, CardCarousel, definition$10 as CardCarouselDefinition, styles$h as CardCarouselStyles, template$b as CardCarouselTemplate, definition$18 as CardDefinition, CardEventNames, CardFocusMode, CardFocusModes, CardFooter, definition$17 as CardFooterDefinition, CardHeader, definition$16 as CardHeaderDefinition, CardOrientation, CardOrientations, CardPreview, definition$15 as CardPreviewDefinition, styles$m as CardStyles, template$g as CardTemplate, Carousel, definition$14 as CarouselDefinition, CarouselEventNames, CarouselItem, definition$13 as CarouselItemDefinition, styles$k as CarouselItemStyles, template$e as CarouselItemTemplate, CarouselNav, CarouselNavButtonPlacements, definition$12 as CarouselNavDefinition, CarouselNavEventNames, CarouselNavItem, definition$11 as CarouselNavItemDefinition, styles$i as CarouselNavItemStyles, template$c as CarouselNavItemTemplate, CarouselNavPositions, styles$j as CarouselNavStyles, template$d as CarouselNavTemplate, styles$l as CarouselStyles, template$f as CarouselTemplate, Checkbox, definition$B as CheckboxDefinition, CheckboxShapes, CheckboxSizes, CollisionEdges, CompoundButton, CompoundButtonAppearances, definition$_ as CompoundButtonDefinition, CompoundButtonFormTargets, CompoundButtonShapes, CompoundButtonSizes, CompoundButtonTypes, CounterBadge, CounterBadgeAppearances, CounterBadgeColors, definition$A as CounterBadgeDefinition, CounterBadgeShapes, CounterBadgeSizes, Dialog, DialogBody, definition$y as DialogBodyDefinition, definition$z as DialogDefinition, styles$9 as DialogStyles, DialogTypes, DirectionDetector, Divider, DividerAlignContents, DividerAppearances, definition$x as DividerDefinition, DividerOrientations, DividerRoles, styles$8 as DividerStyles, template$7 as DividerTemplate, Drawer, DrawerBody, definition$v as DrawerBodyDefinition, definition$w as DrawerDefinition, DrawerPositions, DrawerSizes, DrawerTypes, Dropdown, DropdownAppearances, definition$u as DropdownDefinition, DropdownOption, definition$t as DropdownOptionDefinition, DropdownSizes, DropdownTypes, DesignSystem as FabricDesignSystem, Field, definition$r as FieldDefinition, FieldLabelPosition, FieldLabelPositions, styles$7 as FieldStyles, FilterPill, FilterPillAppearances, definition$$ as FilterPillDefinition, FilterPillEventNames, FilterPillFormTargets, FilterPillShapes, FilterPillSizes, FilterPillTypes, Image, definition$q as ImageDefinition, ImageFits, ImageShapes, ImplicitSubmissionBlockingTypes$1 as ImplicitSubmissionBlockingTypes, Label, definition$p as LabelDefinition, LabelPositions, LabelSizes, LabelWeights, Link, LinkAppearance, LinkAppearances, definition$F as LinkDefinition, LinkTarget, LinkTargets, Listbox, definition$s as ListboxDefinition, LoadingButton, definition$Z as LoadingButtonDefinition, Menu, MenuButton, MenuButtonAppearances, definition$m as MenuButtonDefinition, MenuButtonShapes, MenuButtonSizes, definition$j as MenuDefinition, MenuGroupRoles, MenuItem, MenuItemAppearances, definition$l as MenuItemDefinition, MenuItemRoles, styles$6 as MenuItemStyles, template$6 as MenuItemTemplate, MenuList, definition$k as MenuListDefinition, styles$5 as MenuListStyles, template$5 as MenuListTemplate, MenuPositions, MenuRepositionModes, styles$4 as MenuStyles, template$4 as MenuTemplate, MessageBar, definition$n as MessageBarDefinition, MockElementInternals, MultiView, MultiViewController, definition$X as MultiViewControllerDefinition, definition$Y as MultiViewDefinition, MultiViewEventNames, MultiViewGroup, definition$W as MultiViewGroupDefinition, MultiViewGroupPositions, OptionGroup, definition$i as OptionGroupDefinition, Overflow, OverflowAxisValues, definition$V as OverflowDefinition, OverflowDirections, OverflowDivider, definition$T as OverflowDividerDefinition, styles$e as OverflowDividerStyles, OverflowEventNames, OverflowItem, definition$U as OverflowItemDefinition, styles$f as OverflowItemStyles, styles$g as OverflowStyles, Pagination, definition$R as PaginationDefinition, PaginationEventNames, PaginationVariants, Popover, definition$S as PopoverDefinition, PopoverEventNames, PopoverPositions, PopoverRepositionModes, styles$d as PopoverStyles, template$a as PopoverTemplate, PositioningShorthand, ProgressBar, definition$h as ProgressBarDefinition, ProgressBarShapes, ProgressBarThicknesses, ProgressBarValidationStates, Radio, definition$f as RadioDefinition, RadioGroup, definition$g as RadioGroupDefinition, RadioGroupOrientations, RatingDisplay, RatingDisplayColors, definition$e as RatingDisplayDefinition, RatingDisplaySizes, SearchBox, SearchBoxAppearances, SearchBoxControlSizes, definition$d as SearchBoxDefinition, SearchBoxEventNames, ImplicitSubmissionBlockingTypes as SearchBoxImplicitSubmissionBlockingTypes, SearchBoxTypes, SimpleTable, definition$O as SimpleTableDefinition, Slider, definition$c as SliderDefinition, SliderEventNames, SliderModes, SliderOrientations, SliderSizes, SlottableInputs, SortDirections, SpinButton, SpinButtonAppearances, SpinButtonBounds, SpinButtonControlSizes, definition$b as SpinButtonDefinition, SpinButtonEventNames, SpinButtonSpinStates, styles$2 as SpinButtonStyles, template$2 as SpinButtonTemplate, Spinner, SpinnerAppearances, definition$a as SpinnerDefinition, SpinnerSizes, SvgIcon, definition$Q as SvgIconDefinition, Switch, definition$9 as SwitchDefinition, Tab, definition$8 as TabDefinition, Table, TableCell, definition$N as TableCellDefinition, TableCellSizes, styles$b as TableCellStyles, template$8 as TableCellTemplate, definition$P as TableDefinition, styles$c as TableStyles, template$9 as TableTemplate, Tablist, TablistAppearances, definition$7 as TablistDefinition, TablistEventNames, TablistOrientations, TablistSizes, Tag, TagAppearances, definition$M as TagDefinition, TagEventNames, TagShapes, TagSizes, TagTextSizes, TeachingBubble, definition$L as TeachingBubbleDefinition, TeachingBubbleEventNames, TeachingBubblePlacements, TeachingBubbleSizes, Text, TextAligns, TextArea, TextareaAppearances as TextAreaAppearances, TextareaAppearancesForDisplayShadows as TextAreaAppearancesForDisplayShadows, TextareaAutocompletes as TextAreaAutocompletes, definition$6 as TextAreaDefinition, TextareaResizes as TextAreaResizes, TextareaSizes as TextAreaSizes, definition$4 as TextDefinition, TextFonts, TextInput, TextInputAppearances, TextInputControlSizes, definition$5 as TextInputDefinition, styles$1 as TextInputStyles, template$1 as TextInputTemplate, TextInputTypes, TextSizes, TextWeights, ToggleButton, ToggleButtonAppearances, definition$1 as ToggleButtonDefinition, ToggleButtonFormTargets, ToggleButtonShapes, ToggleButtonSizes, ToggleButtonTypes, Tooltip, definition as TooltipDefinition, TooltipPositioningOptions, Tree, definition$3 as TreeDefinition, TreeItem, definition$2 as TreeItemDefinition, styles as TreeItemStyles, template as TreeItemTemplate, ValidationFlags, Wizard, definition$K as WizardDefinition, WizardEvents, WizardPanel, definition$J as WizardPanelDefinition, WizardPanelEventNames, WizardPanelStates, WizardStep, definition$I as WizardStepDefinition, WizardStepEvents, WizardStepStates, applyMixins, attachMockElementInternals, clamp, composeDefinitions, createRovingFocusController, createUniqueId, debounce, debug, defineCarousel, definePagination, disabledState, expandedState, fromFAST, getDirection, getOptionsFromElement, globalDirectionDetector, inputElementMethods, isActionModifierKey, isDisabledElement, isFocusableElement, isHiddenElement, isOptionGroup, isRtl, styles$3 as optionGroupStyles, template$3 as optionGroupTemplate, precisionRound, roleForMenuGroup, roleForMenuItem, setAttributes, setChildrenFocusability, setGlobalDirectionDetector, staticallyCompose, toggleState, whitespaceFilter };
-export type { AccordionExpandMode, AccordionItemMarkerPosition, AccordionItemSize, AccordionMenuExpandMode, AccordionMenuPanelMarkerPosition, AccordionMenuPanelSize, ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, CarouselEventName, CarouselNavButtonPlacement, CarouselNavEventName, CarouselNavPosition, CheckboxShape, CheckboxSize, CollisionEdge, CompoundButtonAppearance, CompoundButtonFormTarget, CompoundButtonShape, CompoundButtonSize, CompoundButtonType, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, DialogType, DirectionDetectorOptions, DirectionObserver, DirectionOrNull, DirectionStrategy, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DrawerPosition, DrawerSize, DrawerType, DropdownAppearance, DropdownSize, DropdownType, FabricElementDefinition, FilterPillAppearance, FilterPillFormTarget, FilterPillShape, FilterPillSize, FilterPillType, HTMLPopoverElement, ImageFit, ImageShape, LabelPosition, LabelSize, LabelWeight, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuGroupRole, MenuItemAppearance, MenuItemColumnCount, MenuItemRole, MenuPosition, MenuRepositionMode, MultiViewGroupPosition, OverflowAxisValue, OverflowChangeEventDetail, OverflowDirection, PaginationPageChangeDetail, PaginationVariant, PopoverEventData, PopoverMode, PopoverRepositionMode, PopoverSize, PositioningShorthandKeys, PositioningShorthandValues, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, RadioGroupOrientation, RatingDisplayColor, RatingDisplaySize, RovingFocusController, RovingFocusOptions, SearchBoxAppearance, SearchBoxControlSize, SearchBoxType, SliderMode, SliderOrientation, SliderSize, SlottableInput, SortDirection, SpinButtonAppearance, SpinButtonBound, SpinButtonControlSize, SpinButtonSpinState, SpinnerAppearance, SpinnerSize, StaticallyComposableHTML, TableCellRenderFunction, TableCellSize, TableColumnData, TableRowData, TablistAppearance, TablistOrientation, TablistSize, TagAppearance, TagShape, TagSize, TagTextSize, TeachingBubblePlacement, TeachingBubbleSize, TextAlign, TextareaAppearance as TextAreaAppearance, TextareaAppearancesForDisplayShadow as TextAreaAppearancesForDisplayShadow, TextareaAutocomplete as TextAreaAutocomplete, TextareaResize as TextAreaResize, TextareaSize as TextAreaSize, TextFont, TextInputAppearance, TextInputControlSize, TextInputOptions, TextInputType, TextSize, TextWeight, ToggleButtonAppearance, ToggleButtonFormTarget, ToggleButtonShape, ToggleButtonSize, ToggleButtonType, TooltipPositioningOption, ValidationFlag, ValuesOf, WizardEvent, WizardPanelState, WizardStepEvent, WizardStepState };
+export { Accordion, definition$J as AccordionDefinition, AccordionExpandModes, AccordionItem, definition$K as AccordionItemDefinition, AccordionItemMarkerPositions, AccordionItemSizes, AccordionMenu, definition$1f as AccordionMenuDefinition, AccordionMenuExpandModes, AccordionMenuPanel, definition$1e as AccordionMenuPanelDefinition, AccordionMenuPanelMarkerPositions, AccordionMenuPanelSizes, styles$r as AccordionMenuPanelStyles, template$l as AccordionMenuPanelTemplate, styles$s as AccordionMenuStyles, template$m as AccordionMenuTemplate, AnchorButton, AnchorButtonAppearance, AnchorButtonAppearances, definition$o as AnchorButtonDefinition, AnchorButtonShape, AnchorButtonShapes, AnchorButtonSize, AnchorButtonSizes, AnchorTarget, AnchorTargets, Avatar, AvatarActive, AvatarActives, AvatarAppearance, AvatarAppearances, AvatarColor, AvatarColors, definition$H as AvatarDefinition, AvatarNamedColor, AvatarNamedColors, AvatarShape, AvatarShapes, AvatarSize, AvatarSizes, Badge, BadgeAppearance, BadgeAppearances, BadgeColor, BadgeColors, definition$G as BadgeDefinition, BadgeShape, BadgeShapes, BadgeSize, BadgeSizes, Button, ButtonAppearances, definition$F as ButtonDefinition, ButtonFormTargets, ButtonShapes, ButtonSizes, styles$d as ButtonStyles, ButtonTypes, Card, CardAppearance, CardAppearances, CardCarousel, definition$14 as CardCarouselDefinition, styles$k as CardCarouselStyles, template$e as CardCarouselTemplate, definition$1d as CardDefinition, CardEventNames, CardFocusMode, CardFocusModes, CardFooter, definition$1c as CardFooterDefinition, CardHeader, definition$1b as CardHeaderDefinition, CardOrientation, CardOrientations, CardPreview, definition$1a as CardPreviewDefinition, styles$q as CardStyles, template$k as CardTemplate, Carousel, definition$19 as CarouselDefinition, CarouselEventNames, CarouselItem, definition$18 as CarouselItemDefinition, styles$o as CarouselItemStyles, template$i as CarouselItemTemplate, CarouselNav, CarouselNavButtonPlacements, definition$17 as CarouselNavDefinition, CarouselNavEventNames, CarouselNavItem, definition$16 as CarouselNavItemDefinition, styles$m as CarouselNavItemStyles, template$g as CarouselNavItemTemplate, CarouselNavPositions, styles$n as CarouselNavStyles, template$h as CarouselNavTemplate, styles$p as CarouselStyles, template$j as CarouselTemplate, CarouselViewport, definition$15 as CarouselViewportDefinition, styles$l as CarouselViewportStyles, template$f as CarouselViewportTemplate, Checkbox, definition$E as CheckboxDefinition, CheckboxShapes, CheckboxSizes, CollisionEdges, CompoundButton, CompoundButtonAppearances, definition$11 as CompoundButtonDefinition, CompoundButtonFormTargets, CompoundButtonShapes, CompoundButtonSizes, CompoundButtonTypes, CounterBadge, CounterBadgeAppearances, CounterBadgeColors, definition$D as CounterBadgeDefinition, CounterBadgeShapes, CounterBadgeSizes, Dialog, DialogBody, definition$B as DialogBodyDefinition, definition$C as DialogDefinition, styles$c as DialogStyles, DialogTypes, DirectionDetector, Divider, DividerAlignContents, DividerAppearances, definition$A as DividerDefinition, DividerOrientations, DividerRoles, styles$b as DividerStyles, template$a as DividerTemplate, Drawer, DrawerBody, definition$v as DrawerBodyDefinition, definition$w as DrawerDefinition, DrawerPositions, DrawerSizes, DrawerTypes, Dropdown, DropdownAppearances, definition$u as DropdownDefinition, DropdownOption, definition$t as DropdownOptionDefinition, DropdownSizes, DropdownTypes, DynamicTab, definition$z as DynamicTabDefinition, DynamicTabEventNames, DynamicTabList, definition$y as DynamicTabListDefinition, DynamicTabListEventNames, DynamicTabListOrientations, styles$9 as DynamicTabListStyles, template$8 as DynamicTabListTemplate, styles$a as DynamicTabStyles, template$9 as DynamicTabTemplate, EmptyState, definition$x as EmptyStateDefinition, styles$8 as EmptyStateStyles, template$7 as EmptyStateTemplate, DesignSystem as FabricDesignSystem, Field, definition$r as FieldDefinition, FieldLabelPosition, FieldLabelPositions, styles$7 as FieldStyles, FilterPill, FilterPillAppearances, definition$13 as FilterPillDefinition, FilterPillEventNames, FilterPillFormTargets, FilterPillShapes, FilterPillSizes, FilterPillTypes, Image, definition$q as ImageDefinition, ImageFits, ImageShapes, ImplicitSubmissionBlockingTypes$1 as ImplicitSubmissionBlockingTypes, Label, definition$p as LabelDefinition, LabelPositions, LabelSizes, LabelWeights, Link, LinkAppearance, LinkAppearances, definition$I as LinkDefinition, LinkTarget, LinkTargets, Listbox, definition$s as ListboxDefinition, LoadingButton, definition$10 as LoadingButtonDefinition, Menu, MenuButton, MenuButtonAppearances, definition$m as MenuButtonDefinition, MenuButtonShapes, MenuButtonSizes, definition$j as MenuDefinition, MenuGroupRoles, MenuItem, MenuItemAppearances, definition$l as MenuItemDefinition, MenuItemRoles, styles$6 as MenuItemStyles, template$6 as MenuItemTemplate, MenuList, definition$k as MenuListDefinition, styles$5 as MenuListStyles, template$5 as MenuListTemplate, MenuPositions, MenuRepositionModes, styles$4 as MenuStyles, template$4 as MenuTemplate, MessageBar, definition$n as MessageBarDefinition, MockElementInternals, Modal, definition$12 as ModalDefinition, ModalEventNames, ModalFreItem, modalFreItemDefinition as ModalFreItemDefinition, ModalModes, MultiView, MultiViewController, definition$_ as MultiViewControllerDefinition, definition$$ as MultiViewDefinition, MultiViewEventNames, MultiViewGroup, definition$Z as MultiViewGroupDefinition, MultiViewGroupPositions, OptionGroup, definition$i as OptionGroupDefinition, Overflow, OverflowAxisValues, definition$Y as OverflowDefinition, OverflowDirections, OverflowDivider, definition$W as OverflowDividerDefinition, styles$h as OverflowDividerStyles, OverflowEventNames, OverflowItem, definition$X as OverflowItemDefinition, styles$i as OverflowItemStyles, styles$j as OverflowStyles, Pagination, definition$U as PaginationDefinition, PaginationEventNames, PaginationVariants, Popover, definition$V as PopoverDefinition, PopoverEventNames, PopoverPositions, PopoverRepositionModes, styles$g as PopoverStyles, template$d as PopoverTemplate, PositioningShorthand, ProgressBar, definition$h as ProgressBarDefinition, ProgressBarShapes, ProgressBarThicknesses, ProgressBarValidationStates, Radio, definition$f as RadioDefinition, RadioGroup, definition$g as RadioGroupDefinition, RadioGroupOrientations, RatingDisplay, RatingDisplayColors, definition$e as RatingDisplayDefinition, RatingDisplaySizes, SearchBox, SearchBoxAppearances, SearchBoxControlSizes, definition$d as SearchBoxDefinition, SearchBoxEventNames, ImplicitSubmissionBlockingTypes as SearchBoxImplicitSubmissionBlockingTypes, SearchBoxTypes, SimpleTable, definition$R as SimpleTableDefinition, Slider, definition$c as SliderDefinition, SliderEventNames, SliderModes, SliderOrientations, SliderSizes, SlottableInputs, SortDirections, SpinButton, SpinButtonAppearances, SpinButtonBounds, SpinButtonControlSizes, definition$b as SpinButtonDefinition, SpinButtonEventNames, SpinButtonSpinStates, styles$2 as SpinButtonStyles, template$2 as SpinButtonTemplate, Spinner, SpinnerAppearances, definition$a as SpinnerDefinition, SpinnerSizes, SvgIcon, definition$T as SvgIconDefinition, Switch, definition$9 as SwitchDefinition, Tab, definition$8 as TabDefinition, Table, TableCell, definition$Q as TableCellDefinition, TableCellSizes, styles$e as TableCellStyles, template$b as TableCellTemplate, definition$S as TableDefinition, styles$f as TableStyles, template$c as TableTemplate, Tablist, TablistAppearances, definition$7 as TablistDefinition, TablistEventNames, TablistOrientations, TablistSizes, Tag, TagAppearances, definition$P as TagDefinition, TagEventNames, TagShapes, TagSizes, TagTextSizes, TeachingBubble, definition$O as TeachingBubbleDefinition, TeachingBubbleEventNames, TeachingBubblePlacements, TeachingBubbleSizes, Text, TextAligns, TextArea, TextareaAppearances as TextAreaAppearances, TextareaAppearancesForDisplayShadows as TextAreaAppearancesForDisplayShadows, TextareaAutocompletes as TextAreaAutocompletes, definition$6 as TextAreaDefinition, TextareaResizes as TextAreaResizes, TextareaSizes as TextAreaSizes, definition$4 as TextDefinition, TextFonts, TextInput, TextInputAppearances, TextInputControlSizes, definition$5 as TextInputDefinition, styles$1 as TextInputStyles, template$1 as TextInputTemplate, TextInputTypes, TextSizes, TextWeights, ToggleButton, ToggleButtonAppearances, definition$1 as ToggleButtonDefinition, ToggleButtonFormTargets, ToggleButtonShapes, ToggleButtonSizes, ToggleButtonTypes, Tooltip, definition as TooltipDefinition, TooltipPositioningOptions, Tree, definition$3 as TreeDefinition, TreeItem, definition$2 as TreeItemDefinition, styles as TreeItemStyles, template as TreeItemTemplate, ValidationFlags, Wizard, definition$N as WizardDefinition, WizardEvents, WizardPanel, definition$M as WizardPanelDefinition, WizardPanelEventNames, WizardPanelStates, WizardStep, definition$L as WizardStepDefinition, WizardStepEvents, WizardStepStates, applyMixins, attachMockElementInternals, clamp, composeDefinitions, createRovingFocusController, createUniqueId, debounce, debug, defineCarousel, definePagination, disabledState, expandedState, fromFAST, getDirection, getOptionsFromElement, globalDirectionDetector, inputElementMethods, isActionModifierKey, isDisabledElement, isFocusableElement, isHiddenElement, isOptionGroup, isRtl, styles$3 as optionGroupStyles, template$3 as optionGroupTemplate, precisionRound, roleForMenuGroup, roleForMenuItem, setAttributes, setChildrenFocusability, setGlobalDirectionDetector, staticallyCompose, toggleState, whitespaceFilter };
+export type { AccordionExpandMode, AccordionItemMarkerPosition, AccordionItemSize, AccordionMenuExpandMode, AccordionMenuPanelMarkerPosition, AccordionMenuPanelSize, ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, CarouselEventName, CarouselNavButtonPlacement, CarouselNavEventName, CarouselNavPosition, CheckboxShape, CheckboxSize, CollisionEdge, CompoundButtonAppearance, CompoundButtonFormTarget, CompoundButtonShape, CompoundButtonSize, CompoundButtonType, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, DialogType, DirectionDetectorOptions, DirectionObserver, DirectionOrNull, DirectionStrategy, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DrawerPosition, DrawerSize, DrawerType, DropdownAppearance, DropdownSize, DropdownType, DynamicTabListOrientation, FabricElementDefinition, FilterPillAppearance, FilterPillFormTarget, FilterPillShape, FilterPillSize, FilterPillType, HTMLPopoverElement, ImageFit, ImageShape, LabelPosition, LabelSize, LabelWeight, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuGroupRole, MenuItemAppearance, MenuItemColumnCount, MenuItemRole, MenuPosition, MenuRepositionMode, ModalDismissEventDetail, ModalEventName, ModalMode, MultiViewGroupPosition, OverflowAxisValue, OverflowChangeEventDetail, OverflowDirection, PaginationPageChangeDetail, PaginationVariant, PopoverEventData, PopoverMode, PopoverRepositionMode, PopoverSize, PositioningShorthandKeys, PositioningShorthandValues, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, RadioGroupOrientation, RatingDisplayColor, RatingDisplaySize, RovingFocusController, RovingFocusOptions, SearchBoxAppearance, SearchBoxControlSize, SearchBoxType, SliderMode, SliderOrientation, SliderSize, SlottableInput, SortDirection, SpinButtonAppearance, SpinButtonBound, SpinButtonControlSize, SpinButtonSpinState, SpinnerAppearance, SpinnerSize, StaticallyComposableHTML, TableCellRenderFunction, TableCellSize, TableColumnData, TableRowData, TablistAppearance, TablistOrientation, TablistSize, TagAppearance, TagShape, TagSize, TagTextSize, TeachingBubblePlacement, TeachingBubbleSize, TextAlign, TextareaAppearance as TextAreaAppearance, TextareaAppearancesForDisplayShadow as TextAreaAppearancesForDisplayShadow, TextareaAutocomplete as TextAreaAutocomplete, TextareaResize as TextAreaResize, TextareaSize as TextAreaSize, TextFont, TextInputAppearance, TextInputControlSize, TextInputOptions, TextInputType, TextSize, TextWeight, ToggleButtonAppearance, ToggleButtonFormTarget, ToggleButtonShape, ToggleButtonSize, ToggleButtonType, TooltipPositioningOption, ValidationFlag, ValuesOf, WizardEvent, WizardPanelState, WizardStepEvent, WizardStepState };
 //# sourceMappingURL=index.d.ts.map