@fabric-msft/fabric-web 7.0.0 → 7.3.1

package/dts/components/menu/menu.d.ts

@@ -1,6 +1,6 @@
 import { FASTElement } from "@microsoft/fast-element";
 import { MenuList } from "../menu-list/menu-list.js";
-import { type MenuPosition, type MenuRepositionMode } from "./menu.options.js";
+import { type MenuAlignment, type MenuPosition, type MenuRepositionMode } from "./menu.options.js";
 /**
  * Menu
  * @summary A Menu component that provides an interactive menu interface with support for various trigger and open behaviors.
@@ -30,6 +30,9 @@ import { type MenuPosition, type MenuRepositionMode } from "./menu.options.js";
  * @attr {boolean | undefined} persist-on-item-click - Determines if the menu open state should persist on click of a menu item.
  * @attr {boolean | undefined} split - Determines if the menu is in split state (for split button pattern).
  * @attr {MenuPosition | undefined} menu-position - Determines whether the menu list is above or below the trigger. Defaults to `"below"`.
+ * @attr {MenuAlignment | undefined} menu-alignment - Horizontal edge of the menu list that is anchored to the
+ *   trigger. Not flipped by `reposition-mode="auto"` — pick the side that keeps the menu inside the viewport.
+ *   Defaults to `"start"`.
  * @attr {MenuRepositionMode | undefined} reposition-mode - Controls JS-based repositioning. `"auto"` enables
  *   `FlexiblePositionStrategy` which detects collisions and flips the menu to the best-fitting position on
  *   every resize/scroll cycle. `"none"` (default) disables JS repositioning and relies on CSS anchored positioning.
@@ -43,6 +46,8 @@ import { type MenuPosition, type MenuRepositionMode } from "./menu.options.js";
  * @prop {HTMLElement[]} slottedTriggers - Holds the slotted triggers.
  * @prop {MenuPosition | undefined} menuPosition - Reflects the active resolved position (`"above"` or `"below"`). May
  *   differ from the authored `menu-position` attribute when `reposition-mode="auto"` has flipped the menu.
+ * @prop {MenuAlignment | undefined} menuAlignment - Authored horizontal edge of the menu list. Not flipped by
+ *   `reposition-mode="auto"`.
  * @prop {MenuRepositionMode | undefined} repositionMode - The active repositioning mode (`"auto"` | `"none"`).
  * @prop {HTMLElement | undefined} overflowBoundary - An optional scrolling container used by the
  *   `FlexiblePositionStrategy` as the collision boundary instead of the viewport. Only relevant when
@@ -113,6 +118,17 @@ export declare class Menu extends FASTElement {
      * @public
      */
     menuPositionChanged(): void;
+    /**
+     * Horizontal edge of the menu list that is anchored to the trigger.
+     * Not flipped by `reposition-mode="auto"`.
+     * @public
+     */
+    menuAlignment?: MenuAlignment;
+    /**
+     * Handles changes to the menuAlignment attribute.
+     * @public
+     */
+    menuAlignmentChanged(): void;
     /**
      * The mode for repositioning the menu when it overflows the boundary.
      *

package/dts/components/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.ts"],"names":[],"mappings":"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"}

package/dts/components/menu/menu.options.d.ts

@@ -12,6 +12,21 @@ export declare const MenuPositions: {
  * @public
  */
 export type MenuPosition = ValuesOf<typeof MenuPositions>;
+/**
+ * The horizontal alignment variations for the menu component.
+ * Controls which edge of the menu list is anchored to the trigger
+ * (`"start"` = left in LTR / right in RTL, `"end"` = right in LTR / left in RTL).
+ * @public
+ */
+export declare const MenuAlignments: {
+    readonly start: "start";
+    readonly end: "end";
+};
+/**
+ * The types for menu alignments
+ * @public
+ */
+export type MenuAlignment = ValuesOf<typeof MenuAlignments>;
 /**
  * Reposition modes for the menu
  * @public

package/dts/components/menu/menu.options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.options.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"menu.options.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dts/components/menu/menu.positioning.d.ts

@@ -1,4 +1,4 @@
-import { type MenuPosition } from "./menu.options.js";
+import { type MenuAlignment, type MenuPosition } from "./menu.options.js";
 import { type RepositionResult } from "../../util/positioning/index.js";
 /**
  * Options for the menu positioning manager
@@ -12,6 +12,8 @@ export interface MenuPositioningOptions {
 /**
  * Positioning manager for menu component.
  * Delegates all coordinate-based positioning to {@link FlexiblePositionStrategy}.
+ * Only {@link MenuPosition} is flipped by `reposition-mode="auto"`;
+ * {@link MenuAlignment} is authored by the consumer and is honored as-is.
  * @internal
  */
 export declare class MenuPositioning {
@@ -20,8 +22,11 @@ export declare class MenuPositioning {
     private readonly anchorReference;
     private overflowBoundaryReference;
     private _position;
+    private _alignment;
     set position(value: MenuPosition);
     get position(): MenuPosition;
+    set alignment(value: MenuAlignment);
+    get alignment(): MenuAlignment;
     /**
      * Updates the overflow boundary reference used for collision detection.
      */
@@ -29,7 +34,8 @@ export declare class MenuPositioning {
     constructor(options: MenuPositioningOptions);
     /**
      * Build the ordered list of candidate positions.
-     * The original position is always the first entry, followed by fallbacks.
+     * The original position is always the first entry, followed by its
+     * vertical opposite (same alignment).
      */
     private buildPositionCandidates;
     /**

package/dts/components/menu/menu.positioning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.positioning.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.positioning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AAgCzC;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,WAAW,CAAC;IAC3B,eAAe,EAAE,WAAW,CAAC;IAC7B,yBAAyB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChD;AAED;;;;GAIG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAc;IAC5C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAc;IAC9C,OAAO,CAAC,yBAAyB,CAAqB;IAEtD,OAAO,CAAC,SAAS,CAAqC;IAEtD,IAAW,QAAQ,CAAC,KAAK,EAAE,YAAY,EAEtC;IAED,IAAW,QAAQ,IAAI,YAAY,CAElC;IAED;;OAEG;IACI,4BAA4B,CACjC,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACvC,IAAI;gBAIK,OAAO,EAAE,sBAAsB;IAM3C;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAY/B;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAmB9B;;;;;;;;;;OAUG;IACI,UAAU,IAAI,gBAAgB,GAAG,IAAI;CAsB7C"}
+{"version":3,"file":"menu.positioning.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.positioning.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,YAAY,EAElB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AAgCzC;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,WAAW,CAAC;IAC3B,eAAe,EAAE,WAAW,CAAC;IAC7B,yBAAyB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChD;AAED;;;;;;GAMG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAc;IAC5C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAc;IAC9C,OAAO,CAAC,yBAAyB,CAAqB;IAEtD,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,UAAU,CAAuC;IAEzD,IAAW,QAAQ,CAAC,KAAK,EAAE,YAAY,EAEtC;IAED,IAAW,QAAQ,IAAI,YAAY,CAElC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAExC;IAED,IAAW,SAAS,IAAI,aAAa,CAEpC;IAED;;OAEG;IACI,4BAA4B,CACjC,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACvC,IAAI;gBAIK,OAAO,EAAE,sBAAsB;IAM3C;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IAW/B;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAmB9B;;;;;;;;;;OAUG;IACI,UAAU,IAAI,gBAAgB,GAAG,IAAI;CAsB7C"}

package/dts/components/menu/menu.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAmElB,CAAC"}
+{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAyElB,CAAC"}

package/dts/components/menu-button/menu-button.d.ts

@@ -15,7 +15,7 @@ import { MenuButton as FluentMenuButton } from "@fluentui/web-components";
  * @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.
@@ -32,7 +32,7 @@ import { MenuButton as FluentMenuButton } from "@fluentui/web-components";
  * @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.

package/dts/components/menu-button/menu-button.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}
+{"version":3,"file":"menu-button.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

package/dts/components/menu-button/menu-button.styles.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Fabric Menu Button styles.
+ *
+ * Extends Fluent UI's Menu Button styles and removes the built-in chevron
+ * icon when the `icon-only` attribute is set, since an icon-only menu button
+ * has no label text for the chevron to accompany.
+ *
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=menu-button.styles.d.ts.map

package/dts/components/menu-button/menu-button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.styles.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,iDAMlB,CAAC"}

package/dts/components/menu-item/menu-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAqCA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAmKlB,CAAC"}
+{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAqCA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAkKlB,CAAC"}

package/dts/components/menu-list/menu-list.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.styles.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAelB,CAAC"}
+{"version":3,"file":"menu-list.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.styles.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAclB,CAAC"}

package/dts/components/modal/define.d.ts

@@ -0,0 +1,4 @@
+import "../dialog/define.js";
+import "../carousel-nav/define.js";
+import "../carousel-nav-item/define.js";
+//# sourceMappingURL=define.d.ts.map

package/dts/components/modal/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/define.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC"}

package/dts/components/modal/index.d.ts

@@ -0,0 +1,9 @@
+export { Modal } from "./modal.js";
+export { ModalFreItem } from "../modal-fre-item/modal-fre-item.js";
+export { definition as ModalDefinition } from "./modal.definition.js";
+export { modalFreItemDefinition as ModalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
+export { ModalModes } from "./modal.options.js";
+export type { ModalMode } from "./modal.options.js";
+export { ModalEventNames } from "./modal.events.js";
+export type { ModalEventName, ModalDismissEventDetail } from "./modal.events.js";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,cAAc,EACd,uBAAuB,EACxB,MAAM,mBAAmB,CAAC"}

package/dts/components/modal/modal.d.ts

@@ -0,0 +1,209 @@
+import { FASTElement, type Subscriber } from "@microsoft/fast-element";
+import { type ModalMode } from "./modal.options.js";
+import { CarouselController } from "../../util/carousel-controller.js";
+import type { Dialog } from "../dialog/dialog.js";
+import type { ModalFreItem } from "../modal-fre-item/modal-fre-item.js";
+/**
+ * @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
+ */
+export declare class Modal extends FASTElement implements Subscriber {
+    /**
+     * Carousel controller for FRE mode.
+     * @internal
+     */
+    readonly carouselController: CarouselController<import("../carousel-item/carousel-item.js").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;
+}
+//# sourceMappingURL=modal.d.ts.map

package/dts/components/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAKX,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAcxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBAAa,KAAM,SAAQ,WAAY,YAAW,UAAU;IAC1D;;;OAGG;IACH,QAAQ,CAAC,kBAAkB,+EAA4B;IAEvD;;;OAGG;IAEH,IAAI,EAAE,SAAS,CAAsB;IAErC;;;OAGG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;;OAGG;IAEH,UAAU,EAAE,MAAM,CAAM;IAExB;;;OAGG;IAEH,WAAW,EAAE,MAAM,CAAK;IAExB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAAM;IAE1B;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,aAAa,EAAE,MAAM,CAAM;IAE3B;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAAM;IAE1B;;;OAGG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,cAAc,EAAE,WAAW,EAAE,CAAM;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,YAAY,EAAE,CAAM;IAE9B;;;;OAIG;IACH,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED;;;;OAIG;IACH,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAcxD;;;;OAIG;IACH,kBAAkB,CAChB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,QAAQ,EAAE,MAAM,GAAG,MAAM,GACxB,IAAI;IAQP;;;;OAIG;IACH,qBAAqB,IAAI,IAAI;IAU7B;;;;OAIG;IACH,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAO5C;;;;OAIG;IACH,mBAAmB,IAAI,IAAI;IAe3B;;;;OAIG;IACH,qBAAqB,IAAI,IAAI;IAiB7B;;;;OAIG;IACH,aAAa,CAAC,QAAQ,GAAE,OAAe,GAAG,IAAI;IAY9C;;;OAGG;IACH,IAAI,oBAAoB,IAAI,MAAM,CAejC;IAED;;;OAGG;IACH,IAAI,kBAAkB,IAAI,MAAM,CAU/B;IAED;;;;OAIG;IACH,YAAY,CAAC,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAUpE,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAQ5B;;;OAGG;IACH,OAAO,CAAC,cAAc;IAUtB;;;OAGG;IACH,OAAO,CAAC,cAAc;CAYvB"}

package/dts/components/modal/modal.definition.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Composed element definition for `<fabric-modal>`, and all direct dependencies.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-modal>`
+ */
+export declare const definition: import("../../util/element-definition.js").FabricElementDefinition;
+//# sourceMappingURL=modal.definition.d.ts.map

package/dts/components/modal/modal.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal.definition.ts"],"names":[],"mappings":"AAoBA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,oEAMtB,CAAC"}

package/dts/components/modal/modal.events.d.ts

@@ -0,0 +1,26 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Event names for the Modal component.
+ * @public
+ */
+export declare const ModalEventNames: {
+    readonly openChange: "open-change";
+    readonly dismiss: "dismiss";
+    readonly stepChange: "step-change";
+};
+/**
+ * Modal event type.
+ * @public
+ */
+export type ModalEventName = ValuesOf<typeof ModalEventNames>;
+/**
+ * Detail payload for the dismiss event.
+ * @public
+ */
+export interface ModalDismissEventDetail {
+    /**
+     * Whether the dismiss was triggered by completing the FRE wizard.
+     */
+    complete: boolean;
+}
+//# sourceMappingURL=modal.events.d.ts.map

package/dts/components/modal/modal.events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.events.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal.events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/dts/components/modal/modal.options.d.ts

@@ -0,0 +1,15 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Modal mode options.
+ * @public
+ */
+export declare const ModalModes: {
+    readonly default: "default";
+    readonly fre: "fre";
+};
+/**
+ * Modal mode type.
+ * @public
+ */
+export type ModalMode = ValuesOf<typeof ModalModes>;
+//# sourceMappingURL=modal.options.d.ts.map

package/dts/components/modal/modal.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.options.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/dts/components/modal/modal.styles.d.ts

@@ -0,0 +1,10 @@
+import type { ElementStyles } from "@microsoft/fast-element";
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(Modal:class)} component.
+ * The outer dialog chrome (backdrop, border-radius, shadow, max-width) is
+ * provided by the inner fabric-dialog; these styles handle modal-specific
+ * layout (close button, content area, footer, FRE nav, buttons).
+ * @public
+ */
+export declare const styles: ElementStyles;
+//# sourceMappingURL=modal.styles.d.ts.map

package/dts/components/modal/modal.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAc7D;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,aAkEpB,CAAC"}

package/dts/components/modal/modal.template.d.ts

@@ -0,0 +1,12 @@
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { Modal } from "./modal.js";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(Modal:class)} component.
+ * Uses fabric-dialog internally for native backdrop, focus trapping, and Escape handling.
+ *
+ * FRE mode tab order: dismiss button (inside fre-item) → secondary button → carousel nav → primary button.
+ * @public
+ */
+export declare function modalTemplate<T extends Modal>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<Modal>;
+//# sourceMappingURL=modal.template.d.ts.map

package/dts/components/modal/modal.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.template.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal.template.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAMxC;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAiGvE;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,KAAK,CAAmB,CAAC"}

package/dts/components/modal-fre-item/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/modal-fre-item/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/define.ts"],"names":[],"mappings":""}

package/dts/components/modal-fre-item/index.d.ts

@@ -0,0 +1,3 @@
+export { ModalFreItem } from "./modal-fre-item.js";
+export { modalFreItemDefinition as ModalFreItemDefinition } from "./modal-fre-item.definition.js";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/modal-fre-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}

package/dts/components/modal-fre-item/modal-fre-item.d.ts

@@ -0,0 +1,65 @@
+import { FASTElement } from "@microsoft/fast-element";
+import type { CarouselManagedItem } from "../../util/carousel-controller.js";
+/**
+ * @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
+ */
+export 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;
+}
+//# sourceMappingURL=modal-fre-item.d.ts.map

package/dts/components/modal-fre-item/modal-fre-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-fre-item.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/modal-fre-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,YAAa,SAAQ,WAAY,YAAW,mBAAmB;IAC1E;;;;OAIG;IAEH,MAAM,EAAE,OAAO,CAAS;IAExB;;;OAGG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,aAAa,IAAI,IAAI;CAQtB"}

package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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>`
+ */
+export declare const modalFreItemDefinition: import("../../util/element-definition.js").FabricElementDefinition;
+//# sourceMappingURL=modal-fre-item.definition.d.ts.map

package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-fre-item.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/modal-fre-item.definition.ts"],"names":[],"mappings":"AAiBA;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,oEAGlC,CAAC"}

package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts

@@ -0,0 +1,7 @@
+import type { ElementStyles } from "@microsoft/fast-element";
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(ModalFreItem:class)} component.
+ * @public
+ */
+export declare const modalFreItemStyles: ElementStyles;
+//# sourceMappingURL=modal-fre-item.styles.d.ts.map