@fabric-msft/fabric-web 2.1.1-beta.4 → 4.0.0-beta.0

package/CHANGELOG.md

@@ -21,6 +21,56 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [4.0.0-beta.0] - 2025-05-13
+
+### Added
+
+- Imports all Fluent web components and exports them with a Fabric namespace
+
+### Changed
+
+- Updated dependency `@fluentui/web-components` to version `3.0.0-beta.86`.
+- Refactored navigation buttons in `Carousel` to slots
+
+### Fixed
+
+- **Table Component**: Enhanced accessibility for sorting operations
+  - Added screen reader announcements when table columns are sorted
+  - Improved reliability of sort announcements using assertive ARIA live regions
+  - Fixed announcement timing to ensure sort changes are properly communicated
+  - Added proper cleanup of announcement elements when table is removed
+  - Addresses [BUG 1568890](https://powerbi.visualstudio.com/Trident/_workitems/edit/1568890)
+
+### Removed
+
+### Deprecated
+
+### Security
+
+## [3.0.0-beta.0] - 2025-04-22
+
+### Added
+
+- added component class TSDocs
+
+### Changed
+
+- Renamed `AccordionItem` to `AccodionPanel`
+
+### Fixed
+
+- Component class TSDocs
+
+### Removed
+
+- .cem files
+
+### Deprecated
+
+### Security
+
+---
+
 ## [2.1.1-beta.4] - 2025-03-29
 
 ### Added

package/README.md

@@ -13,13 +13,13 @@ You can add the Fabric System's UX components using npm or yarn via:
 **Yarn**
 
 ```bash
-yarn add -D @fabric-msft/fabric-web
+yarn add @fabric-msft/fabric-web
 ```
 
 **npm**
 
 ```bash
-npm i @fabric-msft/fabric-web --save-dev
+npm i @fabric-msft/fabric-web
 ```
 
 After installation, the library is immediately ready for use, allowing developers to begin incorporating Fabric UI components into their web applications with minimal setup.

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

@@ -0,0 +1,10 @@
+import { Accordion as FluentAccordion } from "@fluentui/web-components";
+/**
+ * A Accordion Custom HTML Element.
+ * Based on Fluent UI's Accordion with custom styling and behavior
+ *
+ * @public
+ */
+export declare class Accordion extends FluentAccordion {
+}
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAExE;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,eAAe;CAAG"}

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

@@ -0,0 +1,10 @@
+import { Accordion } from "./accordion";
+/**
+ * The Fabric Accordion component.
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-accordion>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Accordion>;
+//# sourceMappingURL=accordion.definition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,2EAOrB,CAAC"}

package/dist/dts/components/accordion/define.d.ts

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

package/dist/dts/components/accordion/define.d.ts.map

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

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

@@ -0,0 +1,5 @@
+import { Accordion } from "./accordion";
+export { AccordionExpandMode } from "@fluentui/web-components";
+export { Accordion };
+export { definition as AccordionDefinition } from "./accordion.definition";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,CAAC;AAGrB,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { AccordionItem as FluentAccordionItem } from "@fluentui/web-components";
+/**
+ * A AccordionItem Custom HTML Element.
+ * Based on Fluent UI's AccordionItem with custom styling and behavior
+ *
+ * @public
+ */
+export declare class AccordionItem extends FluentAccordionItem {
+}
+//# sourceMappingURL=accordion-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-item/accordion-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEhF;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;CAAG"}

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

@@ -0,0 +1,8 @@
+import { AccordionItem } from "./accordion-item";
+/**
+ * @public
+ * @remarks
+ * HTML Element: <fabric-accordion-item>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof AccordionItem>;
+//# sourceMappingURL=accordion-item.definition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-item/accordion-item.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,UAAU,+EAOrB,CAAC"}

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

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

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

@@ -0,0 +1,6 @@
+import { AccordionItem } from "./accordion-item";
+export { AccordionItemMarkerPosition, AccordionItemSize, BaseAccordionItem } from "@fluentui/web-components";
+export type { AccordionItemOptions } from "@fluentui/web-components";
+export { AccordionItem };
+export { definition as AccordionItemDefinition } from "./accordion-item.definition";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EACL,2BAA2B,EAC3B,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/dts/components/accordion-menu/accordion-menu.d.ts

@@ -15,10 +15,10 @@ import { AccordionMenuExpandMode } from "./accordion-menu.options.js";
  * @csspart accordion-menu - Represents the accordion menu container.
  *
  * @method expandmodeChanged - Handles changes to the expand-mode attribute.
- * @method slottedAccordionMenuItemsChanged - Handles changes to the slotted accordion items.
+ * @method slottedElementsChanged - Handles changes to the slotted accordion items.
  * @method handleChange - Watch for changes to the slotted accordion items `disabled` and `expanded` attributes.
  * @method findExpandedItem - Find the first expanded item in the accordion.
- * @method setItems - Resets event listeners and sets the `accordionItems` property then rebinds event listeners to each non-disabled item.
+ * @method setItems - Resets event listeners and sets the `slottedElements` property then rebinds event listeners to each non-disabled item.
  * @method isSingleExpandMode - Checks if the accordion is in single expand mode.
  * @method setSingleExpandMode - Controls the behavior of the accordion in single expand mode.
  * @method removeItemListeners - Removes event listeners from the previous accordion items.
@@ -29,6 +29,14 @@ import { AccordionMenuExpandMode } from "./accordion-menu.options.js";
  * @tag fabric-accordion-menu
  */
 export declare class AccordionMenu extends FASTElement {
+    /** Internal element state used to manage the component. */
+    elementInternals: ElementInternals;
+    /** Constructor for the AccordionMenu component. */
+    constructor();
+    /** Lifecycle method called when the component is connected to the DOM. */
+    connectedCallback(): void;
+    /** Lifecycle method called when the component is disconnected from the DOM. */
+    disconnectedCallback(): void;
     /**
      * Controls the expand mode of the Accordion, either allowing
      * single or multiple item expansion.
@@ -46,63 +54,41 @@ export declare class AccordionMenu extends FASTElement {
      * The slotted accordion menu items.
      * @internal
      */
-    slottedAccordionMenuItems: HTMLElement[];
+    slottedElements: HTMLElement[];
     /**
-     * The accordion items.
-     * @internal
-     */
-    protected accordionItems: Element[];
-    /**
-     * Handles changes to the slotted accordion menu items.
-     * @internal
-     */
-    slottedAccordionMenuItemsChanged(): void;
-    /**
-     * Watches for changes to the `disabled` and `expanded` attributes of slotted accordion items.
+     * Handles changes to observed properties.
      * @param source - The source element.
      * @param propertyName - The name of the property that changed.
-     * @internal
      */
     handleChange(source: any, propertyName: string): void;
-    /**
-     * The index of the currently active item.
-     * @private
-     */
-    private activeItemIndex;
     /**
      * Finds the first expanded item in the accordion.
-     * @returns The first expanded item or null.
-     * @private
      */
     private findExpandedItem;
     /**
-     * Resets event listeners and sets the `accordionItems` property, then rebinds event listeners to each non-disabled item.
-     * @private
+     * Sets up the accordion items.
      */
     private setItems;
+    private static elementIndent;
+    /**
+     * check if the item is a menu item
+     */
+    protected isMenuItemElement: (el: Element) => el is HTMLElement;
     /**
      * Checks if the accordion is in single expand mode.
-     * @returns True if in single expand mode, otherwise false.
-     * @private
      */
     private isSingleExpandMode;
     /**
      * Controls the behavior of the accordion in single expand mode.
-     * @param expandedItem - The item to expand in single expand mode.
-     * @private
      */
     private setSingleExpandMode;
     /**
-     * Removes event listeners from the previous accordion items.
-     * @param oldValue - An array of the previous accordion items.
-     * @private
+     * Removes event listeners from items.
      */
     private removeItemListeners;
     /**
-     * Changes the expanded state of the accordion item.
-     * @param evt - The click event.
-     * @private
+     * Clears the selections of menu items.
      */
-    private expandedChangedHandler;
+    clearSelections(): void;
 }
 //# sourceMappingURL=accordion-menu.d.ts.map

package/dist/dts/components/accordion-menu/accordion-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-menu.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC5C;;;;;OAKG;IAEI,UAAU,EAAE,uBAAuB,CAAiC;IAE3E;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB;IAmBrF;;;OAGG;IAEI,yBAAyB,EAAG,WAAW,EAAE,CAAC;IAEjD;;;OAGG;IACH,SAAS,CAAC,cAAc,EAAG,OAAO,EAAE,CAAC;IAErC;;;OAGG;IACI,gCAAgC,IAAI,IAAI;IAM/C;;;;;OAKG;IACI,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM;IAUrD;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAa;IAEpC;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;;OAGG;IACH,OAAO,CAAC,QAAQ,CAsBd;IAEF;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAMzB;IAEF;;;;OAIG;IACH,OAAO,CAAC,sBAAsB,CAa5B;CACH"}
+{"version":3,"file":"accordion-menu.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAQtE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC5C,2DAA2D;IACpD,gBAAgB,EAAE,gBAAgB,CAA0B;IAEnE,mDAAmD;;IAMnD,0EAA0E;IACnE,iBAAiB,IAAI,IAAI;IAOhC,+EAA+E;IACxE,oBAAoB,IAAI,IAAI;IAMnC;;;;;OAKG;IAEI,UAAU,EAAE,uBAAuB,CAAiC;IAE3E;;;;OAIG;IACI,iBAAiB,CACtB,IAAI,EAAE,uBAAuB,EAC7B,IAAI,EAAE,uBAAuB,GAC5B,IAAI;IAiBP;;;OAGG;IAEI,eAAe,EAAE,WAAW,EAAE,CAAM;IAE3C;;;;OAIG;IACI,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAU5D;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,QAAQ,CAiDd;IAEF,OAAO,CAAC,MAAM,CAAC,aAAa;IAW5B;;OAEG;IACH,SAAS,CAAC,iBAAiB,OAAQ,OAAO,uBAMxC;IAEF;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAqB3B;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAKzB;IAEF;;OAEG;IACI,eAAe,IAAI,IAAI;CAkB/B"}

package/dist/dts/components/accordion-menu/accordion-menu.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-menu.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAOpD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,+EAOrB,CAAC"}
+{"version":3,"file":"accordion-menu.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKpD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,+EAOrB,CAAC"}

package/dist/dts/components/accordion-menu/accordion-menu.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../../util/typings';
+import type { ValuesOf } from "../../util/typings";
 /**
  * Expand mode for {@link AccordionMenu}
  * @public

package/dist/dts/components/accordion-menu/accordion-menu.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-menu.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAQlB,CAAC"}
+{"version":3,"file":"accordion-menu.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAgBlB,CAAC"}

package/dist/dts/components/accordion-menu/accordion-menu.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { AccordionMenu } from './accordion-menu.js';
+import { ElementViewTemplate } from "@microsoft/fast-element";
+import type { AccordionMenu } from "./accordion-menu.js";
 /**
  * @public
  */

package/dist/dts/components/accordion-menu/accordion-menu.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-menu.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,mBAAmB,EAAiB,MAAM,yBAAyB,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAMvF;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,aAAa,CAA2B,CAAC"}
+{"version":3,"file":"accordion-menu.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/accordion-menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,SAAS,aAAa,KACpB,mBAAmB,CAAC,CAAC,CAAC,CAU1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,aAAa,CAC/B,CAAC"}

package/dist/dts/components/accordion-menu/index.d.ts

@@ -1,6 +1,6 @@
-export { AccordionMenu } from './accordion-menu.js';
-export { AccordionMenuExpandMode } from './accordion-menu.options.js';
-export { template as accordionTemplate } from './accordion-menu.template.js';
-export { styles as accordionStyles } from './accordion-menu.styles.js';
+export { AccordionMenu } from "./accordion-menu.js";
+export { AccordionMenuExpandMode } from "./accordion-menu.options.js";
+export { template as accordionTemplate } from "./accordion-menu.template.js";
+export { styles as accordionStyles } from "./accordion-menu.styles.js";
 export { definition as AccordionMenuDefinition } from "./accordion-menu.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/{accordion-menu-item/accordion-menu-item.d.ts → accordion-menu-panel/accordion-menu-panel.d.ts}

@@ -1,35 +1,32 @@
 import { FASTElement } from "@microsoft/fast-element";
-import type { StaticallyComposableHTML } from "../../util/template-helpers";
+import type { StaticallyComposableHTML } from "../../util/template-helpers.js";
 import { StartEnd } from "@fluentui/web-components";
 import type { StartEndOptions } from "@fluentui/web-components";
-import { AccordionMenuItemMarkerPosition, AccordionMenuItemSize } from "./accordion-menu-item.options";
+import { AccordionMenuPanelMarkerPosition, AccordionMenuPanelSize } from "./accordion-menu-panel.options.js";
+import { MenuList } from "../menu-list/menu-list.js";
 /**
  * Accordion Item configuration options
  * @public
  */
-export declare type AccordionMenuItemOptions = StartEndOptions<AccordionMenuItem> & {
-    expandedIcon?: StaticallyComposableHTML<AccordionMenuItem>;
-    collapsedIcon?: StaticallyComposableHTML<AccordionMenuItem>;
+export declare type AccordionMenuPanelOptions = StartEndOptions<AccordionMenuPanel> & {
+    expandedIcon?: StaticallyComposableHTML<AccordionMenuPanel>;
+    collapsedIcon?: StaticallyComposableHTML<AccordionMenuPanel>;
 };
 /**
- * An AccordionMenuItem component that provides expandable and collapsible sections within an accordion menu.
+ * An AccordionMenuPanel component that provides expandable and collapsible sections within an accordion menu.
  *
  * @extends {FASTElement}
  *
- * @attr {1 | 2 | 3 | 4 | 5 | 6} heading-level - Configures the level of the heading element.
  * @attr {boolean} expanded - Expands or collapses the item.
  * @attr {boolean} disabled - Disables the accordion item.
  * @attr {string} id - The item ID.
- * @attr {AccordionMenuItemSize} size - Defines the accordion header font size.
+ * @attr {AccordionMenuPanelSize} size - Defines the accordion header font size.
  * @attr {boolean} block - Sets the width of the focus state.
- * @attr {AccordionMenuItemMarkerPosition} marker-position - Sets expand and collapsed icon position.
- * @attr {string} aria-level - The level of the heading element.
- * @attr {string} aria-expanded - The expanded state of the item.
- * @attr {string} aria-controls - The ID of the controlled panel.
- * @attr {string} aria-labelledby - The ID of the labelled heading.
+ * @attr {AccordionMenuPanelMarkerPosition} marker-position - Sets expand and collapsed icon position.
  *
  * @csspart heading - Represents the heading of the accordion item.
- * @csspart button - Represents the button used to expand or collapse the accordion item.
+ * @csspart heading-content - Represents the content container of the heading.
+ * @csspart markers - Represents the container for expand/collapse icons.
  * @csspart content - Represents the content of the accordion item.
  *
  * @slot heading - Slot for the heading content.
@@ -37,49 +34,53 @@ export declare type AccordionMenuItemOptions = StartEndOptions<AccordionMenuItem
  * @slot marker-collapsed - Slot for the collapsed icon.
  * @slot - Default slot for the accordion item content.
  *
- * @fires change - Event fired when the expanded state changes.
- *
- * @method expandedChanged - Handles changes to the expanded state.
- * @method disabledChanged - Handles changes to the disabled state.
- * @method sizeChanged - Handles changes to the size attribute.
- * @method blockChanged - Handles changes to the block attribute.
- * @method markerPositionChanged - Handles changes to the marker-position attribute.
+ * @fires expanded-change - Event fired when the expanded state changes.
  *
  * @summary A component for creating expandable and collapsible sections within an accordion menu.
  *
- * @tag fabric-accordion-menu-item
+ * @tag fabric-accordion-menu-panel
  */
-export declare class AccordionMenuItem extends FASTElement {
+export declare class AccordionMenuPanel extends FASTElement {
+    /** Internal element state used to manage the component. */
+    elementInternals: ElementInternals;
+    /** The menu list element if present */
+    menuList: MenuList[] | undefined;
+    /** Reference to the heading element */
+    headingElement: HTMLElement | undefined;
+    /** Constructor for the AccordionMenuPanel component. */
+    constructor();
+    /** Lifecycle method called when the component is connected to the DOM. */
+    connectedCallback(): void;
+    /** Lifecycle method called when the component is disconnected from the DOM. */
+    disconnectedCallback(): void;
     /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
+     * Handles click events.
+     * @param e - The click event.
      */
-    elementInternals: ElementInternals;
-    slottedMenuItems: HTMLElement[];
+    handleClick: (e: MouseEvent) => void;
     /**
-     * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
-     * heading element.
-     *
-     * @public
-     * @remarks
-     * HTML attribute: heading-level
+     * Handles keydown events.
+     * @param e - The keyboard event.
      */
-    headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
+    handleKeyDown: (e: KeyboardEvent) => void | boolean;
     /**
-     * Expands or collapses the item.
-     *
-     * @public
-     * @remarks
-     * HTML attribute: expanded
+     * Focus the first menu item in the menu list
      */
-    expanded: boolean;
+    private focusFirstMenuItem;
     /**
      * Handles expanded changes
      * @param prev - previous value
      * @param next - next value
      */
     expandedChanged(prev: boolean, next: boolean): void;
+    /**
+     * Expands or collapses the item.
+     *
+     * @public
+     * @remarks
+     * HTML attribute: expanded
+     */
+    expanded: boolean;
     /**
      * Disables an accordion item
      *
@@ -109,13 +110,13 @@ export declare class AccordionMenuItem extends FASTElement {
      * @remarks
      * HTML Attribute: size
      */
-    size?: AccordionMenuItemSize;
+    size?: AccordionMenuPanelSize;
     /**
      * Handles changes to size attribute
      * @param prev - previous value
      * @param next - next value
      */
-    sizeChanged(prev: AccordionMenuItemSize, next: AccordionMenuItemSize): void;
+    sizeChanged(prev: AccordionMenuPanelSize, next: AccordionMenuPanelSize): void;
     /**
      * Sets the width of the focus state.
      *
@@ -137,17 +138,13 @@ export declare class AccordionMenuItem extends FASTElement {
      * @remarks
      * HTML Attribute: marker-position
      */
-    markerPosition?: AccordionMenuItemMarkerPosition;
+    markerPosition?: AccordionMenuPanelMarkerPosition;
     /**
      * Handles changes to marker-position attribute
      * @param prev - previous value
      * @param next - next value
      */
-    markerPositionChanged(prev: AccordionMenuItemMarkerPosition | undefined, next: AccordionMenuItemMarkerPosition | undefined): void;
-    /**
-     * @internal
-     */
-    expandbutton: HTMLElement;
+    markerPositionChanged(prev: AccordionMenuPanelMarkerPosition | undefined, next: AccordionMenuPanelMarkerPosition | undefined): void;
 }
 /**
  * Mark internal because exporting class and interface of the same name
@@ -155,6 +152,6 @@ export declare class AccordionMenuItem extends FASTElement {
  * TODO: https://github.com/microsoft/fast/issues/3317
  * @internal
  */
-export interface AccordionMenuItem extends StartEnd {
+export interface AccordionMenuPanel extends StartEnd {
 }
-//# sourceMappingURL=accordion-menu-item.d.ts.map
+//# sourceMappingURL=accordion-menu-panel.d.ts.map

package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu-panel/accordion-menu-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAOjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EACL,gCAAgC,EAChC,sBAAsB,EACvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;GAGG;AACH,oBAAY,yBAAyB,GAAG,eAAe,CAAC,kBAAkB,CAAC,GAAG;IAC5E,YAAY,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;CAC9D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,2DAA2D;IACpD,gBAAgB,EAAE,gBAAgB,CAA0B;IAEnE,uCAAuC;IAEhC,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAM;IAE7C,uCAAuC;IAChC,cAAc,EAAE,WAAW,GAAG,SAAS,CAAC;IAE/C,wDAAwD;;IAMxD,0EAA0E;IACnE,iBAAiB,IAAI,IAAI;IAIhC,+EAA+E;IACxE,oBAAoB,IAAI,IAAI;IAInC;;;OAGG;IACI,WAAW,MAAO,UAAU,KAAG,IAAI,CAOxC;IAEF;;;OAGG;IACI,aAAa,MAAO,aAAa,KAAG,IAAI,GAAG,OAAO,CAyBvD;IAEF;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;;;OAIG;IACI,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAY1D;;;;;;OAMG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;;OAMG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;OAIG;IACI,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAI1D;;;;;;OAMG;IAEI,EAAE,EAAE,MAAM,CAA0B;IAE3C;;;;;;OAMG;IAEI,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAErC;;;;OAIG;IACI,WAAW,CAChB,IAAI,EAAE,sBAAsB,EAC5B,IAAI,EAAE,sBAAsB,GAC3B,IAAI;IASP;;;;;;OAMG;IAEI,KAAK,EAAE,OAAO,CAAS;IAE9B;;;;OAIG;IACI,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAIvD;;;;;;OAMG;IAEI,cAAc,CAAC,EAAE,gCAAgC,CAAC;IAEzD;;;;OAIG;IACI,qBAAqB,CAC1B,IAAI,EAAE,gCAAgC,GAAG,SAAS,EAClD,IAAI,EAAE,gCAAgC,GAAG,SAAS,GACjD,IAAI;CAQR;AAED;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;CAAG"}

package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.definition.d.ts

@@ -0,0 +1,3 @@
+import { AccordionMenuPanel } from "./accordion-menu-panel";
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof AccordionMenuPanel>;
+//# sourceMappingURL=accordion-menu-panel.definition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu-panel/accordion-menu-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAK5D,eAAO,MAAM,UAAU,oFAOrB,CAAC"}

package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.options.d.ts

@@ -0,0 +1,28 @@
+import type { ValuesOf } from "../../util/typings";
+/**
+ * An Accordion Menu Panel header font size can be small, medium, large, and extra-large
+ */
+export declare const AccordionMenuPanelSize: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly extraLarge: "extra-large";
+};
+/**
+ * Applies font size to accordion header
+ * @public
+ */
+export declare type AccordionMenuPanelSize = ValuesOf<typeof AccordionMenuPanelSize>;
+/**
+ * An Accordion Menu Panel expand/collapse icon can appear at the start or end of the accordion
+ */
+export declare const AccordionMenuPanelMarkerPosition: {
+    readonly start: "start";
+    readonly end: "end";
+};
+/**
+ * Applies expand/collapse icon position
+ * @public
+ */
+export declare type AccordionMenuPanelMarkerPosition = ValuesOf<typeof AccordionMenuPanelMarkerPosition>;
+//# sourceMappingURL=accordion-menu-panel.options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu-panel/accordion-menu-panel.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;;CAKzB,CAAC;AAEX;;;GAGG;AACH,oBAAY,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,gCAAgC;;;CAGnC,CAAC;AAEX;;;GAGG;AACH,oBAAY,gCAAgC,GAAG,QAAQ,CACrD,OAAO,gCAAgC,CACxC,CAAC"}

package/dist/dts/components/{accordion-menu-item/accordion-menu-item.styles.d.ts → accordion-menu-panel/accordion-menu-panel.styles.d.ts}

@@ -1,2 +1,2 @@
 export declare const styles: import("@microsoft/fast-element").ElementStyles;
-//# sourceMappingURL=accordion-menu-item.styles.d.ts.map
+//# sourceMappingURL=accordion-menu-panel.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu-panel/accordion-menu-panel.styles.ts"],"names":[],"mappings":"AAsCA,eAAO,MAAM,MAAM,iDAuJlB,CAAC"}

package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.template.d.ts

@@ -0,0 +1,9 @@
+import { ElementViewTemplate } from "@microsoft/fast-element";
+import type { AccordionMenuPanel, AccordionMenuPanelOptions } from "./accordion-menu-panel.js";
+export declare function accordionItemTemplate<T extends AccordionMenuPanel>(options?: AccordionMenuPanelOptions): ElementViewTemplate<T>;
+/**
+ * The template for the accordion menu item component.
+ * @public
+ */
+export declare const template: ElementViewTemplate<AccordionMenuPanel>;
+//# sourceMappingURL=accordion-menu-panel.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu-panel/accordion-menu-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAIpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EAC1B,MAAM,2BAA2B,CAAC;AAqBnC,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,kBAAkB,EAChE,OAAO,GAAE,yBAA8B,GACtC,mBAAmB,CAAC,CAAC,CAAC,CAuCxB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,kBAAkB,CAIzD,CAAC"}

package/dist/dts/components/accordion-menu-panel/define.d.ts

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

package/dist/dts/components/accordion-menu-panel/define.d.ts.map

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

package/dist/dts/components/accordion-menu-panel/index.d.ts

@@ -0,0 +1,6 @@
+export { AccordionMenuPanel } from "./accordion-menu-panel";
+export { AccordionMenuPanelSize, AccordionMenuPanelMarkerPosition } from "./accordion-menu-panel.options";
+export { template as accordionMenuPanelTemplate } from "./accordion-menu-panel.template";
+export { styles as accordionMenuPanelStyles } from "./accordion-menu-panel.styles";
+export { definition as AccordionMenuPanelDefinition } from "./accordion-menu-panel.definition";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EACjC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,QAAQ,IAAI,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,UAAU,IAAI,4BAA4B,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/dts/components/anchor-button/anchor-button.d.ts

@@ -0,0 +1,10 @@
+import { AnchorButton as FluentAnchorButton } from "@fluentui/web-components";
+/**
+ * A AnchorButton Custom HTML Element.
+ * Based on Fluent UI's AnchorButton with custom styling and behavior
+ *
+ * @public
+ */
+export declare class AnchorButton extends FluentAnchorButton {
+}
+//# sourceMappingURL=anchor-button.d.ts.map

package/dist/dts/components/anchor-button/anchor-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/anchor-button/anchor-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9E;;;;;GAKG;AACH,qBAAa,YAAa,SAAQ,kBAAkB;CAAG"}

package/dist/dts/components/anchor-button/anchor-button.definition.d.ts

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

package/dist/dts/components/anchor-button/anchor-button.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-button.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,UAAU,8EAOrB,CAAC"}

package/dist/dts/components/anchor-button/define.d.ts

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

package/dist/dts/components/anchor-button/define.d.ts.map

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