@tylertech/forge 3.8.1 → 3.8.2-dev.0

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

@@ -172,50 +172,50 @@
       "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": []
     },
     {
-      "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": []
@@ -765,6 +765,18 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-divider",
+      "description": "Divider is used to separate elements.\n---\n\n\n### **CSS Properties:**\n - **--forge-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-divider-width** - The width of the divider. _(default: undefined)_\n- **--forge-divider-border-style** - The border-style (dashed, solid) of the divider. _(default: undefined)_\n- **--forge-divider-margin** - The margin of divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
+      "attributes": [
+        {
+          "name": "vertical",
+          "description": "Controls if the divider is displayed vertically or horizontally.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-dialog",
       "description": "Dialogs are temporary UI elements that are used to display information, ask for input, or confirm actions.\n---\n\n\n### **Events:**\n - **forge-dialog-open** - Dispatched when the dialog is opened.\n- **forge-dialog-close** - Dispatched when the dialog is closed.\n- **forge-dialog-before-close** - Dispatched before the dialog is closed. This event is cancelable.\n- **forge-dialog-move-start** - Dispatched when the dialog is first moved.\n- **forge-dialog-move** - Dispatched when the dialog is being moved.\n- **forge-dialog-move-end** - Dispatched when the dialog is done being moved.\n- **forge-dialog-fullscreen-change** - Dispatched when the dialog's fullscreen state changes.\n\n### **Methods:**\n - **show(): _void_** - Shows the dialog.\n- **hide(): _void_** - Hides the dialog.\n\n### **Slots:**\n - _default_ - The content of the dialog.\n- **move-handle** - The move handle content.\n\n### **CSS Properties:**\n - **--forge-dialog-background** - The background color of the dialog. _(default: undefined)_\n- **--forge-dialog-shape** - The shape of the dialog. _(default: undefined)_\n- **--forge-dialog-elevation** - The elevation of the dialog. _(default: undefined)_\n- **--forge-dialog-spacing** - The spacing between elements inside the dialog. _(default: undefined)_\n- **--forge-dialog-block-start-spacing** - The spacing at the start of the dialog block. _(default: undefined)_\n- **--forge-dialog-block-end-spacing** - The spacing at the end of the dialog block. _(default: undefined)_\n- **--forge-dialog-inline-start-spacing** - The spacing at the start of the dialog inline. _(default: undefined)_\n- **--forge-dialog-inline-end-spacing** - The spacing at the end of the dialog inline. _(default: undefined)_\n- **--forge-dialog-padding** - The padding of the dialog. _(default: undefined)_\n- **--forge-dialog-width** - The width of the dialog. _(default: undefined)_\n- **--forge-dialog-height** - The height of the dialog. _(default: undefined)_\n- **--forge-dialog-min-width** - The minimum width of the dialog. _(default: undefined)_\n- **--forge-dialog-max-width** - The maximum width of the dialog. _(default: undefined)_\n- **--forge-dialog-min-height** - The minimum height of the dialog. _(default: undefined)_\n- **--forge-dialog-max-height** - The maximum height of the dialog. _(default: undefined)_\n- **--forge-dialog-z-index** - The z-index of the dialog. _(default: undefined)_\n- **--forge-dialog-move-handle-color** - The color of the move handle. _(default: undefined)_\n- **--forge-dialog-move-handle-size** - The size of the move handle. _(default: undefined)_\n- **--forge-dialog-move-handle-hover-cursor** - The cursor style when hovering over the move handle. _(default: undefined)_\n- **--forge-dialog-move-handle-active-cursor** - The cursor style when the move handle is active. _(default: undefined)_\n- **--forge-dialog-move-handle-spacing** - The spacing around the move handle. _(default: undefined)_\n- **--forge-dialog-move-transition-duration** - The duration of the move transition. _(default: undefined)_\n- **--forge-dialog-move-transition-easing** - The easing function of the move transition. _(default: undefined)_\n- **--forge-dialog-moving-opacity** - The opacity of the dialog when it is being moved. _(default: undefined)_\n- **--forge-dialog-enter-animation-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-dialog-enter-animation-easing** - The easing function of the enter animation. _(default: undefined)_\n- **--forge-dialog-exit-animation-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-dialog-exit-animation-easing** - The easing function of the exit animation. _(default: undefined)_\n- **--forge-dialog-zoom-opacity** - The opacity of the dialog during zoom animation. _(default: undefined)_\n- **--forge-dialog-zoom-scale** - The scale of the dialog during zoom animation. _(default: undefined)_\n- **--forge-dialog-fade-opacity** - The opacity of the dialog during fade animation. _(default: undefined)_\n- **--forge-dialog-slide-opacity** - The opacity of the dialog during slide animation. _(default: undefined)_\n- **--forge-dialog-slide-translate** - The translation distance of the dialog during slide animation. _(default: undefined)_\n- **--forge-dialog-backdrop-opacity** - The opacity of the dialog backdrop. _(default: undefined)_\n- **--forge-dialog-nonmodal-elevation** - The elevation of non-modal dialogs. _(default: undefined)_\n- **--forge-dialog-fullscreen-enter-animation-duration** - The duration of the enter animation for fullscreen dialogs. _(default: undefined)_\n- **--forge-dialog-fullscreen-exit-animation-duration** - The duration of the exit animation for fullscreen dialogs. _(default: undefined)_\n- **--forge-dialog-position-x** - The x-axis position of the dialog. _(default: undefined)_\n- **--forge-dialog-position-y** - The y-axis position of the dialog. _(default: undefined)_\n- **--forge-dialog-preset-sheet-enter-animation-duration** - The duration of the enter animation for preset sheet dialogs. _(default: undefined)_\n- **--forge-dialog-preset-sheet-exit-animation-duration** - The duration of the exit animation for preset sheet dialogs. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The dialog container element.\n- **backdrop** - The backdrop element.\n- **surface** - The dialog surface element.\n- **move-handle-container** - The alignment container for the move handle.\n- **move-handle** - The move handle element.\n- **move-handle-icon** - The move handle icon element.",
@@ -847,18 +859,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-divider",
-      "description": "Divider is used to separate elements.\n---\n\n\n### **CSS Properties:**\n - **--forge-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-divider-width** - The width of the divider. _(default: undefined)_\n- **--forge-divider-border-style** - The border-style (dashed, solid) of the divider. _(default: undefined)_\n- **--forge-divider-margin** - The margin of divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
-      "attributes": [
-        {
-          "name": "vertical",
-          "description": "Controls if the divider is displayed vertically or horizontally.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-expansion-panel",
       "description": "Expansion panels provide progressive disclosure of content.\n---\n\n\n### **Events:**\n - **forge-expansion-panel-toggle** - Event fired when the panel is toggled open or closed.\n- **forge-expansion-panel-animation-complete** - Event fired when the panel has finished animating when toggling.\n\n### **Methods:**\n - **toggle(): _void_** - Toggles the open state of the panel.\n\n### **Slots:**\n - _default_ - The content of the panel.\n- **header** - The header of the panel.\n\n### **CSS Properties:**\n - **--forge-expansion-panel-animation-duration** - The duration of the open/close animation. _(default: undefined)_\n- **--forge-expansion-panel-animation-easing** - The easing function of the open/close animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the panel.\n- **header** - The header of the panel.\n- **content** - The content of the panel.",
@@ -1030,58 +1030,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-fab",
-      "description": "Floating action buttons are used to represent the most important action on a page.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot. Typically used for icon-only or label-only FABs. If the content forces the width to be large than the height, then the FAB will be in extended mode.\n- **start** - An element to logically render at the start of the button content.\n- **label** - Reserved specifically for label text. This forces the button into extended mode.\n- **end** - An element to logically render at the end of the button content.\n\n### **CSS Properties:**\n - **--forge-fab-background-display** - The display property. _(default: undefined)_\n- **--forge-fab-gap** - The gap between the icon and the label. _(default: undefined)_\n- **--forge-fab-background** - The background color. _(default: undefined)_\n- **--forge-fab-color** - The text color. _(default: undefined)_\n- **--forge-fab-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-fab-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-fab-shadow** - The box shadow of the button. _(default: undefined)_\n- **--forge-fab-hover-shadow** - The box shadow of the button when hovered. _(default: undefined)_\n- **--forge-fab-active-shadow** - The box shadow of the button when active. _(default: undefined)_\n- **--forge-fab-lowered-shadow** - The box shadow of the button when lowered. _(default: undefined)_\n- **--forge-fab-lowered-hover-shadow** - The box shadow of the button when lowered and hovered. _(default: undefined)_\n- **--forge-fab-lowered-active-shadow** - The box shadow of the button when lowered and active. _(default: undefined)_\n- **--forge-fab-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-fab-transition-timing** - The transition timing function. _(default: undefined)_\n- **--forge-fab-shape** - The border radius of the button. _(default: undefined)_\n- **--forge-fab-shape-start-start** - The start-start border radius. _(default: undefined)_\n- **--forge-fab-shape-start-end** - The start-end border radius. _(default: undefined)_\n- **--forge-fab-shape-end-start** - The end-start border radius. _(default: undefined)_\n- **--forge-fab-shape-end-end** - The end-end border radius. _(default: undefined)_\n- **--forge-fab-extended-padding** - The inline padding of the extended button. _(default: undefined)_\n- **--forge-fab-extended-min-width** - The min-width of the extended button. _(default: undefined)_\n- **--forge-fab-density-small-size** - The height and min-width of the small density button. _(default: undefined)_\n- **--forge-fab-density-medium-size** - The height and min-width of the medium density (default) button. _(default: undefined)_\n- **--forge-fab-density-large-size** - The height and min-width of the large density button. _(default: undefined)_\n- **--forge-fab-disabled-cursor** - The cursor when disabled. _(default: undefined)_\n- **--forge-fab-disabled-background** - The background color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-color** - The text color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-opacity** - The opacity when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "Sets the theme of the button.",
-          "values": []
-        },
-        {
-          "name": "density",
-          "description": "Sets the density of the button.",
-          "values": []
-        },
-        {
-          "name": "elevation",
-          "description": "Sets the elevation of the button.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
-          "values": [{ "name": "ButtonType" }]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the button.",
-          "values": []
-        },
-        {
-          "name": "popover-icon",
-          "description": "Shows a popover icon on the button.",
-          "values": []
-        },
-        {
-          "name": "dense",
-          "description": "Sets the density of the button.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "The name of the button.",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "The value of the button.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-focus-indicator",
       "description": "Renders a focus indicator when an attached element matches `:focus-visible`.\n---\n\n\n### **CSS Properties:**\n - **--forge-focus-indicator-display** - The `display` style. Defaults to `flex`. _(default: undefined)_\n- **--forge-focus-indicator-width** - The width of the focus indicator when resting. _(default: undefined)_\n- **--forge-focus-indicator-active-width** - The width of the focus indicator when active. When animating this is the max extent. _(default: undefined)_\n- **--forge-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-focus-indicator-shape** - The shape of the focus indicator. _(default: undefined)_\n- **--forge-focus-indicator-duration** - The animation duration. _(default: undefined)_\n- **--forge-focus-indicator-easing** - The animation easing function. _(default: undefined)_\n- **--forge-focus-indicator-shape-start-start** - The start start shape. _(default: undefined)_\n- **--forge-focus-indicator-shape-start-end** - The start end shape. _(default: undefined)_\n- **--forge-focus-indicator-shape-end-start** - The end start shape. _(default: undefined)_\n- **--forge-focus-indicator-shape-end-end** - The end end shape. _(default: undefined)_\n- **--forge-focus-indicator-outward-offset** - The offset of the focus indicator when outward. _(default: undefined)_\n- **--forge-focus-indicator-inward-offset** - The offset of the focus indicator when inward. _(default: undefined)_\n- **--forge-focus-indicator-offset-block** - The block offset. _(default: undefined)_\n- **--forge-focus-indicator-offset-inline** - The inline offset. _(default: undefined)_\n\n### **CSS Parts:**\n - **indicator** - The focus indicator element.",
@@ -1120,56 +1068,36 @@
       "references": []
     },
     {
-      "name": "forge-icon",
-      "description": "Icons are used to represent information visually\n---\n\n\n### **Methods:**\n - **layout(): _void_** - Forces a reload of the icon.\n\n### **CSS Properties:**\n - **--forge-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-size** - The size of the icon. Defaults to the font-size of the context it is placed in. _(default: undefined)_\n- **--forge-icon-width** - The width of the icon. _(default: undefined)_\n- **--forge-icon-height** - The height of the icon. _(default: undefined)_\n- **--forge-icon-font-size** - The font size of the icon. _(default: undefined)_\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
+      "name": "forge-inline-message",
+      "description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
       "attributes": [
         {
-          "name": "external-type",
-          "description": "The type of icon to load externally. Possible values: \"standard\", \"extended\", \"custom\".",
-          "values": [{ "name": "IconExternalType" }]
-        },
-        {
-          "name": "external-url-builder",
-          "description": "A callback that can be provided to generate a URL that will be used to fetch an SVG icon.",
-          "values": [{ "name": "IconUrlBuilder" }]
-        },
-        {
-          "name": "name",
-          "description": "The name of the icon to render.",
-          "values": []
-        },
-        {
-          "name": "src",
-          "description": "Provides the ability to set the SVG string content directly.",
-          "values": []
-        },
+          "name": "theme",
+          "description": "The theme to apply.",
+          "values": [{ "name": "InlineMessageTheme" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-fab",
+      "description": "Floating action buttons are used to represent the most important action on a page.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot. Typically used for icon-only or label-only FABs. If the content forces the width to be large than the height, then the FAB will be in extended mode.\n- **start** - An element to logically render at the start of the button content.\n- **label** - Reserved specifically for label text. This forces the button into extended mode.\n- **end** - An element to logically render at the end of the button content.\n\n### **CSS Properties:**\n - **--forge-fab-background-display** - The display property. _(default: undefined)_\n- **--forge-fab-gap** - The gap between the icon and the label. _(default: undefined)_\n- **--forge-fab-background** - The background color. _(default: undefined)_\n- **--forge-fab-color** - The text color. _(default: undefined)_\n- **--forge-fab-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-fab-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-fab-shadow** - The box shadow of the button. _(default: undefined)_\n- **--forge-fab-hover-shadow** - The box shadow of the button when hovered. _(default: undefined)_\n- **--forge-fab-active-shadow** - The box shadow of the button when active. _(default: undefined)_\n- **--forge-fab-lowered-shadow** - The box shadow of the button when lowered. _(default: undefined)_\n- **--forge-fab-lowered-hover-shadow** - The box shadow of the button when lowered and hovered. _(default: undefined)_\n- **--forge-fab-lowered-active-shadow** - The box shadow of the button when lowered and active. _(default: undefined)_\n- **--forge-fab-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-fab-transition-timing** - The transition timing function. _(default: undefined)_\n- **--forge-fab-shape** - The border radius of the button. _(default: undefined)_\n- **--forge-fab-shape-start-start** - The start-start border radius. _(default: undefined)_\n- **--forge-fab-shape-start-end** - The start-end border radius. _(default: undefined)_\n- **--forge-fab-shape-end-start** - The end-start border radius. _(default: undefined)_\n- **--forge-fab-shape-end-end** - The end-end border radius. _(default: undefined)_\n- **--forge-fab-extended-padding** - The inline padding of the extended button. _(default: undefined)_\n- **--forge-fab-extended-min-width** - The min-width of the extended button. _(default: undefined)_\n- **--forge-fab-density-small-size** - The height and min-width of the small density button. _(default: undefined)_\n- **--forge-fab-density-medium-size** - The height and min-width of the medium density (default) button. _(default: undefined)_\n- **--forge-fab-density-large-size** - The height and min-width of the large density button. _(default: undefined)_\n- **--forge-fab-disabled-cursor** - The cursor when disabled. _(default: undefined)_\n- **--forge-fab-disabled-background** - The background color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-color** - The text color when disabled. _(default: undefined)_\n- **--forge-fab-disabled-opacity** - The opacity when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
+      "attributes": [
         {
-          "name": "lazy",
-          "description": "Controls whether the icon will be loaded dynamically when it comes into view. False by default.",
+          "name": "theme",
+          "description": "Sets the theme of the button.",
           "values": []
         },
         {
-          "name": "external",
-          "description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
+          "name": "density",
+          "description": "Sets the density of the button.",
           "values": []
         },
         {
-          "name": "viewbox",
-          "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
+          "name": "elevation",
+          "description": "Sets the elevation of the button.",
           "values": []
         },
-        {
-          "name": "theme",
-          "description": "The theme to apply to the icon.",
-          "values": [{ "name": "IconTheme" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "forge-icon-button",
-      "description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
-      "attributes": [
         {
           "name": "type",
           "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
@@ -1203,18 +1131,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-inline-message",
-      "description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "The theme to apply.",
-          "values": [{ "name": "InlineMessageTheme" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-keyboard-shortcut",
       "description": "\n---\n\n\n### **Events:**\n - **forge-keyboard-shortcut-activate** - Event fired when the keyboard shortcut is activated.",
@@ -1340,57 +1256,141 @@
       "references": []
     },
     {
-      "name": "forge-menu",
-      "description": "\n---\n\n\n### **Methods:**\n - **propagateKeyEvent(evt: _KeyboardEvent_): _void_** - Force propagates the key event from another element to this component.\n- **activateFirstOption(): _void_** - Activates the first option in the menu when open.",
+      "name": "forge-icon",
+      "description": "Icons are used to represent information visually\n---\n\n\n### **Methods:**\n - **layout(): _void_** - Forces a reload of the icon.\n\n### **CSS Properties:**\n - **--forge-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-size** - The size of the icon. Defaults to the font-size of the context it is placed in. _(default: undefined)_\n- **--forge-icon-width** - The width of the icon. _(default: undefined)_\n- **--forge-icon-height** - The height of the icon. _(default: undefined)_\n- **--forge-icon-font-size** - The font size of the icon. _(default: undefined)_\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
       "attributes": [
         {
-          "name": "open",
-          "description": "Gets/sets the open state.",
-          "values": []
+          "name": "external-type",
+          "description": "The type of icon to load externally. Possible values: \"standard\", \"extended\", \"custom\".",
+          "values": [{ "name": "IconExternalType" }]
         },
         {
-          "name": "selected-index",
-          "description": "Gets/sets the selected option to the index. Does not support cascading menus.",
-          "values": []
+          "name": "external-url-builder",
+          "description": "A callback that can be provided to generate a URL that will be used to fetch an SVG icon.",
+          "values": [{ "name": "IconUrlBuilder" }]
         },
         {
-          "name": "selected-value",
-          "description": "Gets/sets the value of the option to select.",
+          "name": "name",
+          "description": "The name of the icon to render.",
           "values": []
         },
         {
-          "name": "placement",
-          "description": "Gets/sets the menu placement (default is bottom-left).",
-          "values": [{ "name": "`${PositionPlacement}`" }]
+          "name": "src",
+          "description": "Provides the ability to set the SVG string content directly.",
+          "values": []
         },
         {
-          "name": "fallback-placements",
-          "description": "Gets/sets the fallback menu placement for overriding the default of any side.",
-          "values": [{ "name": "`${PositionPlacement}`[]" }]
+          "name": "lazy",
+          "description": "Controls whether the icon will be loaded dynamically when it comes into view. False by default.",
+          "values": []
         },
         {
-          "name": "dense",
-          "description": "Gets/sets dense state of the list options used in the menu popup.",
+          "name": "external",
+          "description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
           "values": []
         },
         {
-          "name": "icon-class",
-          "description": "Gets/sets the class name to use for option icons.",
+          "name": "viewbox",
+          "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
           "values": []
         },
         {
-          "name": "mode",
-          "description": "Gets/sets the mode that this menu is using.",
-          "values": [{ "name": "MenuMode" }]
+          "name": "theme",
+          "description": "The theme to apply to the icon.",
+          "values": [{ "name": "IconTheme" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-icon-button",
+      "description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
+          "values": [{ "name": "ButtonType" }]
         },
         {
-          "name": "popup-classes",
-          "description": "Gets/sets the list of classes to apply to the popup element.",
-          "values": [{ "name": "string[]" }]
+          "name": "disabled",
+          "description": "Disables the button.",
+          "values": []
         },
         {
-          "name": "sync-popup-width",
-          "description": "Gets/sets whether the popup width is synchronized with the popup target width.",
+          "name": "popover-icon",
+          "description": "Shows a popover icon on the button.",
+          "values": []
+        },
+        {
+          "name": "dense",
+          "description": "Sets the density of the button.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the button.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the button.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-menu",
+      "description": "\n---\n\n\n### **Methods:**\n - **propagateKeyEvent(evt: _KeyboardEvent_): _void_** - Force propagates the key event from another element to this component.\n- **activateFirstOption(): _void_** - Activates the first option in the menu when open.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Gets/sets the open state.",
+          "values": []
+        },
+        {
+          "name": "selected-index",
+          "description": "Gets/sets the selected option to the index. Does not support cascading menus.",
+          "values": []
+        },
+        {
+          "name": "selected-value",
+          "description": "Gets/sets the value of the option to select.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "Gets/sets the menu placement (default is bottom-left).",
+          "values": [{ "name": "`${PositionPlacement}`" }]
+        },
+        {
+          "name": "fallback-placements",
+          "description": "Gets/sets the fallback menu placement for overriding the default of any side.",
+          "values": [{ "name": "`${PositionPlacement}`[]" }]
+        },
+        {
+          "name": "dense",
+          "description": "Gets/sets dense state of the list options used in the menu popup.",
+          "values": []
+        },
+        {
+          "name": "icon-class",
+          "description": "Gets/sets the class name to use for option icons.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Gets/sets the mode that this menu is using.",
+          "values": [{ "name": "MenuMode" }]
+        },
+        {
+          "name": "popup-classes",
+          "description": "Gets/sets the list of classes to apply to the popup element.",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "sync-popup-width",
+          "description": "Gets/sets whether the popup width is synchronized with the popup target width.",
           "values": []
         },
         {
@@ -1468,6 +1468,69 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-page-state",
+      "description": "\n---\n\n\n### **Slots:**\n - **graphic** - The slot where the graphic will be rendered.\n- **title** - The slot where the title will be rendered.\n- **message** - The slot where the message will be rendered.\n- **actions** - The slot where the actions will be rendered.\n\n### **CSS Properties:**\n - **--forge-page-state-width** - The width of the page state. _(default: undefined)_\n- **--forge-page-state-height** - The height of the page state. _(default: undefined)_\n- **--forge-page-state-spacing** - The spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-width** - The mobile width of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-height** - The graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-spacing** - The graphic spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-graphic-height** - The mobile graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-title-color** - The title color of the page state. _(default: undefined)_\n- **--forge-page-state-title-spacing** - The title spacing of the page state. _(default: undefined)_\n- **--forge-page-state-message-color** - The message color of the page state. _(default: undefined)_\n- **--forge-page-state-message-spacing** - The message spacing of the page state. _(default: undefined)_\n- **--forge-page-state-actions-spacing** - The actions spacing of the page state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **graphic-container** - The graphic container element.\n- **title-container** - The title container element.\n- **message-container** - The message container element.\n- **actions-container** - The actions container element.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "forge-paginator",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
+      "attributes": [
+        {
+          "name": "page-index",
+          "description": "The zero-based page index.",
+          "values": []
+        },
+        {
+          "name": "page-size",
+          "description": "Number of items to display on a page.",
+          "values": []
+        },
+        {
+          "name": "offset",
+          "description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
+          "values": []
+        },
+        {
+          "name": "total",
+          "description": "The total number of items to be paginated.",
+          "values": []
+        },
+        {
+          "name": "page-size-options",
+          "description": "The set of provided page size options to display to the user.",
+          "values": [{ "name": "number[]" }]
+        },
+        {
+          "name": "label",
+          "description": "A label for the paginator.",
+          "values": []
+        },
+        {
+          "name": "first-last",
+          "description": "Whether to show the first page and last page buttons.",
+          "values": []
+        },
+        {
+          "name": "first",
+          "description": "Whether to show the first page button. Default is false.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the paginator is disabled.",
+          "values": []
+        },
+        {
+          "name": "alternative",
+          "description": "Whether to use the alternative range label slot.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-overlay",
       "description": "Overlays are used to render content in an element that rendered above all content on the page,\nand positioned around a specified anchor element.\n---\n\n\n### **Events:**\n - **forge-overlay-light-dismiss** - Dispatches when the overlay is light dismissed via the escape key or clicking outside the overlay.\n\n### **Slots:**\n - _default_ - The content to render inside the positioned overlay container.\n\n### **CSS Properties:**\n - **--forge-overlay-position** - The `position` of the overlay. _(default: undefined)_\n- **--forge-overlay-z-index** - The `z-index` of the overlay. Defaults to the `popup` range. _(default: undefined)_\n- **--forge-overlay-height** - The `height` of the overlay. Defaults to `min-content`. _(default: undefined)_\n- **--forge-overlay-width** - The `width` of the overlay. Defaults to `min-content`. _(default: undefined)_\n- **--forge-overlay-position-block-start** - The `block-start` position of the overlay. _(default: undefined)_\n- **--forge-overlay-position-block-end** - The `block-end` position of the overlay. _(default: undefined)_\n- **--forge-overlay-position-inline-start** - The `inline-start` position of the overlay. _(default: undefined)_\n- **--forge-overlay-position-inline-end** - The `inline-end` position of the overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.",
@@ -1540,69 +1603,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-page-state",
-      "description": "\n---\n\n\n### **Slots:**\n - **graphic** - The slot where the graphic will be rendered.\n- **title** - The slot where the title will be rendered.\n- **message** - The slot where the message will be rendered.\n- **actions** - The slot where the actions will be rendered.\n\n### **CSS Properties:**\n - **--forge-page-state-width** - The width of the page state. _(default: undefined)_\n- **--forge-page-state-height** - The height of the page state. _(default: undefined)_\n- **--forge-page-state-spacing** - The spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-width** - The mobile width of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-height** - The graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-graphic-spacing** - The graphic spacing of the page state. _(default: undefined)_\n- **--forge-page-state-mobile-graphic-height** - The mobile graphic height of the page state. _(default: undefined)_\n- **--forge-page-state-title-color** - The title color of the page state. _(default: undefined)_\n- **--forge-page-state-title-spacing** - The title spacing of the page state. _(default: undefined)_\n- **--forge-page-state-message-color** - The message color of the page state. _(default: undefined)_\n- **--forge-page-state-message-spacing** - The message spacing of the page state. _(default: undefined)_\n- **--forge-page-state-actions-spacing** - The actions spacing of the page state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **graphic-container** - The graphic container element.\n- **title-container** - The title container element.\n- **message-container** - The message container element.\n- **actions-container** - The actions container element.",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "forge-paginator",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
-      "attributes": [
-        {
-          "name": "page-index",
-          "description": "The zero-based page index.",
-          "values": []
-        },
-        {
-          "name": "page-size",
-          "description": "Number of items to display on a page.",
-          "values": []
-        },
-        {
-          "name": "offset",
-          "description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
-          "values": []
-        },
-        {
-          "name": "total",
-          "description": "The total number of items to be paginated.",
-          "values": []
-        },
-        {
-          "name": "page-size-options",
-          "description": "The set of provided page size options to display to the user.",
-          "values": [{ "name": "number[]" }]
-        },
-        {
-          "name": "label",
-          "description": "A label for the paginator.",
-          "values": []
-        },
-        {
-          "name": "first-last",
-          "description": "Whether to show the first page and last page buttons.",
-          "values": []
-        },
-        {
-          "name": "first",
-          "description": "Whether to show the first page button. Default is false.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the paginator is disabled.",
-          "values": []
-        },
-        {
-          "name": "alternative",
-          "description": "Whether to use the alternative range label slot.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-popover",
       "description": "Popovers are used to render content in an element that is above all other content on the page.\n---\n\n\n### **Events:**\n - **forge-popover-beforetoggle** - Dispatches before the popover is toggled, and is cancelable.\n- **forge-popover-toggle** - Dispatches after the popover is toggled.\n\n### **Methods:**\n - **hideAsync(): _Promise<void>_** - Hides the popover, and returns a `Promise` that resolves when the hide animation is complete.\n- **position(): _void_** - Forces the overlay to reposition itself.\n\n### **Slots:**\n - _default_ - The content to render inside the popover.\n\n### **CSS Properties:**\n - **--forge-popover-background** - The background color of the popover surface. _(default: undefined)_\n- **--forge-popover-border-radius** - The border radius of the popover surface. _(default: undefined)_\n- **--forge-popover-box-shadow** - The box shadow of the popover surface. _(default: undefined)_\n- **--forge-popover-border-width** - The border width of the popover surface. _(default: undefined)_\n- **--forge-popover-border-style** - The border style of the popover surface. _(default: undefined)_\n- **--forge-popover-border-color** - The border color of the popover surface. _(default: undefined)_\n- **--forge-popover-width** - The width of the popover surface. Defaults to `auto`. _(default: undefined)_\n- **--forge-popover-height** - The height of the popover surface. Defaults to `auto`. _(default: undefined)_\n- **--forge-popover-min-width** - The minimum width of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-max-width** - The maximum width of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-min-height** - The minimum height of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-max-height** - The maximum height of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-arrow-size** - The size of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-height** - The height of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-width** - The width of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-background-color** - The background color of the arrow. Defaults to the background color of the popover surface. _(default: undefined)_\n- **--forge-popover-arrow-top-rotation** - The rotation of the arrow when the popover is placed on the top. _(default: undefined)_\n- **--forge-popover-arrow-right-rotation** - The rotation of the arrow when the popover is placed on the right. _(default: undefined)_\n- **--forge-popover-arrow-bottom-rotation** - The rotation of the arrow when the popover is placed on the bottom. _(default: undefined)_\n- **--forge-popover-arrow-left-rotation** - The rotation of the arrow when the popover is placed on the left. _(default: undefined)_\n- **--forge-popover-arrow-border-width** - The border width of the popover surface and arrow when an arrow is applied. _(default: undefined)_\n- **--forge-popover-arrow-clip-path** - The clip path to use for the arrow element. _(default: undefined)_\n- **--forge-popover-animation-timing** - The animation timing function to use for the popover animation. _(default: undefined)_\n- **--forge-popover-zoom-duration** - The duration of the zoom animation. _(default: undefined)_\n- **--forge-popover-zoom-timing** - The timing function to use for the zoom animation. _(default: undefined)_\n- **--forge-popover-slide-duration** - The duration of the slide animation. _(default: undefined)_\n- **--forge-popover-slide-timing** - The timing function to use for the slide animation. _(default: undefined)_\n- **--forge-popover-slide-offset** - The start offset to use for the slide animation. _(default: undefined)_\n- **--forge-popover-fade-duration** - The duration of the fade animation. _(default: undefined)_\n- **--forge-popover-fade-timing** - The timing function to use for the fade animation. _(default: undefined)_\n- **--forge-popover-position-block-start** - The `block-start` position of the popover. _(default: undefined)_\n- **--forge-popover-position-block-end** - The `block-end` position of the popover. _(default: undefined)_\n- **--forge-popover-position-inline-start** - The `inline-start` position of the popover. _(default: undefined)_\n- **--forge-popover-position-inline-end** - The `inline-end` position of the popover. _(default: undefined)_\n- **--forge-popover-preset-dropdown-max-height** - The maximum height of the popover when using `preset=\"dropdown\"`. Defaults to `256px`. _(default: undefined)_\n- **--forge-popover-preset-dropdown-overflow** - The overflow behavior of the popover when using `preset=\"dropdown\"`. Defaults to `auto visible` (vertical scrolling only). _(default: undefined)_\n\n### **CSS Parts:**\n - **overlay** - The overlay root element.\n- **surface** - The surface container element for the slotted content.",
@@ -1729,79 +1729,79 @@
       "references": []
     },
     {
-      "name": "forge-skeleton",
-      "description": "Skeleton is used to provide a placeholder for content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--forge-skeleton-animation-duration** - The duration of the skeleton animation. _(default: undefined)_\n- **--forge-skeleton-width** - The width of the skeleton. _(default: undefined)_\n- **--forge-skeleton-height** - The height of the skeleton. _(default: undefined)_\n- **--forge-skeleton-background** - The background color of the skeleton. _(default: undefined)_\n- **--forge-skeleton-shape** - The shape of the skeleton. _(default: undefined)_\n- **--forge-skeleton-margin** - The margin of the skeleton. _(default: undefined)_\n- **--forge-skeleton-button-height** - The height of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-button-width** - The width of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-height** - The height of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-width** - The width of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-height** - The height of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-width** - The width of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-shape** - The shape of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-height** - The height of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-margin** - The margin of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-text-height** - The height of the text skeleton. _(default: undefined)_\n- **--forge-skeleton-gradient-color** - The color of the gradient skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-size** - The size of the avatar skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-shape** - The shape of the avatar skeleton. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the skeleton.",
+      "name": "forge-skip-link",
+      "description": "The Forge Skip Link component is used to provide a way for users to skip repetitive content and navigate directly to a section of the page.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
       "attributes": [
         {
-          "name": "form-field",
-          "description": "Apply form field styles to the skeleton.",
-          "values": []
-        },
-        {
-          "name": "button",
-          "description": "Apply button styles to the skeleton.",
+          "name": "target",
+          "description": "The IDREF of the element to which the skip link should navigate.",
           "values": []
         },
         {
-          "name": "chip",
-          "description": "Apply chip styles to the skeleton.",
-          "values": []
+          "name": "theme",
+          "description": "The theme applied to the skip link.",
+          "values": [{ "name": "SkipLinkTheme" }]
         },
         {
-          "name": "list-item",
-          "description": "Apply list item styles to the skeleton.",
+          "name": "muted",
+          "description": "Whether or not the skip link uses a muted color scheme.",
           "values": []
         },
         {
-          "name": "text",
-          "description": "Apply text styles to the skeleton.",
+          "name": "persistent",
+          "description": "Whether or not the skip link should remain visible when not focused.",
           "values": []
         },
         {
-          "name": "avatar",
-          "description": "Apply avatar styles to the skeleton.",
+          "name": "inline",
+          "description": "Whether or not the skip link renders within its container.",
           "values": []
         },
         {
-          "name": "stretch",
-          "description": "Apply stretch styles to the skeleton.",
+          "name": "skip-url-change",
+          "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "forge-skip-link",
-      "description": "The Forge Skip Link component is used to provide a way for users to skip repetitive content and navigate directly to a section of the page.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
+      "name": "forge-skeleton",
+      "description": "Skeleton is used to provide a placeholder for content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--forge-skeleton-animation-duration** - The duration of the skeleton animation. _(default: undefined)_\n- **--forge-skeleton-width** - The width of the skeleton. _(default: undefined)_\n- **--forge-skeleton-height** - The height of the skeleton. _(default: undefined)_\n- **--forge-skeleton-background** - The background color of the skeleton. _(default: undefined)_\n- **--forge-skeleton-shape** - The shape of the skeleton. _(default: undefined)_\n- **--forge-skeleton-margin** - The margin of the skeleton. _(default: undefined)_\n- **--forge-skeleton-button-height** - The height of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-button-width** - The width of the button skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-height** - The height of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-form-field-width** - The width of the form field skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-height** - The height of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-width** - The width of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-chip-shape** - The shape of the chip skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-height** - The height of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-list-item-margin** - The margin of the list item skeleton. _(default: undefined)_\n- **--forge-skeleton-text-height** - The height of the text skeleton. _(default: undefined)_\n- **--forge-skeleton-gradient-color** - The color of the gradient skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-size** - The size of the avatar skeleton. _(default: undefined)_\n- **--forge-skeleton-avatar-shape** - The shape of the avatar skeleton. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the skeleton.",
       "attributes": [
         {
-          "name": "target",
-          "description": "The IDREF of the element to which the skip link should navigate.",
+          "name": "form-field",
+          "description": "Apply form field styles to the skeleton.",
           "values": []
         },
         {
-          "name": "theme",
-          "description": "The theme applied to the skip link.",
-          "values": [{ "name": "SkipLinkTheme" }]
+          "name": "button",
+          "description": "Apply button styles to the skeleton.",
+          "values": []
         },
         {
-          "name": "muted",
-          "description": "Whether or not the skip link uses a muted color scheme.",
+          "name": "chip",
+          "description": "Apply chip styles to the skeleton.",
           "values": []
         },
         {
-          "name": "persistent",
-          "description": "Whether or not the skip link should remain visible when not focused.",
+          "name": "list-item",
+          "description": "Apply list item styles to the skeleton.",
           "values": []
         },
         {
-          "name": "inline",
-          "description": "Whether or not the skip link renders within its container.",
+          "name": "text",
+          "description": "Apply text styles to the skeleton.",
           "values": []
         },
         {
-          "name": "skip-url-change",
-          "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+          "name": "avatar",
+          "description": "Apply avatar styles to the skeleton.",
+          "values": []
+        },
+        {
+          "name": "stretch",
+          "description": "Apply stretch styles to the skeleton.",
           "values": []
         }
       ],
@@ -1983,23 +1983,6 @@
       ],
       "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.",
@@ -2056,100 +2039,13 @@
         },
         {
           "name": "icon",
-          "description": "Controls the presence of the off and on icons.",
-          "values": [{ "name": "SwitchIconVisibility" }]
-        },
-        {
-          "name": "label-position",
-          "description": "Controls whether the label appears before or after the switch.",
-          "values": [{ "name": "SwitchLabelPosition" }]
-        }
-      ],
-      "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": []
+          "description": "Controls the presence of the off and on icons.",
+          "values": [{ "name": "SwitchIconVisibility" }]
         },
         {
-          "name": "select-checkbox-alignment",
-          "description": "Controls the alignment of the select checkbox.",
-          "values": [{ "name": "`${CellAlign}`" }]
+          "name": "label-position",
+          "description": "Controls whether the label appears before or after the switch.",
+          "values": [{ "name": "SwitchLabelPosition" }]
         }
       ],
       "references": []
@@ -2373,6 +2269,110 @@
       ],
       "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-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-toast",
       "description": "Toasts are non-modal notifications that appear in response to user interactions.\n---\n\n\n### **Events:**\n - **forge-toast-action** - Dispatched when the action button is clicked.\n- **forge-toast-close** - Dispatched when the toast is closed.\n\n### **Methods:**\n - **show(): _void_** - Shows the toast.\n- **hide(): __** - Hides the toast.\n\n### **CSS Properties:**\n - **--forge-toast-background** - The background color of the toast. _(default: undefined)_\n- **--forge-toast-color** - The text color of the toast. _(default: undefined)_\n- **--forge-toast-offset** - The offset of the toast from the edge of the viewport. _(default: undefined)_\n- **--forge-toast-shape** - The shape of the toast. _(default: undefined)_\n- **--forge-toast-elevation** - The elevation of the toast. _(default: undefined)_\n- **--forge-toast-action-color** - The text color of the action button. _(default: undefined)_\n- **--forge-toast-min-width** - The minimum width of the toast. _(default: undefined)_\n- **--forge-toast-max-width** - The maximum width of the toast. _(default: undefined)_\n- **--forge-toast-min-height** - The minimum height of the toast. _(default: undefined)_\n- **--forge-toast-inline-padding** - The padding of the toast when inline. _(default: undefined)_\n- **--forge-toast-spacing** - The spacing between toasts. _(default: undefined)_\n- **--forge-toast-message-padding** - The padding of the toast message. _(default: undefined)_\n- **--forge-toast-enter-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-toast-enter-timing** - The timing function of the enter animation. _(default: undefined)_\n- **--forge-toast-exit-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-toast-exit-timing** - The timing function of the exit animation. _(default: undefined)_\n- **--forge-toast-slide-origin** - The origin of the slide animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface container.\n- **message** - The message container.\n- **action-button** - The action button.\n- **close-button** - The close button.\n- **overlay** - The `<forge-overlay>` element.",
@@ -2503,26 +2503,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-view-switcher",
-      "description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.",
-      "attributes": [
-        {
-          "name": "index",
-          "description": "Gets/sets the currently visible view index.",
-          "values": []
-        },
-        {
-          "name": "animation-type",
-          "description": "Gets/sets the animation type.",
-          "values": [
-            { "name": "`${ViewSwitcherAnimationType}`" },
-            { "name": "ViewSwitcherAnimation" }
-          ]
-        }
-      ],
-      "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-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.",
@@ -2561,23 +2541,21 @@
       "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.",
+      "name": "forge-view-switcher",
+      "description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.",
       "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.",
+          "name": "index",
+          "description": "Gets/sets the currently visible view index.",
           "values": []
         },
         {
-          "name": "aria-labelledby",
-          "description": "The id of an element to use as the aria-labelledby attribute.",
-          "values": []
+          "name": "animation-type",
+          "description": "Gets/sets the animation type.",
+          "values": [
+            { "name": "`${ViewSwitcherAnimationType}`" },
+            { "name": "ViewSwitcherAnimation" }
+          ]
         }
       ],
       "references": []
@@ -2646,70 +2624,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-app-bar-profile-button",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-profile-card-sign-out** - Fires when the sign out button is clicked.\n- **forge-profile-card-profile** - Fires when the profile button is clicked.",
-      "attributes": [
-        {
-          "name": "avatar-image-url",
-          "description": "The url of the avatar image to display.",
-          "values": []
-        },
-        {
-          "name": "avatar-letter-count",
-          "description": "The number of letters to display in the avatar.",
-          "values": []
-        },
-        {
-          "name": "avatar-text",
-          "description": "The text to display in the avatar.",
-          "values": []
-        },
-        {
-          "name": "avatar-icon",
-          "description": "The name of an alternative icon to display in the avatar.",
-          "values": []
-        },
-        { "name": "full-name", "description": "The full name.", "values": [] },
-        { "name": "email", "description": "The email address.", "values": [] },
-        {
-          "name": "sign-out-button",
-          "description": "Whether to display the sign out button or not. Defaults to `true`.",
-          "values": []
-        },
-        {
-          "name": "profile-button",
-          "description": "Whether to display the profile button or not.",
-          "values": []
-        },
-        {
-          "name": "sign-out-button-text",
-          "description": "The text to display in the sign out button.",
-          "values": []
-        },
-        {
-          "name": "profile-button-text",
-          "description": "The text to display in the profile button.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Whether the profile card is open or not.",
-          "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-search",
       "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-search-input** - Emits when the users executes the search via pressing the Enter key while the `<input>` has focus.\n\n### **Slots:**\n - _default_ - The default (unnamed) slot is where child `<input>` elements will be placed.\n- **action** - Places actions at the end of the input.\n\n### **CSS Properties:**\n - **--forge-theme-on-primary** - Controls the border-color of the container outline, the font-color, and icon color. _(default: undefined)_\n- **--forge-theme-on-surface** - Controls the font color of the buttons. _(default: undefined)_\n- **--forge-theme-text-medium** - Controls the placeholder font color. _(default: undefined)_\n- **--forge-app-bar-search-theme-background** - Controls the background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-background-focused** - Controls the focused background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-hover-opacity** - Controls the hover opacity of the outline. _(default: undefined)_\n- **--forge-app-bar-search-theme-disabled-opacity** - Controls the disabled opacity of the component. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element\n- **container** - The input container element.\n- **icon-container** - The icon container element.\n- **icon** - The <forge-icon> element.\n- **context** - The context container element.\n- **context-divider** - The context divider element.\n- **context-button** - The context button element.\n- **context-button-text** - The context button text element.\n- **context-button-icon** - The context button icon element.\n- **global-icon-container** - The global icon container element.\n- **global-icon** - The global icon <forge-icon> element.\n- **actions-container** - The action container element around the slot.",
@@ -2733,85 +2647,87 @@
       "references": []
     },
     {
-      "name": "forge-button-toggle",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
+      "name": "forge-app-bar-profile-button",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-profile-card-sign-out** - Fires when the sign out button is clicked.\n- **forge-profile-card-profile** - Fires when the profile button is clicked.",
       "attributes": [
         {
-          "name": "value",
-          "description": "The value of the button toggle.",
+          "name": "avatar-image-url",
+          "description": "The url of the avatar image to display.",
           "values": []
         },
         {
-          "name": "selected",
-          "description": "Whether or not the button is selected.",
+          "name": "avatar-letter-count",
+          "description": "The number of letters to display in the avatar.",
           "values": []
         },
         {
-          "name": "disabled",
-          "description": "Whether or not the button is disabled.",
+          "name": "avatar-text",
+          "description": "The text to display in the avatar.",
           "values": []
         },
         {
-          "name": "readonly",
-          "description": "Whether or not the button is readonly.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "forge-button-toggle-group",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-group-change** - Dispatches when the value of the group changes.\n\n### **Slots:**\n - _default_ - The is a default/unnamed slot for child button toggle elements.\n\n### **CSS Properties:**\n - **--forge-button-toggle-group-display** - The `display` of the group container elements. _(default: undefined)_\n- **--forge-button-toggle-group-gap** - The space between button toggle elements. _(default: undefined)_\n- **--forge-button-toggle-group-padding** - The padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-block** - The block padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-inline** - The inline padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-height** - The height of the group element. _(default: undefined)_\n- **--forge-button-toggle-group-dense-height** - The height of the group element when dense. _(default: undefined)_\n- **--forge-button-toggle-group-outline-width** - The width of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-style** - The style of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color** - The color of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color-active** - The color of the outline around the group element when hovered or focused. _(default: undefined)_\n- **--forge-button-toggle-group-shape** - The shape radius of the group container element. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-start** - The start-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-end** - The start-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-start** - The end-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-end** - The end-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-transition-duration** - The transition duration for all animations on the group. _(default: undefined)_\n- **--forge-button-toggle-group-transition-timing** - The transition timing for all animations on the group. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element for the group.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The value of the selected button toggle(s).",
+          "name": "avatar-icon",
+          "description": "The name of an alternative icon to display in the avatar.",
           "values": []
         },
+        { "name": "full-name", "description": "The full name.", "values": [] },
+        { "name": "email", "description": "The email address.", "values": [] },
         {
-          "name": "outlined",
-          "description": "Whether or not the group should be outlined.",
+          "name": "sign-out-button",
+          "description": "Whether to display the sign out button or not. Defaults to `true`.",
           "values": []
         },
         {
-          "name": "multiple",
-          "description": "Whether or not the group should allow multiple selections.",
+          "name": "profile-button",
+          "description": "Whether to display the profile button or not.",
           "values": []
         },
         {
-          "name": "stretch",
-          "description": "Whether or not the group should stretch to fill the available width.",
+          "name": "sign-out-button-text",
+          "description": "The text to display in the sign out button.",
           "values": []
         },
         {
-          "name": "mandatory",
-          "description": "Whether or not the group should require a selection once a button has been toggled on.",
+          "name": "profile-button-text",
+          "description": "The text to display in the profile button.",
           "values": []
         },
         {
-          "name": "vertical",
-          "description": "Whether or not the group should be displayed vertically.",
+          "name": "open",
+          "description": "Whether the profile card is open or not.",
           "values": []
         },
         {
-          "name": "disabled",
-          "description": "Whether or not the group should be disabled.",
+          "name": "aria-label",
+          "description": "The aria-label to apply to the button.",
           "values": []
         },
         {
-          "name": "readonly",
-          "description": "Whether or not the group should be readonly.",
+          "name": "aria-labelledby",
+          "description": "The id of an element to use as the aria-labelledby attribute.",
+          "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": "dense",
-          "description": "Whether or not the group should be dense.",
+          "name": "aria-label",
+          "description": "The aria-label to apply to the button.",
           "values": []
         },
         {
-          "name": "theme",
-          "description": "The theme to use for the group.",
-          "values": [{ "name": "ButtonToggleGroupTheme" }]
+          "name": "aria-labelledby",
+          "description": "The id of an element to use as the aria-labelledby attribute.",
+          "values": []
         }
       ],
       "references": []
@@ -2911,6 +2827,63 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-button-toggle-group",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-group-change** - Dispatches when the value of the group changes.\n\n### **Slots:**\n - _default_ - The is a default/unnamed slot for child button toggle elements.\n\n### **CSS Properties:**\n - **--forge-button-toggle-group-display** - The `display` of the group container elements. _(default: undefined)_\n- **--forge-button-toggle-group-gap** - The space between button toggle elements. _(default: undefined)_\n- **--forge-button-toggle-group-padding** - The padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-block** - The block padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-inline** - The inline padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-height** - The height of the group element. _(default: undefined)_\n- **--forge-button-toggle-group-dense-height** - The height of the group element when dense. _(default: undefined)_\n- **--forge-button-toggle-group-outline-width** - The width of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-style** - The style of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color** - The color of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color-active** - The color of the outline around the group element when hovered or focused. _(default: undefined)_\n- **--forge-button-toggle-group-shape** - The shape radius of the group container element. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-start** - The start-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-end** - The start-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-start** - The end-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-end** - The end-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-transition-duration** - The transition duration for all animations on the group. _(default: undefined)_\n- **--forge-button-toggle-group-transition-timing** - The transition timing for all animations on the group. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element for the group.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the selected button toggle(s).",
+          "values": []
+        },
+        {
+          "name": "outlined",
+          "description": "Whether or not the group should be outlined.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Whether or not the group should allow multiple selections.",
+          "values": []
+        },
+        {
+          "name": "stretch",
+          "description": "Whether or not the group should stretch to fill the available width.",
+          "values": []
+        },
+        {
+          "name": "mandatory",
+          "description": "Whether or not the group should require a selection once a button has been toggled on.",
+          "values": []
+        },
+        {
+          "name": "vertical",
+          "description": "Whether or not the group should be displayed vertically.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether or not the group should be disabled.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Whether or not the group should be readonly.",
+          "values": []
+        },
+        {
+          "name": "dense",
+          "description": "Whether or not the group should be dense.",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "The theme to use for the group.",
+          "values": [{ "name": "ButtonToggleGroupTheme" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-deprecated-button",
       "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
@@ -2962,6 +2935,33 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-button-toggle",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the button toggle.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Whether or not the button is selected.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether or not the button is disabled.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Whether or not the button is readonly.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-modal-drawer",
       "description": "\n---\n\n\n### **Events:**\n - **forge-modal-drawer-close** - Dispatched when the modal drawer is closed by clicking the backdrop.\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.\n- **backdrop** - The backdrop root element.",
@@ -3696,63 +3696,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-step",
-      "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the step.\n- **optional** - The optional content of the step.\n- **expansion-content** - The content of the step expansion.\n\n### **CSS Properties:**\n - **--forge-step-primary-color** - The primary color of the step. Defaults to the primary theme. _(default: undefined)_\n- **--forge-step-text-color** - The text color of the step. Defaults to the on-primary theme. _(default: undefined)_\n- **--forge-step-border-radius** - The border radius of the step. Defaults to the extra-large shape. _(default: undefined)_\n- **--forge-step-border-radius-vertical** - The border radius of the step in vertical mode. Defaults to the medium shape. _(default: undefined)_\n- **--forge-step-disabled-text-color** - The text color of the step when disabled. Defaults to the text-low theme. _(default: undefined)_\n- **--forge-step-disabled-color** - The color of the step when disabled. Defaults to the surface-container-minimum theme. _(default: undefined)_\n- **--forge-step-icon-fill** - The fill color of the step icon. Defaults to unset. _(default: undefined)_\n- **--forge-step-icon-fill-active** - The fill color of the step icon when active. Defaults to the primary color. _(default: undefined)_\n- **--forge-step-icon-text-color** - The text color of the step icon. Defaults to the primary theme. _(default: undefined)_\n- **--forge-step-icon-text-color-active** - The text color of the step icon when active. Defaults to the on-primary theme. _(default: undefined)_\n- **--forge-step-icon-content-size** - The size of the step icon content. Defaults to 24px. _(default: undefined)_\n- **--forge-step-icon-size** - The size of the step icon. Defaults to 0.875em. _(default: undefined)_\n- **--forge-step-icon-transition-duration** - The duration of the step icon transition. Defaults to the medium4 animation duration. _(default: undefined)_\n- **--forge-step-icon-transition-easing** - The easing of the step icon transition. Defaults to the standard animation easing. _(default: undefined)_\n- **--forge-step-line-color** - The color of the step line. Defaults to the outline theme. _(default: undefined)_\n- **--forge-step-line-min-width** - The minimum width of the step line. Defaults to 10px. _(default: undefined)_\n- **--forge-step-line-min-width-clustered** - The minimum width of the step line when clustered. Defaults to 25px. _(default: undefined)_\n- **--forge-step-label-color** - The color of the step label. Defaults to the text-high theme. _(default: undefined)_\n- **--forge-step-sub-label-color** - The color of the step sub-label. Defaults to the text-medium theme. _(default: undefined)_\n- **--forge-step-error-color** - The color of the step error. Defaults to the error theme. _(default: undefined)_\n- **--forge-step-error-text-color** - The text color of the step error. Defaults to the on-error theme. _(default: undefined)_\n- **--forge-step-expansion-panel-border-left-width** - The border left width of the step expansion panel. Defaults to 1px. _(default: undefined)_\n- **--forge-step-expansion-panel-margin-bottom** - The margin bottom of the step expansion panel. Defaults to 4px. _(default: undefined)_\n- **--forge-step-expansion-panel-margin-left** - The margin left of the step expansion panel. Defaults to 60px. _(default: undefined)_\n- **--forge-step-expansion-panel-margin-top** - The margin top of the step expansion panel. Defaults to 4px. _(default: undefined)_\n- **--forge-step-expansion-panel-icon-color** - The color of the step expansion panel icon. Defaults to the text-medium theme. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element.\n- **step** - The step container element.\n- **before** - The line before the step.\n- **after** - The line after the step.\n- **icon-container** - The icon container element.\n- **icon-content** - The icon content element.\n- **icon** - The icon element.\n- **index** - The index content container.\n- **text-container** - The text container element.\n- **title-container** - The title container element.\n- **subtitle-container** - The subtitle container element.\n- **state-layer** - The state layer surface element.\n- **focus-indicator** - The focus indicator element.",
-      "attributes": [
-        {
-          "name": "alternative",
-          "description": "Whether the step is in alternative mode.",
-          "values": []
-        },
-        {
-          "name": "completed",
-          "description": "Whether the step is completed.",
-          "values": []
-        },
-        {
-          "name": "editable",
-          "description": "Whether the step is editable.",
-          "values": []
-        },
-        {
-          "name": "error",
-          "description": "Whether the step has an error.",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "description": "Whether the step is selected.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the step is disabled.",
-          "values": []
-        },
-        {
-          "name": "vertical",
-          "description": "Whether the step is in vertical mode.",
-          "values": []
-        },
-        {
-          "name": "expanded",
-          "description": "Whether the step is expanded.",
-          "values": []
-        },
-        {
-          "name": "ignore-user-expansion",
-          "description": "Whether the step should ignore user expansion.",
-          "values": []
-        },
-        {
-          "name": "index",
-          "description": "The index of the step.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-stepper",
       "description": "\n---\n\n\n### **Events:**\n - **forge-step-select** - Emits the index when a step is selected.\n- **forge-step-expanded-content-focusin** - Emits the step component when the expanded content is focused.\n- **forge-step-expanded-content-focusout** - Emits the step component when the expanded content is blurred.",
@@ -3832,6 +3775,69 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-step",
+      "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the step.\n- **optional** - The optional content of the step.\n- **expansion-content** - The content of the step expansion.\n\n### **CSS Properties:**\n - **--forge-step-primary-color** - The primary color of the step. Defaults to the primary theme. _(default: undefined)_\n- **--forge-step-text-color** - The text color of the step. Defaults to the on-primary theme. _(default: undefined)_\n- **--forge-step-border-radius** - The border radius of the step. Defaults to the extra-large shape. _(default: undefined)_\n- **--forge-step-border-radius-vertical** - The border radius of the step in vertical mode. Defaults to the medium shape. _(default: undefined)_\n- **--forge-step-disabled-text-color** - The text color of the step when disabled. Defaults to the text-low theme. _(default: undefined)_\n- **--forge-step-disabled-color** - The color of the step when disabled. Defaults to the surface-container-minimum theme. _(default: undefined)_\n- **--forge-step-icon-fill** - The fill color of the step icon. Defaults to unset. _(default: undefined)_\n- **--forge-step-icon-fill-active** - The fill color of the step icon when active. Defaults to the primary color. _(default: undefined)_\n- **--forge-step-icon-text-color** - The text color of the step icon. Defaults to the primary theme. _(default: undefined)_\n- **--forge-step-icon-text-color-active** - The text color of the step icon when active. Defaults to the on-primary theme. _(default: undefined)_\n- **--forge-step-icon-content-size** - The size of the step icon content. Defaults to 24px. _(default: undefined)_\n- **--forge-step-icon-size** - The size of the step icon. Defaults to 0.875em. _(default: undefined)_\n- **--forge-step-icon-transition-duration** - The duration of the step icon transition. Defaults to the medium4 animation duration. _(default: undefined)_\n- **--forge-step-icon-transition-easing** - The easing of the step icon transition. Defaults to the standard animation easing. _(default: undefined)_\n- **--forge-step-line-color** - The color of the step line. Defaults to the outline theme. _(default: undefined)_\n- **--forge-step-line-min-width** - The minimum width of the step line. Defaults to 10px. _(default: undefined)_\n- **--forge-step-line-min-width-clustered** - The minimum width of the step line when clustered. Defaults to 25px. _(default: undefined)_\n- **--forge-step-label-color** - The color of the step label. Defaults to the text-high theme. _(default: undefined)_\n- **--forge-step-sub-label-color** - The color of the step sub-label. Defaults to the text-medium theme. _(default: undefined)_\n- **--forge-step-error-color** - The color of the step error. Defaults to the error theme. _(default: undefined)_\n- **--forge-step-error-text-color** - The text color of the step error. Defaults to the on-error theme. _(default: undefined)_\n- **--forge-step-expansion-panel-border-left-width** - The border left width of the step expansion panel. Defaults to 1px. _(default: undefined)_\n- **--forge-step-expansion-panel-margin-bottom** - The margin bottom of the step expansion panel. Defaults to 4px. _(default: undefined)_\n- **--forge-step-expansion-panel-margin-left** - The margin left of the step expansion panel. Defaults to 60px. _(default: undefined)_\n- **--forge-step-expansion-panel-margin-top** - The margin top of the step expansion panel. Defaults to 4px. _(default: undefined)_\n- **--forge-step-expansion-panel-icon-color** - The color of the step expansion panel icon. Defaults to the text-medium theme. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element.\n- **step** - The step container element.\n- **before** - The line before the step.\n- **after** - The line after the step.\n- **icon-container** - The icon container element.\n- **icon-content** - The icon content element.\n- **icon** - The icon element.\n- **index** - The index content container.\n- **text-container** - The text container element.\n- **title-container** - The title container element.\n- **subtitle-container** - The subtitle container element.\n- **state-layer** - The state layer surface element.\n- **focus-indicator** - The focus indicator element.",
+      "attributes": [
+        {
+          "name": "alternative",
+          "description": "Whether the step is in alternative mode.",
+          "values": []
+        },
+        {
+          "name": "completed",
+          "description": "Whether the step is completed.",
+          "values": []
+        },
+        {
+          "name": "editable",
+          "description": "Whether the step is editable.",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Whether the step has an error.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Whether the step is selected.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the step is disabled.",
+          "values": []
+        },
+        {
+          "name": "vertical",
+          "description": "Whether the step is in vertical mode.",
+          "values": []
+        },
+        {
+          "name": "expanded",
+          "description": "Whether the step is expanded.",
+          "values": []
+        },
+        {
+          "name": "ignore-user-expansion",
+          "description": "Whether the step should ignore user expansion.",
+          "values": []
+        },
+        {
+          "name": "index",
+          "description": "The index of the step.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-view",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "forge-tab-bar",
       "description": "Tabs organize content across different screens and views.\n---\n\n\n### **Events:**\n - **forge-tab-bar-change** - Dispatches when the active tab changes.\n\n### **CSS Properties:**\n - **--forge-tab-bar-justify** - The `justify-content` value for the tab bar flex container. _(default: undefined)_\n- **--forge-tab-bar-stretch** - The `flex` value for the child `<forge-tab>` elements. _(default: undefined)_\n- **--forge-tab-bar-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-tab-bar-divider-thickness** - The thickness of the divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The container element.\n- **scroll-container** - The scroll container element.",
@@ -3878,12 +3884,6 @@
         }
       ],
       "references": []
-    },
-    {
-      "name": "forge-view",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
     }
   ]
 }