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

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

@@ -1,39 +1,52 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { WizardStepState } from "../wizard-step/wizard-step.options";
+import type { WizardPanelState } from "./wizard-panel.options.js";
 /**
  * WizardPanel
- * @extends FASTElement
+ * @summary A customizable panel component for a wizard-style interface.
+ *
+ * @example
+ * ```html
+ * <fabric-wizard-panel id="step1" state="incomplete" hidden>
+ *   <div slot="start">Start Content</div>
+ *   <div slot="title">Step 1: Title</div>
+ *   <div>Step Content</div>
+ *   <div slot="footer">Step Footer</div>
+ *   <div slot="end">End Content</div>
+ * </fabric-wizard-panel>
+ * ```
  *
+ * @attr {boolean} hidden - Indicates whether the panel is hidden.
+ * @attr {WizardStepState} state - The state of the panel.
+ * @attr {boolean} active - Indicates whether the panel is active.
  *
- * @slot - The default content of the step.
+ * @prop {number | undefined} index - The index of the panel in the wizard sequence.
+ * @prop {boolean} hidden - Indicates whether the panel is hidden.
+ * @prop {WizardStepState} state - The current state of the wizard step.
+ * @prop {boolean} active - Indicates whether the panel is currently active.
+ *
+ * @slot default - The default content of the step.
  * @slot start - The content to display at the start of the step.
  * @slot end - The content to display at the end of the step.
  * @slot title - The content to display as the title of the step.
  * @slot footer - The content to display as the footer of the step.
  *
- * @attr {boolean} active - Indicates whether the step is active.
- * @attr {WizardStepState} state - The state of the step.
- * @attr {boolean} hidden - Indicates whether the step is hidden.
- * @attr {string} id - The ID of the step.
- * @attr {string} slot - The slot of the step.
- * @attr {string} ariaLabel - The aria-label of the step.
- * @attr {string} ariaDescribedby - The aria-describedby of the step.
- * @attr {string} ariaLabelledby - The aria-labelledby of the step.
- *
+ * @csspart panel - The root panel container element.
  * @csspart title - The title.
  * @csspart content - The content.
  * @csspart footer - The footer.
  *
- * @fires panelchange - Dispatched when the panel state changes.
+ * @method stateChanged - Handles changes to the state attribute.
+ * @method activeChanged - Handles changes to the active attribute.
+ * @method hiddenChanged - Handles changes to the hidden attribute.
+ * @method show - Shows the panel by setting the hidden attribute to false.
+ * @method hide - Hides the panel by setting the hidden attribute to true.
+ * @method emitChange - Emits a custom event indicating a change in the panel's state.
  *
- * @summary  A customizable panel component for a wizard-style interface.
+ * @fires panel-change - Dispatched when the panel state changes.
  *
+ * @extends FASTElement
  * @tagname fabric-wizard-panel
- */
-/**
- * Represents a panel within a wizard component.
  * @public
- * @extends {FASTElement}
  */
 export declare class WizardPanel extends FASTElement {
     /**
@@ -55,10 +68,10 @@ export declare class WizardPanel extends FASTElement {
      * The current state of the wizard step.
      * @public
      * @attr
-     * @type {WizardStepState}
+     * @type {WizardPanelState}
      * @default incomplete
      */
-    state: WizardStepState;
+    state: WizardPanelState;
     /**
      * Indicates whether the panel is currently active.
      * @public
@@ -70,10 +83,10 @@ export declare class WizardPanel extends FASTElement {
     /**
      * Handles changes to the state attribute.
      * @public
-     * @param {WizardStepState} oldValue - The previous state value.
-     * @param {WizardStepState} newValue - The new state value.
+     * @param {WizardPanelState} oldValue - The previous state value.
+     * @param {WizardPanelState} newValue - The new state value.
      */
-    stateChanged(oldValue: WizardStepState, newValue: WizardStepState): void;
+    stateChanged(oldValue: WizardPanelState, newValue: WizardPanelState): void;
     /**
      * Handles changes to the active attribute.
      * @public

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH;;;;GAIG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAE1C;;;;;OAKG;IAEI,KAAK,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAQ;IAE9B;;;;;;OAMG;IAEI,KAAK,EAAE,eAAe,CAA8B;IAE3D;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAS;IAE/B;;;;;OAKG;IACI,YAAY,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,GAAG,IAAI;IAM/E;;;;;OAKG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAWhE;;;;;OAKG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAMhE;;;OAGG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,UAAU,IAAI,IAAI;CAQ1B"}
+{"version":3,"file":"wizard-panel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AAExE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C;;;;;OAKG;IAEI,KAAK,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAQ;IAE9B;;;;;;OAMG;IAEI,KAAK,EAAE,gBAAgB,CAAgC;IAE9D;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAS;IAE/B;;;;;OAKG;IACI,YAAY,CACjB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,gBAAgB,GACzB,IAAI;IAMP;;;;;OAKG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAWhE;;;;;OAKG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAMhE;;;OAGG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,UAAU,IAAI,IAAI;CAQ1B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}
+{"version":3,"file":"wizard-panel.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { ValuesOf } from "../../util/typings.js";
+export declare const WizardPanelEventNames: {
+    readonly panelChange: "panel-change";
+};
+export declare const WizardPanelStates: {
+    readonly incomplete: "incomplete";
+    readonly complete: "complete";
+    readonly error: "error";
+};
+export type WizardPanelState = ValuesOf<typeof WizardPanelStates>;
+//# sourceMappingURL=wizard-panel.options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-panel.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,eAAO,MAAM,qBAAqB;;CAExB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;CAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAgB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}
+{"version":3,"file":"wizard-panel.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAoB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}

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

@@ -1,6 +1,5 @@
-export * from "./wizard-step";
-export { WizardStepState } from "./wizard-step.options";
-export { definition as WizardStepDefinition } from "./wizard-step.definition";
-export { styles as WizardStepStyles } from "./wizard-step.styles";
-export { template as WizardStepTemplate } from "./wizard-step.template";
+export { WizardStep } from "./wizard-step.js";
+export { definition as WizardStepDefinition } from "./wizard-step.definition.js";
+export { WizardStepStates, WizardStepEvents } from "./wizard-step.options.js";
+export type { WizardStepState, WizardStepEvent } from "./wizard-step.options.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,YAAY,EACV,eAAe,EACf,eAAe,EAChB,MAAM,0BAA0B,CAAC"}

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

@@ -1,9 +1,46 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { WizardStepState } from "./wizard-step.options";
+import type { WizardStepState } from "./wizard-step.options.js";
 /**
  * WizardStep
+ * @summary A customizable step component for a wizard-style interface.
  *
- * @extends FASTElement
+ * @example
+ * ```html
+ * <fabric-wizard-step
+ *   numbered
+ *   active
+ *   state="complete"
+ *   aria-describedby="step1-details"
+ *   aria-labelledby="step1-title"
+ * >
+ *   <span slot="start">Start Content</span>
+ *   <span slot="end">End Content</span>
+ *   <span slot="title" id="step1-title">Step 1: Title</span>
+ *   <span slot="details" id="step1-details">Details about Step 1</span>
+ *   <span slot="complete">Complete</span>
+ *   <span slot="incomplete">Incomplete</span>
+ *   <span slot="error">Error</span>
+ * </fabric-wizard-step>
+ * ```
+ *
+ * @attr {boolean | undefined} numbered - Indicates whether the step is numbered.
+ * @attr {boolean | undefined} hideConnector - Indicates whether the connector is hidden.
+ * @attr {boolean} active - Indicates whether the step is active.
+ * @attr {boolean} disabled - Indicates whether the step is disabled.
+ * @attr {string | undefined} ariaDescribedby - The aria-describedby attribute for accessibility.
+ * @attr {string | undefined} ariaLabelledby - The aria-labelledby attribute for accessibility.
+ * @attr {WizardStepState} state - The current state of the wizard step.
+ *
+ * @prop {number} index - The index of the step in the wizard sequence.
+ * @prop {string} details - The details of the step.
+ * @prop {string} title - The title of the step.
+ * @prop {boolean | undefined} numbered - Indicates whether the step is numbered.
+ * @prop {boolean | undefined} hideConnector - Indicates whether the connector is hidden.
+ * @prop {boolean} active - Indicates whether the step is active.
+ * @prop {boolean} disabled - Indicates whether the step is disabled.
+ * @prop {string | undefined} ariaDescribedby - The aria-describedby attribute for accessibility.
+ * @prop {string | undefined} ariaLabelledby - The aria-labelledby attribute for accessibility.
+ * @prop {WizardStepState} state - The current state of the wizard step.
  *
  * @slot start - The content to display at the start of the step.
  * @slot end - The content to display at the end of the step.
@@ -13,40 +50,50 @@ import { WizardStepState } from "./wizard-step.options";
  * @slot title - The content to display as the title of the step.
  * @slot details - The content to display as the details of the step.
  *
- * @attr {string} aria-describedby - The ID of the element that describes the step.
- * @attr {string} aria-labelledby - The ID of the element that labels the step.
- * @attr {boolean} active - Indicates whether the step is active.
- * @attr {WizardStepState} state - The state of the step.
- * @attr {boolean} hideConnector - Indicates whether the connector should be hidden.
- * @attr {boolean} ordered - Indicates whether the step is ordered.
- * @attr {boolean} disabled - Indicates whether the step is disabled.
- *
  * @csspart state-indicator - The state indicator.
  * @csspart icon - The icon.
+ * @csspart order - The ordinal number indicator displayed inside the step circle when the step is numbered.
  * @csspart summary - The summary.
  * @csspart title - The title.
  * @csspart details - The details.
- * @csspart connector - The connector.
+ * @csspart step-connector - The visual connector line that links this step to the next step in the wizard sequence.
+ *
+ * @method stateChanged - Handles changes to the state attribute.
+ * @method activeChanged - Handles changes to the active attribute.
+ * @method toggleActive - Toggles the active state of the step.
+ * @method setComplete - Sets the step to a complete state.
+ * @method setIncomplete - Sets the step to an incomplete state.
+ * @method setError - Sets the step to an error state.
+ * @method emitChange - Emits a custom event indicating a change in the step's state.
+ * @method emitSelect - Emits a custom event indicating a selection of the step.
+ * @method clickHandler - Handles click events on the step.
+ * @method keydownHandler - Handles keydown events on the step.
  *
- * @fires stepchange - Dispatched when the step state changes.
+ * @fires step-change - Dispatched when the step state changes.
+ * @fires step-select - Dispatched when the user selects (clicks or activates via keyboard) this wizard step to navigate to it.
  *
- * @summary  A customizable step component for a wizard-style interface.
+ * @cssprop --borderRadiusCircular - The border radius used for the circular state indicator.
+ * @cssprop --colorNeutralBackground4 - The background color of the state indicator in the default state.
+ * @cssprop --colorNeutralForeground2 - The border color of the state indicator in the default state.
+ * @cssprop --colorNeutralForegroundDisabled - The foreground color applied when the step is disabled.
+ * @cssprop --fontSizeBase200 - The font size used for the order label and step details.
+ * @cssprop --fontWeightRegular - The regular font weight used for the step title and details.
+ * @cssprop --fontWeightSemibold - The semibold font weight used for the active step title.
+ * @cssprop --lineHeightBase100 - The line height used for the order label.
+ * @cssprop --lineHeightBase200 - The line height used for the step details text.
  *
+ * @extends FASTElement
  * @tagname fabric-wizard-step
- */
-/**
- * Represents a step within a wizard component.
  * @public
- * @extends {FASTElement}
  */
 export declare class WizardStep extends FASTElement {
     /**
-     * Indicates whether the step is ordered.
+     * Indicates whether the step is numbered.
      * @public
      * @attr
      * @type {boolean | undefined}
      */
-    ordered?: boolean;
+    numbered?: boolean;
     /**
      * Indicates whether the connector is hidden.
      * @public
@@ -93,9 +140,16 @@ export declare class WizardStep extends FASTElement {
      */
     state: WizardStepState;
     /**
-     * The index of the step in the wizard sequence.
+     * The button element.
      * @public
      * @observable
+     * @type {HTMLButtonElement}
+     */
+    button: HTMLButtonElement;
+    /**
+     * The index of the step in the wizard sequence.
+     * @public
+     * @attr
      * @type {number}
      * @default 0
      */
@@ -134,7 +188,7 @@ export declare class WizardStep extends FASTElement {
      * Toggles the active state of the step.
      * @public
      */
-    toggleActive(): void;
+    toggleActive(event?: Event): void;
     /**
      * Sets the step to a complete state.
      * @public
@@ -155,6 +209,17 @@ export declare class WizardStep extends FASTElement {
      * @public
      */
     emitChange(): void;
+    /**
+     * Emits a custom event indicating a selection of the step.
+     * @public
+     */
+    emitSelect(): void;
+    /**
+     * Handles click events on the step.
+     * @public
+     * @param {MouseEvent} event - The mouse event.
+     */
+    clickHandler(event?: MouseEvent): void;
     /**
      * Handles keydown events on the step.
      * @public

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,WAAW;IAEzC;;;;;OAKG;IAEI,OAAO,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IAEI,aAAa,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAS;IAE/B;;;;;;OAMG;IAEI,QAAQ,CAAC,EAAE,OAAO,CAAS;IAElC;;;;;OAKG;IAEI,eAAe,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;;OAKG;IAEI,cAAc,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;;OAMG;IAEI,KAAK,EAAE,eAAe,CAA8B;IAE3D;;;;;;OAMG;IAEI,KAAK,EAAE,MAAM,CAAK;IAEzB;;;;;;OAMG;IAEI,OAAO,EAAE,MAAM,CAAM;IAE5B;;;;;;OAMG;IAEI,KAAK,EAAE,MAAM,CAAM;IAE1B;;;;;OAKG;IACI,YAAY,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,GAAG,IAAI;IAM/E;;;;;OAKG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAMhE;;;OAGG;IACI,YAAY,IAAI,IAAI;IAI3B;;;OAGG;IACI,WAAW,IAAI,IAAI;IAI1B;;;OAGG;IACI,aAAa,IAAI,IAAI;IAI5B;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAIvB;;;OAGG;IACI,UAAU,IAAI,IAAI;IASzB;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;CAclD"}
+{"version":3,"file":"wizard-step.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC;;;;;OAKG;IAEI,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;OAKG;IAEI,aAAa,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAS;IAE/B;;;;;;OAMG;IAEI,QAAQ,CAAC,EAAE,OAAO,CAAS;IAElC;;;;;OAKG;IAEI,eAAe,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;;OAKG;IAEI,cAAc,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;;OAMG;IAEI,KAAK,EAAE,eAAe,CAA+B;IAE5D;;;;;OAKG;IAEI,MAAM,EAAG,iBAAiB,CAAC;IAElC;;;;;;OAMG;IAEI,KAAK,EAAE,MAAM,CAAK;IAEzB;;;;;;OAMG;IAEI,OAAO,EAAE,MAAM,CAAM;IAE5B;;;;;;OAMG;IAEI,KAAK,EAAE,MAAM,CAAM;IAE1B;;;;;OAKG;IACI,YAAY,CACjB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,eAAe,GACxB,IAAI;IAMP;;;;;OAKG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAMhE;;;OAGG;IACI,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IAIxC;;;OAGG;IACI,WAAW,IAAI,IAAI;IAI1B;;;OAGG;IACI,aAAa,IAAI,IAAI;IAI5B;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAIvB;;;OAGG;IACI,UAAU,IAAI,IAAI;IASzB;;;OAGG;IACI,UAAU,IAAI,IAAI;IASzB;;;;OAIG;IACI,YAAY,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI;IAS7C;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;CAclD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}
+{"version":3,"file":"wizard-step.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

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

@@ -1,9 +1,9 @@
-import type { ValuesOf } from '../../util/typings';
+import type { ValuesOf } from "../../util/typings.js";
 /**
  * The state variations for the WizardStep component
  * @public
  */
-export declare const WizardStepState: {
+export declare const WizardStepStates: {
     readonly incomplete: "incomplete";
     readonly complete: "complete";
     readonly error: "error";
@@ -12,5 +12,10 @@ export declare const WizardStepState: {
  * The state types for the WizardStep component
  * @public
  */
-export declare type WizardStepState = ValuesOf<typeof WizardStepState>;
+export type WizardStepState = ValuesOf<typeof WizardStepStates>;
+export declare const WizardStepEvents: {
+    readonly stepChange: "step-change";
+    readonly stepSelect: "step-select";
+};
+export type WizardStepEvent = ValuesOf<typeof WizardStepEvents>;
 //# sourceMappingURL=wizard-step.options.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX;;;GAGG;AACH,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"wizard-step.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.styles.ts"],"names":[],"mappings":"AAmBA;;GAEG;AACH,eAAO,MAAM,MAAM,iDA0LlB,CAAC"}
+{"version":3,"file":"wizard-step.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.styles.ts"],"names":[],"mappings":"AAmCA;;GAEG;AACH,eAAO,MAAM,MAAM,iDA+MlB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkC3C;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAsD1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAsB,CAAC"}
+{"version":3,"file":"wizard-step.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAkC9C;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAsD1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAsB,CAAC"}

package/dist/dts/components/wizard-step/wizard-step.unit.component.d.ts

@@ -0,0 +1,2 @@
+import "./define.js";
+//# sourceMappingURL=wizard-step.unit.component.d.ts.map

package/dist/dts/components/wizard-step/wizard-step.unit.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.unit.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.unit.component.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}