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

package/CHANGELOG.md

@@ -5,16 +5,42 @@ All notable changes to the Fabric Web Components project will be documented in t
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [Unreleased]
+## [4.0.0-beta.1] - 2025-06-17
 
 ### Added
 
 ### Changed
 
+#### Minor Changes
+
+- Added carousel scrollToIndex api
+- Added carousel tests and component test script commands
+- Added comprehensive carousel component with slotted items support
+- Extended tablist with new events and activetabindex support
+- Added component testing setup with Vitest
+- Updated rollup to use module exports and imports
+- Added docs page and variable width cards in Storybook
+
+#### Patch Changes
+
+- Updated carousel to handle edge cases and scrollToIndex after child elements load
+- Added requestAnimationFrame and checks for slottedCarouselItemsLoaded
+- Updated happy DOM configuration
+- Added logic to handle aria-hidden when cards are in/out of frame
+- Better checks for PopoverAPI presence
+
 ### Fixed
 
+- Fixed build and rollup issues
+- Fixed carousel React interface
+- Fixed testing errors in Vitest setup
+- Fixed array length check in slottedCarouselItems
+
 ### Removed
 
+- Removed overrides, lifecycle API code, and duplicate files
+- Removed screenshots folder and cleaned up test artifacts
+
 ### Deprecated
 
 ### Security

package/README.md

@@ -1,4 +1,4 @@
-# Project: Fabric Web Components
+# Fabric Web Components
 
 The Fabric UX System represents a leap forward in design consistency and extensibility for Microsoft Fabric. Developed by the Fabric UX Team, this system is a collection of design guidance, common patterns, and reusable components created to empower designers and developers to build consistent, accessible, and engaging workload experiences across Fabric surfaces.
 

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

@@ -1,8 +1,32 @@
 import { Accordion as FluentAccordion } from "@fluentui/web-components";
 /**
- * A Accordion Custom HTML Element.
- * Based on Fluent UI's Accordion with custom styling and behavior
+ * Accordion
+ * @summary An Accordion Custom HTML Element that implements ARIA Accordion, allowing for single or multiple item expansion.
  *
+ * @example
+ * ```html
+ * <fabric-accordion expand-mode="multi">
+ *   <fabric-accordion-item>Item 1</fabric-accordion-item>
+ *   <fabric-accordion-item>Item 2</fabric-accordion-item>
+ *   <fabric-accordion-item>Item 3</fabric-accordion-item>
+ * </fabric-accordion>
+ * ```
+ *
+ * @attr {AccordionExpandMode} expand-mode - Controls the expand mode of the Accordion, either allowing single or multiple item expansion.
+ *
+ * @prop {AccordionExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing single or multiple item expansion.
+ *
+ * @slot - The default slot for the accordion items
+ *
+ * @method expandmodeChanged - Called when the expand mode changes.
+ * @method findExpandedItem - Find the first expanded item in the accordion.
+ * @method isSingleExpandMode - Checks if the accordion is in single expand mode.
+ * @method setSingleExpandMode - Controls the behavior of the accordion in single expand mode.
+ *
+ * @fires change - Fires a custom 'change' event when the active item changes.
+ *
+ * @extends FluentAccordion
+ * @tagname fabric-accordion
  * @public
  */
 export declare class Accordion extends FluentAccordion {

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,SAAU,SAAQ,eAAe;CAAG"}

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

@@ -0,0 +1,16 @@
+import type { ValuesOf } from "../../util/typings";
+/**
+ * The appearance variations for the accordion component
+ * @public
+ */
+export declare const AccordionAppearance: {
+    readonly neutral: "neutral";
+    readonly primary: "primary";
+    readonly subtle: "subtle";
+};
+/**
+ * The types for accordion appearance
+ * @public
+ */
+export declare type AccordionAppearance = ValuesOf<typeof AccordionAppearance>;
+//# sourceMappingURL=accordion.option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.option.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion.option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AACX;;;GAGG;AACH,oBAAY,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,IAAI,eAAe,EAClC,iBAAiB,IAAI,iBAAiB,EACvC,MAAM,0BAA0B,CAAC"}

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

@@ -1,8 +1,41 @@
 import { AccordionItem as FluentAccordionItem } from "@fluentui/web-components";
 /**
- * A AccordionItem Custom HTML Element.
- * Based on Fluent UI's AccordionItem with custom styling and behavior
+ * AccordionItem
+ * @summary An Accordion Item Custom HTML Element that can be expanded or collapsed, with customizable size and marker position.
  *
+ * @example
+ * ```html
+ * <fabric-accordion-item size="large" marker-position="end" block>
+ *   <span slot="heading">Section 1</span>
+ *   Lorem ipsum dolor sit amet...
+ * </fabric-accordion-item>
+ * ```
+ *
+ * @attr {AccordionItemSize | undefined} size - The size of the accordion item header which can be small, medium, large, or extra-large.
+ * @attr {AccordionItemMarkerPosition | undefined} marker-position - The position of the expand/collapse icon which can be at the start or end of the accordion.
+ * @attr {number | undefined} heading-level - The level of the heading.
+ * @attr {boolean | undefined} expanded - Whether the accordion item is expanded.
+ * @attr {boolean | undefined} disabled - Whether the accordion item is disabled.
+ * @attr {boolean | undefined} block - Sets the width of the focus state to fill the container.
+ *
+ * @prop {AccordionItemSize | undefined} size - The size of the accordion item header which can be small, medium, large, or extra-large.
+ * @prop {AccordionItemMarkerPosition | undefined} markerPosition - The position of the expand/collapse icon which can be at the start or end of the accordion.
+ * @prop {number | undefined} headingLevel - The level of the heading.
+ * @prop {boolean | undefined} expanded - Whether the accordion item is expanded.
+ * @prop {boolean | undefined} disabled - Whether the accordion item is disabled.
+ * @prop {boolean | undefined} block - Sets the width of the focus state to fill the container.
+ *
+ * @slot heading - The content for the accordion item's heading.
+ * @slot - The default slot for the accordion item's content.
+ * @slot marker-expanded - The content for the expanded state marker, defaults to a chevron down icon.
+ * @slot marker-collapsed - The content for the collapsed state marker, defaults to a chevron right icon.
+ *
+ * @csspart heading - The accordion item's heading container.
+ * @csspart button - The button element used to expand or collapse the item.
+ * @csspart content - The container for the accordion item's content.
+ *
+ * @extends FluentAccordionItem
+ * @tagname fabric-accordion-item
  * @public
  */
 export declare class AccordionItem extends FluentAccordionItem {

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;CAAG"}

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

@@ -1,6 +1,5 @@
-import { AccordionItem } from "./accordion-item";
-export { AccordionItemMarkerPosition, AccordionItemSize, BaseAccordionItem } from "@fluentui/web-components";
+export { AccordionItem } from "./accordion-item";
+export { AccordionItemMarkerPosition, AccordionItemSize, BaseAccordionItem, accordionItemStyles as AccordionItemStyles, accordionItemTemplate as AccordionItemTemplate } 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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EACL,2BAA2B,EAC3B,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,IAAI,mBAAmB,EAC1C,qBAAqB,IAAI,qBAAqB,EAC/C,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -1,32 +1,49 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { AccordionMenuExpandMode } from "./accordion-menu.options.js";
+import { AccordionMenuExpandMode } from "./accordion-menu.options";
 /**
- * An AccordionMenu component that provides an interactive accordion interface, allowing for expandable and collapsible sections.
- * Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.
+ * AccordionMenu
+ * @summary An AccordionMenu component that provides an interactive accordion interface, allowing for expandable and collapsible sections. Implements ARIA Accordion.
  *
- * @extends {FASTElement}
+ * @example
+ * ```html
+ * <fabric-accordion-menu expand-mode="single">
+ *   <fabric-accordion-item>
+ *     <fabric-accordion-menu-panel>
+ *       <!-- content for first panel -->
+ *     </fabric-accordion-menu-panel>
+ *   </fabric-accordion-item>
+ *   <fabric-accordion-item>
+ *     <fabric-accordion-menu-panel>
+ *       <!-- content for second panel -->
+ *     </fabric-accordion-menu-panel>
+ *   </fabric-accordion-item>
+ *   <!-- additional accordion items here -->
+ * </fabric-accordion-menu>
+ * ```
  *
  * @attr {AccordionMenuExpandMode} expand-mode - Controls the expand mode of the Accordion, either allowing single or multiple item expansion.
  *
- * @slot - The default slot for the accordion items.
+ * @prop {ElementInternals} elementInternals - Internal element state used to manage the component.
+ * @prop {HTMLElement[]} slottedElements - The slotted accordion menu items.
+ * @prop {AccordionMenuExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing single or multiple item expansion.
  *
- * @fires change - Fires a custom 'change' event when the active item changes.
+ * @slot - The default slot for the accordion items.
  *
  * @csspart accordion-menu - Represents the accordion menu container.
  *
- * @method expandmodeChanged - Handles changes to the expand-mode attribute.
- * @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 `slottedElements` property then rebinds event listeners to each non-disabled item.
+ * @method expandmodeChanged - Handles changes to the `expandmode` attribute.
+ * @method handleChange - Handles changes to observed properties.
+ * @method clearSelections - Clears the selections of menu items.
+ * @method findExpandedItem - Finds the first expanded item in the accordion.
+ * @method setItems - Sets up the accordion items.
  * @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.
- * @method expandedChangedHandler - Changes the expanded state of the accordion item.
  *
- * @summary A component for creating expandable and collapsible sections within an accordion menu.
+ * @fires change - Fires a custom 'change' event when the active item changes.
  *
- * @tag fabric-accordion-menu
+ * @extends FASTElement
+ * @tagname fabric-accordion-menu
+ * @public
  */
 export declare class AccordionMenu extends FASTElement {
     /** Internal element state used to manage the component. */
@@ -52,7 +69,7 @@ export declare class AccordionMenu extends FASTElement {
     expandmodeChanged(prev: AccordionMenuExpandMode, next: AccordionMenuExpandMode): void;
     /**
      * The slotted accordion menu items.
-     * @internal
+     * @public
      */
     slottedElements: HTMLElement[];
     /**
@@ -61,6 +78,10 @@ export declare class AccordionMenu extends FASTElement {
      * @param propertyName - The name of the property that changed.
      */
     handleChange(source: any, propertyName: string): void;
+    /**
+     * Clears the selections of menu items.
+     */
+    clearSelections(): void;
     /**
      * Finds the first expanded item in the accordion.
      */
@@ -86,9 +107,5 @@ export declare class AccordionMenu extends FASTElement {
      * Removes event listeners from items.
      */
     private removeItemListeners;
-    /**
-     * Clears the selections of menu items.
-     */
-    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,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"}
+{"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,0BAA0B,CAAC;AAQnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;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;IACI,eAAe,IAAI,IAAI;IAmB9B;;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;CACH"}

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

@@ -1,4 +1,4 @@
-import { AccordionMenu } from "./accordion-menu.js";
+import { AccordionMenu } from "./accordion-menu";
 /**
  *
  * @public

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;AAKpD;;;;;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,kBAAkB,CAAC;AAKjD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,+EAOrB,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 type { AccordionMenu } from "./accordion-menu";
 /**
  * @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,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"}
+{"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,kBAAkB,CAAC;AAEtD;;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 { definition as AccordionMenuDefinition } from "./accordion-menu.definition.js";
+export { AccordionMenu } from "./accordion-menu";
+export { AccordionMenuExpandMode } from "./accordion-menu.options";
+export { template as AccordionMenuTemplate } from "./accordion-menu.template";
+export { styles as AccordionMenuStyles } from "./accordion-menu.styles";
+export { definition as AccordionMenuDefinition } from "./accordion-menu.definition";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -1,21 +1,25 @@
 import { FASTElement } from "@microsoft/fast-element";
-import type { StaticallyComposableHTML } from "../../util/template-helpers.js";
 import { StartEnd } from "@fluentui/web-components";
-import type { StartEndOptions } from "@fluentui/web-components";
-import { AccordionMenuPanelMarkerPosition, AccordionMenuPanelSize } from "./accordion-menu-panel.options.js";
-import { MenuList } from "../menu-list/menu-list.js";
+import { AccordionMenuPanelMarkerPosition, AccordionMenuPanelSize } from "./accordion-menu-panel.options";
+import { MenuList } from "../menu-list/menu-list";
 /**
- * Accordion Item configuration options
- * @public
- */
-export declare type AccordionMenuPanelOptions = StartEndOptions<AccordionMenuPanel> & {
-    expandedIcon?: StaticallyComposableHTML<AccordionMenuPanel>;
-    collapsedIcon?: StaticallyComposableHTML<AccordionMenuPanel>;
-};
-/**
- * An AccordionMenuPanel component that provides expandable and collapsible sections within an accordion menu.
+ * AccordionMenuPanel
+ * @summary An AccordionMenuPanel component that provides expandable and collapsible sections within an accordion menu.
  *
- * @extends {FASTElement}
+ * @example
+ * ```html
+ * <fabric-accordion-menu>
+ *   <fabric-accordion-menu-panel id="examplePanel" expanded>
+ *     <div slot="heading">Section 1</div>
+ *     <span slot="marker-expanded">-</span>
+ *     <span slot="marker-collapsed">+</span>
+ *     <fabric-menu-list>
+ *       <fabric-menu-item>Content for section 1</fabric-menu-item>
+ *       <fabric-menu-item>Content for section 2</fabric-menu-item>
+ *     </fabric-menu-list>
+ *   </fabric-accordion-menu-panel>
+ * </fabric-accordion-menu>
+ * ```
  *
  * @attr {boolean} expanded - Expands or collapses the item.
  * @attr {boolean} disabled - Disables the accordion item.
@@ -24,21 +28,38 @@ export declare type AccordionMenuPanelOptions = StartEndOptions<AccordionMenuPan
  * @attr {boolean} block - Sets the width of the focus state.
  * @attr {AccordionMenuPanelMarkerPosition} marker-position - Sets expand and collapsed icon position.
  *
- * @csspart heading - Represents the heading of 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.
+ * @prop {ElementInternals} elementInternals - Internal element state used to manage the component.
+ * @prop {MenuList[] | undefined} menuList - The menu list element if present.
+ * @prop {HTMLElement | undefined} headingElement - Reference to the heading element.
+ * @prop {boolean} expanded - Expands or collapses the item.
+ * @prop {boolean} disabled - Disables an accordion item
+ * @prop {string} id - The item ID.
+ * @prop {AccordionMenuPanelSize | undefined} size - Defines accordion header font size.
+ * @prop {boolean} block - Sets the width of the focus state.
+ * @prop {AccordionMenuPanelMarkerPosition | undefined} markerPosition - Sets expand and collapsed icon position.
  *
  * @slot heading - Slot for the heading content.
  * @slot marker-expanded - Slot for the expanded icon.
  * @slot marker-collapsed - Slot for the collapsed icon.
  * @slot - Default slot for the accordion item content.
  *
- * @fires expanded-change - Event fired when the expanded state changes.
+ * @csspart heading - Represents the heading of 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.
  *
- * @summary A component for creating expandable and collapsible sections within an accordion menu.
+ * @method focusFirstMenuItem - Focus the first menu item in the menu list.
+ * @method expandedChanged - Handles expanded changes.
+ * @method disabledChanged - Handles disabled changes.
+ * @method sizeChanged - Handles changes to size attribute.
+ * @method blockChanged - Handles changes to block attribute.
+ * @method markerPositionChanged - Handles changes to marker-position attribute.
  *
- * @tag fabric-accordion-menu-panel
+ * @fires expanded-change - Event fired when the expanded state changes.
+ *
+ * @extends FASTElement
+ * @tagname fabric-accordion-menu-panel
+ * @public
  */
 export declare class AccordionMenuPanel extends FASTElement {
     /** Internal element state used to manage the component. */

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

@@ -1 +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"}
+{"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;AAQjC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAIpD,OAAO,EACL,gCAAgC,EAChC,sBAAsB,EACvB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;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;IAEa,EAAE,EAAE,MAAM,CAA0B;IAEpD;;;;;;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.options.d.ts

@@ -1,4 +1,7 @@
+import { StartEndOptions } from "../..";
+import { StaticallyComposableHTML } from "../../util/template-helpers";
 import type { ValuesOf } from "../../util/typings";
+import { AccordionMenuPanel } from "./accordion-menu-panel";
 /**
  * An Accordion Menu Panel header font size can be small, medium, large, and extra-large
  */
@@ -25,4 +28,15 @@ export declare const AccordionMenuPanelMarkerPosition: {
  * @public
  */
 export declare type AccordionMenuPanelMarkerPosition = ValuesOf<typeof AccordionMenuPanelMarkerPosition>;
+/**
+ * Accordion Menu Panel configuration options
+ *
+ * @tag fabric-accordion-menu-panel
+ *
+ * @public
+ */
+export declare type AccordionMenuPanelOptions = StartEndOptions<AccordionMenuPanel> & {
+    expandedIcon?: StaticallyComposableHTML<AccordionMenuPanel>;
+    collapsedIcon?: StaticallyComposableHTML<AccordionMenuPanel>;
+};
 //# sourceMappingURL=accordion-menu-panel.options.d.ts.map

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

@@ -1 +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"}
+{"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,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;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;AAEF;;;;;;GAMG;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"}

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

@@ -1,8 +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>;
+import type { AccordionMenuPanel } from "./accordion-menu-panel";
+import { AccordionMenuPanelOptions } from "./accordion-menu-panel.options";
+export declare function accordionMenuPanelTemplate<T extends AccordionMenuPanel>(options?: AccordionMenuPanelOptions): ElementViewTemplate<T>;
 /**
- * The template for the accordion menu item component.
+ * The template for the accordion menu panel component.
  * @public
  */
 export declare const template: ElementViewTemplate<AccordionMenuPanel>;

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

@@ -1 +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"}
+{"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,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAqB3E,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EACrE,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/index.d.ts

@@ -1,6 +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 { AccordionMenuPanelSize, AccordionMenuPanelMarkerPosition, AccordionMenuPanelOptions } 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

@@ -1 +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"}
+{"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,EAChC,yBAAyB,EAC1B,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

@@ -1,8 +1,36 @@
 import { AnchorButton as FluentAnchorButton } from "@fluentui/web-components";
 /**
- * A AnchorButton Custom HTML Element.
- * Based on Fluent UI's AnchorButton with custom styling and behavior
+ * AnchorButton
+ * @summary An Anchor Custom HTML Element that functions as a button with customizable appearance, shape, and size, and can be used as a link.
  *
+ * @example
+ * ```html
+ * <fabric-anchor-button appearance="primary" shape="rounded" size="large" href="https://example.com" target="_blank">
+ *   <span slot="start">🔗</span>
+ *   Visit our page
+ *   <span slot="end">→</span>
+ * </fabric-anchor-button>
+ * ```
+ *
+ * @attr {AnchorButtonAppearance} appearance - The visual appearance of the button.
+ * @attr {AnchorButtonShape} shape - The shape of the button, can be square, circular, or rounded.
+ * @attr {AnchorButtonSize} size - The size of the button, can be small, medium, or large.
+ * @attr {boolean} icon-only - Indicates the button has an icon only, no text content.
+ * @attr {string} href - The URL that the hyperlink points to.
+ * @attr {AnchorTarget} target - Specifies where to open the linked document.
+ *
+ * @prop {boolean} iconOnly - Indicates whether the button has an icon only, with no text content.
+ *
+ * @slot start - Content before the button content.
+ * @slot - The default slot for button text or content.
+ * @slot end - Content after the button content.
+ *
+ * @csspart content - The button content container.
+ *
+ * @fires click - Fired when the button is clicked.
+ *
+ * @extends FluentAnchorButton
+ * @tagname fabric-anchor-button
  * @public
  */
 export declare class AnchorButton extends FluentAnchorButton {

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBAAa,YAAa,SAAQ,kBAAkB;CAAG"}

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

@@ -1,5 +1,4 @@
-import { AnchorButton } from "./anchor-button";
-export { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget } from "@fluentui/web-components";
-export { AnchorButton };
+export { AnchorButton } from "./anchor-button";
+export { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, AnchorButtonTemplate } from "@fluentui/web-components";
 export { definition as AnchorButtonDefinition } from "./anchor-button.definition";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/anchor-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACb,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,YAAY,EAAE,CAAC;AAGxB,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/anchor-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}