@fluentui/web-components 3.0.0-beta.10 → 3.0.0-beta.12

package/dist/fluent-web-components.api.json

@@ -3630,7 +3630,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Button:class",
-          "docComment": "/**\n * A Button Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element}.\n *\n * @slot start - Content which can be provided before the button content  @slot end - Content which can be provided after the button content  @slot - The default slot for button content  @csspart control - The button element  @csspart content - The element wrapping button content\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Button Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.\n *\n * @slot start - Content which can be provided before the button content  @slot end - Content which can be provided after the button content  @slot - The default slot for button content  @csspart content - The button content container\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3638,8 +3638,8 @@
             },
             {
               "kind": "Reference",
-              "text": "FormAssociatedButton",
-              "canonicalReference": "@fluentui/web-components!~FormAssociatedButton:class"
+              "text": "FASTElement",
+              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
             },
             {
               "kind": "Content",
@@ -3650,10 +3650,25 @@
           "name": "Button",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "Constructor",
+              "canonicalReference": "@fluentui/web-components!Button:constructor(1)",
+              "docComment": "/**\n * Constructs a new instance of the `Button` class\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "constructor();"
+                }
+              ],
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": []
+            },
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Button#appearance:member",
-              "docComment": "/**\n * The appearance the button should have.\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
+              "docComment": "/**\n * Indicates the styled appearance of the button.\n *\n * @remarks\n *\n * HTML Attribute: `appearance`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3664,10 +3679,6 @@
                   "text": "ButtonAppearance",
                   "canonicalReference": "@fluentui/web-components!ButtonAppearance:type"
                 },
-                {
-                  "kind": "Content",
-                  "text": " | undefined"
-                },
                 {
                   "kind": "Content",
                   "text": ";"
@@ -3679,7 +3690,7 @@
               "name": "appearance",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 3
+                "endIndex": 2
               },
               "isStatic": false,
               "isProtected": false
@@ -3687,7 +3698,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Button#autofocus:member",
-              "docComment": "/**\n * Determines if the element should receive document focus on page load.\n *\n * @remarks\n *\n * HTML Attribute: autofocus\n *\n * @public\n */\n",
+              "docComment": "/**\n * Indicates the button should be focused when the page is loaded.\n *\n * @remarks\n *\n * HTML Attribute: `autofocus`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#autofocus | `autofocus`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3714,39 +3725,39 @@
               "isProtected": false
             },
             {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#control:member",
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Button#connectedCallback:member(1)",
               "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "control: "
+                  "text": "connectedCallback(): "
                 },
                 {
-                  "kind": "Reference",
-                  "text": "HTMLButtonElement",
-                  "canonicalReference": "!HTMLButtonElement:interface"
+                  "kind": "Content",
+                  "text": "void"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "control",
-              "propertyTypeTokenRange": {
+              "isStatic": false,
+              "returnTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "isStatic": false,
-              "isProtected": false
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "connectedCallback"
             },
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Button#defaultSlottedContent:member",
-              "docComment": "/**\n * Default slotted content\n *\n * @remarks\n *\n * @public\n */\n",
+              "docComment": "/**\n * Default slotted content.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3779,12 +3790,12 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#disabledFocusable:member",
-              "docComment": "/**\n * The button is disabled but focusable\n *\n * @remarks\n *\n * HTML Attribute: disabled-focusable\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#disabled:member",
+              "docComment": "/**\n * Sets the element's disabled state.\n *\n * @remarks\n *\n * HTML Attribute: `disabled`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled | `disabled`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "disabledFocusable?: "
+                  "text": "disabled?: "
                 },
                 {
                   "kind": "Content",
@@ -3798,7 +3809,7 @@
               "isReadonly": false,
               "isOptional": true,
               "releaseTag": "Public",
-              "name": "disabledFocusable",
+              "name": "disabled",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -3807,106 +3818,76 @@
               "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#disabledFocusableChanged:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button#disabledFocusable:member",
+              "docComment": "/**\n * Indicates that the button is focusable while disabled.\n *\n * @remarks\n *\n * HTML Attribute: `disabled-focusable`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected disabledFocusableChanged(prev: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": ", next: "
+                  "text": "disabledFocusable: "
                 },
                 {
                   "kind": "Content",
                   "text": "boolean"
                 },
-                {
-                  "kind": "Content",
-                  "text": "): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 5,
-                "endIndex": 6
-              },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "prev",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 2
-                  },
-                  "isOptional": false
-                },
-                {
-                  "parameterName": "next",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 3,
-                    "endIndex": 4
-                  },
-                  "isOptional": false
-                }
-              ],
+              "isReadonly": false,
               "isOptional": false,
-              "name": "disabledFocusableChanged"
+              "releaseTag": "Public",
+              "name": "disabledFocusable",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#disconnectedCallback:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button#form:member",
+              "docComment": "/**\n * The associated form element.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "disconnectedCallback(): "
+                  "text": "get form(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLFormElement",
+                  "canonicalReference": "!HTMLFormElement:interface"
                 },
                 {
                   "kind": "Content",
-                  "text": "void"
+                  "text": " | null"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "form",
+              "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 2
+                "endIndex": 3
               },
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "disconnectedCallback"
+              "isStatic": false,
+              "isProtected": false
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#formaction:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @remarks\n *\n * HTML Attribute: formaction\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#formAction:member",
+              "docComment": "/**\n * The URL that processes the form submission.\n *\n * @remarks\n *\n * HTML Attribute: `formaction`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formaction | `formaction`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "formaction: "
+                  "text": "formAction?: "
                 },
                 {
                   "kind": "Content",
@@ -3918,9 +3899,9 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "name": "formaction",
+              "name": "formAction",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -3929,43 +3910,46 @@
               "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#formactionChanged:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button.formAssociated:member",
+              "docComment": "/**\n * The form-associated flag.\n *\n * @see\n *\n * {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected formactionChanged(): "
+                  "text": "static readonly formAssociated = "
                 },
                 {
                   "kind": "Content",
-                  "text": "void"
+                  "text": "true"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "formAssociated",
+              "propertyTypeTokenRange": {
+                "startIndex": 0,
+                "endIndex": 0
+              },
+              "initializerTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "formactionChanged"
+              "isStatic": true,
+              "isProtected": false
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#formenctype:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @remarks\n *\n * HTML Attribute: formenctype\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#formAttribute:member",
+              "docComment": "/**\n * The id of a form to associate the element to.\n *\n * @remarks\n *\n * HTML Attribute: `form`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form | `form`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "formenctype: "
+                  "text": "formAttribute?: "
                 },
                 {
                   "kind": "Content",
@@ -3977,9 +3961,9 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "name": "formenctype",
+              "name": "formAttribute",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -3988,43 +3972,42 @@
               "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#formenctypeChanged:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button#formEnctype:member",
+              "docComment": "/**\n * The encoding type for the form submission.\n *\n * @remarks\n *\n * HTML Attribute: `formenctype`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formenctype | `formenctype`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected formenctypeChanged(): "
+                  "text": "formEnctype?: "
                 },
                 {
                   "kind": "Content",
-                  "text": "void"
+                  "text": "string"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "formEnctype",
+              "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "formenctypeChanged"
+              "isStatic": false,
+              "isProtected": false
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#formId:member",
-              "docComment": "/**\n * The id of a form to associate the element to.\n *\n * @remarks\n *\n * HTML Attribute: form\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#formMethod:member",
+              "docComment": "/**\n * The HTTP method that the browser uses to submit the form.\n *\n * @remarks\n *\n * HTML Attribute: `formmethod`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formmethod | `formmethod`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "formId: "
+                  "text": "formMethod?: "
                 },
                 {
                   "kind": "Content",
@@ -4036,9 +4019,9 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "name": "formId",
+              "name": "formMethod",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -4048,16 +4031,16 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#formmethod:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @remarks\n *\n * HTML Attribute: formmethod\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#formNoValidate:member",
+              "docComment": "/**\n * Indicates that the form will not be validated when submitted.\n *\n * @remarks\n *\n * HTML Attribute: `formnovalidate`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formnovalidate | `formnovalidate`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "formmethod: "
+                  "text": "formNoValidate?: "
                 },
                 {
                   "kind": "Content",
-                  "text": "string"
+                  "text": "boolean"
                 },
                 {
                   "kind": "Content",
@@ -4065,9 +4048,9 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "name": "formmethod",
+              "name": "formNoValidate",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -4076,43 +4059,43 @@
               "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#formmethodChanged:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button#formTarget:member",
+              "docComment": "/**\n * The target frame or window to open the form submission in.\n *\n * @remarks\n *\n * HTML Attribute: `formtarget`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formtarget | `formtarget`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected formmethodChanged(): "
+                  "text": "formTarget?: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "void"
+                  "kind": "Reference",
+                  "text": "ButtonFormTarget",
+                  "canonicalReference": "@fluentui/web-components!ButtonFormTarget:type"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "formTarget",
+              "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "formmethodChanged"
+              "isStatic": false,
+              "isProtected": false
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#formnovalidate:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @remarks\n *\n * HTML Attribute: formnovalidate\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#iconOnly:member",
+              "docComment": "/**\n * Indicates that the button should only display as an icon with no text content.\n *\n * @remarks\n *\n * HTML Attribute: `icon-only`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "formnovalidate: "
+                  "text": "iconOnly: "
                 },
                 {
                   "kind": "Content",
@@ -4126,7 +4109,7 @@
               "isReadonly": false,
               "isOptional": false,
               "releaseTag": "Public",
-              "name": "formnovalidate",
+              "name": "iconOnly",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -4136,16 +4119,25 @@
             },
             {
               "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#formnovalidateChanged:member(1)",
-              "docComment": "",
+              "canonicalReference": "@fluentui/web-components!Button#keypressHandler:member(1)",
+              "docComment": "/**\n * Handles keypress events for the button.\n *\n * @param e - the keyboard event\n *\n * @returns - the return value of the click handler\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected formnovalidateChanged(): "
+                  "text": "keypressHandler(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
                 },
                 {
                   "kind": "Content",
-                  "text": "void"
+                  "text": "boolean | void"
                 },
                 {
                   "kind": "Content",
@@ -4154,108 +4146,161 @@
               ],
               "isStatic": false,
               "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
+                "startIndex": 3,
+                "endIndex": 4
               },
               "releaseTag": "Public",
-              "isProtected": true,
+              "isProtected": false,
               "overloadIndex": 1,
-              "parameters": [],
+              "parameters": [
+                {
+                  "parameterName": "e",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
               "isOptional": false,
-              "name": "formnovalidateChanged"
+              "name": "keypressHandler"
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#formtarget:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @remarks\n *\n * HTML Attribute: formtarget\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Button#labels:member",
+              "docComment": "/**\n * A reference to all associated label elements.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "formtarget: "
+                  "text": "get labels(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ReadonlyArray",
+                  "canonicalReference": "!ReadonlyArray:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<"
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Node",
+                  "canonicalReference": "!Node:interface"
                 },
                 {
                   "kind": "Content",
-                  "text": "'_self' | '_blank' | '_parent' | '_top'"
+                  "text": ">"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isReadonly": false,
+              "isReadonly": true,
               "isOptional": false,
               "releaseTag": "Public",
-              "name": "formtarget",
+              "name": "labels",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 2
+                "endIndex": 5
               },
               "isStatic": false,
               "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#formtargetChanged:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button#name:member",
+              "docComment": "/**\n * The name of the element. This element's value will be surfaced during form submission under the provided name.\n *\n * @remarks\n *\n * HTML Attribute: `name`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name | `name`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected formtargetChanged(): "
+                  "text": "name?: "
                 },
                 {
                   "kind": "Content",
-                  "text": "void"
+                  "text": "string"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "name",
+              "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "formtargetChanged"
+              "isStatic": false,
+              "isProtected": false
             },
             {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Button#iconOnly:member",
-              "docComment": "/**\n * The button has an icon only, no text content\n *\n * @remarks\n *\n * HTML Attribute: icon-only\n *\n * @public\n */\n",
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Button#press:member(1)",
+              "docComment": "/**\n * Presses the button.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "iconOnly: "
+                  "text": "protected press(): "
                 },
                 {
                   "kind": "Content",
-                  "text": "boolean"
+                  "text": "void"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "iconOnly",
-              "propertyTypeTokenRange": {
+              "isStatic": false,
+              "returnTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "press"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Button#resetForm:member(1)",
+              "docComment": "/**\n * Resets the associated form.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "resetForm(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
               "isStatic": false,
-              "isProtected": false
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "resetForm"
             },
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Button#shape:member",
-              "docComment": "/**\n * The shape the button should have.\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
+              "docComment": "/**\n * The shape of the button.\n *\n * @remarks\n *\n * HTML Attribute: `shape`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4266,10 +4311,6 @@
                   "text": "ButtonShape",
                   "canonicalReference": "@fluentui/web-components!ButtonShape:type"
                 },
-                {
-                  "kind": "Content",
-                  "text": " | undefined"
-                },
                 {
                   "kind": "Content",
                   "text": ";"
@@ -4281,7 +4322,7 @@
               "name": "shape",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 3
+                "endIndex": 2
               },
               "isStatic": false,
               "isProtected": false
@@ -4289,7 +4330,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Button#size:member",
-              "docComment": "/**\n * The size the button should have.\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "docComment": "/**\n * The size of the button.\n *\n * @remarks\n *\n * HTML Attribute: `size`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4319,7 +4360,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Button#type:member",
-              "docComment": "/**\n * The button type.\n *\n * @remarks\n *\n * HTML Attribute: type\n *\n * @public\n */\n",
+              "docComment": "/**\n * The button type.\n *\n * @remarks\n *\n * HTML Attribute: `type`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type | `type`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4347,103 +4388,33 @@
               "isProtected": false
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#typeChanged:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Button#value:member",
+              "docComment": "/**\n * The value attribute.\n *\n * @remarks\n *\n * HTML Attribute: `value`\n *\n * @see\n *\n * The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value | `value`} attribute\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected typeChanged(previous: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ButtonType",
-                  "canonicalReference": "@fluentui/web-components!ButtonType:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": " | undefined"
-                },
-                {
-                  "kind": "Content",
-                  "text": ", next: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ButtonType",
-                  "canonicalReference": "@fluentui/web-components!ButtonType:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": "): "
+                  "text": "value?: "
                 },
                 {
                   "kind": "Content",
-                  "text": "void"
+                  "text": "string"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 6,
-                "endIndex": 7
-              },
+              "isReadonly": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "previous",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 3
-                  },
-                  "isOptional": false
-                },
-                {
-                  "parameterName": "next",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 4,
-                    "endIndex": 5
-                  },
-                  "isOptional": false
-                }
-              ],
-              "isOptional": false,
-              "name": "typeChanged"
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Button#validate:member(1)",
-              "docComment": "/**\n * {@inheritDoc (FormAssociated:interface).validate}\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "validate(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "name": "value",
+              "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "validate"
+              "isStatic": false,
+              "isProtected": false
             }
           ],
           "extendsTokenRange": {
@@ -4516,7 +4487,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!ButtonDefinition:var",
-          "docComment": "/**\n * @remarks\n *\n * HTML Element: \\<fluent-button\\>\n *\n * @public\n */\n",
+          "docComment": "/**\n * The definition for the Fluent Button component.\n *\n * @remarks\n *\n * HTML Element: `<fluent-button>`\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4553,10 +4524,71 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!ButtonFormTarget:type",
+          "docComment": "/**\n * Types for the `formtarget` attribute values.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type ButtonFormTarget = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "ButtonFormTarget",
+              "canonicalReference": "@fluentui/web-components!ButtonFormTarget:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "ButtonFormTarget",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ButtonFormTarget:var",
+          "docComment": "/**\n * Button `formtarget` attribute values.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "ButtonFormTarget: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly blank: \"_blank\";\n    readonly self: \"_self\";\n    readonly parent: \"_parent\";\n    readonly top: \"_top\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ButtonFormTarget",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!ButtonOptions:type",
-          "docComment": "/**\n * Button configuration options\n *\n * @public\n */\n",
+          "docComment": "/**\n * Button configuration options.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4717,7 +4749,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!ButtonTemplate:var",
-          "docComment": "",
+          "docComment": "/**\n * The template for the Button component.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14058,6 +14090,31 @@
             "endIndex": 5
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type",
+          "docComment": "/**\n * Define all possible CSS display values.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type CSSDisplayPropertyValue = "
+            },
+            {
+              "kind": "Content",
+              "text": "'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group'"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "CSSDisplayPropertyValue",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveAccelerateMax:var",
@@ -14292,24 +14349,60 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!darkModeStylesheetBehavior:var",
+          "docComment": "/**\n * This can be used to construct a behavior to apply a prefers color scheme: dark only stylesheet.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "darkModeStylesheetBehavior: "
+            },
+            {
+              "kind": "Content",
+              "text": "(styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "MatchMediaStyleSheetBehavior",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "darkModeStylesheetBehavior",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!DelegatesARIAButton:class",
-          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA button role\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!DelegatesARIALink:class",
+          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA link role\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class DelegatesARIAButton "
+              "text": "export declare class DelegatesARIALink "
             }
           ],
           "releaseTag": "Public",
-          "name": "DelegatesARIAButton",
+          "name": "DelegatesARIALink",
           "preserveMemberOrder": false,
           "members": [
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!DelegatesARIAButton#ariaExpanded:member",
-              "docComment": "/**\n * See {@link https://www.w3.org/WAI/PF/aria/roles#button} for more information\n *\n * @remarks\n *\n * HTML Attribute: aria-expanded\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!DelegatesARIALink#ariaExpanded:member",
+              "docComment": "/**\n * See {@link https://www.w3.org/WAI/PF/aria/roles#link} for more information\n *\n * @remarks\n *\n * HTML Attribute: aria-expanded\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -14334,90 +14427,15 @@
               },
               "isStatic": false,
               "isProtected": false
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!DelegatesARIAButton#ariaPressed:member",
-              "docComment": "/**\n * See {@link https://www.w3.org/WAI/PF/aria/roles#button} for more information\n *\n * @remarks\n *\n * HTML Attribute: aria-pressed\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "ariaPressed: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "'true' | 'false' | 'mixed' | string | null"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "ariaPressed",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            }
-          ],
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!DelegatesARIALink:class",
-          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA link role\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class DelegatesARIALink "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "DelegatesARIALink",
-          "preserveMemberOrder": false,
-          "members": [
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!DelegatesARIALink#ariaExpanded:member",
-              "docComment": "/**\n * See {@link https://www.w3.org/WAI/PF/aria/roles#link} for more information\n *\n * @remarks\n *\n * HTML Attribute: aria-expanded\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "ariaExpanded: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "'true' | 'false' | string | null"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "ariaExpanded",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            }
-          ],
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!DelegatesARIATextbox:class",
-          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA textbox role\n *\n * @public\n */\n",
-          "excerptTokens": [
+            }
+          ],
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!DelegatesARIATextbox:class",
+          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA textbox role\n *\n * @public\n */\n",
+          "excerptTokens": [
             {
               "kind": "Content",
               "text": "export declare class DelegatesARIATextbox "
@@ -15272,6 +15290,51 @@
             "endIndex": 5
           }
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@fluentui/web-components!display:function(1)",
+          "docComment": "/**\n * Applies a CSS display property. Also adds CSS rules to not display the element when the [hidden] attribute is applied to the element.\n *\n * @param display - The CSS display property value\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function display(displayValue: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDisplayPropertyValue",
+              "canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Content",
+              "text": "string"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "returnTypeTokenRange": {
+            "startIndex": 3,
+            "endIndex": 4
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "displayValue",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": false
+            }
+          ],
+          "name": "display"
+        },
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Divider:class",
@@ -16458,6 +16521,104 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!forcedColorsStylesheetBehavior:var",
+          "docComment": "/**\n * This can be used to construct a behavior to apply a forced-colors only stylesheet.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "forcedColorsStylesheetBehavior: "
+            },
+            {
+              "kind": "Content",
+              "text": "(styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "MatchMediaStyleSheetBehavior",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "forcedColorsStylesheetBehavior",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!getDirection:var",
+          "docComment": "/**\n * Determines the current localization direction of an element.\n *\n * @param rootNode - the HTMLElement to begin the query from, usually \"this\" when used in a component controller\n *\n * @returns the localization direction of the element\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "getDirection: "
+            },
+            {
+              "kind": "Content",
+              "text": "(rootNode: "
+            },
+            {
+              "kind": "Reference",
+              "text": "HTMLElement",
+              "canonicalReference": "!HTMLElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "Direction",
+              "canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "getDirection",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!hidden:var",
+          "docComment": "/**\n * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "hidden = "
+            },
+            {
+              "kind": "Content",
+              "text": "\":host([hidden]){display:none}\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "hidden",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Image_2:class",
@@ -17111,6 +17272,42 @@
             "endIndex": 5
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!lightModeStylesheetBehavior:var",
+          "docComment": "/**\n * This can be used to construct a behavior to apply a prefers color scheme: light only stylesheet.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "lightModeStylesheetBehavior: "
+            },
+            {
+              "kind": "Content",
+              "text": "(styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "MatchMediaStyleSheetBehavior",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "lightModeStylesheetBehavior",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase100:var",
@@ -17373,17 +17570,17 @@
         },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!Menu:class",
-          "docComment": "/**\n * The Menu class represents a menu component.\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MatchMediaBehavior:class",
+          "docComment": "/**\n * An abstract behavior to react to media queries. Implementations should implement the `constructListener` method to perform some action based on media query changes.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class Menu extends "
+              "text": "export declare abstract class MatchMediaBehavior implements "
             },
             {
               "kind": "Reference",
-              "text": "FASTElement",
-              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
+              "text": "HostBehavior",
+              "canonicalReference": "@microsoft/fast-element!HostBehavior:interface"
             },
             {
               "kind": "Content",
@@ -17391,56 +17588,589 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "Menu",
+          "name": "MatchMediaBehavior",
           "preserveMemberOrder": false,
           "members": [
             {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Menu#cleanup:member",
-              "docComment": "/**\n * Holds a reference to a function that is used to cleanup resources.\n *\n * @public\n */\n",
+              "kind": "Constructor",
+              "canonicalReference": "@fluentui/web-components!MatchMediaBehavior:constructor(1)",
+              "docComment": "/**\n * Constructs a new instance of the `MatchMediaBehavior` class\n *\n * @param query - The media query to operate from.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "cleanup?: "
+                  "text": "constructor(query: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "() => void"
+                  "kind": "Reference",
+                  "text": "MediaQueryList",
+                  "canonicalReference": "!MediaQueryList:interface"
                 },
                 {
                   "kind": "Content",
-                  "text": ";"
+                  "text": ");"
                 }
               ],
-              "isReadonly": false,
-              "isOptional": true,
               "releaseTag": "Public",
-              "name": "cleanup",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "query",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ]
             },
             {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Menu#closeMenu:member",
-              "docComment": "/**\n * Closes the menu.\n *\n * @public\n */\n",
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#connectedCallback:member(1)",
+              "docComment": "/**\n * Binds the behavior to the element.\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "closeMenu: "
+                  "text": "connectedCallback(controller: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HostController",
+                  "canonicalReference": "@microsoft/fast-element!HostController:interface"
                 },
                 {
                   "kind": "Content",
-                  "text": "() => void"
+                  "text": "): "
                 },
                 {
                   "kind": "Content",
-                  "text": ";"
-                }
-              ],
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "controller",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "connectedCallback"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#constructListener:member(1)",
+              "docComment": "/**\n * Constructs a function that will be invoked with the MediaQueryList context\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected abstract constructListener(controller: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HostController",
+                  "canonicalReference": "@microsoft/fast-element!HostController:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MediaQueryListListener",
+                  "canonicalReference": "@fluentui/web-components!MediaQueryListListener:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "controller",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "constructListener"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#disconnectedCallback:member(1)",
+              "docComment": "/**\n * Unbinds the behavior from the element.\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disconnectedCallback(controller: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HostController",
+                  "canonicalReference": "@microsoft/fast-element!HostController:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "controller",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "disconnectedCallback"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!MatchMediaBehavior#query:member",
+              "docComment": "/**\n * The media query that the behavior operates on.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly query: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MediaQueryList",
+                  "canonicalReference": "!MediaQueryList:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "query",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            }
+          ],
+          "implementsTokenRanges": [
+            {
+              "startIndex": 1,
+              "endIndex": 2
+            }
+          ]
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class",
+          "docComment": "/**\n * A behavior to add or remove a stylesheet from an element based on a media query. The behavior ensures that styles are applied while the a query matches the environment and that styles are not applied if the query does not match the environment.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class MatchMediaStyleSheetBehavior extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "MatchMediaBehavior",
+              "canonicalReference": "@fluentui/web-components!MatchMediaBehavior:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "MatchMediaStyleSheetBehavior",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Constructor",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:constructor(1)",
+              "docComment": "/**\n * Constructs a {@link MatchMediaStyleSheetBehavior} instance.\n *\n * @param query - The media query to operate from.\n *\n * @param styles - The styles to coordinate with the query.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "constructor(query: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MediaQueryList",
+                  "canonicalReference": "!MediaQueryList:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", styles: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ElementStyles",
+                  "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ");"
+                }
+              ],
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "query",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                },
+                {
+                  "parameterName": "styles",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 3,
+                    "endIndex": 4
+                  },
+                  "isOptional": false
+                }
+              ]
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#constructListener:member(1)",
+              "docComment": "/**\n * Constructs a match-media listener for a provided element.\n *\n * @param source - the element for which to attach or detach styles.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected constructListener(controller: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HostController",
+                  "canonicalReference": "@microsoft/fast-element!HostController:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MediaQueryListListener",
+                  "canonicalReference": "@fluentui/web-components!MediaQueryListListener:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "controller",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "constructListener"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#query:member",
+              "docComment": "/**\n * The media query that the behavior operates on.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly query: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MediaQueryList",
+                  "canonicalReference": "!MediaQueryList:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "query",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#styles:member",
+              "docComment": "/**\n * The styles object to be managed by the behavior.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly styles: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ElementStyles",
+                  "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "styles",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior.with:member(1)",
+              "docComment": "/**\n * Defines a function to construct {@link MatchMediaStyleSheetBehavior | MatchMediaStyleSheetBehaviors} for a provided query.\n *\n * @param query - The media query to operate from.\n *\n * @example\n * ```ts\n * import { css } from \"@microsoft/fast-element\";\n * import { MatchMediaStyleSheetBehavior } from \"@fluentui/web-components\";\n *\n * const landscapeBehavior = MatchMediaStyleSheetBehavior.with(\n *   window.matchMedia(\"(orientation: landscape)\")\n * );\n *\n * const styles = css`\n *   :host {\n *     width: 200px;\n *     height: 400px;\n *   }\n * `\n * .withBehaviors(landscapeBehavior(css`\n *   :host {\n *     width: 400px;\n *     height: 200px;\n *   }\n * `))\n * ```\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "static with(query: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MediaQueryList",
+                  "canonicalReference": "!MediaQueryList:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(styles: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ElementStyles",
+                  "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MatchMediaStyleSheetBehavior",
+                  "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": true,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 7
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "query",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "with"
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!MediaQueryListListener:type",
+          "docComment": "/**\n * An event listener fired by a {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList | MediaQueryList}.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type MediaQueryListListener = "
+            },
+            {
+              "kind": "Content",
+              "text": "(this: "
+            },
+            {
+              "kind": "Reference",
+              "text": "MediaQueryList",
+              "canonicalReference": "!MediaQueryList:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", ev?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "MediaQueryListEvent",
+              "canonicalReference": "!MediaQueryListEvent:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ") => void"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "MediaQueryListListener",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!Menu:class",
+          "docComment": "/**\n * The Menu class represents a menu component.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Menu extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElement",
+              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Menu",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Menu#cleanup:member",
+              "docComment": "/**\n * Holds a reference to a function that is used to cleanup resources.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "cleanup?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "() => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "cleanup",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Menu#closeMenu:member",
+              "docComment": "/**\n * Closes the menu.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "closeMenu: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "() => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
               "isReadonly": false,
               "isOptional": false,
               "releaseTag": "Public",
@@ -19830,7 +20560,7 @@
         },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!ProgressBar_2:class",
+          "canonicalReference": "@fluentui/web-components!ProgressBar:class",
           "docComment": "/**\n * An Progress HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar}.\n *\n * @slot indeterminate - The slot for a custom indeterminate indicator  @csspart progress - Represents the progress element  @csspart determinate - The determinate indicator  @csspart indeterminate - The indeterminate indicator\n *\n * @public\n */\n",
           "excerptTokens": [
             {
@@ -19848,12 +20578,12 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "ProgressBar_2",
+          "name": "ProgressBar",
           "preserveMemberOrder": false,
           "members": [
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2#shape:member",
+              "canonicalReference": "@fluentui/web-components!ProgressBar#shape:member",
               "docComment": "/**\n * The shape of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
@@ -19883,7 +20613,7 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2#thickness:member",
+              "canonicalReference": "@fluentui/web-components!ProgressBar#thickness:member",
               "docComment": "/**\n * The thickness of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: thickness\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
@@ -19913,7 +20643,7 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2#validationState:member",
+              "canonicalReference": "@fluentui/web-components!ProgressBar#validationState:member",
               "docComment": "/**\n * The validation state of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: validation-state\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
@@ -19977,7 +20707,7 @@
             {
               "kind": "Reference",
               "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+              "canonicalReference": "@fluentui/web-components!ProgressBar:class"
             },
             {
               "kind": "Content",
@@ -20101,7 +20831,7 @@
             {
               "kind": "Reference",
               "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+              "canonicalReference": "@fluentui/web-components!ProgressBar:class"
             },
             {
               "kind": "Content",
@@ -20263,7 +20993,7 @@
             {
               "kind": "Reference",
               "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+              "canonicalReference": "@fluentui/web-components!ProgressBar:class"
             },
             {
               "kind": "Content",
@@ -20281,7 +21011,7 @@
             {
               "kind": "Reference",
               "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+              "canonicalReference": "@fluentui/web-components!ProgressBar:class"
             },
             {
               "kind": "Content",
@@ -23675,7 +24405,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!styles:var",
-          "docComment": "",
+          "docComment": "/**\n * The styles for the Button component.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -26648,229 +27378,63 @@
               "kind": "Content",
               "text": ">"
             },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "TextWeight",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!TextWeight:var",
-          "docComment": "/**\n * TextWeight Constants\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "TextWeight: "
-            },
-            {
-              "kind": "Content",
-              "text": "{\n    readonly medium: \"medium\";\n    readonly regular: \"regular\";\n    readonly semibold: \"semibold\";\n    readonly bold: \"bold\";\n}"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "TextWeight",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!ToggleButton:class",
-          "docComment": "/**\n * The base class used for constructing a fluent-toggle-button custom element\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class ToggleButton extends "
-            },
-            {
-              "kind": "Reference",
-              "text": "Button",
-              "canonicalReference": "@fluentui/web-components!Button:class"
-            },
-            {
-              "kind": "Content",
-              "text": " "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "ToggleButton",
-          "preserveMemberOrder": false,
-          "members": [
-            {
-              "kind": "Constructor",
-              "canonicalReference": "@fluentui/web-components!ToggleButton:constructor(1)",
-              "docComment": "/**\n * Constructs a new instance of the `ToggleButton` class\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "constructor();"
-                }
-              ],
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": []
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#checked:member",
-              "docComment": "/**\n * The checked state of the control.\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "checked: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "checked",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#checkedAttribute:member",
-              "docComment": "/**\n * Provides the default checkedness of the input element Passed down to proxy\n *\n * @remarks\n *\n * HTML Attribute: checked\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "checkedAttribute: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "checkedAttribute",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextWeight",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TextWeight:var",
+          "docComment": "/**\n * TextWeight Constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "TextWeight: "
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#checkedAttributeChanged:member(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "protected checkedAttributeChanged(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "checkedAttributeChanged"
+              "kind": "Content",
+              "text": "{\n    readonly medium: \"medium\";\n    readonly regular: \"regular\";\n    readonly semibold: \"semibold\";\n    readonly bold: \"bold\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "TextWeight",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!ToggleButton:class",
+          "docComment": "/**\n * The base class used for constructing a `<fluent-toggle-button>` custom element.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class ToggleButton extends "
             },
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#checkedChanged:member(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "protected checkedChanged(prev: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean | undefined"
-                },
-                {
-                  "kind": "Content",
-                  "text": ", next: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": "): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 5,
-                "endIndex": 6
-              },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "prev",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 2
-                  },
-                  "isOptional": false
-                },
-                {
-                  "parameterName": "next",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 3,
-                    "endIndex": 4
-                  },
-                  "isOptional": false
-                }
-              ],
-              "isOptional": false,
-              "name": "checkedChanged"
+              "kind": "Reference",
+              "text": "Button",
+              "canonicalReference": "@fluentui/web-components!Button:class"
             },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "ToggleButton",
+          "preserveMemberOrder": false,
+          "members": [
             {
               "kind": "Method",
               "canonicalReference": "@fluentui/web-components!ToggleButton#connectedCallback:member(1)",
@@ -26903,104 +27467,12 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#currentChecked:member",
-              "docComment": "/**\n * The current checkedness of the element. This property serves as a mechanism to set the `checked` property through both property assignment and the .setAttribute() method. This is useful for setting the field's checkedness in UI libraries that bind data through the .setAttribute() API and don't support IDL attribute binding.\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "currentChecked: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "currentChecked",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#currentCheckedChanged:member(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "currentCheckedChanged(prev: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean | undefined"
-                },
-                {
-                  "kind": "Content",
-                  "text": ", next: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": "): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 5,
-                "endIndex": 6
-              },
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "prev",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 2
-                  },
-                  "isOptional": false
-                },
-                {
-                  "parameterName": "next",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 3,
-                    "endIndex": 4
-                  },
-                  "isOptional": false
-                }
-              ],
-              "isOptional": false,
-              "name": "currentCheckedChanged"
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#defaultChecked:member",
-              "docComment": "",
+              "canonicalReference": "@fluentui/web-components!ToggleButton#mixed:member",
+              "docComment": "/**\n * Indicates the mixed state of the control. This property takes precedence over `pressed`.\n *\n * @remarks\n *\n * HTML Attribute: `mixed`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "defaultChecked: "
+                  "text": "mixed?: "
                 },
                 {
                   "kind": "Content",
@@ -27012,9 +27484,9 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "name": "defaultChecked",
+              "name": "mixed",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -27024,12 +27496,12 @@
             },
             {
               "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#defaultCheckedChanged:member(1)",
-              "docComment": "",
+              "canonicalReference": "@fluentui/web-components!ToggleButton#press:member(1)",
+              "docComment": "/**\n * Toggles the pressed state of the button.\n *\n * @override\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected defaultCheckedChanged(): "
+                  "text": "protected press(): "
                 },
                 {
                   "kind": "Content",
@@ -27050,16 +27522,16 @@
               "overloadIndex": 1,
               "parameters": [],
               "isOptional": false,
-              "name": "defaultCheckedChanged"
+              "name": "press"
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#dirtyChecked:member",
-              "docComment": "/**\n * Tracks whether the \"checked\" property has been changed. This is necessary to provide consistent behavior with normal input checkboxes\n */\n",
+              "canonicalReference": "@fluentui/web-components!ToggleButton#pressed:member",
+              "docComment": "/**\n * Indicates the pressed state of the control.\n *\n * @remarks\n *\n * HTML Attribute: `pressed`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected dirtyChecked: "
+                  "text": "pressed: "
                 },
                 {
                   "kind": "Content",
@@ -27073,43 +27545,13 @@
               "isReadonly": false,
               "isOptional": false,
               "releaseTag": "Public",
-              "name": "dirtyChecked",
+              "name": "pressed",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
               "isStatic": false,
-              "isProtected": true
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!ToggleButton#disconnectedCallback:member(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "disconnectedCallback(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "disconnectedCallback"
+              "isProtected": false
             }
           ],
           "extendsTokenRange": {
@@ -27344,7 +27786,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!ToggleButtonStyles:var",
-          "docComment": "",
+          "docComment": "/**\n * The styles for the ToggleButton component.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",