@nasa-terra/components 0.0.160 → 0.0.162

package/dist/custom-elements.json

@@ -482,7 +482,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'info'\n        | 'danger'"
               },
               "default": "'primary'",
               "description": "The badge's theme variant.",
@@ -516,7 +516,7 @@
             {
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'info'\n        | 'danger'"
               },
               "default": "'primary'",
               "description": "The badge's theme variant.",
@@ -566,6 +566,114 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/breadcrumb/breadcrumb.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraBreadcrumb",
+          "cssProperties": [
+            {
+              "description": "The text color of inactive breadcrumbs.",
+              "name": "--terra-breadcrumb-color"
+            },
+            {
+              "description": "The text color of the current (last) breadcrumb.",
+              "name": "--terra-breadcrumb-color-current"
+            },
+            {
+              "description": "The text color of visited breadcrumb links.",
+              "name": "--terra-breadcrumb-color-visited"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The breadcrumb link element.",
+              "name": "link"
+            },
+            {
+              "description": "The breadcrumb label element when not a link.",
+              "name": "label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "current",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
+              "attribute": "current",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
+              "fieldName": "href"
+            },
+            {
+              "name": "current",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
+              "fieldName": "current"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A single breadcrumb item used inside `terra-breadcrumbs`.",
+          "tagNameWithoutPrefix": "breadcrumb",
+          "tagName": "terra-breadcrumb",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A single breadcrumb item used inside `terra-breadcrumbs`.\n * @documentation https://terra-ui.netlify.app/components/breadcrumb\n * @status stable\n * @since 1.0\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n * @csspart link - The breadcrumb link element.\n * @csspart label - The breadcrumb label element when not a link.\n *\n * @cssproperty --terra-breadcrumb-color - The text color of inactive breadcrumbs.\n * @cssproperty --terra-breadcrumb-color-current - The text color of the current (last) breadcrumb.\n * @cssproperty --terra-breadcrumb-color-visited - The text color of visited breadcrumb links.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/breadcrumb",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/avatar/avatar.js",
@@ -767,114 +875,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraBreadcrumb",
-          "cssProperties": [
-            {
-              "description": "The text color of inactive breadcrumbs.",
-              "name": "--terra-breadcrumb-color"
-            },
-            {
-              "description": "The text color of the current (last) breadcrumb.",
-              "name": "--terra-breadcrumb-color-current"
-            },
-            {
-              "description": "The text color of visited breadcrumb links.",
-              "name": "--terra-breadcrumb-color-visited"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The breadcrumb link element.",
-              "name": "link"
-            },
-            {
-              "description": "The breadcrumb label element when not a link.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
-              "attribute": "href"
-            },
-            {
-              "kind": "field",
-              "name": "current",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
-              "attribute": "current",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
-              "fieldName": "href"
-            },
-            {
-              "name": "current",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
-              "fieldName": "current"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A single breadcrumb item used inside `terra-breadcrumbs`.",
-          "tagNameWithoutPrefix": "breadcrumb",
-          "tagName": "terra-breadcrumb",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A single breadcrumb item used inside `terra-breadcrumbs`.\n * @documentation https://terra-ui.netlify.app/components/breadcrumb\n * @status stable\n * @since 1.0\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n * @csspart link - The breadcrumb link element.\n * @csspart label - The breadcrumb label element when not a link.\n *\n * @cssproperty --terra-breadcrumb-color - The text color of inactive breadcrumbs.\n * @cssproperty --terra-breadcrumb-color-current - The text color of the current (last) breadcrumb.\n * @cssproperty --terra-breadcrumb-color-visited - The text color of visited breadcrumb links.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/breadcrumb",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/breadcrumbs/breadcrumbs.js",
@@ -13224,429 +13224,243 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/radio-group/radio-group.js",
+      "path": "components/scroll-hint/scroll-hint.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraRadioGroup",
+          "name": "TerraScrollHint",
           "cssProperties": [
             {
-              "description": "All radio group design tokens from horizon.css are supported.",
-              "name": "--terra-radio-group-*"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
+              "description": "The background color of the icon circle.",
+              "name": "--terra-scroll-hint-icon-background-color"
             },
             {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
+              "description": "The color of the chevron icon.",
+              "name": "--terra-scroll-hint-icon-color"
             },
             {
-              "description": "The input's wrapper.",
-              "name": "form-control-input"
+              "description": "The color of the text.",
+              "name": "--terra-scroll-hint-text-color"
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
+              "description": "The color of the pulsing ring.",
+              "name": "--terra-scroll-hint-ring-color"
             }
           ],
-          "slots": [
+          "cssParts": [
             {
-              "description": "The default slot where `<terra-radio>` elements are placed.",
-              "name": ""
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "description": "The clickable button element.",
+              "name": "button"
             },
             {
-              "description": "Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "protected",
-              "readonly": true,
-              "default": "new FormControlController(this)"
+              "description": "The container for the icon and pulsing ring.",
+              "name": "icon-container"
             },
             {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(\n        this,\n        'help-text',\n        'label'\n    )"
+              "description": "The chevron icon.",
+              "name": "icon"
             },
             {
-              "kind": "field",
-              "name": "customValidityMessage",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+              "description": "The pulsing ring around the icon.",
+              "name": "ring"
             },
             {
-              "kind": "field",
-              "name": "validationTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
+              "description": "The \"SCROLL TO CONTINUE\" text.",
+              "name": "text"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "dependencies",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "validationInput",
+              "name": "inline",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport.",
+              "attribute": "inline",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "errorMessage",
+              "name": "dark",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "false",
+              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "attribute": "dark",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultValue",
+              "name": "inactivityDelay",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''"
+              "default": "3000",
+              "description": "The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds).",
+              "attribute": "inactivityDelay"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "visible",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "helpText",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "kind": "method",
+              "name": "handleInlineChange"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "scrollTimeout",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "default": "'option'",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "clickTimeout",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "default": "''",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "value",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "inactivityTimeout",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "number | undefined"
               },
-              "default": "'medium'",
-              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
-              "attribute": "size",
-              "reflects": true
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
+              "kind": "method",
+              "name": "setupEventListeners",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-              "attribute": "required",
-              "reflects": true
+              "kind": "method",
+              "name": "cleanupEventListeners",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "name": "handleScroll",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
+              "name": "handleDocumentClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getAllRadios",
+              "name": "isAtBottomOfPage",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TerraRadio[]"
+                  "text": "boolean"
                 }
               }
             },
             {
-              "kind": "method",
-              "name": "handleRadioClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleLabelClick",
+              "kind": "field",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "syncRadioElements",
+              "name": "scrollDown",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "syncRadios",
+              "name": "hide",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "updateCheckedRadio",
+              "name": "startInactivityTimer",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleNameChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleSizeChange"
-            },
+              "name": "clearTimers",
+              "privacy": "private"
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
+              "description": "Emitted when the scroll hint is clicked and scrolling begins.",
+              "name": "terra-scroll",
+              "reactName": "onTerraScroll",
+              "eventName": "TerraScrollEvent"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport.",
+              "fieldName": "inline"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
+              "name": "dark",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Gets the associated form, if one exists."
+              "default": "false",
+              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "fieldName": "dark"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "default": "''"
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the radio-group."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the radio group's selected value changes.",
-              "name": "terra-change",
-              "reactName": "onTerraChange",
-              "eventName": "TerraChangeEvent"
-            },
-            {
-              "description": "Emitted when the radio group receives user input.",
-              "name": "terra-input",
-              "reactName": "onTerraInput",
-              "eventName": "TerraInputEvent"
-            },
-            {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "terra-invalid",
-              "reactName": "onTerraInvalid",
-              "eventName": "TerraInvalidEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'option'",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "fieldName": "value"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
-              "fieldName": "size"
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
-            },
-            {
-              "name": "required",
+              "name": "inactivityDelay",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-              "fieldName": "required"
+              "default": "3000",
+              "description": "The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds).",
+              "fieldName": "inactivityDelay"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Radio groups are used to group multiple radio buttons so they function as a single form control.",
-          "tagNameWithoutPrefix": "radio-group",
-          "tagName": "terra-radio-group",
+          "summary": "Scroll hint is an animated button that prompts visitors to scroll.",
+          "tagNameWithoutPrefix": "scroll-hint",
+          "tagName": "terra-scroll-hint",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Radio groups are used to group multiple radio buttons so they function as a single form control.\n * @documentation https://terra-ui.netlify.app/components/radio-group\n * @status stable\n * @since 1.0\n *\n * @slot - The default slot where `<terra-radio>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n * @slot help-text - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.\n *\n * @event terra-change - Emitted when the radio group's selected value changes.\n * @event terra-input - Emitted when the radio group receives user input.\n * @event terra-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --terra-radio-group-* - All radio group design tokens from horizon.css are supported.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/radio-group",
+          "jsDoc": "/**\n * @summary Scroll hint is an animated button that prompts visitors to scroll.\n * @documentation https://terra-ui.netlify.app/components/scroll-hint\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-scroll - Emitted when the scroll hint is clicked and scrolling begins.\n *\n * @csspart base - The component's base wrapper.\n * @csspart button - The clickable button element.\n * @csspart icon-container - The container for the icon and pulsing ring.\n * @csspart icon - The chevron icon.\n * @csspart ring - The pulsing ring around the icon.\n * @csspart text - The \"SCROLL TO CONTINUE\" text.\n *\n * @cssproperty --terra-scroll-hint-icon-background-color - The background color of the icon circle.\n * @cssproperty --terra-scroll-hint-icon-color - The color of the chevron icon.\n * @cssproperty --terra-scroll-hint-text-color - The color of the text.\n * @cssproperty --terra-scroll-hint-ring-color - The color of the pulsing ring.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/scroll-hint",
           "status": "stable",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
         }
       ],
       "exports": [
@@ -13654,251 +13468,437 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraRadioGroup",
-            "module": "components/radio-group/radio-group.js"
+            "name": "TerraScrollHint",
+            "module": "components/scroll-hint/scroll-hint.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/scroll-hint/scroll-hint.js",
+      "path": "components/radio-group/radio-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraScrollHint",
+          "name": "TerraRadioGroup",
           "cssProperties": [
             {
-              "description": "The background color of the icon circle.",
-              "name": "--terra-scroll-hint-icon-background-color"
-            },
-            {
-              "description": "The color of the chevron icon.",
-              "name": "--terra-scroll-hint-icon-color"
-            },
-            {
-              "description": "The color of the text.",
-              "name": "--terra-scroll-hint-text-color"
-            },
-            {
-              "description": "The color of the pulsing ring.",
-              "name": "--terra-scroll-hint-ring-color"
+              "description": "All radio group design tokens from horizon.css are supported.",
+              "name": "--terra-radio-group-*"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "description": "The clickable button element.",
-              "name": "button"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "The container for the icon and pulsing ring.",
-              "name": "icon-container"
+              "description": "The input's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "description": "The chevron icon.",
-              "name": "icon"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot where `<terra-radio>` elements are placed.",
+              "name": ""
             },
             {
-              "description": "The pulsing ring around the icon.",
-              "name": "ring"
+              "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "The \"SCROLL TO CONTINUE\" text.",
-              "name": "text"
+              "description": "Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+              "name": "formControlController",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new FormControlController(this)"
             },
             {
               "kind": "field",
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport.",
-              "attribute": "inline",
-              "reflects": true
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n        this,\n        'help-text',\n        'label'\n    )"
             },
             {
               "kind": "field",
-              "name": "dark",
+              "name": "customValidityMessage",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "attribute": "dark",
-              "reflects": true
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "inactivityDelay",
+              "name": "validationTimeout",
               "type": {
                 "text": "number"
               },
-              "default": "3000",
-              "description": "The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds).",
-              "attribute": "inactivityDelay"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "visible",
+              "name": "defaultSlot",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleInlineChange"
+              "kind": "field",
+              "name": "validationInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "scrollTimeout",
+              "name": "errorMessage",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "clickTimeout",
+              "name": "defaultValue",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "inactivityTimeout",
+              "name": "label",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "attribute": "label"
             },
             {
-              "kind": "method",
-              "name": "setupEventListeners",
-              "privacy": "private"
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
             },
             {
-              "kind": "method",
-              "name": "cleanupEventListeners",
-              "privacy": "private"
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'option'",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "handleScroll",
-              "privacy": "private"
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "handleDocumentClick",
-              "privacy": "private"
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "isAtBottomOfPage",
+              "name": "getAllRadios",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "TerraRadio[]"
                 }
               }
             },
             {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleRadioClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "scrollDown",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleLabelClick",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "hide",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "syncRadioElements",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "startInactivityTimer",
+              "name": "syncRadios",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "clearTimers",
+              "name": "updateCheckedRadio",
               "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleNameChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleSizeChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "default": "''"
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the radio-group."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the scroll hint is clicked and scrolling begins.",
-              "name": "terra-scroll",
-              "reactName": "onTerraScroll",
-              "eventName": "TerraScrollEvent"
+              "description": "Emitted when the radio group's selected value changes.",
+              "name": "terra-change",
+              "reactName": "onTerraChange",
+              "eventName": "TerraChangeEvent"
+            },
+            {
+              "description": "Emitted when the radio group receives user input.",
+              "name": "terra-input",
+              "reactName": "onTerraInput",
+              "eventName": "TerraInputEvent"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "terra-invalid",
+              "reactName": "onTerraInvalid",
+              "eventName": "TerraInvalidEvent"
             }
           ],
           "attributes": [
             {
-              "name": "inline",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport.",
-              "fieldName": "inline"
+              "default": "''",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "fieldName": "label"
             },
             {
-              "name": "dark",
+              "name": "help-text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "fieldName": "dark"
+              "default": "''",
+              "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
-              "name": "inactivityDelay",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "3000",
-              "description": "The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds).",
-              "fieldName": "inactivityDelay"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Scroll hint is an animated button that prompts visitors to scroll.",
-          "tagNameWithoutPrefix": "scroll-hint",
-          "tagName": "terra-scroll-hint",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Scroll hint is an animated button that prompts visitors to scroll.\n * @documentation https://terra-ui.netlify.app/components/scroll-hint\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-scroll - Emitted when the scroll hint is clicked and scrolling begins.\n *\n * @csspart base - The component's base wrapper.\n * @csspart button - The clickable button element.\n * @csspart icon-container - The container for the icon and pulsing ring.\n * @csspart icon - The chevron icon.\n * @csspart ring - The pulsing ring around the icon.\n * @csspart text - The \"SCROLL TO CONTINUE\" text.\n *\n * @cssproperty --terra-scroll-hint-icon-background-color - The background color of the icon circle.\n * @cssproperty --terra-scroll-hint-icon-color - The color of the chevron icon.\n * @cssproperty --terra-scroll-hint-text-color - The color of the text.\n * @cssproperty --terra-scroll-hint-ring-color - The color of the pulsing ring.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/scroll-hint",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
-          ]
+              "default": "'option'",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
+              "fieldName": "size"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "fieldName": "required"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Radio groups are used to group multiple radio buttons so they function as a single form control.",
+          "tagNameWithoutPrefix": "radio-group",
+          "tagName": "terra-radio-group",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Radio groups are used to group multiple radio buttons so they function as a single form control.\n * @documentation https://terra-ui.netlify.app/components/radio-group\n * @status stable\n * @since 1.0\n *\n * @slot - The default slot where `<terra-radio>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n * @slot help-text - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.\n *\n * @event terra-change - Emitted when the radio group's selected value changes.\n * @event terra-input - Emitted when the radio group receives user input.\n * @event terra-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --terra-radio-group-* - All radio group design tokens from horizon.css are supported.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/radio-group",
+          "status": "stable",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -13906,8 +13906,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraScrollHint",
-            "module": "components/scroll-hint/scroll-hint.js"
+            "name": "TerraRadioGroup",
+            "module": "components/radio-group/radio-group.js"
           }
         }
       ]
@@ -15159,742 +15159,742 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/slider/slider.js",
+      "path": "components/status-indicator/status-indicator.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraSlider",
-          "members": [
+          "name": "TerraStatusIndicator",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "slider",
-              "type": {
-                "text": "HTMLElement & { noUiSlider: API }"
-              }
+              "description": "The color of the status dot.",
+              "name": "--terra-status-indicator-dot-color"
             },
             {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "SliderMode"
-              },
-              "default": "'single'",
-              "description": "The slider mode - either 'single' for one value or 'range' for selecting a range.",
-              "attribute": "mode",
-              "reflects": true
+              "description": "The color of the label text.",
+              "name": "--terra-status-indicator-label-color"
             },
             {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The minimum value of the slider.",
-              "attribute": "min"
+              "description": "The font family for the label.",
+              "name": "--terra-status-indicator-font-family"
             },
             {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "100",
-              "description": "The maximum value of the slider.",
-              "attribute": "max"
+              "description": "The font size for the label.",
+              "name": "--terra-status-indicator-font-size"
             },
             {
-              "kind": "field",
-              "name": "step",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps.",
-              "attribute": "step"
+              "description": "The font weight for the label.",
+              "name": "--terra-status-indicator-font-weight"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The colored status dot.",
+              "name": "dot"
             },
+            {
+              "description": "The text label.",
+              "name": "label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The status label text.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
               },
-              "default": "false",
-              "description": "Disables the slider.",
-              "attribute": "disabled",
+              "default": "'active'",
+              "description": "The status variant. Determines the color of the indicator dot.",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasPips",
+              "name": "dark",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows tick marks and labels on the slider.",
-              "attribute": "has-pips",
+              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "attribute": "dark",
               "reflects": true
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "hasTooltips",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
               },
-              "default": "false",
-              "description": "Shows tooltips on the slider handles.\nWhen false (default), selected values are shown in the top right instead.",
-              "attribute": "has-tooltips",
-              "reflects": true
+              "default": "'active'",
+              "description": "The status variant. Determines the color of the indicator dot.",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "showInputs",
+              "name": "dark",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows input fields below the slider for precise value entry.",
-              "attribute": "show-inputs",
-              "reflects": true
-            },
+              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "fieldName": "dark"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Status indicators are dynamic labels that indicate the current state of a mission or project.",
+          "tagNameWithoutPrefix": "status-indicator",
+          "tagName": "terra-status-indicator",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Status indicators are dynamic labels that indicate the current state of a mission or project.\n * @documentation https://terra-ui.netlify.app/components/status-indicator\n * @status stable\n * @since 1.0\n *\n * @slot - The status label text.\n *\n * @csspart base - The component's base wrapper.\n * @csspart dot - The colored status dot.\n * @csspart label - The text label.\n *\n * @cssproperty --terra-status-indicator-dot-color - The color of the status dot.\n * @cssproperty --terra-status-indicator-label-color - The color of the label text.\n * @cssproperty --terra-status-indicator-font-family - The font family for the label.\n * @cssproperty --terra-status-indicator-font-size - The font size for the label.\n * @cssproperty --terra-status-indicator-font-weight - The font weight for the label.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/status-indicator",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraStatusIndicator",
+            "module": "components/status-indicator/status-indicator.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/stepper-step/stepper-step.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraStepperStep",
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "The current value for single mode sliders.",
-              "attribute": "value"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "field",
-              "name": "startValue",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "The start value for range mode sliders.",
-              "attribute": "start-value"
+              "description": "The progress bar indicator.",
+              "name": "bar"
             },
             {
-              "kind": "field",
-              "name": "endValue",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "The end value for range mode sliders.",
-              "attribute": "end-value"
+              "description": "The content area containing title and caption.",
+              "name": "content"
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Slider'",
-              "description": "The label text for the slider.",
-              "attribute": "label"
+              "description": "The step's title.",
+              "name": "title"
             },
             {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the slider's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "description": "The step's caption.",
+              "name": "caption"
             },
+            {
+              "description": "The checkmark icon (shown when completed).",
+              "name": "icon"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The step's caption (optional, only shown in default variant).",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "currentStartValue",
+              "name": "dependencies",
               "type": {
-                "text": "number | undefined"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "currentEndValue",
+              "name": "state",
               "type": {
-                "text": "number | undefined"
+                "text": "'completed' | 'current' | 'upcoming'"
               },
-              "privacy": "private"
+              "default": "'upcoming'",
+              "description": "The step's state. \"completed\" shows a checkmark, \"current\" highlights the step as active,\nand \"upcoming\" shows the step as not yet reached.",
+              "attribute": "state",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "currentValue",
+              "name": "title",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "The step's title. Should be short, preferably 1-2 words.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "hasBeenManipulated",
+              "name": "hideCheckmark",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "updateSlider"
-            },
-            {
-              "kind": "method",
-              "name": "disabledChanged"
+              "default": "false",
+              "description": "When true, hides the checkmark icon for completed steps.",
+              "attribute": "hide-checkmark",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "_getStartValues",
+              "name": "getStepperVariant",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "[number, number] | [number]"
+                  "text": "'default' | 'condensed'"
                 }
               }
-            },
-            {
-              "kind": "method",
-              "name": "renderSlider"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "_updateInputFields",
-              "privacy": "private"
+              "name": "state",
+              "type": {
+                "text": "'completed' | 'current' | 'upcoming'"
+              },
+              "default": "'upcoming'",
+              "description": "The step's state. \"completed\" shows a checkmark, \"current\" highlights the step as active,\nand \"upcoming\" shows the step as not yet reached.",
+              "fieldName": "state"
             },
             {
-              "kind": "method",
-              "name": "_getFormatter",
-              "privacy": "private"
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The step's title. Should be short, preferably 1-2 words.",
+              "fieldName": "title"
             },
             {
-              "kind": "method",
-              "name": "_formatValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "hide-checkmark",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number | string | undefined"
-                  }
-                }
-              ]
+              "default": "false",
+              "description": "When true, hides the checkmark icon for completed steps.",
+              "fieldName": "hideCheckmark"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A step within a stepper component that displays progress through a multi-step workflow.",
+          "tagNameWithoutPrefix": "stepper-step",
+          "tagName": "terra-stepper-step",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A step within a stepper component that displays progress through a multi-step workflow.\n * @documentation https://terra-ui.netlify.app/components/stepper-step\n * @status stable\n * @since 1.0\n *\n * @slot - The step's caption (optional, only shown in default variant).\n *\n * @csspart base - The component's base wrapper.\n * @csspart bar - The progress bar indicator.\n * @csspart content - The content area containing title and caption.\n * @csspart title - The step's title.\n * @csspart caption - The step's caption.\n * @csspart icon - The checkmark icon (shown when completed).\n */",
+          "documentation": "https://terra-ui.netlify.app/components/stepper-step",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraStepperStep",
+            "module": "components/stepper-step/stepper-step.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/stepper/stepper.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraStepper",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more `<terra-stepper-step>` elements to display in the stepper.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleClear",
-              "privacy": "private"
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'condensed'"
+              },
+              "default": "'default'",
+              "description": "The stepper's variant. The default variant includes titles and optional captions for each step.\nThe condensed variant uses colored bars to represent each step and is useful when space is a concern.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "_renderInputFields",
+              "name": "handleSlotChange",
               "privacy": "private"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "_handleInputChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'condensed'"
+              },
+              "default": "'default'",
+              "description": "The stepper's variant. The default variant includes titles and optional captions for each step.\nThe condensed variant uses colored bars to represent each step and is useful when space is a concern.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Steppers display a visitor's progress through linear workflows and experiences with multiple steps.",
+          "tagNameWithoutPrefix": "stepper",
+          "tagName": "terra-stepper",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Steppers display a visitor's progress through linear workflows and experiences with multiple steps.\n * @documentation https://terra-ui.netlify.app/components/stepper\n * @status stable\n * @since 1.0\n *\n * @slot - One or more `<terra-stepper-step>` elements to display in the stepper.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/stepper",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraStepper",
+            "module": "components/stepper/stepper.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/slider/slider.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraSlider",
+          "members": [
             {
-              "kind": "method",
-              "name": "_handleInputKeydown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
+              "kind": "field",
+              "name": "slider",
+              "type": {
+                "text": "HTMLElement & { noUiSlider: API }"
+              }
+            },
             {
+              "kind": "field",
               "name": "mode",
               "type": {
                 "text": "SliderMode"
               },
               "default": "'single'",
               "description": "The slider mode - either 'single' for one value or 'range' for selecting a range.",
-              "fieldName": "mode"
+              "attribute": "mode",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "min",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The minimum value of the slider.",
-              "fieldName": "min"
+              "attribute": "min"
             },
             {
+              "kind": "field",
               "name": "max",
               "type": {
                 "text": "number"
               },
               "default": "100",
               "description": "The maximum value of the slider.",
-              "fieldName": "max"
+              "attribute": "max"
             },
             {
+              "kind": "field",
               "name": "step",
               "type": {
                 "text": "number"
               },
               "default": "1",
               "description": "The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps.",
-              "fieldName": "step"
+              "attribute": "step"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the slider.",
-              "fieldName": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "has-pips",
+              "kind": "field",
+              "name": "hasPips",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Shows tick marks and labels on the slider.",
-              "fieldName": "hasPips"
+              "attribute": "has-pips",
+              "reflects": true
             },
             {
-              "name": "has-tooltips",
+              "kind": "field",
+              "name": "hasTooltips",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Shows tooltips on the slider handles.\nWhen false (default), selected values are shown in the top right instead.",
-              "fieldName": "hasTooltips"
+              "attribute": "has-tooltips",
+              "reflects": true
             },
             {
-              "name": "show-inputs",
+              "kind": "field",
+              "name": "showInputs",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Shows input fields below the slider for precise value entry.",
-              "fieldName": "showInputs"
+              "attribute": "show-inputs",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "value",
               "type": {
                 "text": "number | undefined"
               },
               "description": "The current value for single mode sliders.",
-              "fieldName": "value"
+              "attribute": "value"
             },
             {
-              "name": "start-value",
+              "kind": "field",
+              "name": "startValue",
               "type": {
                 "text": "number | undefined"
               },
               "description": "The start value for range mode sliders.",
-              "fieldName": "startValue"
+              "attribute": "start-value"
             },
             {
-              "name": "end-value",
+              "kind": "field",
+              "name": "endValue",
               "type": {
                 "text": "number | undefined"
               },
               "description": "The end value for range mode sliders.",
-              "fieldName": "endValue"
+              "attribute": "end-value"
             },
             {
+              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "'Slider'",
               "description": "The label text for the slider.",
-              "fieldName": "label"
+              "attribute": "label"
             },
             {
-              "name": "hide-label",
+              "kind": "field",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Hide the slider's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "tagNameWithoutPrefix": "slider",
-          "tagName": "terra-slider",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraSlider",
-            "module": "components/slider/slider.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/status-indicator/status-indicator.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraStatusIndicator",
-          "cssProperties": [
-            {
-              "description": "The color of the status dot.",
-              "name": "--terra-status-indicator-dot-color"
-            },
-            {
-              "description": "The color of the label text.",
-              "name": "--terra-status-indicator-label-color"
-            },
-            {
-              "description": "The font family for the label.",
-              "name": "--terra-status-indicator-font-family"
-            },
-            {
-              "description": "The font size for the label.",
-              "name": "--terra-status-indicator-font-size"
-            },
-            {
-              "description": "The font weight for the label.",
-              "name": "--terra-status-indicator-font-weight"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The colored status dot.",
-              "name": "dot"
+              "attribute": "hide-label"
             },
-            {
-              "description": "The text label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The status label text.",
-              "name": ""
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "currentStartValue",
               "type": {
-                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
+                "text": "number | undefined"
               },
-              "default": "'active'",
-              "description": "The status variant. Determines the color of the indicator dot.",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dark",
+              "name": "currentEndValue",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "attribute": "dark",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "privacy": "private"
+            },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "currentValue",
               "type": {
-                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
+                "text": "number | undefined"
               },
-              "default": "'active'",
-              "description": "The status variant. Determines the color of the indicator dot.",
-              "fieldName": "variant"
+              "privacy": "private"
             },
             {
-              "name": "dark",
+              "kind": "field",
+              "name": "hasBeenManipulated",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "fieldName": "dark"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Status indicators are dynamic labels that indicate the current state of a mission or project.",
-          "tagNameWithoutPrefix": "status-indicator",
-          "tagName": "terra-status-indicator",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Status indicators are dynamic labels that indicate the current state of a mission or project.\n * @documentation https://terra-ui.netlify.app/components/status-indicator\n * @status stable\n * @since 1.0\n *\n * @slot - The status label text.\n *\n * @csspart base - The component's base wrapper.\n * @csspart dot - The colored status dot.\n * @csspart label - The text label.\n *\n * @cssproperty --terra-status-indicator-dot-color - The color of the status dot.\n * @cssproperty --terra-status-indicator-label-color - The color of the label text.\n * @cssproperty --terra-status-indicator-font-family - The font family for the label.\n * @cssproperty --terra-status-indicator-font-size - The font size for the label.\n * @cssproperty --terra-status-indicator-font-weight - The font weight for the label.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/status-indicator",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraStatusIndicator",
-            "module": "components/status-indicator/status-indicator.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper/stepper.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraStepper",
-          "cssParts": [
+              "privacy": "private",
+              "default": "false"
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
+              "kind": "method",
+              "name": "updateSlider"
+            },
+            {
+              "kind": "method",
+              "name": "disabledChanged"
+            },
+            {
+              "kind": "method",
+              "name": "_getStartValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "[number, number] | [number]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderSlider"
+            },
             {
-              "description": "One or more `<terra-stepper-step>` elements to display in the stepper.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "method",
+              "name": "_updateInputFields",
+              "privacy": "private"
+            },
             {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "kind": "method",
+              "name": "_getFormatter",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'condensed'"
+              "kind": "method",
+              "name": "_formatValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "default": "'default'",
-              "description": "The stepper's variant. The default variant includes titles and optional captions for each step.\nThe condensed variant uses colored bars to represent each step and is useful when space is a concern.",
-              "attribute": "variant",
-              "reflects": true
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number | string | undefined"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
+              "name": "handleClear",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderInputFields",
               "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleInputChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleInputKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
-              "name": "variant",
+              "name": "mode",
               "type": {
-                "text": "'default' | 'condensed'"
+                "text": "SliderMode"
               },
-              "default": "'default'",
-              "description": "The stepper's variant. The default variant includes titles and optional captions for each step.\nThe condensed variant uses colored bars to represent each step and is useful when space is a concern.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Steppers display a visitor's progress through linear workflows and experiences with multiple steps.",
-          "tagNameWithoutPrefix": "stepper",
-          "tagName": "terra-stepper",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Steppers display a visitor's progress through linear workflows and experiences with multiple steps.\n * @documentation https://terra-ui.netlify.app/components/stepper\n * @status stable\n * @since 1.0\n *\n * @slot - One or more `<terra-stepper-step>` elements to display in the stepper.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/stepper",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraStepper",
-            "module": "components/stepper/stepper.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper-step/stepper-step.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraStepperStep",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The progress bar indicator.",
-              "name": "bar"
+              "default": "'single'",
+              "description": "The slider mode - either 'single' for one value or 'range' for selecting a range.",
+              "fieldName": "mode"
             },
             {
-              "description": "The content area containing title and caption.",
-              "name": "content"
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The minimum value of the slider.",
+              "fieldName": "min"
             },
             {
-              "description": "The step's title.",
-              "name": "title"
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum value of the slider.",
+              "fieldName": "max"
             },
             {
-              "description": "The step's caption.",
-              "name": "caption"
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps.",
+              "fieldName": "step"
             },
             {
-              "description": "The checkmark icon (shown when completed).",
-              "name": "icon"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The step's caption (optional, only shown in default variant).",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
+              "name": "disabled",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+              "default": "false",
+              "description": "Disables the slider.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "state",
+              "name": "has-pips",
               "type": {
-                "text": "'completed' | 'current' | 'upcoming'"
+                "text": "boolean"
               },
-              "default": "'upcoming'",
-              "description": "The step's state. \"completed\" shows a checkmark, \"current\" highlights the step as active,\nand \"upcoming\" shows the step as not yet reached.",
-              "attribute": "state",
-              "reflects": true
+              "default": "false",
+              "description": "Shows tick marks and labels on the slider.",
+              "fieldName": "hasPips"
             },
             {
-              "kind": "field",
-              "name": "title",
+              "name": "has-tooltips",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The step's title. Should be short, preferably 1-2 words.",
-              "attribute": "title"
+              "default": "false",
+              "description": "Shows tooltips on the slider handles.\nWhen false (default), selected values are shown in the top right instead.",
+              "fieldName": "hasTooltips"
             },
             {
-              "kind": "field",
-              "name": "hideCheckmark",
+              "name": "show-inputs",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, hides the checkmark icon for completed steps.",
-              "attribute": "hide-checkmark",
-              "reflects": true
+              "description": "Shows input fields below the slider for precise value entry.",
+              "fieldName": "showInputs"
             },
             {
-              "kind": "method",
-              "name": "getStepperVariant",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "'default' | 'condensed'"
-                }
-              }
-            }
-          ],
-          "attributes": [
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The current value for single mode sliders.",
+              "fieldName": "value"
+            },
             {
-              "name": "state",
+              "name": "start-value",
               "type": {
-                "text": "'completed' | 'current' | 'upcoming'"
+                "text": "number | undefined"
               },
-              "default": "'upcoming'",
-              "description": "The step's state. \"completed\" shows a checkmark, \"current\" highlights the step as active,\nand \"upcoming\" shows the step as not yet reached.",
-              "fieldName": "state"
+              "description": "The start value for range mode sliders.",
+              "fieldName": "startValue"
             },
             {
-              "name": "title",
+              "name": "end-value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The end value for range mode sliders.",
+              "fieldName": "endValue"
+            },
+            {
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The step's title. Should be short, preferably 1-2 words.",
-              "fieldName": "title"
+              "default": "'Slider'",
+              "description": "The label text for the slider.",
+              "fieldName": "label"
             },
             {
-              "name": "hide-checkmark",
+              "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "When true, hides the checkmark icon for completed steps.",
-              "fieldName": "hideCheckmark"
+              "default": "false",
+              "description": "Hide the slider's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A step within a stepper component that displays progress through a multi-step workflow.",
-          "tagNameWithoutPrefix": "stepper-step",
-          "tagName": "terra-stepper-step",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A step within a stepper component that displays progress through a multi-step workflow.\n * @documentation https://terra-ui.netlify.app/components/stepper-step\n * @status stable\n * @since 1.0\n *\n * @slot - The step's caption (optional, only shown in default variant).\n *\n * @csspart base - The component's base wrapper.\n * @csspart bar - The progress bar indicator.\n * @csspart content - The content area containing title and caption.\n * @csspart title - The step's title.\n * @csspart caption - The step's caption.\n * @csspart icon - The checkmark icon (shown when completed).\n */",
-          "documentation": "https://terra-ui.netlify.app/components/stepper-step",
-          "status": "stable",
-          "since": "1.0"
+          "tagNameWithoutPrefix": "slider",
+          "tagName": "terra-slider",
+          "customElement": true
         }
       ],
       "exports": [
@@ -15902,8 +15902,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraStepperStep",
-            "module": "components/stepper-step/stepper-step.js"
+            "name": "TerraSlider",
+            "module": "components/slider/slider.js"
           }
         }
       ]
@@ -16586,6 +16586,122 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/tab-panel/tab-panel.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraTabPanel",
+          "cssProperties": [
+            {
+              "description": "The tab panel's padding.",
+              "name": "--padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tab panel's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "attrId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "++id"
+            },
+            {
+              "kind": "field",
+              "name": "componentId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`terra-tab-panel-${this.attrId}`"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleActiveChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "fieldName": "name"
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "fieldName": "active"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Tab panels are used inside [tabs](/components/tabs) to display tabbed content.",
+          "tagNameWithoutPrefix": "tab-panel",
+          "tagName": "terra-tab-panel",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Tab panels are used inside [tabs](/components/tabs) to display tabbed content.\n * @documentation https://terra-ui.netlify.app/components/tab-panel\n * @status stable\n * @since 1.0\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/tab-panel",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraTabPanel",
+            "module": "components/tab-panel/tab-panel.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/tab/tab.js",
@@ -16786,133 +16902,17 @@
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).",
-          "tagNameWithoutPrefix": "tab",
-          "tagName": "terra-tab",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).\n * @documentation https://terra-ui.netlify.app/components/tab\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - The tab's label. For icon-only tabs, place a `<terra-icon>` here.\n *\n * @event terra-close - Emitted when the tab is closable and the close button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart close-button - The close button icon.\n *\n * @cssproperty --terra-tab-* - All tab design tokens from horizon.css are supported.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/tab",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraTab",
-            "module": "components/tab/tab.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/tab-panel/tab-panel.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraTabPanel",
-          "cssProperties": [
-            {
-              "description": "The tab panel's padding.",
-              "name": "--padding"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tab panel's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "attrId",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "++id"
-            },
-            {
-              "kind": "field",
-              "name": "componentId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`terra-tab-panel-${this.attrId}`"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "attribute": "active",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleActiveChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "fieldName": "name"
-            },
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "fieldName": "active"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Tab panels are used inside [tabs](/components/tabs) to display tabbed content.",
-          "tagNameWithoutPrefix": "tab-panel",
-          "tagName": "terra-tab-panel",
+          "summary": "Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).",
+          "tagNameWithoutPrefix": "tab",
+          "tagName": "terra-tab",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Tab panels are used inside [tabs](/components/tabs) to display tabbed content.\n * @documentation https://terra-ui.netlify.app/components/tab-panel\n * @status stable\n * @since 1.0\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/tab-panel",
+          "jsDoc": "/**\n * @summary Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).\n * @documentation https://terra-ui.netlify.app/components/tab\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - The tab's label. For icon-only tabs, place a `<terra-icon>` here.\n *\n * @event terra-close - Emitted when the tab is closable and the close button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart close-button - The close button icon.\n *\n * @cssproperty --terra-tab-* - All tab design tokens from horizon.css are supported.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/tab",
           "status": "stable",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
         }
       ],
       "exports": [
@@ -16920,8 +16920,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTabPanel",
-            "module": "components/tab-panel/tab-panel.js"
+            "name": "TerraTab",
+            "module": "components/tab/tab.js"
           }
         }
       ]
@@ -19411,39 +19411,293 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "mobileView"
+              "default": "false",
+              "fieldName": "mobileView"
+            },
+            {
+              "name": "hide-toolbar",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideToolbar"
+            },
+            {
+              "name": "product-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "productLabel"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A component for visualizing time series data using the GES DISC Giovanni API.",
+          "tagNameWithoutPrefix": "time-series",
+          "tagName": "terra-time-series",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component for visualizing time series data using the GES DISC Giovanni API.\n * @documentation https://terra-ui.netlify.app/components/time-series\n * @status stable\n * @since 1.0\n *\n * @dependency terra-plot\n *\n * @event terra-date-range-change - Emitted whenever the date range is modified\n * @event terra-time-series-data-change - Emitted whenever time series data has been fetched from Giovanni\n */",
+          "documentation": "https://terra-ui.netlify.app/components/time-series",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "terra-plot"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraTimeSeries",
+            "module": "components/time-series/time-series.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/toast/toast.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraToast",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper, an `<terra-alert>` element.",
+              "name": "base"
+            },
+            {
+              "description": "The alert's exported `base` part.",
+              "name": "base__base"
+            },
+            {
+              "description": "The alert's exported `icon` part.",
+              "name": "base__icon"
+            },
+            {
+              "description": "The alert's exported `message` part.",
+              "name": "base__message"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The toast's main content.",
+              "name": ""
+            },
+            {
+              "description": "An icon to show in the toast. Works best with `<terra-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'terra-alert': TerraAlert }"
+            },
+            {
+              "kind": "field",
+              "name": "alert",
+              "type": {
+                "text": "TerraAlert | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The toast's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "3000",
+              "description": "The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with\nthe toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds).",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enables a close button that allows the user to dismiss the toast.",
+              "attribute": "closable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "description": "Enables a countdown that indicates the remaining time the toast will be displayed.\nTypically used for toasts with relatively long duration.",
+              "attribute": "countdown",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "toast",
+              "description": "Displays the toast as a notification. This will move the toast out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by\ncalling this method again. The returned promise will resolve after the toast is hidden."
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the toast."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the toast."
+            },
+            {
+              "kind": "method",
+              "name": "notify",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The message to display in the toast."
+                },
+                {
+                  "name": "variant",
+                  "default": "'primary'",
+                  "type": {
+                    "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                  },
+                  "description": "The toast variant. Defaults to 'primary'."
+                },
+                {
+                  "name": "icon",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "Optional icon name to display. Defaults to undefined."
+                },
+                {
+                  "name": "duration",
+                  "default": "3000",
+                  "description": "The duration in milliseconds. Defaults to 3000."
+                }
+              ],
+              "description": "Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the\nbody, and displays it as a notification."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the toast opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the toast opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the toast closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after the toast closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The toast's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "3000",
+              "description": "The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with\nthe toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds).",
+              "fieldName": "duration"
             },
             {
-              "name": "hide-toolbar",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "hideToolbar"
+              "default": "true",
+              "description": "Enables a close button that allows the user to dismiss the toast.",
+              "fieldName": "closable"
             },
             {
-              "name": "product-label",
+              "name": "countdown",
               "type": {
-                "text": "string | undefined"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "fieldName": "productLabel"
+              "description": "Enables a countdown that indicates the remaining time the toast will be displayed.\nTypically used for toasts with relatively long duration.",
+              "fieldName": "countdown"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A component for visualizing time series data using the GES DISC Giovanni API.",
-          "tagNameWithoutPrefix": "time-series",
-          "tagName": "terra-time-series",
+          "summary": "Toasts are used to display brief, non-intrusive notifications that appear temporarily.",
+          "tagNameWithoutPrefix": "toast",
+          "tagName": "terra-toast",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A component for visualizing time series data using the GES DISC Giovanni API.\n * @documentation https://terra-ui.netlify.app/components/time-series\n * @status stable\n * @since 1.0\n *\n * @dependency terra-plot\n *\n * @event terra-date-range-change - Emitted whenever the date range is modified\n * @event terra-time-series-data-change - Emitted whenever time series data has been fetched from Giovanni\n */",
-          "documentation": "https://terra-ui.netlify.app/components/time-series",
+          "jsDoc": "/**\n * @summary Toasts are used to display brief, non-intrusive notifications that appear temporarily.\n * @documentation https://terra-ui.netlify.app/components/toast\n * @status stable\n * @since 1.0\n *\n * @dependency terra-alert\n *\n * @slot - The toast's main content.\n * @slot icon - An icon to show in the toast. Works best with `<terra-icon>`.\n *\n * @event terra-show - Emitted when the toast opens.\n * @event terra-after-show - Emitted after the toast opens and all animations are complete.\n * @event terra-hide - Emitted when the toast closes.\n * @event terra-after-hide - Emitted after the toast closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<terra-alert>` element.\n * @csspart base__base - The alert's exported `base` part.\n * @csspart base__icon - The alert's exported `icon` part.\n * @csspart base__message - The alert's exported `message` part.\n *\n * @animation toast.show - The animation to use when showing the toast.\n * @animation toast.hide - The animation to use when hiding the toast.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/toast",
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "terra-plot"
+            "terra-alert"
+          ],
+          "animations": [
+            {
+              "name": "toast.show",
+              "description": "The animation to use when showing the toast."
+            },
+            {
+              "name": "toast.hide",
+              "description": "The animation to use when hiding the toast."
+            }
           ]
         }
       ],
@@ -19452,8 +19706,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTimeSeries",
-            "module": "components/time-series/time-series.js"
+            "name": "TerraToast",
+            "module": "components/toast/toast.js"
           }
         }
       ]
@@ -19935,624 +20189,370 @@
               "name": "base"
             },
             {
-              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
-              "name": "base__popup"
-            },
-            {
-              "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow.",
-              "name": "base__arrow"
-            },
-            {
-              "description": "The tooltip or popover body where its content is rendered.",
-              "name": "body"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.",
-              "name": ""
-            },
-            {
-              "description": "The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.",
-              "name": "content"
-            },
-            {
-              "description": "Optional image slot for popovers. When provided, the image will span the full width of the popover.",
-              "name": "image"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'terra-popup': TerraPopup }"
-            },
-            {
-              "kind": "field",
-              "name": "hoverTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "closeWatcher",
-              "type": {
-                "text": "CloseWatcher | null"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "body",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "TerraPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "content",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-              "attribute": "content"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'tooltip' | 'popover'"
-              },
-              "default": "'tooltip'",
-              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
-              },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "attribute": "placement"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-              "attribute": "distance"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "attribute": "skidding"
-            },
-            {
-              "kind": "field",
-              "name": "trigger",
-              "type": {
-                "text": "string"
-              },
-              "default": "'hover focus'",
-              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "attribute": "trigger"
-            },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "attribute": "hoist"
-            },
-            {
-              "kind": "field",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseOver",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseOut",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "hasTrigger",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "triggerType",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
+              "name": "base__popup"
             },
             {
-              "kind": "method",
-              "name": "handleOptionsChange"
+              "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow.",
+              "name": "base__arrow"
             },
             {
-              "kind": "method",
-              "name": "handleDisabledChange"
+              "description": "The tooltip or popover body where its content is rendered.",
+              "name": "body"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.",
+              "name": ""
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the tooltip or popover."
+              "description": "The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.",
+              "name": "content"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the tooltip or popover."
+              "description": "Optional image slot for popovers. When provided, the image will span the full width of the popover.",
+              "name": "image"
             }
           ],
-          "events": [
+          "members": [
             {
-              "description": "Emitted when the tooltip or popover begins to show.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'terra-popup': TerraPopup }"
             },
             {
-              "description": "Emitted after it has shown and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
+              "kind": "field",
+              "name": "hoverTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Emitted when the tooltip or popover begins to hide.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
+              "kind": "field",
+              "name": "closeWatcher",
+              "type": {
+                "text": "CloseWatcher | null"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Emitted after it has hidden and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
-            }
-          ],
-          "attributes": [
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "TerraPopup"
+              }
+            },
             {
+              "kind": "field",
               "name": "content",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-              "fieldName": "content"
+              "attribute": "content"
             },
             {
+              "kind": "field",
               "name": "variant",
               "type": {
                 "text": "'tooltip' | 'popover'"
               },
               "default": "'tooltip'",
               "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-              "fieldName": "variant"
+              "attribute": "variant",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "placement",
               "type": {
                 "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
               },
               "default": "'top'",
               "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "fieldName": "placement"
+              "attribute": "placement"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the tooltip so it won't show when triggered.",
-              "fieldName": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "distance",
               "type": {
                 "text": "number"
               },
               "default": "8",
               "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-              "fieldName": "distance"
+              "attribute": "distance"
             },
             {
+              "kind": "field",
               "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-              "fieldName": "open"
+              "attribute": "open",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "skidding",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "fieldName": "skidding"
+              "attribute": "skidding"
             },
             {
+              "kind": "field",
               "name": "trigger",
               "type": {
                 "text": "string"
               },
               "default": "'hover focus'",
               "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "fieldName": "trigger"
+              "attribute": "trigger"
             },
             {
+              "kind": "field",
               "name": "hoist",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "fieldName": "hoist"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.",
-          "tagNameWithoutPrefix": "tooltip",
-          "tagName": "terra-tooltip",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n * @documentation https://terra-ui.netlify.app/components/tooltip\n * @status stable\n * @since 1.0\n *\n * @dependency terra-popup\n *\n * @slot - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n * @slot image - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n *\n * @event terra-show - Emitted when the tooltip or popover begins to show.\n * @event terra-after-show - Emitted after it has shown and all animations are complete.\n * @event terra-hide - Emitted when the tooltip or popover begins to hide.\n * @event terra-after-hide - Emitted after it has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<terra-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip or popover body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/tooltip",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-popup"
-          ],
-          "animations": [
-            {
-              "name": "tooltip.show",
-              "description": "The animation to use when showing the tooltip."
-            },
-            {
-              "name": "tooltip.hide",
-              "description": "The animation to use when hiding the tooltip."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraTooltip",
-            "module": "components/tooltip/tooltip.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/toast/toast.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraToast",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper, an `<terra-alert>` element.",
-              "name": "base"
-            },
-            {
-              "description": "The alert's exported `base` part.",
-              "name": "base__base"
-            },
-            {
-              "description": "The alert's exported `icon` part.",
-              "name": "base__icon"
+              "attribute": "hoist"
             },
             {
-              "description": "The alert's exported `message` part.",
-              "name": "base__message"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The toast's main content.",
-              "name": ""
+              "kind": "field",
+              "name": "handleBlur",
+              "privacy": "private"
             },
-            {
-              "description": "An icon to show in the toast. Works best with `<terra-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'terra-alert': TerraAlert }"
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "alert",
-              "type": {
-                "text": "TerraAlert | null"
-              },
-              "readonly": true
+              "name": "handleFocus",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The toast's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "duration",
-              "type": {
-                "text": "number"
-              },
-              "default": "3000",
-              "description": "The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with\nthe toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds).",
-              "attribute": "duration"
+              "name": "handleMouseOver",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enables a close button that allows the user to dismiss the toast.",
-              "attribute": "closable",
-              "reflects": true
+              "name": "handleMouseOut",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "countdown",
-              "type": {
-                "text": "'rtl' | 'ltr' | undefined"
-              },
-              "description": "Enables a countdown that indicates the remaining time the toast will be displayed.\nTypically used for toasts with relatively long duration.",
-              "attribute": "countdown",
-              "reflects": true
+              "kind": "method",
+              "name": "hasTrigger",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "triggerType",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "toast",
-              "description": "Displays the toast as a notification. This will move the toast out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by\ncalling this method again. The returned promise will resolve after the toast is hidden."
+              "name": "handleOpenChange"
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the toast."
+              "name": "handleOptionsChange"
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the toast."
+              "name": "handleDisabledChange"
             },
             {
               "kind": "method",
-              "name": "notify",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The message to display in the toast."
-                },
-                {
-                  "name": "variant",
-                  "default": "'primary'",
-                  "type": {
-                    "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-                  },
-                  "description": "The toast variant. Defaults to 'primary'."
-                },
-                {
-                  "name": "icon",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "Optional icon name to display. Defaults to undefined."
-                },
-                {
-                  "name": "duration",
-                  "default": "3000",
-                  "description": "The duration in milliseconds. Defaults to 3000."
-                }
-              ],
-              "description": "Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the\nbody, and displays it as a notification."
+              "name": "show",
+              "description": "Shows the tooltip or popover."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the tooltip or popover."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the toast opens.",
+              "description": "Emitted when the tooltip or popover begins to show.",
               "name": "terra-show",
               "reactName": "onTerraShow",
               "eventName": "TerraShowEvent"
             },
             {
-              "description": "Emitted after the toast opens and all animations are complete.",
+              "description": "Emitted after it has shown and all animations are complete.",
               "name": "terra-after-show",
               "reactName": "onTerraAfterShow",
               "eventName": "TerraAfterShowEvent"
             },
             {
-              "description": "Emitted when the toast closes.",
+              "description": "Emitted when the tooltip or popover begins to hide.",
               "name": "terra-hide",
               "reactName": "onTerraHide",
               "eventName": "TerraHideEvent"
             },
             {
-              "description": "Emitted after the toast closes and all animations are complete.",
+              "description": "Emitted after it has hidden and all animations are complete.",
               "name": "terra-after-hide",
               "reactName": "onTerraAfterHide",
               "eventName": "TerraAfterHideEvent"
             }
           ],
           "attributes": [
+            {
+              "name": "content",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+              "fieldName": "content"
+            },
             {
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "'tooltip' | 'popover'"
               },
-              "default": "'primary'",
-              "description": "The toast's theme variant.",
+              "default": "'tooltip'",
+              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
               "fieldName": "variant"
             },
             {
-              "name": "duration",
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "distance",
               "type": {
                 "text": "number"
               },
-              "default": "3000",
-              "description": "The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with\nthe toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds).",
-              "fieldName": "duration"
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+              "fieldName": "distance"
             },
             {
-              "name": "closable",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Enables a close button that allows the user to dismiss the toast.",
-              "fieldName": "closable"
+              "default": "false",
+              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+              "fieldName": "open"
             },
             {
-              "name": "countdown",
+              "name": "skidding",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "number"
               },
-              "description": "Enables a countdown that indicates the remaining time the toast will be displayed.\nTypically used for toasts with relatively long duration.",
-              "fieldName": "countdown"
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "fieldName": "skidding"
+            },
+            {
+              "name": "trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'hover focus'",
+              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "fieldName": "trigger"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "fieldName": "hoist"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Toasts are used to display brief, non-intrusive notifications that appear temporarily.",
-          "tagNameWithoutPrefix": "toast",
-          "tagName": "terra-toast",
+          "summary": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.",
+          "tagNameWithoutPrefix": "tooltip",
+          "tagName": "terra-tooltip",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Toasts are used to display brief, non-intrusive notifications that appear temporarily.\n * @documentation https://terra-ui.netlify.app/components/toast\n * @status stable\n * @since 1.0\n *\n * @dependency terra-alert\n *\n * @slot - The toast's main content.\n * @slot icon - An icon to show in the toast. Works best with `<terra-icon>`.\n *\n * @event terra-show - Emitted when the toast opens.\n * @event terra-after-show - Emitted after the toast opens and all animations are complete.\n * @event terra-hide - Emitted when the toast closes.\n * @event terra-after-hide - Emitted after the toast closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<terra-alert>` element.\n * @csspart base__base - The alert's exported `base` part.\n * @csspart base__icon - The alert's exported `icon` part.\n * @csspart base__message - The alert's exported `message` part.\n *\n * @animation toast.show - The animation to use when showing the toast.\n * @animation toast.hide - The animation to use when hiding the toast.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/toast",
+          "jsDoc": "/**\n * @summary Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n * @documentation https://terra-ui.netlify.app/components/tooltip\n * @status stable\n * @since 1.0\n *\n * @dependency terra-popup\n *\n * @slot - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n * @slot image - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n *\n * @event terra-show - Emitted when the tooltip or popover begins to show.\n * @event terra-after-show - Emitted after it has shown and all animations are complete.\n * @event terra-hide - Emitted when the tooltip or popover begins to hide.\n * @event terra-after-hide - Emitted after it has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<terra-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip or popover body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/tooltip",
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "terra-alert"
+            "terra-popup"
           ],
           "animations": [
             {
-              "name": "toast.show",
-              "description": "The animation to use when showing the toast."
+              "name": "tooltip.show",
+              "description": "The animation to use when showing the tooltip."
             },
             {
-              "name": "toast.hide",
-              "description": "The animation to use when hiding the toast."
+              "name": "tooltip.hide",
+              "description": "The animation to use when hiding the tooltip."
             }
           ]
         }
@@ -20562,25 +20562,29 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraToast",
-            "module": "components/toast/toast.js"
+            "name": "TerraTooltip",
+            "module": "components/tooltip/tooltip.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-keyword-search/variable-keyword-search.js",
+      "path": "components/variable-combobox/variable-combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableKeywordSearch",
+          "name": "TerraVariableCombobox",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
+            {
+              "description": "The height of the search help element.",
+              "name": "--help-height"
+            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -20630,7 +20634,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-keyword-search'"
+              "default": "'terra-variable-combobox'"
             },
             {
               "kind": "field",
@@ -20654,7 +20658,18 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "default": "new FetchController(this)"
+              "type": {
+                "text": "FetchController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#searchableList",
+              "privacy": "private",
+              "type": {
+                "text": "ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -20683,13 +20698,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "#tagContainer",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLDivElement | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -20702,25 +20726,38 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "hideHelp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "attribute": "hide-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "searchConfig",
+              "name": "useTags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "attribute": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "attribute": "use-tags",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -20728,8 +20765,18 @@
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "attribute": "bearer-token"
+            },
             {
               "kind": "field",
               "name": "isExpanded",
@@ -20750,12 +20797,28 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "tags",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tagContainerWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "_oldValue",
+                  "name": "oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -20766,7 +20829,8 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
             },
             {
               "kind": "method",
@@ -20780,6 +20844,16 @@
               "kind": "method",
               "name": "toggle"
             },
+            {
+              "kind": "field",
+              "name": "#dispatchChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -20807,33 +20881,29 @@
             },
             {
               "kind": "method",
-              "name": "#handleSearch",
+              "name": "#renderTags",
               "parameters": [
                 {
-                  "name": "query",
+                  "name": "tag",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "_index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-variable-keyword-search-change",
-              "reactName": "onTerraVariableKeywordSearchChange",
-              "eventName": "TerraVariableKeywordSearchChangeEvent"
-            },
-            {
-              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
-              "name": "terra-search",
-              "reactName": "onTerraSearch",
-              "eventName": "TerraSearchEvent"
+              "name": "terra-combobox-change",
+              "reactName": "onTerraComboboxChange",
+              "eventName": "TerraComboboxChangeEvent"
             }
           ],
           "attributes": [
@@ -20842,7 +20912,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -20854,42 +20924,60 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "hide-help",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
+            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "searchConfig",
+              "name": "use-tags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "fieldName": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "fieldName": "useTags"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
+            },
+            {
+              "name": "bearer-token",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-keyword-search",
-          "tagName": "terra-variable-keyword-search",
+          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-combobox",
+          "tagName": "terra-variable-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
-          "documentation": "https://terra-ui.netlify.app/components/giovanni-serch",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/variable-combobox",
           "status": "stable",
           "since": "1.0"
         }
@@ -20899,29 +20987,25 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableKeywordSearch",
-            "module": "components/variable-keyword-search/variable-keyword-search.js"
+            "name": "TerraVariableCombobox",
+            "module": "components/variable-combobox/variable-combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-combobox/variable-combobox.js",
+      "path": "components/variable-keyword-search/variable-keyword-search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableCombobox",
+          "name": "TerraVariableKeywordSearch",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -20971,7 +21055,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-combobox'"
+              "default": "'terra-variable-keyword-search'"
             },
             {
               "kind": "field",
@@ -20995,18 +21079,7 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "type": {
-                "text": "FetchController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#searchableList",
-              "privacy": "private",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+              "default": "new FetchController(this)"
             },
             {
               "kind": "field",
@@ -21035,22 +21108,13 @@
               },
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "#tagContainer",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLDivElement | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -21063,38 +21127,25 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
-            {
-              "kind": "field",
-              "name": "hideHelp",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label",
-              "reflects": true
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "useTags",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "attribute": "use-tags",
-              "reflects": true
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "attribute": "searchConfig"
             },
             {
               "kind": "field",
@@ -21102,18 +21153,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "attribute": "value"
             },
-            {
-              "kind": "field",
-              "name": "bearerToken",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "attribute": "bearer-token"
-            },
             {
               "kind": "field",
               "name": "isExpanded",
@@ -21134,28 +21175,12 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "tags",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "tagContainerWidth",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "_oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -21166,8 +21191,7 @@
                     "text": "string"
                   }
                 }
-              ],
-              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
+              ]
             },
             {
               "kind": "method",
@@ -21181,16 +21205,6 @@
               "kind": "method",
               "name": "toggle"
             },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -21218,29 +21232,33 @@
             },
             {
               "kind": "method",
-              "name": "#renderTags",
+              "name": "#handleSearch",
               "parameters": [
                 {
-                  "name": "tag",
+                  "name": "query",
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "_index",
-                  "type": {
-                    "text": "number"
-                  }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-combobox-change",
-              "reactName": "onTerraComboboxChange",
-              "eventName": "TerraComboboxChangeEvent"
+              "name": "terra-variable-keyword-search-change",
+              "reactName": "onTerraVariableKeywordSearchChange",
+              "eventName": "TerraVariableKeywordSearchChangeEvent"
+            },
+            {
+              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
+              "name": "terra-search",
+              "reactName": "onTerraSearch",
+              "eventName": "TerraSearchEvent"
             }
           ],
           "attributes": [
@@ -21249,7 +21267,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -21261,60 +21279,42 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
-            {
-              "name": "hide-help",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
-            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "use-tags",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "fieldName": "useTags"
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "fieldName": "searchConfig"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
-            },
-            {
-              "name": "bearer-token",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-combobox",
-          "tagName": "terra-variable-combobox",
+          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-keyword-search",
+          "tagName": "terra-variable-keyword-search",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/variable-combobox",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
+          "documentation": "https://terra-ui.netlify.app/components/giovanni-serch",
           "status": "stable",
           "since": "1.0"
         }
@@ -21324,8 +21324,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableCombobox",
-            "module": "components/variable-combobox/variable-combobox.js"
+            "name": "TerraVariableKeywordSearch",
+            "module": "components/variable-keyword-search/variable-keyword-search.js"
           }
         }
       ]
@@ -21334,7 +21334,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.160",
+    "version": "0.0.162",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"