@fluentui/web-components 3.0.0-rc.25 → 3.0.0-rc.27

package/custom-elements.json

@@ -391,7 +391,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.ts",
+      "path": "./dist/esm/accordion-item/accordion-item.js",
       "declarations": [
         {
           "kind": "class",
@@ -551,6 +551,8 @@
             "name": "BaseAccordionItem",
             "module": "/src/accordion-item/accordion-item.base.js"
           },
+          "tagName": "fluent-accordion-item",
+          "customElement": true,
           "slots": [
             {
               "description": "Content positioned before heading in the collapsed state",
@@ -618,7 +620,12 @@
                 "module": "src/accordion-item/accordion-item.base.ts"
               }
             }
-          ]
+          ],
+          "modulePath": "./dist/esm/accordion-item/accordion-item.js",
+          "definitionPath": "./dist/esm/accordion-item/define.js",
+          "cssProperties": [],
+          "cssStates": [],
+          "events": []
         }
       ],
       "exports": [
@@ -9353,6 +9360,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires a custom 'change' event when the active item changes",
               "name": "change"
             }
@@ -9391,6 +9401,35 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/autofocus.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "maybeSetAutoFocus",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement"
+              }
+            }
+          ],
+          "description": "Artificial sets the focus to the given element, if no other element in the\ndocument is currently focused and the given element meets the following\nconditions:\n\n- is connected to DOM\n- has `autofocus` attribute\n- is visible\n\nFor more details of this issue, see https://codepen.io/editor/marchbox/pen/019e9ab9-cd81-7c21-a3ae-1b7fe2d3458a"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "maybeSetAutoFocus",
+          "declaration": {
+            "name": "maybeSetAutoFocus",
+            "module": "src/utils/autofocus.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "./dist/esm/button/button.base.js",
@@ -9420,15 +9459,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates the button should be focused when the page is loaded."
-            },
             {
               "kind": "field",
               "name": "defaultSlottedContent",
@@ -9628,14 +9658,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "fieldName": "autofocus"
-            },
             {
               "name": "disabled",
               "type": {
@@ -9807,19 +9829,6 @@
               "default": "false",
               "description": "Indicates that the button should only display as an icon with no text content."
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "defaultSlottedContent",
@@ -10137,18 +10146,6 @@
               "description": "Indicates that the button should only display as an icon with no text content.",
               "fieldName": "iconOnly"
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -10681,7 +10678,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchor-button/anchor-button.ts",
+      "path": "./dist/esm/anchor-button/anchor-button.js",
       "declarations": [
         {
           "kind": "class",
@@ -11127,6 +11124,8 @@
             "name": "BaseAnchor",
             "module": "/src/anchor-button/anchor-button.base.js"
           },
+          "tagName": "fluent-anchor-button",
+          "customElement": true,
           "slots": [
             {
               "description": "Content which can be provided before the anchor content",
@@ -11170,7 +11169,12 @@
                 "module": "src/anchor-button/anchor-button.base.ts"
               }
             }
-          ]
+          ],
+          "modulePath": "./dist/esm/anchor-button/anchor-button.js",
+          "definitionPath": "./dist/esm/anchor-button/define.js",
+          "cssProperties": [],
+          "cssStates": [],
+          "events": []
         }
       ],
       "exports": [
@@ -11272,6 +11276,12 @@
           "kind": "class",
           "description": "An Avatar Custom HTML Element.\nBased on BaseAvatar and includes style and layout specific attributes",
           "name": "Avatar",
+          "slots": [
+            {
+              "description": "Optional badge content displayed with the avatar.",
+              "name": "badge"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -11506,8 +11516,7 @@
           "cssProperties": [],
           "cssParts": [],
           "cssStates": [],
-          "events": [],
-          "slots": []
+          "events": []
         }
       ],
       "exports": [
@@ -11529,6 +11538,20 @@
           "kind": "class",
           "description": "The base class used for constructing a fluent-badge custom element",
           "name": "Badge",
+          "slots": [
+            {
+              "description": "Content which can be provided inside the badge.",
+              "name": ""
+            },
+            {
+              "description": "Content which can be provided before the badge content.",
+              "name": "start"
+            },
+            {
+              "description": "Content which can be provided after the badge content.",
+              "name": "end"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -11629,6 +11652,7 @@
             "name": "FASTElement",
             "package": "@microsoft/fast-element"
           },
+          "tagName": "fluent-badge",
           "customElement": true,
           "modulePath": "./dist/esm/badge/badge.js",
           "definitionPath": "./dist/esm/badge/define.js"
@@ -11750,15 +11774,6 @@
           "description": "The base class for a component with a toggleable checked state.",
           "name": "BaseCheckbox",
           "members": [
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates that the element should get focus after the page finishes loading."
-            },
             {
               "kind": "field",
               "name": "checked",
@@ -11966,15 +11981,23 @@
               "description": "Toggles the checked state of the control."
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "autofocus",
               "type": {
-                "text": "boolean"
+                "text": "Event"
               },
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "fieldName": "autofocus"
+              "description": "Fires a custom 'change' event when the checked state changes",
+              "name": "change"
             },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'input' event when the checked state changes",
+              "name": "input"
+            }
+          ],
+          "attributes": [
             {
               "name": "disabled",
               "type": {
@@ -12130,19 +12153,6 @@
               },
               "default": "'checkbox'"
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "inheritedFrom": {
-                "name": "BaseCheckbox",
-                "module": "src/checkbox/checkbox.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "checked",
@@ -12403,12 +12413,26 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Emits a custom change event when the checked state changes",
-              "name": "change"
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseCheckbox",
+                "module": "src/checkbox/checkbox.base.ts"
+              }
             },
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Emits a custom input event when the checked state changes",
-              "name": "input"
+              "name": "input",
+              "inheritedFrom": {
+                "name": "BaseCheckbox",
+                "module": "src/checkbox/checkbox.base.ts"
+              }
             }
           ],
           "attributes": [
@@ -12434,18 +12458,6 @@
                 "text": "'medium' | 'large' | undefined"
               }
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseCheckbox",
-                "module": "src/checkbox/checkbox.base.ts"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -12552,38 +12564,42 @@
           "kind": "class",
           "description": "The base class used for constructing a fluent-compound-button custom element",
           "name": "CompoundButton",
-          "superclass": {
-            "name": "Button",
-            "module": "/src/button/button.js"
-          },
-          "tagName": "fluent-compound-button",
-          "customElement": true,
           "slots": [
             {
-              "description": "Content which can be provided before the button content",
-              "name": "start",
+              "description": "The default slot for the main content of the compound button",
+              "name": "",
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/button.base.ts"
               }
             },
             {
-              "description": "Content which can be provided after the button content",
-              "name": "end",
+              "description": "The description of the compound button, shown below the main content",
+              "name": "description"
+            },
+            {
+              "description": "Content which can be provided before the button content",
+              "name": "start",
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/button.base.ts"
               }
             },
             {
-              "description": "The default slot for button content",
-              "name": "",
+              "description": "Content which can be provided after the button content",
+              "name": "end",
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/button.base.ts"
               }
             }
           ],
+          "superclass": {
+            "name": "Button",
+            "module": "/src/button/button.js"
+          },
+          "tagName": "fluent-compound-button",
+          "customElement": true,
           "cssParts": [
             {
               "description": "The button content container",
@@ -12653,18 +12669,6 @@
                 "module": "src/button/button.ts"
               }
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -12868,19 +12872,6 @@
                 "module": "src/button/button.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "defaultSlottedContent",
@@ -13299,6 +13290,16 @@
           "kind": "class",
           "description": "A CounterBadge Custom HTML Element.\nBased on BaseCounterBadge and includes style and layout specific attributes.",
           "name": "CounterBadge",
+          "slots": [
+            {
+              "description": "Content which can be provided before the badge content.",
+              "name": "start"
+            },
+            {
+              "description": "Content which can be provided after the badge content.",
+              "name": "end"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -13528,8 +13529,7 @@
           "cssProperties": [],
           "cssParts": [],
           "cssStates": [],
-          "events": [],
-          "slots": []
+          "events": []
         }
       ],
       "exports": [
@@ -13551,6 +13551,12 @@
           "kind": "class",
           "description": "A Dialog Custom HTML Element.",
           "name": "Dialog",
+          "slots": [
+            {
+              "description": "The default slot. {@link (DialogBody:class)} element recommended.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -13660,6 +13666,22 @@
               "description": "Handles click events on the dialog overlay for light-dismiss"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "ToggleEvent"
+              },
+              "description": "Event emitted after the dialog's open state changes.",
+              "name": "toggle"
+            },
+            {
+              "type": {
+                "text": "ToggleEvent"
+              },
+              "description": "Event emitted before the dialog's open state changes.",
+              "name": "beforetoggle"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-describedby",
@@ -13726,6 +13748,42 @@
           "kind": "class",
           "description": "Dialog Body component that extends the FASTElement class.",
           "name": "DialogBody",
+          "cssParts": [
+            {
+              "description": "The title container.",
+              "name": "title"
+            },
+            {
+              "description": "The content container.",
+              "name": "content"
+            },
+            {
+              "description": "The actions container.",
+              "name": "actions"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content for the dialog title.",
+              "name": "title"
+            },
+            {
+              "description": "Content for actions shown near the title.",
+              "name": "title-action"
+            },
+            {
+              "description": "Content for the close action.",
+              "name": "close"
+            },
+            {
+              "description": "Content for footer actions.",
+              "name": "action"
+            },
+            {
+              "description": "Default dialog body content.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FASTElement",
             "package": "@microsoft/fast-element"
@@ -14016,6 +14074,12 @@
           "kind": "class",
           "description": "A Drawer component that allows content to be displayed in a side panel. It can be rendered as modal or non-modal.",
           "name": "Drawer",
+          "cssProperties": [
+            {
+              "description": "Sets the width of the drawer to a custom value (e.g., 300px).",
+              "name": "--drawer-width"
+            }
+          ],
           "cssParts": [
             {
               "description": "The dialog element of the drawer.",
@@ -14161,10 +14225,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "ToggleEvent"
+              },
               "description": "Event emitted after the dialog's open state changes.",
               "name": "toggle"
             },
             {
+              "type": {
+                "text": "ToggleEvent"
+              },
               "description": "Event emitted before the dialog's open state changes.",
               "name": "beforetoggle"
             }
@@ -14645,10 +14715,24 @@
           "kind": "class",
           "description": "A DropdownOption Custom HTML Element.\nImplements the https://w3c.github.io/aria/#option | ARIA option  role.",
           "name": "DropdownOption",
-          "slots": [
+          "cssParts": [
             {
-              "description": "The default slot for the option's content.",
-              "name": ""
+              "description": "The wrapper for the option content.",
+              "name": "content"
+            },
+            {
+              "description": "The wrapper for the option description.",
+              "name": "description"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for the option's content.",
+              "name": ""
+            },
+            {
+              "description": "Optional content shown at the start of the option.",
+              "name": "start"
             },
             {
               "description": "The checked indicator.",
@@ -15658,6 +15742,15 @@
               "default": "'presentation'"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'change' event when the selected option changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-labelledby",
@@ -16516,12 +16609,24 @@
           },
           "tagName": "fluent-dropdown",
           "customElement": true,
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'change' event when the selected option changes",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseDropdown",
+                "module": "src/dropdown/dropdown.base.ts"
+              }
+            }
+          ],
           "modulePath": "./dist/esm/dropdown/dropdown.js",
           "definitionPath": "./dist/esm/dropdown/define.js",
           "cssProperties": [],
           "cssParts": [],
-          "cssStates": [],
-          "events": []
+          "cssStates": []
         }
       ],
       "exports": [
@@ -16650,6 +16755,34 @@
           "kind": "class",
           "description": "A Field Custom HTML Element.\nBased on BaseField and includes style and layout specific attributes",
           "name": "Field",
+          "cssParts": [
+            {
+              "description": "The label slot container.",
+              "name": "label"
+            },
+            {
+              "description": "The input slot container.",
+              "name": "input"
+            },
+            {
+              "description": "The message slot container.",
+              "name": "message"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Label content associated with the control.",
+              "name": "label"
+            },
+            {
+              "description": "Input control content.",
+              "name": "input"
+            },
+            {
+              "description": "Validation and helper message content.",
+              "name": "message"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -16787,10 +16920,8 @@
           "modulePath": "./dist/esm/field/field.js",
           "definitionPath": "./dist/esm/field/define.js",
           "cssProperties": [],
-          "cssParts": [],
           "cssStates": [],
-          "events": [],
-          "slots": []
+          "events": []
         }
       ],
       "exports": [
@@ -16812,6 +16943,12 @@
           "kind": "class",
           "description": "The base class used for constucting a fluent image custom element",
           "name": "Image",
+          "slots": [
+            {
+              "description": "The default slot. Accepts any `<img>`, `<picture>`, `<video>`, or `<canvas>` element.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -16942,6 +17079,18 @@
           "kind": "class",
           "description": "The base class used for constructing a fluent-label custom element",
           "name": "Label",
+          "cssParts": [
+            {
+              "description": "The required-field asterisk indicator.",
+              "name": "asterisk"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot. Accepts the content of the label.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -17538,18 +17687,6 @@
                 "module": "src/button/button.ts"
               }
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -17753,19 +17890,6 @@
                 "module": "src/button/button.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "defaultSlottedContent",
@@ -18213,6 +18337,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
               "name": "change"
             }
@@ -19225,6 +19352,10 @@
               "description": "Content that can be provided for the dismiss button",
               "name": "dismiss"
             },
+            {
+              "description": "Content that can be provided for the leading icon",
+              "name": "icon"
+            },
             {
               "description": "The default slot for the content",
               "name": ""
@@ -19282,6 +19413,15 @@
               "default": "'status'"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the message bar is dismissed.",
+              "name": "dismiss"
+            }
+          ],
           "attributes": [
             {
               "name": "shape",
@@ -19382,6 +19522,24 @@
               ],
               "description": "Handles changes to validation-state attribute custom states"
             },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "The value of the progress\nThe value of the progress\n\nHTML Attribute: `value`"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "The minimum value\nThe minimum value\n\nHTML Attribute: `min`"
+            },
             {
               "kind": "method",
               "name": "minChanged",
@@ -19409,6 +19567,15 @@
               ],
               "description": "Updates the percent complete when the `min` property changes."
             },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "The maximum value\nThe maximum value\n\nHTML Attribute: `max`"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -19430,6 +19597,30 @@
               "parsedType": {
                 "text": "'success' | 'warning' | 'error' | null"
               }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The value of the progress\nThe value of the progress\n\nHTML Attribute: `value`",
+              "fieldName": "value"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The minimum value\nThe minimum value\n\nHTML Attribute: `min`",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The maximum value\nThe maximum value\n\nHTML Attribute: `max`",
+              "fieldName": "max"
             }
           ],
           "superclass": {
@@ -19460,6 +19651,12 @@
           "kind": "class",
           "description": "A Progress HTML Element.\nBased on BaseProgressBar and includes style and layout specific attributes",
           "name": "ProgressBar",
+          "cssParts": [
+            {
+              "description": "The internal progress indicator element.",
+              "name": "indicator"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -19528,6 +19725,32 @@
                 "module": "src/progress-bar/progress-bar.base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "The value of the progress\nThe value of the progress\n\nHTML Attribute: `value`",
+              "inheritedFrom": {
+                "name": "BaseProgressBar",
+                "module": "src/progress-bar/progress-bar.base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "The minimum value\nThe minimum value\n\nHTML Attribute: `min`",
+              "inheritedFrom": {
+                "name": "BaseProgressBar",
+                "module": "src/progress-bar/progress-bar.base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "minChanged",
@@ -19559,6 +19782,19 @@
                 "module": "src/progress-bar/progress-bar.base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "The maximum value\nThe maximum value\n\nHTML Attribute: `max`",
+              "inheritedFrom": {
+                "name": "BaseProgressBar",
+                "module": "src/progress-bar/progress-bar.base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -19610,6 +19846,42 @@
                 "name": "BaseProgressBar",
                 "module": "src/progress-bar/progress-bar.base.ts"
               }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The value of the progress\nThe value of the progress\n\nHTML Attribute: `value`",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "BaseProgressBar",
+                "module": "src/progress-bar/progress-bar.base.ts"
+              }
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The minimum value\nThe minimum value\n\nHTML Attribute: `min`",
+              "fieldName": "min",
+              "inheritedFrom": {
+                "name": "BaseProgressBar",
+                "module": "src/progress-bar/progress-bar.base.ts"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The maximum value\nThe maximum value\n\nHTML Attribute: `max`",
+              "fieldName": "max",
+              "inheritedFrom": {
+                "name": "BaseProgressBar",
+                "module": "src/progress-bar/progress-bar.base.ts"
+              }
             }
           ],
           "superclass": {
@@ -19621,7 +19893,6 @@
           "modulePath": "./dist/esm/progress-bar/progress-bar.js",
           "definitionPath": "./dist/esm/progress-bar/define.js",
           "cssProperties": [],
-          "cssParts": [],
           "cssStates": [],
           "events": [],
           "slots": []
@@ -19686,19 +19957,6 @@
               },
               "default": "'radio'"
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "inheritedFrom": {
-                "name": "BaseCheckbox",
-                "module": "src/checkbox/checkbox.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "checked",
@@ -19959,12 +20217,33 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Emits a custom change event when the checked state changes",
-              "name": "change"
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseCheckbox",
+                "module": "src/checkbox/checkbox.base.ts"
+              }
             },
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Emits a custom input event when the checked state changes",
-              "name": "input"
+              "name": "input",
+              "inheritedFrom": {
+                "name": "BaseCheckbox",
+                "module": "src/checkbox/checkbox.base.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emits a custom disabled event when the disabled state changes",
+              "name": "disabled"
             }
           ],
           "superclass": {
@@ -19975,21 +20254,9 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "autofocus",
+              "name": "disabled",
               "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseCheckbox",
-                "module": "src/checkbox/checkbox.base.ts"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
+                "text": "boolean | undefined"
               },
               "description": "The initial disabled state of the control.",
               "fieldName": "disabledAttribute",
@@ -20381,6 +20648,15 @@
               "name": "ariaOrientation"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'change' event when the checked radio changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "disabled",
@@ -20857,6 +21133,19 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fired when the selected radio changes.",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseRadioGroup",
+                "module": "src/radio-group/radio-group.base.ts"
+              }
+            }
+          ],
           "superclass": {
             "name": "BaseRadioGroup",
             "module": "/src/radio-group/radio-group.base.js"
@@ -20932,8 +21221,7 @@
           "definitionPath": "./dist/esm/radio-group/define.js",
           "cssProperties": [],
           "cssParts": [],
-          "cssStates": [],
-          "events": []
+          "cssStates": []
         }
       ],
       "exports": [
@@ -22071,6 +22359,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires a custom 'change' event when the value changes.",
               "name": "change"
             }
@@ -22317,6 +22608,12 @@
           "kind": "class",
           "description": "A Switch Custom HTML Element.\nBased on BaseCheckbox and includes style and layout specific attributes",
           "name": "Switch",
+          "cssParts": [
+            {
+              "description": "The internal switch indicator element.",
+              "name": "checked-indicator"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -22326,19 +22623,6 @@
               },
               "default": "'switch'"
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "inheritedFrom": {
-                "name": "BaseCheckbox",
-                "module": "src/checkbox/checkbox.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "checked",
@@ -22629,18 +22913,6 @@
           "tagName": "fluent-switch",
           "customElement": true,
           "attributes": [
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseCheckbox",
-                "module": "src/checkbox/checkbox.base.ts"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -22715,12 +22987,34 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'change' event when the checked state changes",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseCheckbox",
+                "module": "src/checkbox/checkbox.base.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'input' event when the checked state changes",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "BaseCheckbox",
+                "module": "src/checkbox/checkbox.base.ts"
+              }
+            }
+          ],
           "modulePath": "./dist/esm/switch/switch.js",
           "definitionPath": "./dist/esm/switch/define.js",
           "cssProperties": [],
-          "cssParts": [],
           "cssStates": [],
-          "events": [],
           "slots": []
         }
       ],
@@ -23248,6 +23542,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fired when the active tab changes.",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "appearance",
@@ -23323,7 +23626,6 @@
           "cssProperties": [],
           "cssParts": [],
           "cssStates": [],
-          "events": [],
           "slots": []
         }
       ],
@@ -23831,10 +24133,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires after the control loses focus, if the content has changed.",
               "name": "change"
             },
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires when the `select()` method is called.",
               "name": "select"
             }
@@ -24886,6 +25194,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires after the control loses focus, if the content has changed.",
               "name": "change",
               "inheritedFrom": {
@@ -24894,6 +25205,9 @@
               }
             },
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fires when the `select()` method is called.",
               "name": "select",
               "inheritedFrom": {
@@ -24965,15 +25279,6 @@
               "privacy": "public",
               "description": "Indicates the element's autocomplete state."
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates that the element should get focus after the page finishes loading."
-            },
             {
               "kind": "field",
               "name": "currentValue",
@@ -25222,26 +25527,6 @@
               ],
               "description": "Clicks the inner control when the component is clicked."
             },
-            {
-              "kind": "method",
-              "name": "focusinHandler",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean | void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "FocusEvent"
-                  },
-                  "description": "the event object"
-                }
-              ],
-              "description": "Focuses the inner control when the component is focused."
-            },
             {
               "kind": "method",
               "name": "select",
@@ -25285,6 +25570,22 @@
               "description": "Reports the validity of the element."
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires a custom 'change' event when the value changes and the input loses focus",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires when the `select()` method is called.",
+              "name": "select"
+            }
+          ],
           "attributes": [
             {
               "name": "autocomplete",
@@ -25294,14 +25595,6 @@
               "description": "Indicates the element's autocomplete state.",
               "fieldName": "autocomplete"
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "fieldName": "autofocus"
-            },
             {
               "name": "current-value",
               "type": {
@@ -25508,19 +25801,6 @@
                 "module": "src/text-input/text-input.base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "inheritedFrom": {
-                "name": "BaseTextInput",
-                "module": "src/text-input/text-input.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "currentValue",
@@ -25869,30 +26149,6 @@
                 "module": "src/text-input/text-input.base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "focusinHandler",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean | void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "FocusEvent"
-                  },
-                  "description": "the event object"
-                }
-              ],
-              "description": "Focuses the inner control when the component is focused.",
-              "inheritedFrom": {
-                "name": "BaseTextInput",
-                "module": "src/text-input/text-input.base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "select",
@@ -25948,6 +26204,30 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fired when the input value is committed via a change event.",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseTextInput",
+                "module": "src/text-input/text-input.base.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires when the `select()` method is called.",
+              "name": "select",
+              "inheritedFrom": {
+                "name": "BaseTextInput",
+                "module": "src/text-input/text-input.base.ts"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "appearance",
@@ -25983,18 +26263,6 @@
                 "module": "src/text-input/text-input.base.ts"
               }
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the element should get focus after the page finishes loading.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseTextInput",
-                "module": "src/text-input/text-input.base.ts"
-              }
-            },
             {
               "name": "current-value",
               "type": {
@@ -26264,8 +26532,7 @@
           "modulePath": "./dist/esm/text-input/text-input.js",
           "definitionPath": "./dist/esm/text-input/define.js",
           "cssProperties": [],
-          "cssStates": [],
-          "events": []
+          "cssStates": []
         }
       ],
       "exports": [
@@ -26287,6 +26554,12 @@
           "kind": "class",
           "description": "The base class used for constructing a fluent-text custom element",
           "name": "Text",
+          "slots": [
+            {
+              "description": "The default slot for the text content of the component. Can be any valid HTML element, but is typically a semantic element such as a heading or paragraph.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -26622,19 +26895,6 @@
                 "module": "src/button/button.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "defaultSlottedContent",
@@ -26969,18 +27229,6 @@
                 "module": "src/button/button.ts"
               }
             },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the button should be focused when the page is loaded.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/button.base.ts"
-              }
-            },
             {
               "name": "disabled",
               "type": {
@@ -27189,6 +27437,12 @@
           "kind": "class",
           "description": "A Tooltip Custom HTML Element.\nBased on ARIA APG Tooltip Pattern https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ ",
           "name": "Tooltip",
+          "slots": [
+            {
+              "description": "The default slot. Accepts the content of the tooltip.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -27334,7 +27588,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "Base class for Tree Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li | `<li>` element.",
           "name": "BaseTreeItem",
           "members": [
             {
@@ -27475,6 +27729,22 @@
               "default": "'treeitem'"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "ToggleEvent"
+              },
+              "description": "Fires when the expanded state changes",
+              "name": "toggle"
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires when the selected state changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "expanded",
@@ -27539,6 +27809,50 @@
           "kind": "class",
           "description": "The Fluent Tree Item Element. Implements @microsoft/fast-foundation#BaseTreeItem.",
           "name": "TreeItem",
+          "cssParts": [
+            {
+              "description": "The container for item content and aside regions.",
+              "name": "positioning-region"
+            },
+            {
+              "description": "The item content region.",
+              "name": "content"
+            },
+            {
+              "description": "The expand/collapse indicator region.",
+              "name": "chevron"
+            },
+            {
+              "description": "The trailing aside region.",
+              "name": "aside"
+            },
+            {
+              "description": "The child items group region.",
+              "name": "items"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot. Accepts the content of the tree item.",
+              "name": ""
+            },
+            {
+              "description": "Content shown before the item label.",
+              "name": "start"
+            },
+            {
+              "description": "Content shown after the item label.",
+              "name": "end"
+            },
+            {
+              "description": "Content shown at the far end of the row.",
+              "name": "aside"
+            },
+            {
+              "description": "Child tree items.",
+              "name": "item"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -27756,6 +28070,30 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "ToggleEvent"
+              },
+              "description": "Fired when expanded state toggles.",
+              "name": "toggle",
+              "inheritedFrom": {
+                "name": "BaseTreeItem",
+                "module": "src/tree-item/tree-item.base.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fired when selected state changes.",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "BaseTreeItem",
+                "module": "src/tree-item/tree-item.base.ts"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "size",
@@ -27839,10 +28177,7 @@
           "modulePath": "./dist/esm/tree-item/tree-item.js",
           "definitionPath": "./dist/esm/tree-item/define.js",
           "cssProperties": [],
-          "cssParts": [],
-          "cssStates": [],
-          "events": [],
-          "slots": []
+          "cssStates": []
         }
       ],
       "exports": [
@@ -28186,7 +28521,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/avatar.definition-async.ts",
+      "path": "src/accordion-item/accordion-item.definition-async.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -28195,7 +28530,7 @@
             "text": "PartialFASTElementDefinition"
           },
           "default": "{ name: tagName, templateOptions: 'defer-and-hydrate', }",
-          "description": "The async definition configuration for the fluent-avatar element.",
+          "description": "The async definition configuration for the fluent-accordion-item element.",
           "privacy": "public"
         }
       ],
@@ -28205,14 +28540,14 @@
           "name": "definition",
           "declaration": {
             "name": "definition",
-            "module": "src/avatar/avatar.definition-async.ts"
+            "module": "src/accordion-item/accordion-item.definition-async.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/define-async.ts",
+      "path": "src/accordion-item/define-async.ts",
       "declarations": [],
       "exports": []
     },
@@ -28250,7 +28585,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.definition-async.ts",
+      "path": "src/avatar/avatar.definition-async.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -28259,7 +28594,7 @@
             "text": "PartialFASTElementDefinition"
           },
           "default": "{ name: tagName, templateOptions: 'defer-and-hydrate', }",
-          "description": "The async definition configuration for the fluent-accordion-item element.",
+          "description": "The async definition configuration for the fluent-avatar element.",
           "privacy": "public"
         }
       ],
@@ -28269,20 +28604,20 @@
           "name": "definition",
           "declaration": {
             "name": "definition",
-            "module": "src/accordion-item/accordion-item.definition-async.ts"
+            "module": "src/avatar/avatar.definition-async.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/define-async.ts",
+      "path": "src/avatar/define-async.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/button.definition-async.ts",
+      "path": "src/badge/badge.definition-async.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -28291,7 +28626,7 @@
             "text": "PartialFASTElementDefinition"
           },
           "default": "{ name: tagName, templateOptions: 'defer-and-hydrate', }",
-          "description": "The async definition configuration for the fluent-button element.",
+          "description": "The async definition configuration for the fluent-badge element.",
           "privacy": "public"
         }
       ],
@@ -28301,20 +28636,20 @@
           "name": "definition",
           "declaration": {
             "name": "definition",
-            "module": "src/button/button.definition-async.ts"
+            "module": "src/badge/badge.definition-async.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/define-async.ts",
+      "path": "src/badge/define-async.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.definition-async.ts",
+      "path": "src/button/button.definition-async.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -28323,7 +28658,7 @@
             "text": "PartialFASTElementDefinition"
           },
           "default": "{ name: tagName, templateOptions: 'defer-and-hydrate', }",
-          "description": "The async definition configuration for the fluent-badge element.",
+          "description": "The async definition configuration for the fluent-button element.",
           "privacy": "public"
         }
       ],
@@ -28333,14 +28668,14 @@
           "name": "definition",
           "declaration": {
             "name": "definition",
-            "module": "src/badge/badge.definition-async.ts"
+            "module": "src/button/button.definition-async.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/define-async.ts",
+      "path": "src/button/define-async.ts",
       "declarations": [],
       "exports": []
     },
@@ -30015,6 +30350,22 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "./dist/esm/accordion-item/define.js",
+      "deprecated": false,
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "fluent-accordion-item",
+          "declaration": {
+            "name": "AccordionItem",
+            "module": "./dist/esm/accordion-item/accordion-item.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "./dist/esm/accordion/define.js",
@@ -30079,6 +30430,22 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "./dist/esm/anchor-button/define.js",
+      "deprecated": false,
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "fluent-anchor-button",
+          "declaration": {
+            "name": "AnchorButton",
+            "module": "./dist/esm/anchor-button/anchor-button.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "./dist/esm/avatar/define.js",
@@ -30119,7 +30486,7 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "Badge",
+          "name": "fluent-badge",
           "declaration": {
             "name": "Badge",
             "module": "./dist/esm/badge/badge.js"