@tylertech/forge 3.8.0-dev.3 → 3.8.0

package/dist/vscode.html-custom-data.json

@@ -97,23 +97,31 @@
           "name": "wrap-option-text",
           "description": "Gets/sets whether the options will wrap their text or not.\nThis only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
           "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "forge-backdrop",
-      "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
-      "attributes": [
+        },
         {
-          "name": "visible",
-          "description": "Whether the backdrop is visible.",
-          "values": []
+          "name": "popover-placement",
+          "description": "Gets/sets the placement of the popover.",
+          "values": [{ "name": "OverlayPlacement" }]
         },
         {
-          "name": "fixed",
-          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
-          "values": []
+          "name": "popover-offset",
+          "description": "Gets/sets the offset of the popover.",
+          "values": [{ "name": "IOverlayOffset" }]
+        },
+        {
+          "name": "popover-flip",
+          "description": "Gets/sets the flip state of the popover.",
+          "values": [{ "name": "OverlayFlipState" }]
+        },
+        {
+          "name": "popover-shift",
+          "description": "Gets/sets whether the popover should shift to fit within the viewport.",
+          "values": [{ "name": "OverlayShiftState" }]
+        },
+        {
+          "name": "popover-fallback-placements",
+          "description": "Gets/sets the fallback placements of the popover.",
+          "values": [{ "name": "PositionPlacement[]" }]
         }
       ],
       "references": []
@@ -140,6 +148,23 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-backdrop",
+      "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
+      "attributes": [
+        {
+          "name": "visible",
+          "description": "Whether the backdrop is visible.",
+          "values": []
+        },
+        {
+          "name": "fixed",
+          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-badge",
       "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
@@ -147,50 +172,50 @@
       "references": []
     },
     {
-      "name": "forge-bottom-sheet",
-      "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
+      "name": "forge-banner",
+      "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
       "attributes": [
         {
-          "name": "open",
-          "description": "Whether the bottom sheet is open.",
+          "name": "dismissed",
+          "description": "Controls the visibility of the banner.",
           "values": []
         },
-        {
-          "name": "mode",
-          "description": "The mode of the bottom sheet.",
-          "values": [{ "name": "BottomSheetMode" }]
-        },
         {
           "name": "persistent",
-          "description": "Whether the bottom sheet is persistent.",
+          "description": "Controls the visibility of the built-in dismiss button.",
           "values": []
         },
         {
-          "name": "fullscreen",
-          "description": "Whether the bottom sheet is fullscreen.",
-          "values": []
+          "name": "theme",
+          "description": "The theme of the banner.",
+          "values": [{ "name": "BannerTheme" }]
         }
       ],
       "references": []
     },
     {
-      "name": "forge-banner",
-      "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
+      "name": "forge-bottom-sheet",
+      "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
       "attributes": [
         {
-          "name": "dismissed",
-          "description": "Controls the visibility of the banner.",
+          "name": "open",
+          "description": "Whether the bottom sheet is open.",
           "values": []
         },
+        {
+          "name": "mode",
+          "description": "The mode of the bottom sheet.",
+          "values": [{ "name": "BottomSheetMode" }]
+        },
         {
           "name": "persistent",
-          "description": "Controls the visibility of the built-in dismiss button.",
+          "description": "Whether the bottom sheet is persistent.",
           "values": []
         },
         {
-          "name": "theme",
-          "description": "The theme of the banner.",
-          "values": [{ "name": "BannerTheme" }]
+          "name": "fullscreen",
+          "description": "Whether the bottom sheet is fullscreen.",
+          "values": []
         }
       ],
       "references": []
@@ -1190,33 +1215,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-label",
-      "description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
-      "attributes": [
-        {
-          "name": "for",
-          "description": "The id of the associated element.",
-          "values": []
-        },
-        {
-          "name": "dynamic",
-          "description": "Propagates changes in the label's text content to the associated element.",
-          "values": []
-        },
-        {
-          "name": "non-interactive",
-          "description": "Removes click handling from the label.",
-          "values": []
-        },
-        {
-          "name": "legend",
-          "description": "Whether or not the label should be associated with an ancestor element.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-keyboard-shortcut",
       "description": "\n---\n\n\n### **Events:**\n - **forge-keyboard-shortcut-activate** - Event fired when the keyboard shortcut is activated.",
@@ -1269,6 +1267,33 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-label",
+      "description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The id of the associated element.",
+          "values": []
+        },
+        {
+          "name": "dynamic",
+          "description": "Propagates changes in the label's text content to the associated element.",
+          "values": []
+        },
+        {
+          "name": "non-interactive",
+          "description": "Removes click handling from the label.",
+          "values": []
+        },
+        {
+          "name": "legend",
+          "description": "Whether or not the label should be associated with an ancestor element.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-label-value",
       "description": "Label-value pairs are used to display a label and a value in a compact format.\n---\n\n\n### **Slots:**\n - **label** - The label to display.\n- **value** - The value to display.\n- **icon** - An icon to display next to the label.\n\n### **CSS Properties:**\n - **--forge-label-value-align** - Aligns the label and value. Possible values: `start` (default), `center`, `end`. _(default: undefined)_\n- **--forge-label-value-label-spacing** - The spacing between the label and value. _(default: undefined)_\n- **--forge-label-value-label-block-start-spacing** - The block start spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-block-end-spacing** - The block end spacing for the label. _(default: undefined)_\n- **--forge-label-value-label-color** - The color to apply to the label. _(default: undefined)_\n- **--forge-label-value-icon-spacing** - The spacing between the icon and the label. _(default: undefined)_\n- **--forge-label-value-inline-label-spacing** - The spacing between the label and value when displayed inline. _(default: undefined)_\n- **--forge-label-value-empty-color** - The color to apply to the value when empty. _(default: undefined)_\n- **--forge-label-value-empty-style** - The font-style to apply to the value when empty. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout container element.\n- **label** - The label container element.\n- **value** - The value container element.\n- **icon** - The icon container element.",
@@ -1392,6 +1417,31 @@
           "name": "wrap-option-text",
           "description": "Gets/sets whether the options will wrap their text or not.\nThis only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
           "values": []
+        },
+        {
+          "name": "popover-placement",
+          "description": "Gets/sets the placement of the popover.",
+          "values": [{ "name": "OverlayPlacement" }]
+        },
+        {
+          "name": "popover-offset",
+          "description": "Gets/sets the offset of the popover.",
+          "values": [{ "name": "IOverlayOffset" }]
+        },
+        {
+          "name": "popover-flip",
+          "description": "Gets/sets the flip state of the popover.",
+          "values": [{ "name": "OverlayFlipState" }]
+        },
+        {
+          "name": "popover-shift",
+          "description": "Gets/sets whether the popover should shift to fit within the viewport.",
+          "values": [{ "name": "OverlayShiftState" }]
+        },
+        {
+          "name": "popover-fallback-placements",
+          "description": "Gets/sets the fallback placements of the popover.",
+          "values": [{ "name": "PositionPlacement[]" }]
         }
       ],
       "references": []
@@ -1635,7 +1685,7 @@
         {
           "name": "shift",
           "description": "Whether the overlay should shift to fit within the viewport.",
-          "values": []
+          "values": [{ "name": "OverlayShiftState" }]
         },
         {
           "name": "hide",
@@ -1933,6 +1983,23 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-state-layer",
+      "description": "State layers show the interaction status of an element.\n---\n\n\n### **Methods:**\n - **playAnimation(coords: _StateLayerCoords_): _void_** - Triggers the animation to run.\n\nNote: If coordinates are not provided, the transition will originate from the center of the target element.\n\n### **CSS Properties:**\n - **--forge-state-layer-color** - The color of the state layer. Defaults to the on-surface theme. _(default: undefined)_\n- **--forge-state-layer-hover-color** - The color of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-hover-opacity** - The opacity of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-pressed-color** - The color of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-pressed-opacity** - The opacity of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-hover-duration** - The duration of the hover animation. _(default: undefined)_\n- **--forge-state-layer-animation-duration** - The duration of the animation. _(default: undefined)_\n- **--forge-state-layer-pressed-duration** - The duration of the pressed animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface element.",
+      "attributes": [
+        {
+          "name": "target",
+          "description": "The id of the element to attach the state layer to.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Controls whether the state layer is disabled.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-switch",
       "description": "Switches toggle the state of a single setting on or off.\n---\n\n\n### **Events:**\n - **change** - Dispatches when the switch's value changes.\n- **forge-switch-change** - Dispatches when the switch's value changes.\n\n### **Methods:**\n - **toggle(force: _boolean_): _void_** - Toggles the switch on or off.\n\n### **CSS Properties:**\n - **--forge-theme-primary** - The primary color of the switch. _(default: undefined)_\n- **--forge-theme-on-primary** - The color of elements placed on top of the primary color (the handle icons for example). _(default: undefined)_\n- **--forge-switch-handle-on-color** - The color of the handle in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-color** - The color of the handle in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-on-color** - The color of the handle when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-color** - The color of the handle when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-handle-size** - The inline and block size of the handle. _(default: undefined)_\n- **--forge-switch-handle-width** - The inline size of the handle. _(default: undefined)_\n- **--forge-switch-handle-height** - The block size of the handle. _(default: undefined)_\n- **--forge-switch-handle-scale** - The scale transformation applied to the handle. _(default: undefined)_\n- **--forge-switch-handle-on-scale** - The scale transformation applied to the handle in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-scale** - The scale transformation applied to the handle in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-scale** - The scale transformation applied to the handle when the switch is active (pressed). _(default: undefined)_\n- **--forge-switch-handle-active-on-scale** - The scale transformation applied to the handle when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-scale** - The scale transformation applied to the handle when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-handle-shape** - The shape of the handle. _(default: undefined)_\n- **--forge-switch-handle-elevation** - The handle's shadow. _(default: undefined)_\n- **--forge-switch-handle-on-elevation** - The handle's shadow in the switch's on state. _(default: undefined)_\n- **--forge-switch-handle-off-elevation** - The handle's shadow in the switch's off state. _(default: undefined)_\n- **--forge-switch-handle-active-elevation** - The handle's shadow when the switch is active (pressed). _(default: undefined)_\n- **--forge-switch-handle-active-on-elevation** - The handle's shadow when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-handle-active-off-elevation** - The handle's shadow when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-on-color** - The color of the track in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-color** - The color fo the track in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-color** - The color of the track when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-color** - The color fo the track when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-width** - The inline size of the track. _(default: undefined)_\n- **--forge-switch-track-height** - The block size of the track. _(default: undefined)_\n- **--forge-switch-track-shape** - The shape of the track. _(default: undefined)_\n- **--forge-switch-track-border-width** - The width of the track border. _(default: undefined)_\n- **--forge-switch-track-on-border-width** - The width of the track border in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-border-width** - The width of the track border in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-border-width** - The width of the track border when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-border-width** - The width of the track border when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-track-border-color** - The color of the track border. _(default: undefined)_\n- **--forge-switch-track-on-border-color** - The color of the track border in the switch's on state. _(default: undefined)_\n- **--forge-switch-track-off-border-color** - The color of the track border in the switch's off state. _(default: undefined)_\n- **--forge-switch-track-active-on-border-color** - The color of the track border when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-track-active-off-border-color** - The color of the track border when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-icon-color** - The color of the handle icons. _(default: undefined)_\n- **--forge-switch-icon-on-color** - The color of the handle icon in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-color** - The color of the handle icon in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-active-on-color** - The color of the handle icon when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-icon-active-off-color** - The color of the handle icon when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-icon-size** - The size of the handle icon. _(default: undefined)_\n- **--forge-switch-icon-on-size** - The size of the handle icon in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-size** - The size of the handle icon in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-scale** - The scale transformation applied to the handle icons. _(default: undefined)_\n- **--forge-switch-icon-on-scale** - The scale transformation applied to the handle icons in the switch's on state. _(default: undefined)_\n- **--forge-switch-icon-off-scale** - The scale transformation applied to the handle icons in the switch's off state. _(default: undefined)_\n- **--forge-switch-icon-active-on-scale** - The scale transformation applied to the handle icons when the switch is active (pressed) in its on state. _(default: undefined)_\n- **--forge-switch-icon-active-off-scale** - The scale transformation applied to the handle icons when the switch is active (pressed) in its off state. _(default: undefined)_\n- **--forge-switch-gap** - The space between the switch and label. _(default: undefined)_\n- **--forge-switch-justify** - How the switch and label are distributed along their main axis. _(default: undefined)_\n- **--forge-switch-align** - How the switch and label are distributed along their cross axis. _(default: undefined)_\n- **--forge-switch-direction** - Whether the switch and label are arranged along the inline or block axis. _(default: undefined)_\n- **--forge-switch-state-layer-size** - The inline and block size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-width** - The inline size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-height** - The block size of the handle's state layer. _(default: undefined)_\n- **--forge-switch-state-layer-on-color** - The color of the handle's state layer when the switch is in its on state. _(default: undefined)_\n- **--forge-switch-state-layer-off-color** - The color of the handle's state layer when the switch is in its off state. _(default: undefined)_\n- **--forge-switch-state-layer-dense-size** - The inline and block size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-state-layer-dense-width** - The inline size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-state-layer-dense-height** - The block size of the handle's state layer when the dense switch is used. _(default: undefined)_\n- **--forge-switch-disabled-opacity** - The opacity of the switch when disabled. _(default: undefined)_\n- **--forge-switch-animation-duration** - The duration of animations. _(default: undefined)_\n- **--forge-switch-animation-timing** - The timing function used in most animations. _(default: undefined)_\n- **--forge-switch-active-animation-timing** - The timing function used in active state animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **switch** - Styles the switch container element.\n- **track** - Styles the track element.\n- **handle** - Styles the handle element.\n- **icon-on** - Styles the on icon element.\n- **icon-off** - Styles the off icon element.\n- **label** - Styles the label element.\n- **state-layer** - Styles the state layer root element.\n- **focus-indicator** - Styles the focus indicator root element.",
@@ -2001,18 +2068,88 @@
       "references": []
     },
     {
-      "name": "forge-state-layer",
-      "description": "State layers show the interaction status of an element.\n---\n\n\n### **Methods:**\n - **playAnimation(coords: _StateLayerCoords_): _void_** - Triggers the animation to run.\n\nNote: If coordinates are not provided, the transition will originate from the center of the target element.\n\n### **CSS Properties:**\n - **--forge-state-layer-color** - The color of the state layer. Defaults to the on-surface theme. _(default: undefined)_\n- **--forge-state-layer-hover-color** - The color of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-hover-opacity** - The opacity of the state layer when hovered. _(default: undefined)_\n- **--forge-state-layer-pressed-color** - The color of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-pressed-opacity** - The opacity of the state layer when pressed. _(default: undefined)_\n- **--forge-state-layer-hover-duration** - The duration of the hover animation. _(default: undefined)_\n- **--forge-state-layer-animation-duration** - The duration of the animation. _(default: undefined)_\n- **--forge-state-layer-pressed-duration** - The duration of the pressed animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface element.",
+      "name": "forge-table",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
       "attributes": [
         {
-          "name": "target",
-          "description": "The id of the element to attach the state layer to.",
+          "name": "select",
+          "description": "Controls the visibility of the select column.",
           "values": []
         },
         {
-          "name": "disabled",
-          "description": "Controls whether the state layer is disabled.",
+          "name": "multiselect",
+          "description": "Controls the visibility of the select all checkbox (only applied when `select` is `true`).",
+          "values": []
+        },
+        {
+          "name": "select-key",
+          "description": "The row key for matching data to selections.",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "tooltip-select",
+          "description": "The tooltip to display when hovering over the select column.",
+          "values": [{ "name": "TableSelectTooltipCallback" }]
+        },
+        {
+          "name": "tooltip-select-all",
+          "description": "The tooltip to display when hovering over the select all checkbox.",
+          "values": []
+        },
+        {
+          "name": "dense",
+          "description": "Controls whether the table is dense or not.",
+          "values": []
+        },
+        {
+          "name": "roomy",
+          "description": "Controls whether the table is roomy or not.",
+          "values": []
+        },
+        {
+          "name": "filter",
+          "description": "Controls whether the table shows its column filter row.",
+          "values": []
+        },
+        {
+          "name": "fixed-headers",
+          "description": "Controls whether the table applies fixed headers when in scroll containers.",
+          "values": []
+        },
+        {
+          "name": "layout-type",
+          "description": "Controls the table layout algorithm.",
+          "values": [{ "name": "TableLayoutType" }]
+        },
+        {
+          "name": "wrap-content",
+          "description": "Controls whether the content in each cell wraps or not (true by default).",
+          "values": []
+        },
+        {
+          "name": "resizable",
+          "description": "Controls whether the columns are resizable or not.",
+          "values": []
+        },
+        {
+          "name": "min-resize-width",
+          "description": "Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle.",
           "values": []
+        },
+        {
+          "name": "allow-row-click",
+          "description": "Gets/sets whether the rows respond to (and emit) row click events.",
+          "values": []
+        },
+        {
+          "name": "multi-column-sort",
+          "description": "Gets/sets whether the table supports multi-column sorting.",
+          "values": []
+        },
+        {
+          "name": "select-checkbox-alignment",
+          "description": "Controls the alignment of the select checkbox.",
+          "values": [{ "name": "`${CellAlign}`" }]
         }
       ],
       "references": []
@@ -2104,93 +2241,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-table",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
-      "attributes": [
-        {
-          "name": "select",
-          "description": "Controls the visibility of the select column.",
-          "values": []
-        },
-        {
-          "name": "multiselect",
-          "description": "Controls the visibility of the select all checkbox (only applied when `select` is `true`).",
-          "values": []
-        },
-        {
-          "name": "select-key",
-          "description": "The row key for matching data to selections.",
-          "values": [{ "name": "string[]" }]
-        },
-        {
-          "name": "tooltip-select",
-          "description": "The tooltip to display when hovering over the select column.",
-          "values": [{ "name": "TableSelectTooltipCallback" }]
-        },
-        {
-          "name": "tooltip-select-all",
-          "description": "The tooltip to display when hovering over the select all checkbox.",
-          "values": []
-        },
-        {
-          "name": "dense",
-          "description": "Controls whether the table is dense or not.",
-          "values": []
-        },
-        {
-          "name": "roomy",
-          "description": "Controls whether the table is roomy or not.",
-          "values": []
-        },
-        {
-          "name": "filter",
-          "description": "Controls whether the table shows its column filter row.",
-          "values": []
-        },
-        {
-          "name": "fixed-headers",
-          "description": "Controls whether the table applies fixed headers when in scroll containers.",
-          "values": []
-        },
-        {
-          "name": "layout-type",
-          "description": "Controls the table layout algorithm.",
-          "values": [{ "name": "TableLayoutType" }]
-        },
-        {
-          "name": "wrap-content",
-          "description": "Controls whether the content in each cell wraps or not (true by default).",
-          "values": []
-        },
-        {
-          "name": "resizable",
-          "description": "Controls whether the columns are resizable or not.",
-          "values": []
-        },
-        {
-          "name": "min-resize-width",
-          "description": "Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle.",
-          "values": []
-        },
-        {
-          "name": "allow-row-click",
-          "description": "Gets/sets whether the rows respond to (and emit) row click events.",
-          "values": []
-        },
-        {
-          "name": "multi-column-sort",
-          "description": "Gets/sets whether the table supports multi-column sorting.",
-          "values": []
-        },
-        {
-          "name": "select-checkbox-alignment",
-          "description": "Controls the alignment of the select checkbox.",
-          "values": [{ "name": "`${CellAlign}`" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-time-picker",
       "description": "\n---\n",
@@ -2473,31 +2523,9 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-app-bar-help-button",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
-      "attributes": [
-        {
-          "name": "icon",
-          "description": "The name of an alternative icon to display.",
-          "values": []
-        },
-        {
-          "name": "aria-label",
-          "description": "The aria-label to apply to the button.",
-          "values": []
-        },
-        {
-          "name": "aria-labelledby",
-          "description": "The id of an element to use as the aria-labelledby attribute.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-app-bar",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
       "attributes": [
         {
           "name": "title-text",
@@ -2523,6 +2551,33 @@
           "name": "target",
           "description": "The `<a>` target of the logo + title area link when `href` is set.",
           "values": []
+        },
+        {
+          "name": "theme-mode",
+          "description": "Controls how the theme is applied. `inherit` will apply the global theme to the app bar and all child components. `scoped` will only apply the theme to the app bar and not set any global tokens.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-app-bar-help-button",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "The name of an alternative icon to display.",
+          "values": []
+        },
+        {
+          "name": "aria-label",
+          "description": "The aria-label to apply to the button.",
+          "values": []
+        },
+        {
+          "name": "aria-labelledby",
+          "description": "The id of an element to use as the aria-labelledby attribute.",
+          "values": []
         }
       ],
       "references": []
@@ -2869,14 +2924,9 @@
       "references": []
     },
     {
-      "name": "forge-mini-drawer",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-mini-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-min-width** - The minimum width of the drawer. Defaults to match the width. _(default: undefined)_\n- **--forge-mini-drawer-hover-width** - The width of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-delay** - The delay before the drawer closes when the mouse leaves the drawer. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-duration** - The transition duration of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-easing** - The transition timing function of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-delay** - The delay before the drawer closes when the mouse leaves the drawer when hovered. _(default: undefined)_\n- **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **container** - The container element around the content.\n- **content** - The content container element.",
+      "name": "forge-drawer",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **content** - The content container element.",
       "attributes": [
-        {
-          "name": "hover",
-          "description": "The drawer will expand open when hovered.",
-          "values": []
-        },
         {
           "name": "open",
           "description": "Toggles whether the drawer is visible or not.",
@@ -2891,9 +2941,14 @@
       "references": []
     },
     {
-      "name": "forge-drawer",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **content** - The content container element.",
+      "name": "forge-mini-drawer",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-drawer-after-open** - Dispatched after the drawer has opened.\n- **forge-drawer-after-close** - Dispatched after the drawer has closed.\n\n### **Slots:**\n - _default_ - The content to display in the scrollable content container.\n- **header** - The header content above the main content.\n- **footer** - The footer content below the main content.\n\n### **CSS Properties:**\n - **--forge-mini-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-min-width** - The minimum width of the drawer. Defaults to match the width. _(default: undefined)_\n- **--forge-mini-drawer-hover-width** - The width of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-mini-drawer-delay** - The delay before the drawer closes when the mouse leaves the drawer. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-duration** - The transition duration of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-easing** - The transition timing function of the drawer when hovered. _(default: undefined)_\n- **--forge-mini-drawer-hover-transition-delay** - The delay before the drawer closes when the mouse leaves the drawer when hovered. _(default: undefined)_\n- **--forge-drawer-width** - The width of the drawer. _(default: undefined)_\n- **--forge-drawer-background** - The background color of the drawer. _(default: undefined)_\n- **--forge-drawer-border-color** - The border of the drawer. _(default: undefined)_\n- **--forge-drawer-border-width** - The border width of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-duration** - The transition duration of the drawer. _(default: undefined)_\n- **--forge-drawer-transition-easing** - The transition timing function of the drawer. _(default: undefined)_\n- **--forge-drawer-duration-close** - The duration of the drawer closing animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **container** - The container element around the content.\n- **content** - The content container element.",
       "attributes": [
+        {
+          "name": "hover",
+          "description": "The drawer will expand open when hovered.",
+          "values": []
+        },
         {
           "name": "open",
           "description": "Toggles whether the drawer is visible or not.",
@@ -2989,6 +3044,63 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-list-item",
+      "description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Applies the selected state to the list item.",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "Applies the active state to the list item by emulating its focused state.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The unique value of the list item.",
+          "values": []
+        },
+        {
+          "name": "dense",
+          "description": "Applies the dense state to the list item.",
+          "values": []
+        },
+        {
+          "name": "indented",
+          "description": "Applies the indented state by adding margin to the start of the list item.",
+          "values": []
+        },
+        {
+          "name": "two-line",
+          "description": "Sets the list item height to support at least two lines of text.",
+          "values": []
+        },
+        {
+          "name": "three-line",
+          "description": "Sets the list item height to support at least three lines of text.",
+          "values": []
+        },
+        {
+          "name": "wrap",
+          "description": "Sets the list item to wrap its text content.",
+          "values": []
+        },
+        {
+          "name": "noninteractive",
+          "description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
+          "values": []
+        },
+        {
+          "name": "focus-propagation",
+          "description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-meter",
       "description": "Meters display a scalar value within a defined range.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the meter's label.\n- **value** - A textual representation of the meter's value.\n\n### **CSS Properties:**\n - **--forge-meter-background** - The background color of the meter. _(default: undefined)_\n- **--forge-meter-color** - The color of the meter's bar. _(default: undefined)_\n- **--forge-meter-height** - The block size of the meter. _(default: undefined)_\n- **--forge-meter-shape** - The border radius of the meter. _(default: undefined)_\n- **--forge-meter-bar-inner-shape** - The border radius of the meter's bar. _(default: undefined)_\n- **--forge-meter-tickmarks** - The number of tickmarks to display. _(default: undefined)_\n- **--forge-meter-tickmark-opacity** - The opacity of the tickmarks. _(default: undefined)_\n- **--forge-meter-transition-duration** - The duration of transitions. _(default: undefined)_\n- **--forge-meter-transition-timing** - The timing function of transitions. _(default: undefined)_\n- **--forge-theme-success** - The color of the bar when the value is optimal. _(default: undefined)_\n- **--forge-theme-success-container-low** - The color of the track when the value is optimal. _(default: undefined)_\n- **--forge-theme-warning** - The color of the bar when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-warning-container-low** - The color of the track when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-error** - The color of the bar when the value is least optimal. _(default: undefined)_\n- **--forge-theme-error-container-low** - The color of the track when the value is least optimal. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **track** - The element comprising the meter's background.\n- **bar** - The bar representing the value.",
@@ -3071,63 +3183,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-list-item",
-      "description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
-      "attributes": [
-        {
-          "name": "selected",
-          "description": "Applies the selected state to the list item.",
-          "values": []
-        },
-        {
-          "name": "active",
-          "description": "Applies the active state to the list item by emulating its focused state.",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "The unique value of the list item.",
-          "values": []
-        },
-        {
-          "name": "dense",
-          "description": "Applies the dense state to the list item.",
-          "values": []
-        },
-        {
-          "name": "indented",
-          "description": "Applies the indented state by adding margin to the start of the list item.",
-          "values": []
-        },
-        {
-          "name": "two-line",
-          "description": "Sets the list item height to support at least two lines of text.",
-          "values": []
-        },
-        {
-          "name": "three-line",
-          "description": "Sets the list item height to support at least three lines of text.",
-          "values": []
-        },
-        {
-          "name": "wrap",
-          "description": "Sets the list item to wrap its text content.",
-          "values": []
-        },
-        {
-          "name": "noninteractive",
-          "description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
-          "values": []
-        },
-        {
-          "name": "focus-propagation",
-          "description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-meter-group",
       "description": "Meter groups display several meters together on one track.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for grouped `<forge-meter>` elements.\n- **label** - Positions a label above the meter group.\n- **value** - A textual representation of the meter's value.\n\n### **CSS Properties:**\n - **--forge-meter-group-background** - The background color of the meter group. _(default: undefined)_\n- **--forge-meter-group-height** - The block size of the meter group. _(default: undefined)_\n- **--forge-meter-group-shape** - The border radius of the meter group. _(default: undefined)_\n- **--forge-meter-group-tickmarks** - The number of tickmarks to display. _(default: undefined)_\n- **--forge-meter-group-tickmark-color** - The color of the tickmarks. _(default: undefined)_\n- **--forge-meter-group-tickmark-opacity** - The opacity of the tickmarks. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **track** - The element comprising the meter group's background.",
@@ -3347,6 +3402,51 @@
           "description": "Gets/sets the open state.",
           "values": []
         },
+        {
+          "name": "sync-popup-width",
+          "description": "Gets/sets whether the popup width is synchronized with the popup target width.",
+          "values": []
+        },
+        {
+          "name": "option-limit",
+          "description": "Gets/sets the maximum number of options to display in the dropdown.",
+          "values": []
+        },
+        {
+          "name": "observe-scroll",
+          "description": "Controls the observation of scroll events on the dropdown.",
+          "values": []
+        },
+        {
+          "name": "observe-scroll-threshold",
+          "description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
+          "values": []
+        },
+        {
+          "name": "wrap-option-text",
+          "description": "Gets/sets whether the options will wrap their text or not. This only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
+          "values": []
+        },
+        {
+          "name": "popover-placement",
+          "description": "Gets/sets the placement of the popover.",
+          "values": [{ "name": "OverlayPlacement" }]
+        },
+        {
+          "name": "popover-offset",
+          "description": "Gets/sets the offset of the popover.",
+          "values": [{ "name": "IOverlayOffset" }]
+        },
+        {
+          "name": "popover-flip",
+          "description": "Gets/sets the flip state of the popover.",
+          "values": [{ "name": "OverlayFlipState" }]
+        },
+        {
+          "name": "popover-shift",
+          "description": "Gets/sets whether the popover should shift to fit within the viewport.",
+          "values": [{ "name": "OverlayShiftState" }]
+        },
         {
           "name": "label-position",
           "description": "The position of the label.",
@@ -3478,6 +3578,31 @@
           "name": "wrap-option-text",
           "description": "Gets/sets whether the options will wrap their text or not.\nThis only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
           "values": []
+        },
+        {
+          "name": "popover-placement",
+          "description": "Gets/sets the placement of the popover.",
+          "values": [{ "name": "OverlayPlacement" }]
+        },
+        {
+          "name": "popover-offset",
+          "description": "Gets/sets the offset of the popover.",
+          "values": [{ "name": "IOverlayOffset" }]
+        },
+        {
+          "name": "popover-flip",
+          "description": "Gets/sets the flip state of the popover.",
+          "values": [{ "name": "OverlayFlipState" }]
+        },
+        {
+          "name": "popover-shift",
+          "description": "Gets/sets whether the popover should shift to fit within the viewport.",
+          "values": [{ "name": "OverlayShiftState" }]
+        },
+        {
+          "name": "popover-fallback-placements",
+          "description": "Gets/sets the fallback placements of the popover.",
+          "values": [{ "name": "PositionPlacement[]" }]
         }
       ],
       "references": []