@fabric-msft/fabric-web 7.2.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
@@ -804,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
@@ -847,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
@@ -890,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
@@ -920,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
@@ -1001,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;
 }
 
 /**
@@ -1181,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
@@ -1205,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
@@ -1257,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
@@ -1278,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;
 }
 
 /**
@@ -1311,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
@@ -1343,117 +1280,320 @@ 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[]}
      * @observable
@@ -1669,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: {
@@ -2018,12 +2158,429 @@ declare class FilterPill extends Button {
 }
 
 /**
- *
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-filter-pill>
+ */
+declare const definition$13: _microsoft_fast_element.FASTElementDefinition<typeof FilterPill>;
+
+/**
+ * Modal mode options.
+ * @public
+ */
+declare const ModalModes: {
+    readonly default: "default";
+    readonly fre: "fre";
+};
+/**
+ * Modal mode type.
+ * @public
+ */
+type ModalMode = ValuesOf<typeof ModalModes>;
+
+/**
+ * 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 class Dialog extends Dialog$1 {
+}
+
+/**
+ * @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-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 {boolean} active - Whether this item is the currently visible step.
+ * @attr {string} label - Accessible label for this step.
+ *
+ * @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).
+ *
+ * @slot default - Hero content (image, illustration, or any visual).
+ * @slot title - Title content for this step.
+ * @slot description - Description content for this step.
+ *
+ * @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed.
+ *
+ * @extends FASTElement
+ * @tagname fabric-modal-fre-item
+ * @public
+ */
+declare class ModalFreItem extends FASTElement implements CarouselManagedItem {
+    /**
+     * Whether this item is the currently visible step.
+     * Managed by the CarouselController.
+     * @public
+     */
+    active: boolean;
+    /**
+     * Accessible label for this step.
+     * @public
+     */
+    label?: string;
+    /**
+     * Unique ID for this tabpanel (set by CarouselController).
+     * @internal
+     */
+    panelId?: string;
+    /**
+     * ID of the associated tab element (for aria-labelledby, set by CarouselController).
+     * @internal
+     */
+    tabId?: string;
+    /**
+     * Handles the dismiss button click.
+     * Dispatches a bubbling, composed dismiss event.
+     * @internal
+     */
+    handleDismiss(): void;
+}
+
+/**
+ * @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 Default mode
+ * ```html
+ * <fabric-modal open modal-title="Confirm action">
+ *   <h2>Are you sure?</h2>
+ *   <p>This action cannot be undone.</p>
+ * </fabric-modal>
+ * ```
+ *
+ * @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>
+ * ```
+ *
+ * @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 FASTElement
+ * @tagname fabric-modal
+ * @public
+ */
+declare class Modal extends FASTElement implements Subscriber {
+    /**
+     * Carousel controller for FRE mode.
+     * @internal
+     */
+    readonly carouselController: CarouselController<CarouselItem>;
+    /**
+     * Modal mode: "default" for simple modal, "fre" for multi-step wizard.
+     * @public
+     */
+    mode: ModalMode;
+    /**
+     * Whether the modal is visible.
+     * @public
+     */
+    open: boolean;
+    /**
+     * Accessible label for the modal.
+     * @public
+     */
+    modalTitle: string;
+    /**
+     * Active step index. Only meaningful in FRE mode.
+     * @public
+     */
+    currentStep: number;
+    /**
+     * Label for the primary button in default mode.
+     * @public
+     */
+    primaryLabel: string;
+    /**
+     * Label for the "Next" button in FRE mode.
+     * @public
+     */
+    nextLabel: string;
+    /**
+     * Label for the "Done" button in FRE mode.
+     * @public
+     */
+    doneLabel: string;
+    /**
+     * Label for the secondary button on FRE first step.
+     * @public
+     */
+    tryLaterLabel: string;
+    /**
+     * Label for the secondary "Back" button in FRE mode.
+     * @public
+     */
+    backLabel: string;
+    /**
+     * Label for the secondary "Dismiss" button on FRE last step.
+     * @public
+     */
+    dismissLabel: string;
+    /**
+     * Reference to the inner fabric-dialog element (set via template ref).
+     * @internal
+     */
+    dialog: Dialog;
+    /**
+     * Slotted items (used in FRE mode to track fre-items, or carousel-items in default).
+     * @internal
+     */
+    slottedContent: HTMLElement[];
+    /**
+     * FRE items parsed from slotted content.
+     * @internal
+     */
+    freItems: ModalFreItem[];
+    /**
+     * Total step count (FRE mode).
+     * @public
+     * @readonly
+     */
+    get totalSteps(): number;
+    /**
+     * Callback when open changes.
+     * Delegates to the inner fabric-dialog's show/hide.
+     * @internal
+     */
+    openChanged(_oldValue: boolean, newValue: boolean): void;
+    /**
+     * Callback when current-step attribute changes.
+     * Syncs the controller to the attribute value.
+     * @internal
+     */
+    currentStepChanged(_oldValue: string | number, newValue: string | number): void;
+    /**
+     * Callback when slotted content changes.
+     * In FRE mode, extracts fre-items and assigns them directly to the carousel controller.
+     * @internal
+     */
+    slottedContentChanged(): void;
+    /**
+     * Handles the toggle event from the inner fabric-dialog.
+     * Syncs open state when the dialog is closed externally (Escape key, backdrop click).
+     * @internal
+     */
+    handleDialogToggle(event: CustomEvent): void;
+    /**
+     * Handles the primary button action.
+     * In default mode: dismisses. In FRE mode: advances step or completes.
+     * @internal
+     */
+    handlePrimaryAction(): void;
+    /**
+     * Handles the secondary button action.
+     * In FRE mode: "Try Later" / "Back" / "Dismiss" depending on step.
+     * @internal
+     */
+    handleSecondaryAction(): void;
+    /**
+     * Handles dismiss (close button, Escape, backdrop click, or FRE completion).
+     * @param complete - Whether the dismiss was triggered by completing the FRE wizard.
+     * @internal
+     */
+    handleDismiss(complete?: boolean): void;
+    /**
+     * Gets the label for the secondary button based on current FRE step.
+     * @internal
+     */
+    get secondaryButtonLabel(): string;
+    /**
+     * Gets the label for the primary button.
+     * @internal
+     */
+    get primaryButtonLabel(): string;
+    /**
+     * Subscriber implementation for CarouselController changes.
+     * Syncs currentStep attribute and emits step-change event.
+     * @internal
+     */
+    handleChange(source: CarouselController, propertyName: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Emits open-change event.
+     * @internal
+     */
+    private emitOpenChange;
+    /**
+     * 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
- * @remarks
- * HTML Element: <fabric-filter-pill>
  */
-declare const definition$$: _microsoft_fast_element.FASTElementDefinition<typeof FilterPill>;
+interface ModalDismissEventDetail {
+    /**
+     * Whether the dismiss was triggered by completing the FRE wizard.
+     */
+    complete: boolean;
+}
 
 /**
  * Appearances for {@link CompoundButton}
@@ -2203,7 +2760,7 @@ declare class CompoundButton extends BaseButton {
  *
  * @public
  */
-declare const definition$_: _microsoft_fast_element.FASTElementDefinition<typeof CompoundButton>;
+declare const definition$11: _microsoft_fast_element.FASTElementDefinition<typeof CompoundButton>;
 
 /**
  * LoadingButton
@@ -2251,58 +2808,6 @@ declare class LoadingButton extends Button$1 {
     connectedCallback(): void;
 }
 
-/**
- * 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-loading-button>`, registering the
  * `fabric-spinner` dependency before the element itself.
@@ -2311,7 +2816,7 @@ declare function composeDefinitions(primaryDefinition: FabricElementDefinition,
  * @remarks
  * HTML Element: `<fabric-loading-button>`
  */
-declare const definition$Z: FabricElementDefinition;
+declare const definition$10: FabricElementDefinition;
 
 /**
  * MultiView
@@ -2359,7 +2864,7 @@ declare class MultiView extends FASTElement {
  * @remarks
  * HTML Element: <fabric-multi-view>
  */
-declare const definition$Y: _microsoft_fast_element.FASTElementDefinition<typeof MultiView>;
+declare const definition$$: _microsoft_fast_element.FASTElementDefinition<typeof MultiView>;
 
 /**
  * MultiView event names
@@ -2408,7 +2913,7 @@ declare class MultiViewController extends FASTElement {
  * @remarks
  * HTML Element: <fluent-multi-view-controller>
  */
-declare const definition$X: _microsoft_fast_element.FASTElementDefinition<typeof MultiViewController>;
+declare const definition$_: _microsoft_fast_element.FASTElementDefinition<typeof MultiViewController>;
 
 /**
  * MultiViewGroup
@@ -2724,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
@@ -2972,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.
@@ -2980,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: {
@@ -2999,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.
@@ -3007,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.
@@ -3021,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.
@@ -3525,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`.
@@ -3786,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
@@ -4014,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 = {
@@ -4301,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
@@ -4359,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
@@ -4426,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: {
@@ -4700,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
@@ -5002,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
@@ -5689,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";
@@ -5831,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>;
 
 /**
  *
@@ -5839,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
@@ -5910,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
@@ -5952,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: {
@@ -6066,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
@@ -6322,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
@@ -6435,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;
 
 /**
  *
@@ -6445,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
@@ -6512,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
@@ -6612,56 +7117,16 @@ type CounterBadgeSize = ValuesOf<typeof CounterBadgeSizes>;
  *
  * @public
  */
-declare const definition$A: _microsoft_fast_element.FASTElementDefinition<typeof CounterBadge>;
-
-/**
- * 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 class Dialog extends Dialog$1 {
-}
+declare const definition$D: _microsoft_fast_element.FASTElementDefinition<typeof CounterBadge>;
 
-declare const styles$9: _microsoft_fast_element.ElementStyles;
+declare const styles$c: _microsoft_fast_element.ElementStyles;
 
 /**
  * The Fabric Dialog component.
  *
  * @public
  */
-declare const definition$z: _microsoft_fast_element.FASTElementDefinition<typeof Dialog>;
+declare const definition$C: _microsoft_fast_element.FASTElementDefinition<typeof Dialog>;
 
 /**
  * Dialog modal type
@@ -6714,7 +7179,7 @@ declare class DialogBody extends DialogBody$1 {
  *
  * @public
  */
-declare const definition$y: _microsoft_fast_element.FASTElementDefinition<typeof DialogBody>;
+declare const definition$B: _microsoft_fast_element.FASTElementDefinition<typeof DialogBody>;
 
 /**
  * Divider
@@ -6747,74 +7212,693 @@ declare class Divider extends Divider$1 {
 }
 
 /**
- * Align-content values supported by {@link Divider}.
+ * 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 FASTElement
+ * @tagname fabric-dynamic-tab
+ * @public
+ */
+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;
+}
+
+/**
+ * Event names for {@link DynamicTab}.
  * @public
  */
-declare const DividerAlignContents: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly end: "end";
+declare const DynamicTabEventNames: {
+    readonly dismiss: "dismiss";
+    readonly select: "select";
+    readonly "rename-request": "rename-request";
 };
+
 /**
- * Type describing alignment options for {@link Divider}.
+ * The template for the DynamicTab component.
  * @public
  */
-type DividerAlignContent = ValuesOf<typeof DividerAlignContents>;
+declare const template$9: ElementViewTemplate<DynamicTab>;
+
 /**
- * Appearance values supported by {@link Divider}.
+ * Styles for the DynamicTab component.
  * @public
  */
-declare const DividerAppearances: {
-    readonly strong: "strong";
-    readonly brand: "brand";
-    readonly subtle: "subtle";
-};
+declare const styles$a: _microsoft_fast_element.ElementStyles;
+
 /**
- * Type describing appearance options for {@link Divider}.
+ * Composed element definition for `<fabric-dynamic-tab>`, registering the
+ * `fabric-button` dependency before the element itself.
+ *
  * @public
+ * @remarks
+ * HTML Element: `<fabric-dynamic-tab>`
  */
-type DividerAppearance = ValuesOf<typeof DividerAppearances>;
+declare const definition$z: FabricElementDefinition;
+
 /**
- * Orientation values supported by {@link Divider}.
+ * Dynamic Tab List orientations.
  * @public
  */
-declare const DividerOrientations: {
+declare const DynamicTabListOrientations: {
     readonly horizontal: "horizontal";
     readonly vertical: "vertical";
 };
 /**
- * Type describing orientation options for {@link Divider}.
+ * Type describing orientation options for {@link DynamicTabList}.
  * @public
  */
-type DividerOrientation = ValuesOf<typeof DividerOrientations>;
+type DynamicTabListOrientation = ValuesOf<typeof DynamicTabListOrientations>;
 /**
- * Role values supported by {@link Divider}.
+ * Event names for {@link DynamicTabList}.
  * @public
  */
-declare const DividerRoles: {
-    readonly separator: "separator";
-    readonly presentation: "presentation";
+declare const DynamicTabListEventNames: {
+    readonly "tab-dismiss": "tab-dismiss";
+    readonly "tab-select": "tab-select";
+    readonly "context-menu": "context-menu";
 };
+
 /**
- * Type describing ARIA roles available to {@link Divider}.
+ * 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 DividerRole = ValuesOf<typeof DividerRoles>;
+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;
+}
 
-declare const styles$8: _microsoft_fast_element.ElementStyles;
+/**
+ * The template for the DynamicTabList component.
+ * @public
+ */
+declare const template$8: ElementViewTemplate<DynamicTabList>;
 
 /**
- * Template for the {@link Divider} component.
+ * Styles for the DynamicTabList component.
  * @public
  */
-declare const template$7: _microsoft_fast_element.ElementViewTemplate<_fluentui_web_components.Divider, any>;
+declare const styles$9: _microsoft_fast_element.ElementStyles;
 
 /**
- * The Fabric Divider component.
+ * The Fabric DynamicTabList component definition.
+ * @public
+ */
+declare const definition$y: _microsoft_fast_element.FASTElementDefinition<typeof DynamicTabList>;
+
+/**
+ * EmptyState
+ * @summary A component for displaying empty states with optional illustration, title, body, link, and action.
+ *
+ * @example
+ * ```html
+ * <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>
+ * ```
+ *
+ * @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 illustration - The illustration container.
+ * @csspart content - The text and action content container.
  *
+ * @extends FASTElement
+ * @tagname fabric-empty-state
+ * @public
+ */
+declare class EmptyState extends FASTElement {
+}
+
+/**
+ * The Fabric EmptyState component.
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-empty-state>
+ */
+declare const definition$x: _microsoft_fast_element.FASTElementDefinition<typeof EmptyState>;
+
+/**
+ * Styles for the {@link EmptyState} component.
  * @public
  */
-declare const definition$x: _microsoft_fast_element.FASTElementDefinition<typeof Divider>;
+declare const styles$8: _microsoft_fast_element.ElementStyles;
+
+declare const template$7: ElementViewTemplate<EmptyState>;
 
 /**
  * Drawer
@@ -7694,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.
@@ -7711,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.
@@ -11649,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