@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/dts/components/tree/tree.d.ts

@@ -0,0 +1,44 @@
+import { Tree as FluentTree } from "@fluentui/web-components";
+/**
+ * Tree
+ * @summary A Fabric UI Tree component that extends Fluent UI's Tree with custom styling and behavior.
+ *
+ * @example
+ * ```html
+ * <fabric-tree size="medium" appearance="subtle">
+ *   <fabric-tree-item expanded>
+ *     Root Item
+ *     <fabric-tree-item>Child Item 1</fabric-tree-item>
+ *     <fabric-tree-item selected>Child Item 2</fabric-tree-item>
+ *   </fabric-tree-item>
+ * </fabric-tree>
+ * ```
+ *
+ * @attr {string | undefined} size - The size of tree items within this tree (small, medium).
+ * @attr {string | undefined} appearance - The appearance variant of tree items (subtle, subtleAlpha, transparent).
+ *
+ * @prop {string} size - The size of tree items within this tree.
+ * @prop {string} appearance - The appearance variant of tree items.
+ * @prop {HTMLElement | null} currentSelected - The currently selected tree item.
+ * @prop {Array} childTreeItems - Array of immediate child tree items.
+ *
+ * @slot default - Container for tree-item elements that make up the tree structure.
+ *
+ * @csspart root - The component's outermost element.
+ *
+ * @method keydownHandler - Handles keyboard navigation (arrow keys, home, end, enter, space).
+ * @method focusHandler - Manages focus behavior when tree receives focus.
+ * @method blurHandler - Manages focus behavior when tree loses focus.
+ * @method clickHandler - Handles click events from child tree items.
+ * @method changeHandler - Handles selection change events from child tree items.
+ * @method updateSizeAndAppearance - Updates size and appearance of all child tree items.
+ *
+ * @fires change - Fired when a tree item selection changes.
+ *
+ * @extends FluentTree
+ * @tagname fabric-tree
+ * @public
+ */
+export declare class Tree extends FluentTree {
+}
+//# sourceMappingURL=tree.d.ts.map

package/dist/dts/components/tree/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAAa,IAAK,SAAQ,UAAU;CAAG"}

package/dist/dts/components/tree/tree.definition.d.ts

@@ -0,0 +1,8 @@
+import { Tree } from "./tree";
+/**
+ * The Fabric Tree component.
+ *
+ * @public
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Tree>;
+//# sourceMappingURL=tree.definition.d.ts.map

package/dist/dts/components/tree/tree.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tree/tree.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B;;;;GAIG;AACH,eAAO,MAAM,UAAU,sEAOrB,CAAC"}

package/dist/dts/components/tree-item/define.d.ts

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

package/dist/dts/components/tree-item/define.d.ts.map

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

package/dist/dts/components/tree-item/index.d.ts

@@ -0,0 +1,4 @@
+export { TreeItem } from "./tree-item";
+export { TreeItemStyles, TreeItemTemplate } from "@fluentui/web-components";
+export { definition as TreeItemDefinition } from "./tree-item.definition";
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/tree-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/dts/components/tree-item/tree-item.d.ts

@@ -0,0 +1,58 @@
+import { TreeItem as FluentTreeItem } from "@fluentui/web-components";
+/**
+ * TreeItem
+ * @summary A Fabric UI TreeItem component that extends Fluent UI's TreeItem with custom styling and behavior.
+ *
+ * @example
+ * ```html
+ * <fabric-tree-item expanded selected>
+ *   <span slot="start">📁</span>
+ *   Folder Name
+ *   <span slot="end">🔔</span>
+ *   <fabric-tree-item>Child Item</fabric-tree-item>
+ * </fabric-tree-item>
+ * ```
+ *
+ * @attr {boolean | undefined} expanded - Whether the tree item is expanded to show child items.
+ * @attr {boolean | undefined} selected - Whether the tree item is selected.
+ * @attr {boolean | undefined} empty - Whether the tree item has no child items.
+ * @attr {string | undefined} size - The size of the tree item (small, medium).
+ * @attr {string | undefined} appearance - The appearance variant (subtle, subtleAlpha, transparent).
+ * @attr {number | undefined} data-indent - The indentation level for nested items.
+ *
+ * @prop {boolean} expanded - Whether the tree item is expanded.
+ * @prop {boolean} selected - Whether the tree item is selected.
+ * @prop {boolean} empty - Whether the tree item has no child items.
+ * @prop {string} size - The size of the tree item.
+ * @prop {string} appearance - The appearance variant.
+ * @prop {number} dataIndent - The indentation level.
+ * @prop {Array} childTreeItems - Array of child tree items.
+ * @prop {boolean} isNestedItem - Whether this item is nested within another tree item.
+ *
+ * @slot default - The main content of the tree item.
+ * @slot start - Content displayed before the main content (typically icons).
+ * @slot end - Content displayed after the main content.
+ * @slot aside - Content displayed at the far end of the tree item.
+ * @slot chevron - Custom expand/collapse indicator (defaults to built-in chevron).
+ * @slot item - Container where child tree items are automatically placed.
+ *
+ * @csspart positioning-region - Container for the tree item content and aside sections.
+ * @csspart content - Container for the main tree item content (chevron, start, default, end slots).
+ * @csspart chevron - The expand/collapse indicator.
+ * @csspart aside - Container for the aside slot content.
+ * @csspart items - Container for nested child tree items.
+ *
+ * @method toggleExpansion - Toggles the expanded state if the item has children.
+ * @method updateChildTreeItems - Updates the indentation and appearance of child items.
+ * @method updateSizeAndAppearance - Updates size and appearance of all child tree items.
+ *
+ * @fires toggle - Fired when the expanded state changes. Detail: {oldState: string, newState: string}
+ * @fires change - Fired when the selected state changes.
+ *
+ * @extends FluentTreeItem
+ * @tagname fabric-tree-item
+ * @public
+ */
+export declare class TreeItem extends FluentTreeItem {
+}
+//# sourceMappingURL=tree-item.d.ts.map

package/dist/dts/components/tree-item/tree-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tree-item/tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,qBAAa,QAAS,SAAQ,cAAc;CAAG"}

package/dist/dts/components/tree-item/tree-item.definition.d.ts

@@ -0,0 +1,8 @@
+import { TreeItem } from "./tree-item.js";
+/**
+ * The Fabric TreeItem component.
+ *
+ * @public
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof TreeItem>;
+//# sourceMappingURL=tree-item.definition.d.ts.map

package/dist/dts/components/tree-item/tree-item.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tree-item/tree-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI1C;;;;GAIG;AACH,eAAO,MAAM,UAAU,0EAOrB,CAAC"}

package/dist/dts/components/wizard/index.d.ts

@@ -1,5 +1,4 @@
-export * from "./wizard";
-export { definition as WizardDefinition } from "./wizard.definition";
-export { styles as WizardStyles } from "./wizard.styles";
-export { template as WizardTemplate } from "./wizard.template";
+export { Wizard } from "./wizard.js";
+export { definition as WizardDefinition } from "./wizard.definition.js";
+export { type WizardEvent, WizardEvents } from "./wizard.options.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/wizard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/dts/components/wizard/wizard.d.ts

@@ -1,59 +1,106 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { WizardPanel } from "../wizard-panel/wizard-panel.js";
 import { WizardStep } from "../wizard-step/wizard-step.js";
 /**
- * Wizard
+ * # Wizard
+ * A customizable wizard component for a step-by-step interface.
  *
- * @extends FASTElement
+ * @summary A customizable wizard component for a step-by-step interface.
+ *
+ * @example
+ * ```html
+ * <fabric-wizard numbered linear disable-on-complete>
+ *   <fabric-wizard-step slot='step'>Step One</fabric-wizard-step>
+ *   <fabric-wizard-panel slot='panel'>Content for Step One</fabric-wizard-panel>
+ *   <fabric-wizard-step slot='step'>Step Two</fabric-wizard-step>
+ *   <fabric-wizard-panel slot='panel'>Content for Step Two</fabric-wizard-panel>
+ *   <div slot='title'>Wizard Title</div>
+ *   <fabric-wizard-button slot='button'>Next</fabric-wizard-button>
+ * </fabric-wizard>
+ * ```
+ *
+ * @attr {boolean} numbered - Determines whether the step state indicator should be labeled with the order of the steps.
+ * @attr {boolean} linear - Indicates whether the wizard enforces linear step completion.
+ * @attr {boolean} disable-on-complete - Indicates whether steps should be disabled on completion.
+ * @attr {number} current-index - The current index of the active step.
+ *
+ * @prop {number} numbered - Determines whether the step state indicator should be labeled with the order of the steps.
+ * @prop {boolean} linear - Indicates whether the wizard enforces linear step completion.
+ * @prop {number} currentIndex - The current index of the active step.
+ * @prop {boolean} disableOnComplete - Indicates whether steps should be disabled on completion.
+ * @prop {HTMLElement} stepcontainer - The container for wizard steps.
+ * @prop {HTMLElement} panelcontainer - The container for wizard panels.
+ * @prop {HTMLElement[]} slottedsteps - The list of slotted wizard steps.
+ * @prop {Button[]} slottedactions - The list of slotted buttons.
+ * @prop {HTMLElement[]} slottedpanels - The list of slotted wizard panels.
+ * @prop {string | undefined} activeid - The ID of the active step.
+ * @prop {WizardStep | undefined} activestep - The currently active step.
+ * @prop {number | undefined} prevActiveStepIndex - The index of the previously active step.
  *
  * @slot step - Slot for adding WizardStep components, representing each step in the wizard.
  * @slot panel - Slot for adding WizardPanel components, representing the content of each step.
  * @slot title - Slot for adding a title to the wizard.
  * @slot button - Slot for adding buttons to the wizard toolbar.
+ * @slot actions - Slot for action buttons rendered in the toolbar area, such as Back and Next controls.
+ * @slot end - Slot for content appended after the panels container.
+ * @slot start - Slot for content prepended before the main wizard area.
  *
- * @attribute {boolean} ordered - Determines whether the step state indicator should be labeled with the order of the steps.
- * @attribute {boolean} disable-on-complete - Determines whether the step state indicator should be disabled after completing the step.
- * @attribute {number} current-index - The index of the currently active step.
- *
- * @property {boolean} ordered - Determines whether the step state indicator should be labeled with the order of the steps.
+ * @csspart wizard - The root element of the wizard component.
+ * @csspart steps - The navigation element (tablist) that contains the WizardStep components.
+ * @csspart panels - The wrapper element containing all WizardPanel components.
+ * @csspart panels-container - The outer container wrapping the toolbar and panels sections.
+ * @csspart title - The element that renders the title slot content.
+ * @csspart toolbar - The toolbar row containing the title element and action buttons.
+ * @csspart button-container - The container element wrapping the actions slot inside the toolbar.
  *
- * @fires wizard-change - Fires when there is a change in the wizard, providing the current index and active ID.
- * @fires wizard-complete - Fires when all steps in the wizard are complete.
+ * @cssprop --wizard-tablist-width - Set's the width of the Wizard tablist step container
+ * @cssprop --wizard-toolbar-display - Set's the display of the wizard toolbar
+ * @cssprop --wizard-overflow-step-width - Sets the width of each wizard step in overflow mode.
+ * @cssprop --wizard-overflow-tablist-width - Sets the width of the wizard tablist in overflow mode.
+ * @cssprop --wizard-scrollbar-radius - Sets the border radius of the wizard overflow scrollbar.
+ * @cssprop --wizard-scrollbar-spacing - Sets the spacing around the wizard overflow scrollbar.
+ * @cssprop --wizard-scrollbar-thumb-color - Sets the color of the wizard overflow scrollbar thumb.
+ * @cssprop --wizard-scrollbar-track-color - Sets the color of the wizard overflow scrollbar track.
  *
- * @method show() - Shows the wizard component.
- * @method hide() - Hides the wizard component.
- * @method enableStep(index?: number) - Enables a specific step in the wizard.
- * @method disableStep(index?: number) - Disables a specific step in the wizard.
- * @method errorStep(index?: number) - Sets the state of a step to error.
- * @method completeStep(index?: number) - Sets the state of a step to complete.
- * @method incompleteStep(index?: number) - Sets the state of a step to incomplete.
- * @method getStepStatus() - Retrieves the status of each step in the wizard.
+ * @method next() - Moves to the next step.
+ * @method previous() - Moves to the previous step.
+ * @method show() - Shows the wizard.
+ * @method hide() - Hides the wizard.
+ * @method enableStep(index?: number) - Enables the specified step.
+ * @method disableStep(index?: number) - Disables the specified step.
+ * @method errorStep(index?: number) - Sets the specified step to an error state.
+ * @method completeStep(index?: number) - Completes the specified step.
+ * @method incompleteStep(index?: number) - Sets the specified step to an incomplete state.
+ * @method getStepStatus() - Gets the status of the steps.
  * @method reset() - Resets the wizard to its initial state.
- * @method next() - Moves to the next step in the wizard.
- * @method previous() - Moves to the previous step in the wizard.
- * @method setActiveStep(step: WizardStep) - Sets the active step of the wizard.
- * @method focusNextStep(setActive?: boolean) - Moves the focus to the next step in the wizard.
- * @method focusPreviousStep(setActive?: boolean) - Moves the focus to the previous step in the wizard.
- * @method moveToStepByIndex(index: number) - Moves to a specific step in the wizard by its index.
+ * @method setActiveStep(step: WizardStep) - Sets the active step.
+ * @method focusNextStep(setActive?: boolean) - Focuses the next step.
+ * @method focusPreviousStep(setActive?: boolean) - Focuses the previous step.
+ * @method moveToStepByIndex(index: number, moveFocus?: boolean) - Moves to the step by its index.
  *
- * @summary  A customizable wizard component for a step-by-step interface.
+ * @fires wizard-change - Fires when there is a change in the wizard, providing the current index and active ID.
+ * @fires wizard-complete - Fires when all steps in the wizard are complete.
  *
+ * @extends FASTElement
  * @tagname fabric-wizard
- */
-/**
- * Represents a wizard component.
  * @public
- * @extends {FASTElement}
  */
 export declare class Wizard extends FASTElement {
     /**
-     * Indicates whether the steps should be ordered.
+     * Indicates whether the steps should be visually numbered at smaller viewports.
      * @public
      * @attr
      * @type {boolean}
      * @default false
      */
-    ordered?: boolean;
+    numbered?: boolean;
+    /**
+     * Indicates whether the wizard enforces linear step completion.
+     * @public
+     * @attr
+     * @type {boolean}
+     * @default false
+     */
+    linear?: boolean;
     /**
      * Indicates whether steps should be disabled on completion.
      * @public
@@ -88,23 +135,23 @@ export declare class Wizard extends FASTElement {
      * The list of slotted wizard steps.
      * @public
      * @observable
-     * @type {WizardStep[]}
+     * @type {HTMLElement[]}
      */
-    slottedsteps: WizardStep[];
+    slottedsteps: HTMLElement[];
     /**
      * The list of slotted buttons.
      * @public
      * @observable
-     * @type {HTMLButtonElement[]}
+     * @type {HTMLElement[]}
      */
-    slottedbuttons: HTMLButtonElement[];
+    slottedactions: HTMLElement[];
     /**
      * The list of slotted wizard panels.
      * @public
      * @observable
-     * @type {WizardPanel[]}
+     * @type {HTMLElement[]}
      */
-    slottedpanels: WizardPanel[];
+    slottedpanels: HTMLElement[];
     /**
      * The ID of the active step.
      * @private
@@ -114,10 +161,10 @@ export declare class Wizard extends FASTElement {
     private activeid?;
     /**
      * The currently active step.
-     * @private
-     * @type {WizardStep}
+     * @public
+     * @type {WizardStep | undefined}
      */
-    private activestep?;
+    activestep?: WizardStep;
     /**
      * The index of the previously active step.
      * @private
@@ -157,12 +204,12 @@ export declare class Wizard extends FASTElement {
      * Handles changes to the slotted panels.
      * @public
      */
-    slottedpanelsChanged(): void;
+    slottedpanelsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
     /**
      * Handles changes to the slotted steps.
      * @public
      */
-    slottedstepsChanged(): void;
+    slottedstepsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
     /**
      * Handles changes to the current index.
      * @public
@@ -170,6 +217,16 @@ export declare class Wizard extends FASTElement {
      * @param {number} newValue - The new value of the current index.
      */
     currentIndexChanged(oldValue: number, newValue: number): void;
+    /**
+     * Moves to the next step.
+     * @public
+     */
+    next(): void;
+    /**
+     * Moves to the previous step.
+     * @public
+     */
+    previous(): void;
     /**
      * Shows the wizard.
      * @public
@@ -213,7 +270,18 @@ export declare class Wizard extends FASTElement {
     /**
      * Gets the status of the steps.
      * @public
-     * @returns {Array<{ id: string, state: string, index: number, active: boolean }>}
+     * @returns {Array<{id: string, state: string, index: number, active: boolean}>}
+     */
+    /**
+     * Returns an array of objects representing the status of each wizard step.
+     *
+     * Each object in the returned array contains:
+     * - `id`: The HTML element ID of the step.
+     * - `state`: The current state of the step.
+     * - `index`: The zero-based index of the step.
+     * - `active`: Whether the step is currently active.
+     *
+     * @returns An array of step status objects for all slotted steps.
      */
     getStepStatus(): {
         id: string;
@@ -226,62 +294,53 @@ export declare class Wizard extends FASTElement {
      * @public
      */
     reset(): void;
-    /**
-     * Moves to the next step.
-     * @public
-     */
-    next: () => void;
-    /**
-     * Moves to the previous step.
-     * @public
-     */
-    previous: () => void;
     /**
      * Sets the active step.
      * @public
-     * @param {WizardStep} step - The step to set as active.
+     * @param {HTMLElement} step - The step to set as active.
      */
-    setActiveStep(step: WizardStep): void;
+    setActiveStep(step: HTMLElement): void;
     /**
      * Focuses the next step.
      * @public
      * @param {boolean} [setActive=false] - Indicates whether to set the next step as active.
      */
-    focusNextStep: (setActive?: boolean) => void;
+    focusNextStep(setActive?: boolean): void;
     /**
      * Focuses the previous step.
      * @public
      * @param {boolean} [setActive=false] - Indicates whether to set the previous step as active.
      */
-    focusPreviousStep: (setActive?: boolean) => void;
+    focusPreviousStep(setActive?: boolean): void;
     /**
      * Moves to the step by its index.
      * @public
      * @param {number} index - The index of the step to move to.
+     * @param {boolean} [moveFocus=true] - Whether to move keyboard focus to the step.
      */
-    moveToStepByIndex: (index: number) => void;
+    moveToStepByIndex(index: number, moveFocus?: boolean): void;
     /**
      * Handles keydown events on the step container.
      * @public
      * @param {KeyboardEvent} event - The keyboard event.
      */
-    handleStepContainerKeydown: (event: KeyboardEvent) => void;
+    handleStepContainerKeydown(event: KeyboardEvent): void | boolean;
     /**
      * Handles keydown events on a step.
      * @public
      * @param {KeyboardEvent} event - The keyboard event.
      */
-    handleStepKeyDown: (event: KeyboardEvent) => void;
+    handleStepKeyDown(event: KeyboardEvent): void | boolean;
     /**
      * Sets the steps and updates their attributes.
      * @protected
      */
-    protected setSteps: () => void;
+    protected setSteps(): void;
     /**
      * Sets the panels and updates their attributes.
      * @protected
      */
-    protected setPanels: () => void;
+    protected setPanels(): void;
     /**
      * Adds event listeners to steps and panels.
      * @protected
@@ -356,13 +415,19 @@ export declare class Wizard extends FASTElement {
     private handleStepSelect;
     /**
      * Emits a wizard change event.
+     * @fires wizard-change
      * @private
      */
     private emitChange;
     /**
      * Emits a wizard complete event.
+     * @fires wizard-complete
      * @private
      */
     private emitComplete;
+    private setAllStepTabIndex;
+    private focusFirstEnabledStep;
+    private handleStepContainerFocus;
+    private handleStepContainerBlur;
 }
 //# sourceMappingURL=wizard.d.ts.map

package/dist/dts/components/wizard/wizard.d.ts.map

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

package/dist/dts/components/wizard/wizard.definition.d.ts

@@ -1,4 +1,4 @@
-import { Wizard } from "./wizard";
+import { Wizard } from "./wizard.js";
 /**
  *
  * @public

package/dist/dts/components/wizard/wizard.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wizard.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}
+{"version":3,"file":"wizard.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}

package/dist/dts/components/wizard/wizard.options.d.ts

@@ -0,0 +1,7 @@
+import type { ValuesOf } from "../../util/typings.js";
+export declare const WizardEvents: {
+    readonly wizardChange: "wizard-change";
+    readonly wizardComplete: "wizard-complete";
+};
+export type WizardEvent = ValuesOf<typeof WizardEvents>;
+//# sourceMappingURL=wizard.options.d.ts.map

package/dist/dts/components/wizard/wizard.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/dts/components/wizard/wizard.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wizard.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.styles.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAgGlB,CAAC"}
+{"version":3,"file":"wizard.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.styles.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAmJlB,CAAC"}

package/dist/dts/components/wizard/wizard.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import { Wizard } from "./wizard";
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import { Wizard } from "./wizard.js";
 /**
  * The template for the {@link @fabric-msft/fabric-web#(Stepper:class)} component.
  * @public

package/dist/dts/components/wizard/wizard.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wizard.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.template.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAIpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAwCzE;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAoB,CAAC"}
+{"version":3,"file":"wizard.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard/wizard.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,KAAK,mBAAmB,CAAC,CAAC,CAAC,CA0CzE;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAoB,CAAC"}

package/dist/dts/components/wizard-panel/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./wizard-panel";
-export { definition as WizardPanelDefinition } from "./wizard-panel.definition";
-export { styles as WizardPanelStyles } from "./wizard-panel.styles";
-export { template as WizardPanelTemplate } from "./wizard-panel.template";
+export { WizardPanel } from "./wizard-panel.js";
+export { definition as WizardPanelDefinition } from "./wizard-panel.definition.js";
+export { WizardPanelEventNames, WizardPanelStates } from "./wizard-panel.options.js";
+export type { WizardPanelState } from "./wizard-panel.options.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/wizard-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/dts/components/wizard-panel/wizard-panel.cem.d.ts

@@ -1,5 +1,5 @@
-export { WizardPanel } from "./wizard-panel";
-export { definition as WizardPanelDefinition } from "./wizard-panel.definition";
-export { styles as wizardPanelStyles } from "./wizard-panel.styles";
-export { template as wizardPanelTemplate } from "./wizard-panel.template";
+export { WizardPanel } from "./wizard-panel.js";
+export { definition as WizardPanelDefinition } from "./wizard-panel.definition.js";
+export { styles as wizardPanelStyles } from "./wizard-panel.styles.js";
+export { template as wizardPanelTemplate } from "./wizard-panel.template.js";
 //# sourceMappingURL=wizard-panel.cem.d.ts.map

package/dist/dts/components/wizard-panel/wizard-panel.cem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.cem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.cem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"wizard-panel.cem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.cem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}