@tylertech/forge 3.5.0 → 3.6.0-dev.0

package/dist/list/forge-list.css

@@ -439,6 +439,7 @@
     border-radius: inherit;
     opacity: var(--_list-item-selected-opacity);
     background-color: var(--_list-item-selected-background);
+    pointer-events: none;
   }
   .forge-list-item--selected .forge-list-item__start {
     color: var(--_list-item-start-selected-color);

package/dist/radio/forge-radio.css

@@ -23,6 +23,7 @@
   --_radio-mark-color: var(--forge-radio-mark-color, var(--_radio-primary-color));
   --_radio-gap: var(--forge-radio-gap, 0);
   --_radio-justify: var(--forge-radio-justify, start);
+  --_radio-align: var(--forge-radio-align, center);
   --_radio-direction: var(--forge-radio-direction, initial);
   --_radio-state-layer-width: var(--forge-radio-state-layer-width, var(--_radio-state-layer-size));
   --_radio-state-layer-height: var(--forge-radio-state-layer-height, var(--_radio-state-layer-size));
@@ -138,6 +139,7 @@
   align-items: center;
   justify-content: center;
   display: flex;
+  flex-shrink: 0;
   border-radius: var(--_radio-shape);
   inline-size: var(--_radio-state-layer-width);
   block-size: var(--_radio-state-layer-height);

package/dist/switch/forge-switch.css

@@ -41,6 +41,7 @@
   --_switch-icon-off-scale: var(--forge-switch-icon-off-scale, var(--_switch-icon-scale));
   --_switch-gap: var(--forge-switch-gap, 0);
   --_switch-justify: var(--forge-switch-justify, start);
+  --_switch-align: var(--forge-switch-align, center);
   --_switch-direction: var(--forge-switch-direction, initial);
   --_switch-state-layer-width: var(--forge-switch-state-layer-width, var(--_switch-state-layer-size));
   --_switch-state-layer-height: var(--forge-switch-state-layer-height, var(--_switch-state-layer-size));
@@ -76,6 +77,7 @@
   position: relative;
   align-items: center;
   display: flex;
+  flex-shrink: 0;
   block-size: max(var(--_switch-handle-height), var(--_switch-track-height), var(--_switch-current-state-layer-height));
   cursor: pointer;
   outline: none;

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

@@ -637,6 +637,11 @@
       "description": "How the checkbox and label are distributed along their main axis.",
       "values": []
     },
+    {
+      "name": "--forge-checkbox-align",
+      "description": "How the checkbox and label are distributed along their cross axis.",
+      "values": []
+    },
     {
       "name": "--forge-checkbox-direction",
       "description": "Whether the checkbox and label are arranged along the inline or block axis.",
@@ -3137,6 +3142,11 @@
       "description": "How the switch and label are distributed along their main axis.",
       "values": []
     },
+    {
+      "name": "--forge-switch-align",
+      "description": "How the switch and label are distributed along their cross axis.",
+      "values": []
+    },
     {
       "name": "--forge-switch-direction",
       "description": "Whether the switch and label are arranged along the inline or block axis.",
@@ -4757,6 +4767,11 @@
       "description": "The alignment of the radio button and its label in the inline direction.",
       "values": []
     },
+    {
+      "name": "--forge-radio-align",
+      "description": "The alignment of the radio button and its label in the block direction.",
+      "values": []
+    },
     {
       "name": "--forge-radio-direction",
       "description": "The direction of the radio button and its label.",

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

@@ -417,7 +417,7 @@
     },
     {
       "name": "forge-checkbox",
-      "description": "Checkboxes select single values for submission in a form.\n---\n\n\n### **Events:**\n - **change** - Dispatches when the checkbox is checked or unchecked.\n\n### **Methods:**\n - **toggle(force: _boolean_): _void_** - Toggles the checkbox checked or unchecked.\n\n### **CSS Properties:**\n - **--forge-checkbox-background** - The color of the checkbox background when unchecked and not indeterminate. _(default: undefined)_\n- **--forge-checkbox-width** - The inline size of the checkbox. _(default: undefined)_\n- **--forge-checkbox-height** - The block size of the checkbox. _(default: undefined)_\n- **--forge-checkbox-unchecked-border-width** - The width of the checkbox border when unchecked and not indeterminate. _(default: undefined)_\n- **--forge-checkbox-unchecked-border-color** - The color of the checkbox border when unchecked and not indeterminate. _(default: undefined)_\n- **--forge-checkbox-shape** - The shape of the checkbox. _(default: undefined)_\n- **--forge-checkbox-elevation** - The shadow of the checkbox. _(default: undefined)_\n- **--forge-checkbox-gap** - The space between the checkbox and label. _(default: undefined)_\n- **--forge-checkbox-justify** - How the checkbox and label are distributed along their main axis. _(default: undefined)_\n- **--forge-checkbox-direction** - Whether the checkbox and label are arranged along the inline or block axis. _(default: undefined)_\n- **--forge-checkbox-checked-background** - The color of the checkbox background when checked or indeterminate. _(default: undefined)_\n- **--forge-checkbox-checked-border-width** - The width of the checkbox border when checked or indeterminate. _(default: undefined)_\n- **--forge-checkbox-checked-border-color** - The color of the checkbox border when checked or indeterminate. _(default: undefined)_\n- **--forge-checkbox-icon-checked-color** - The color of the checkmark mark. _(default: undefined)_\n- **--forge-checkbox-icon-indeterminate-color** - The color of the indeterminate mark. _(default: undefined)_\n- **--forge-checkbox-icon-stroke-width** - The stroke width of the checkmark and indeterminate marks. _(default: undefined)_\n- **--forge-checkbox-state-layer-width** - The inline size of the state layer. _(default: undefined)_\n- **--forge-checkbox-state-layer-height** - The block size of the state layer. _(default: undefined)_\n- **--forge-checkbox-state-layer-checked-color** - The color of the state layer when checked. _(default: undefined)_\n- **--forge-checkbox-state-layer-unchecked-color** - The color of the state layer when unchecked. _(default: undefined)_\n- **--forge-checkbox-state-layer-shape** - The shape of the state layer. _(default: undefined)_\n- **--forge-checkbox-state-layer-dense-width** - The inline size of the state layer when dense. _(default: undefined)_\n- **--forge-checkbox-state-layer-dense-height** - The block size of the state layer when dense. _(default: undefined)_\n- **--forge-checkbox-disabled-opacity** - The opacity when disabled. _(default: undefined)_\n- **--forge-checkbox-animation-duration** - The duration of animations. _(default: undefined)_\n- **--forge-checkbox-background-animation-timing** - The timing function of the background animations. _(default: undefined)_\n- **--forge-checkbox-icon-animation-timing** - The timing function of the checked and indeterminate icons animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - Styles the root element.\n- **background** - Styles the checkbox background element.\n- **checkmark** - Styles the checkmark element.\n- **mixedmark** - Styles the indeterminate mark element.\n- **label** - Styles the label element.\n- **state-layer** - Styles the state layer element.\n- **focus-indicator** - Styles the focus indicator element.",
+      "description": "Checkboxes select single values for submission in a form.\n---\n\n\n### **Events:**\n - **change** - Dispatches when the checkbox is checked or unchecked.\n\n### **Methods:**\n - **toggle(force: _boolean_): _void_** - Toggles the checkbox checked or unchecked.\n\n### **CSS Properties:**\n - **--forge-checkbox-background** - The color of the checkbox background when unchecked and not indeterminate. _(default: undefined)_\n- **--forge-checkbox-width** - The inline size of the checkbox. _(default: undefined)_\n- **--forge-checkbox-height** - The block size of the checkbox. _(default: undefined)_\n- **--forge-checkbox-unchecked-border-width** - The width of the checkbox border when unchecked and not indeterminate. _(default: undefined)_\n- **--forge-checkbox-unchecked-border-color** - The color of the checkbox border when unchecked and not indeterminate. _(default: undefined)_\n- **--forge-checkbox-shape** - The shape of the checkbox. _(default: undefined)_\n- **--forge-checkbox-elevation** - The shadow of the checkbox. _(default: undefined)_\n- **--forge-checkbox-gap** - The space between the checkbox and label. _(default: undefined)_\n- **--forge-checkbox-justify** - How the checkbox and label are distributed along their main axis. _(default: undefined)_\n- **--forge-checkbox-align** - How the checkbox and label are distributed along their cross axis. _(default: undefined)_\n- **--forge-checkbox-direction** - Whether the checkbox and label are arranged along the inline or block axis. _(default: undefined)_\n- **--forge-checkbox-checked-background** - The color of the checkbox background when checked or indeterminate. _(default: undefined)_\n- **--forge-checkbox-checked-border-width** - The width of the checkbox border when checked or indeterminate. _(default: undefined)_\n- **--forge-checkbox-checked-border-color** - The color of the checkbox border when checked or indeterminate. _(default: undefined)_\n- **--forge-checkbox-icon-checked-color** - The color of the checkmark mark. _(default: undefined)_\n- **--forge-checkbox-icon-indeterminate-color** - The color of the indeterminate mark. _(default: undefined)_\n- **--forge-checkbox-icon-stroke-width** - The stroke width of the checkmark and indeterminate marks. _(default: undefined)_\n- **--forge-checkbox-state-layer-width** - The inline size of the state layer. _(default: undefined)_\n- **--forge-checkbox-state-layer-height** - The block size of the state layer. _(default: undefined)_\n- **--forge-checkbox-state-layer-checked-color** - The color of the state layer when checked. _(default: undefined)_\n- **--forge-checkbox-state-layer-unchecked-color** - The color of the state layer when unchecked. _(default: undefined)_\n- **--forge-checkbox-state-layer-shape** - The shape of the state layer. _(default: undefined)_\n- **--forge-checkbox-state-layer-dense-width** - The inline size of the state layer when dense. _(default: undefined)_\n- **--forge-checkbox-state-layer-dense-height** - The block size of the state layer when dense. _(default: undefined)_\n- **--forge-checkbox-disabled-opacity** - The opacity when disabled. _(default: undefined)_\n- **--forge-checkbox-animation-duration** - The duration of animations. _(default: undefined)_\n- **--forge-checkbox-background-animation-timing** - The timing function of the background animations. _(default: undefined)_\n- **--forge-checkbox-icon-animation-timing** - The timing function of the checked and indeterminate icons animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - Styles the root element.\n- **background** - Styles the checkbox background element.\n- **checkmark** - Styles the checkmark element.\n- **mixedmark** - Styles the indeterminate mark element.\n- **label** - Styles the label element.\n- **state-layer** - Styles the state layer element.\n- **focus-indicator** - Styles the focus indicator element.",
       "attributes": [
         {
           "name": "checked",
@@ -834,6 +834,16 @@
           "name": "placement",
           "description": "The placement of the dialog.",
           "values": [{ "name": "DialogPlacement" }]
+        },
+        {
+          "name": "label",
+          "description": "The accessible label of the dialog.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The accessible description of the dialog.",
+          "values": []
         }
       ],
       "references": []
@@ -1154,56 +1164,26 @@
     },
     {
       "name": "forge-icon-button",
-      "description": "Icons buttons are used to trigger an action or event.\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.",
+      "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": "toggle",
-          "description": "Whether or not the icon button can be toggled.",
-          "values": []
-        },
-        {
-          "name": "on",
-          "description": "Whether or not the button is on. Only applies when `toggle` is `true`.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.",
-          "values": [{ "name": "IconButtonVariant" }]
-        },
-        {
-          "name": "theme",
-          "description": "The theme of the button. Valid values are `default`, `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.",
-          "values": [{ "name": "IconButtonTheme" }]
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the button. Valid values are `circular` and `squared`.",
-          "values": []
-        },
-        {
-          "name": "density",
-          "description": "The density of the button. Valid values are `small`, `medium`, and `large`.",
-          "values": [{ "name": "IconButtonDensity" }]
-        },
         {
           "name": "type",
-          "description": "The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.",
+          "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
           "values": [{ "name": "ButtonType" }]
         },
         {
           "name": "disabled",
-          "description": "Whether or not the button is disabled.",
+          "description": "Disables the button.",
           "values": []
         },
         {
           "name": "popover-icon",
-          "description": "Whether or not the button shows a built-in popover icon.",
+          "description": "Shows a popover icon on the button.",
           "values": []
         },
         {
           "name": "dense",
-          "description": "Whether or not the button is dense.",
+          "description": "Sets the density of the button.",
           "values": []
         },
         {
@@ -1213,7 +1193,7 @@
         },
         {
           "name": "value",
-          "description": "The form value of the button.",
+          "description": "The value of the button.",
           "values": []
         }
       ],
@@ -1993,7 +1973,7 @@
     },
     {
       "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-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.",
+      "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.",
       "attributes": [
         {
           "name": "on",
@@ -3203,7 +3183,7 @@
     },
     {
       "name": "forge-radio",
-      "description": "The Forge Radio component is used to create a form input where only one out of a set of\nvalues should be selected.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the label text.\n\n### **CSS Properties:**\n - **--forge-radio-primary-color** - The primary color of the radio button when checked. _(default: undefined)_\n- **--forge-radio-inactive-color** - The color of the radio button when unchecked. _(default: undefined)_\n- **--forge-radio-size** - The size of the radio button in the inline and block directions. _(default: undefined)_\n- **--forge-radio-width** - The width of the radio button. _(default: undefined)_\n- **--forge-radio-height** - The height of the radio button. _(default: undefined)_\n- **--forge-radio-border-width** - The width of the radio button's border. _(default: undefined)_\n- **--forge-radio-unchecked-border-color** - The color of the radio button's border when unchecked. _(default: undefined)_\n- **--forge-radio-checked-border-color** - The color of the radio button's border when checked. _(default: undefined)_\n- **--forge-radio-background** - The background of the radio button. _(default: undefined)_\n- **--forge-radio-shape** - The shape of the radio button. _(default: undefined)_\n- **--forge-radio-mark-size** - The size of the radio button's mark in the inline and block directions. _(default: undefined)_\n- **--forge-radio-mark-width** - The width of the radio button's mark. _(default: undefined)_\n- **--forge-radio-mark-height** - The height of the radio button's mark. _(default: undefined)_\n- **--forge-radio-mark-color** - The color of the radio button's mark. _(default: undefined)_\n- **--forge-radio-gap** - The gap between the radio button and its label. _(default: undefined)_\n- **--forge-radio-justify** - The alignment of the radio button and its label in the inline direction. _(default: undefined)_\n- **--forge-radio-direction** - The direction of the radio button and its label. _(default: undefined)_\n- **--forge-radio-state-layer-size** - The size of the radio button's state layer in the inline and block directions. _(default: undefined)_\n- **--forge-radio-state-layer-width** - The width of the radio button's state layer. _(default: undefined)_\n- **--forge-radio-state-layer-height** - The height of the radio button's state layer. _(default: undefined)_\n- **--forge-radio-state-layer-unchecked** - color - The color of the radio button's state layer when unchecked. _(default: undefined)_\n- **--forge-radio-state-layer-checked-color** - The color of the radio button's state layer when checked. _(default: undefined)_\n- **--forge-radio-state-layer-shape** - The shape of the radio button's state layer. _(default: undefined)_\n- **--forge-radio-state-layer-dense-size** - The size of the radio button's state layer when dense. _(default: undefined)_\n- **--forge-radio-state-layer-dense-width** - The width of the radio button's state layer when dense. _(default: undefined)_\n- **--forge-radio-state-layer-dense-height** - The height of the radio button's state layer when dense. _(default: undefined)_\n- **--forge-radio-disabled-opacity** - The opacity of the radio button when disabled. _(default: undefined)_\n- **--forge-radio-animation-duration** - The duration of the radio button's animations. _(default: undefined)_\n- **--forge-radio-animation-timing-function** - The timing function of the radio button's animations. _(default: undefined)_\n- **--forge-radio-animation-delay** - The delay of the radio button's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - Styles the radio's root element.\n- **background** - Styles the border and background of the radio.\n- **focus-indicator** - Styles the focus indicator of the radio.\n- **state-layer** - Styles the state layer of the radio.",
+      "description": "The Forge Radio component is used to create a form input where only one out of a set of\nvalues should be selected.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the label text.\n\n### **CSS Properties:**\n - **--forge-radio-primary-color** - The primary color of the radio button when checked. _(default: undefined)_\n- **--forge-radio-inactive-color** - The color of the radio button when unchecked. _(default: undefined)_\n- **--forge-radio-size** - The size of the radio button in the inline and block directions. _(default: undefined)_\n- **--forge-radio-width** - The width of the radio button. _(default: undefined)_\n- **--forge-radio-height** - The height of the radio button. _(default: undefined)_\n- **--forge-radio-border-width** - The width of the radio button's border. _(default: undefined)_\n- **--forge-radio-unchecked-border-color** - The color of the radio button's border when unchecked. _(default: undefined)_\n- **--forge-radio-checked-border-color** - The color of the radio button's border when checked. _(default: undefined)_\n- **--forge-radio-background** - The background of the radio button. _(default: undefined)_\n- **--forge-radio-shape** - The shape of the radio button. _(default: undefined)_\n- **--forge-radio-mark-size** - The size of the radio button's mark in the inline and block directions. _(default: undefined)_\n- **--forge-radio-mark-width** - The width of the radio button's mark. _(default: undefined)_\n- **--forge-radio-mark-height** - The height of the radio button's mark. _(default: undefined)_\n- **--forge-radio-mark-color** - The color of the radio button's mark. _(default: undefined)_\n- **--forge-radio-gap** - The gap between the radio button and its label. _(default: undefined)_\n- **--forge-radio-justify** - The alignment of the radio button and its label in the inline direction. _(default: undefined)_\n- **--forge-radio-align** - The alignment of the radio button and its label in the block direction. _(default: undefined)_\n- **--forge-radio-direction** - The direction of the radio button and its label. _(default: undefined)_\n- **--forge-radio-state-layer-size** - The size of the radio button's state layer in the inline and block directions. _(default: undefined)_\n- **--forge-radio-state-layer-width** - The width of the radio button's state layer. _(default: undefined)_\n- **--forge-radio-state-layer-height** - The height of the radio button's state layer. _(default: undefined)_\n- **--forge-radio-state-layer-unchecked** - color - The color of the radio button's state layer when unchecked. _(default: undefined)_\n- **--forge-radio-state-layer-checked-color** - The color of the radio button's state layer when checked. _(default: undefined)_\n- **--forge-radio-state-layer-shape** - The shape of the radio button's state layer. _(default: undefined)_\n- **--forge-radio-state-layer-dense-size** - The size of the radio button's state layer when dense. _(default: undefined)_\n- **--forge-radio-state-layer-dense-width** - The width of the radio button's state layer when dense. _(default: undefined)_\n- **--forge-radio-state-layer-dense-height** - The height of the radio button's state layer when dense. _(default: undefined)_\n- **--forge-radio-disabled-opacity** - The opacity of the radio button when disabled. _(default: undefined)_\n- **--forge-radio-animation-duration** - The duration of the radio button's animations. _(default: undefined)_\n- **--forge-radio-animation-timing-function** - The timing function of the radio button's animations. _(default: undefined)_\n- **--forge-radio-animation-delay** - The delay of the radio button's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - Styles the radio's root element.\n- **background** - Styles the border and background of the radio.\n- **focus-indicator** - Styles the focus indicator of the radio.\n- **state-layer** - Styles the state layer of the radio.",
       "attributes": [
         {
           "name": "checked",
@@ -3344,6 +3324,68 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-select-dropdown",
+      "description": "\n---\n\n\n### **Methods:**\n - **appendOptions(options: _ISelectOption[] | ISelectOptionGroup[]_): _void_** - Dynamically appends options to the dropdown while it's open.\n- **selectAll(): _void_** - Selects all options.\n- **deselectAll(): _void_** - Deselects all options.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Gets/sets the value.",
+          "values": []
+        },
+        {
+          "name": "selected-index",
+          "description": "Gets/sets the selected index.",
+          "values": [{ "name": "number[]" }]
+        },
+        {
+          "name": "multiple",
+          "description": "Gets/sets the multiple select state.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Gets the open state of the dropdown.",
+          "values": []
+        },
+        {
+          "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": []
+        },
+        {
+          "name": "option-limit",
+          "description": "Gets/sets the maximum number of options to display in the dropdown.",
+          "values": []
+        },
+        {
+          "name": "observe-scroll",
+          "description": "Controls the observation of scroll events on the dropdown.",
+          "values": []
+        },
+        {
+          "name": "observe-scroll-threshold",
+          "description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
+          "values": []
+        },
+        {
+          "name": "constrain-popup-width",
+          "description": "Gets/sets whether the popup width will be constrained to a max width of the viewport width (default: `100vw`).",
+          "values": []
+        },
+        {
+          "name": "wrap-option-text",
+          "description": "Gets/sets whether the options will wrap their text or not.\nThis only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-select",
       "description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\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- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **focus-indicator** - The focus indicator element.",
@@ -3451,68 +3493,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-select-dropdown",
-      "description": "\n---\n\n\n### **Methods:**\n - **appendOptions(options: _ISelectOption[] | ISelectOptionGroup[]_): _void_** - Dynamically appends options to the dropdown while it's open.\n- **selectAll(): _void_** - Selects all options.\n- **deselectAll(): _void_** - Deselects all options.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "Gets/sets the value.",
-          "values": []
-        },
-        {
-          "name": "selected-index",
-          "description": "Gets/sets the selected index.",
-          "values": [{ "name": "number[]" }]
-        },
-        {
-          "name": "multiple",
-          "description": "Gets/sets the multiple select state.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Gets the open state of the dropdown.",
-          "values": []
-        },
-        {
-          "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": []
-        },
-        {
-          "name": "option-limit",
-          "description": "Gets/sets the maximum number of options to display in the dropdown.",
-          "values": []
-        },
-        {
-          "name": "observe-scroll",
-          "description": "Controls the observation of scroll events on the dropdown.",
-          "values": []
-        },
-        {
-          "name": "observe-scroll-threshold",
-          "description": "The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true.",
-          "values": []
-        },
-        {
-          "name": "constrain-popup-width",
-          "description": "Gets/sets whether the popup width will be constrained to a max width of the viewport width (default: `100vw`).",
-          "values": []
-        },
-        {
-          "name": "wrap-option-text",
-          "description": "Gets/sets whether the options will wrap their text or not.\nThis only applies if `constrainPopupWidth` is `true`, if there is an explicit width set via CSS.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-split-view",
       "description": "\n---\n\n\n### **Methods:**\n - **layerSlottedPanels(target: _ISplitViewPanelComponent_): _void_** - Arranges split view panels to avoid overlapping during animations.\n- **unlayerSlottedPanels(): _void_** - Removes presentation data set during an animation.\n- **update(config: _ISplitViewUpdateConfig_): _void_** - Updates the provided characteristics of each slotted panel.\n- **refit(): _void_** - Resizes panels within the split view to avoid overflow.",
@@ -3781,11 +3761,6 @@
           "name": "scroll-buttons",
           "description": "Controls whether scroll buttons are displayed when the tabs overflow their container.",
           "values": []
-        },
-        {
-          "name": "data-aria-label",
-          "description": "The ARIA label to forward to the internal tablist element.",
-          "values": []
         }
       ],
       "references": []

package/esm/app-bar/profile-button/app-bar-profile-button.js

@@ -10,7 +10,7 @@ import { AppBarProfileButtonCore } from './app-bar-profile-button-core';
 import { APP_BAR_PROFILE_BUTTON_CONSTANTS } from './app-bar-profile-button-constants';
 import { ProfileCardComponent } from '../../profile-card';
 import { IconButtonComponent } from '../../icon-button';
-import { AvatarComponent } from '../../avatar';
+import { defineAvatarComponent } from '../../avatar';
 import { TooltipComponent } from '../../tooltip';
 import { BaseComponent } from '../../core/base/base-component';
 import { PopoverComponent } from '../../popover/popover';
@@ -119,6 +119,9 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
         return this._core.popupElement;
     }
 };
+(() => {
+    defineAvatarComponent();
+})();
 __decorate([
     coreProperty()
 ], AppBarProfileButtonComponent.prototype, "fullName", void 0);
@@ -158,7 +161,7 @@ __decorate([
 AppBarProfileButtonComponent = __decorate([
     customElement({
         name: APP_BAR_PROFILE_BUTTON_CONSTANTS.elementName,
-        dependencies: [PopoverComponent, ProfileCardComponent, IconButtonComponent, AvatarComponent, TooltipComponent]
+        dependencies: [PopoverComponent, ProfileCardComponent, IconButtonComponent, TooltipComponent]
     })
 ], AppBarProfileButtonComponent);
 export { AppBarProfileButtonComponent };

package/esm/avatar/avatar-constants.d.ts

@@ -13,11 +13,4 @@ export declare const AVATAR_CONSTANTS: {
     numbers: {
         DEFAULT_LETTER_COUNT: number;
     };
-    selectors: {
-        ROOT: string;
-        DEFAULT_SLOT: string;
-    };
-    strings: {
-        BACKGROUND_VARNAME: string;
-    };
 };

package/esm/avatar/avatar-constants.js

@@ -13,17 +13,8 @@ const attributes = {
 const numbers = {
     DEFAULT_LETTER_COUNT: 2
 };
-const selectors = {
-    ROOT: '.forge-avatar',
-    DEFAULT_SLOT: '.forge-avatar > slot:not([name])'
-};
-const strings = {
-    BACKGROUND_VARNAME: '--forge-avatar-background'
-};
 export const AVATAR_CONSTANTS = {
     elementName,
     attributes,
-    numbers,
-    selectors,
-    strings
+    numbers
 };

package/esm/avatar/avatar.d.ts

@@ -3,8 +3,8 @@
  * Copyright Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
-export interface IAvatarComponent extends IBaseComponent {
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+export interface IAvatarComponent extends LitElement {
     text: string;
     letterCount: number;
     imageUrl: string;
@@ -14,23 +14,12 @@ declare global {
         'forge-avatar': IAvatarComponent;
     }
 }
+export declare const AVATAR_TAG_NAME = "forge-avatar";
 /**
  * @tag forge-avatar
  *
  * @summary Avatars represent an entity via text or image.
  *
- * @description The avatar component allows you to provide text or images to display that represent an entity. By default, the
- * avatar will display textual content as single characters (character count is configurable), or display an image or
- * icon based on the URL provided to it.
- *
- * @property {string} [text=""] - The text to display in the avatar.
- * @property {number} [letterCount=2] - Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
- * @property {string} imageUrl - The background image URL to use.
- *
- * @attribute {string} [text=""] - The text to display in the avatar.
- * @attribute {string} [letter-count=2] - Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
- * @attribute {string} image-url - The background image URL to use.
- *
  * @cssproperty {string} --forge-avatar-background - The background color of the avatar.
  * @cssproperty {number} --forge-avatar-shape - The border radius of the avatar, defaults to 50%.
  * @cssproperty {color} --forge-avatar-color - The text color of the avatar.
@@ -44,14 +33,28 @@ declare global {
  *
  * @cssclass forge-avatar - The avatar class _(required)_.
  */
-export declare class AvatarComponent extends BaseComponent implements IAvatarComponent {
-    static get observedAttributes(): string[];
-    private _core;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+export declare class AvatarComponent extends LitElement implements IAvatarComponent {
+    static styles: import("lit").CSSResult;
+    /**
+     * The text to display in the avatar.
+     * @default ''
+     * @attribute
+     */
     text: string;
+    /**
+     * Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.
+     * @default 2
+     * @attribute letter-count
+     */
     letterCount: number;
+    /**
+     * The background image URL to use.
+     * @default ''
+     * @attribute image-url
+     */
     imageUrl: string;
+    private _image;
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    render(): TemplateResult;
+    private _tryLoadImage;
 }