@nasa-terra/components 0.0.145 → 0.0.146

package/cdn/custom-elements.json

@@ -2,140 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "components/accordion/accordion.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraAccordion",
-          "slots": [
-            {
-              "description": "The default slot for accordion content.",
-              "name": ""
-            },
-            {
-              "description": "The summary/header for the accordion (optional, overrides summary property)",
-              "name": "summary"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "summary",
-              "type": {
-                "text": "string"
-              },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "attribute": "summary"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "showArrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "showArrow"
-            },
-            {
-              "kind": "method",
-              "name": "handleToggle",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "emitted when the accordion opens or closes",
-              "name": "terra-accordion-toggle",
-              "reactName": "onTerraAccordionToggle",
-              "eventName": "TerraAccordionToggleEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "summary",
-              "type": {
-                "text": "string"
-              },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "fieldName": "summary"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "fieldName": "open"
-            },
-            {
-              "name": "showArrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "showArrow"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A collapsible content panel for showing and hiding content.",
-          "tagNameWithoutPrefix": "accordion",
-          "tagName": "terra-accordion",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://terra-ui.netlify.app/components/accordion\n * @status stable\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
-          "documentation": "https://terra-ui.netlify.app/components/accordion",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraAccordion",
-            "module": "components/accordion/accordion.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/avatar/avatar.js",
@@ -337,115 +203,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "tagNameWithoutPrefix": "badge",
-          "tagName": "terra-badge",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://terra-ui.netlify.app/components/badge\n * @status stable\n * @since 1.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/badge",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -769,21 +526,130 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/badge/badge.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBreadcrumb",
-          "cssProperties": [
-            {
-              "description": "The text color of inactive breadcrumbs.",
-              "name": "--terra-breadcrumb-color"
-            },
+          "name": "TerraBadge",
+          "cssParts": [
             {
-              "description": "The text color of the current (last) breadcrumb.",
-              "name": "--terra-breadcrumb-color-current"
-            },
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
+            },
+            {
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagNameWithoutPrefix": "badge",
+          "tagName": "terra-badge",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://terra-ui.netlify.app/components/badge\n * @status stable\n * @since 1.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/badge",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraBadge",
+            "module": "components/badge/badge.js"
+          }
+        }
+      ]
+    },
+    {
+      "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"
@@ -973,6 +839,140 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/accordion/accordion.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraAccordion",
+          "slots": [
+            {
+              "description": "The default slot for accordion content.",
+              "name": ""
+            },
+            {
+              "description": "The summary/header for the accordion (optional, overrides summary property)",
+              "name": "summary"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "attribute": "summary"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "showArrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "showArrow"
+            },
+            {
+              "kind": "method",
+              "name": "handleToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "emitted when the accordion opens or closes",
+              "name": "terra-accordion-toggle",
+              "reactName": "onTerraAccordionToggle",
+              "eventName": "TerraAccordionToggleEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "fieldName": "summary"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "fieldName": "open"
+            },
+            {
+              "name": "showArrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "showArrow"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A collapsible content panel for showing and hiding content.",
+          "tagNameWithoutPrefix": "accordion",
+          "tagName": "terra-accordion",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://terra-ui.netlify.app/components/accordion\n * @status stable\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
+          "documentation": "https://terra-ui.netlify.app/components/accordion",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAccordion",
+            "module": "components/accordion/accordion.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/browse-variables/browse-variables.js",
@@ -1309,152 +1309,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/button-group/button-group.js",
+      "path": "components/button/button.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraButtonGroup",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "One or more `<terra-button>` elements to display in the button group.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disableRole",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "attribute": "label"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Button groups can be used to group related buttons into sections.",
-          "tagNameWithoutPrefix": "button-group",
-          "tagName": "terra-button-group",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Button groups can be used to group related buttons into sections.\n * @documentation https://terra-ui.netlify.app/components/button-group\n * @status stable\n * @since 1.0\n *\n * @slot - One or more `<terra-button>` elements to display in the button group.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/button-group",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraButtonGroup",
-            "module": "components/button-group/button-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/button/button.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraButton",
+          "name": "TerraButton",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -2200,52 +2060,192 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/caption/caption.js",
+      "path": "components/button-group/button-group.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraCaption",
-          "cssProperties": [
+          "name": "TerraButtonGroup",
+          "cssParts": [
             {
-              "description": "The font family for the caption.",
-              "name": "--terra-caption-font-family"
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more `<terra-button>` elements to display in the button group.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "description": "The font size for the caption.",
-              "name": "--terra-caption-font-size"
+              "kind": "field",
+              "name": "disableRole",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "description": "The font weight for the caption.",
-              "name": "--terra-caption-font-weight"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
+              "attribute": "label"
             },
             {
-              "description": "The line height for the caption.",
-              "name": "--terra-caption-line-height"
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "description": "The text color for the caption.",
-              "name": "--terra-caption-color"
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "description": "The text color for credits within the caption.",
-              "name": "--terra-caption-credit-color"
+              "kind": "method",
+              "name": "handleMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
             }
           ],
-          "slots": [
+          "attributes": [
             {
-              "description": "The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast.",
-              "name": ""
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
+              "fieldName": "label"
             }
           ],
-          "members": [],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.",
-          "tagNameWithoutPrefix": "caption",
-          "tagName": "terra-caption",
+          "summary": "Button groups can be used to group related buttons into sections.",
+          "tagNameWithoutPrefix": "button-group",
+          "tagName": "terra-button-group",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Button groups can be used to group related buttons into sections.\n * @documentation https://terra-ui.netlify.app/components/button-group\n * @status stable\n * @since 1.0\n *\n * @slot - One or more `<terra-button>` elements to display in the button group.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/button-group",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraButtonGroup",
+            "module": "components/button-group/button-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/caption/caption.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraCaption",
+          "cssProperties": [
+            {
+              "description": "The font family for the caption.",
+              "name": "--terra-caption-font-family"
+            },
+            {
+              "description": "The font size for the caption.",
+              "name": "--terra-caption-font-size"
+            },
+            {
+              "description": "The font weight for the caption.",
+              "name": "--terra-caption-font-weight"
+            },
+            {
+              "description": "The line height for the caption.",
+              "name": "--terra-caption-line-height"
+            },
+            {
+              "description": "The text color for the caption.",
+              "name": "--terra-caption-color"
+            },
+            {
+              "description": "The text color for credits within the caption.",
+              "name": "--terra-caption-credit-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.",
+          "tagNameWithoutPrefix": "caption",
+          "tagName": "terra-caption",
           "customElement": true,
           "jsDoc": "/**\n * @summary Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.\n * @documentation https://terra-ui.netlify.app/components/caption\n * @status stable\n * @since 1.0\n *\n * @slot - The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast.\n *\n * @cssproperty --terra-caption-font-family - The font family for the caption.\n * @cssproperty --terra-caption-font-size - The font size for the caption.\n * @cssproperty --terra-caption-font-weight - The font weight for the caption.\n * @cssproperty --terra-caption-line-height - The line height for the caption.\n * @cssproperty --terra-caption-color - The text color for the caption.\n * @cssproperty --terra-caption-credit-color - The text color for credits within the caption.\n */",
           "documentation": "https://terra-ui.netlify.app/components/caption",
@@ -5503,6 +5503,28 @@
               "default": "'End Date'",
               "attribute": "endPlaceholder"
             },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "'group'",
+              "description": "The ARIA role for the button. Defaults to 'group'.",
+              "attribute": "role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "'Date picker'",
+              "description": "The ARIA label for the date picker. Defaults to 'Date picker'.",
+              "attribute": "aria-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -6478,6 +6500,24 @@
               },
               "default": "'End Date'",
               "fieldName": "endPlaceholder"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "'group'",
+              "description": "The ARIA role for the button. Defaults to 'group'.",
+              "fieldName": "role"
+            },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "'Date picker'",
+              "description": "The ARIA label for the date picker. Defaults to 'Date picker'.",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
@@ -9482,6 +9522,151 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/login/login.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraLogin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "buttonLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Earthdata Login'",
+              "attribute": "button-label"
+            },
+            {
+              "kind": "field",
+              "name": "loggedInMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
+              "attribute": "logged-in-message"
+            },
+            {
+              "kind": "field",
+              "name": "loggedOutMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "logged-out-message"
+            },
+            {
+              "kind": "field",
+              "name": "loadingMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "loading-message"
+            },
+            {
+              "kind": "field",
+              "name": "#authController",
+              "privacy": "private",
+              "default": "new AuthController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "login"
+            },
+            {
+              "kind": "method",
+              "name": "logout"
+            },
+            {
+              "kind": "method",
+              "name": "#applyUserToMessage",
+              "parameters": [
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when a bearer token has been received from EDL.",
+              "name": "terra-login",
+              "reactName": "onTerraLogin",
+              "eventName": "TerraLoginEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "button-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Earthdata Login'",
+              "fieldName": "buttonLabel"
+            },
+            {
+              "name": "logged-in-message",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
+              "fieldName": "loggedInMessage"
+            },
+            {
+              "name": "logged-out-message",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "loggedOutMessage"
+            },
+            {
+              "name": "loading-message",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "loadingMessage"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.",
+          "tagNameWithoutPrefix": "login",
+          "tagName": "terra-login",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n * @documentation https://terra-ui.netlify.app/components/login\n * @status stable\n * @since 1.0\n *\n * @event terra-login - Emitted when a bearer token has been received from EDL.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/login",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraLogin",
+            "module": "components/login/login.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/loader/loader.js",
@@ -9631,167 +9816,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/login/login.js",
+      "path": "components/map/map.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraLogin",
+          "name": "TerraMap",
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "minZoom",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "buttonLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Earthdata Login'",
-              "attribute": "button-label"
-            },
-            {
-              "kind": "field",
-              "name": "loggedInMessage",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
-              "attribute": "logged-in-message"
-            },
-            {
-              "kind": "field",
-              "name": "loggedOutMessage",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "logged-out-message"
-            },
-            {
-              "kind": "field",
-              "name": "loadingMessage",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "loading-message"
-            },
-            {
-              "kind": "field",
-              "name": "#authController",
-              "privacy": "private",
-              "default": "new AuthController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "login"
-            },
-            {
-              "kind": "method",
-              "name": "logout"
-            },
-            {
-              "kind": "method",
-              "name": "#applyUserToMessage",
-              "parameters": [
-                {
-                  "name": "message",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when a bearer token has been received from EDL.",
-              "name": "terra-login",
-              "reactName": "onTerraLogin",
-              "eventName": "TerraLoginEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "button-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Earthdata Login'",
-              "fieldName": "buttonLabel"
-            },
-            {
-              "name": "logged-in-message",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
-              "fieldName": "loggedInMessage"
-            },
-            {
-              "name": "logged-out-message",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "loggedOutMessage"
-            },
-            {
-              "name": "loading-message",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "loadingMessage"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.",
-          "tagNameWithoutPrefix": "login",
-          "tagName": "terra-login",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n * @documentation https://terra-ui.netlify.app/components/login\n * @status stable\n * @since 1.0\n *\n * @event terra-login - Emitted when a bearer token has been received from EDL.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/login",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraLogin",
-            "module": "components/login/login.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/map/map.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraMap",
-          "members": [
-            {
-              "kind": "field",
-              "name": "minZoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum zoom level of the map.",
-              "attribute": "min-zoom"
+              "default": "0",
+              "description": "Minimum zoom level of the map.",
+              "attribute": "min-zoom"
             },
             {
               "kind": "field",
@@ -10072,182 +10112,69 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/menu/menu.js",
+      "path": "components/menu-item/menu-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraMenu",
-          "slots": [
+          "name": "TerraMenuItem",
+          "cssProperties": [
             {
-              "description": "The menu's content, typically `<terra-menu-item>` elements.",
-              "name": ""
+              "description": "The distance submenus shift to overlap the parent menu.",
+              "name": "--submenu-offset",
+              "default": "-2px"
             }
           ],
-          "members": [
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "description": "The checked icon, which is only visible when the menu item is checked.",
+              "name": "checked-icon"
             },
             {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "description": "The prefix container.",
+              "name": "prefix"
             },
             {
-              "kind": "method",
-              "name": "handleMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "description": "The menu item label.",
+              "name": "label"
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "description": "The suffix container.",
+              "name": "suffix"
             },
             {
-              "kind": "method",
-              "name": "isMenuItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "description": "The spinner that shows when the menu item is in the loading state.",
+              "name": "spinner"
+            },
+            {
+              "description": "The spinner's base part.",
+              "name": "spinner__base"
+            },
+            {
+              "description": "The submenu icon, visible only when the menu item has a submenu.",
+              "name": "submenu-icon"
             }
           ],
-          "events": [
+          "slots": [
             {
-              "description": "Emitted when a menu item is selected. The event detail contains the selected menu item.",
-              "name": "terra-select",
-              "reactName": "onTerraSelect",
-              "eventName": "TerraSelectEvent"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Menus provide a list of options for the user to choose from.",
-          "tagNameWithoutPrefix": "menu",
-          "tagName": "terra-menu",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Menus provide a list of options for the user to choose from.\n * @documentation https://terra-ui.netlify.app/components/menu\n * @status stable\n * @since 1.0\n *\n * @slot - The menu's content, typically `<terra-menu-item>` elements.\n *\n * @event terra-select - Emitted when a menu item is selected. The event detail contains the selected menu item.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/menu",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraMenu",
-            "module": "components/menu/menu.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/menu-item/menu-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraMenuItem",
-          "cssProperties": [
-            {
-              "description": "The distance submenus shift to overlap the parent menu.",
-              "name": "--submenu-offset",
-              "default": "-2px"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The checked icon, which is only visible when the menu item is checked.",
-              "name": "checked-icon"
-            },
-            {
-              "description": "The prefix container.",
-              "name": "prefix"
-            },
-            {
-              "description": "The menu item label.",
-              "name": "label"
-            },
-            {
-              "description": "The suffix container.",
-              "name": "suffix"
-            },
-            {
-              "description": "The spinner that shows when the menu item is in the loading state.",
-              "name": "spinner"
-            },
-            {
-              "description": "The spinner's base part.",
-              "name": "spinner__base"
-            },
-            {
-              "description": "The submenu icon, visible only when the menu item has a submenu.",
-              "name": "submenu-icon"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The menu item's label.",
-              "name": ""
-            },
-            {
-              "description": "Used to prepend an icon or similar element to the menu item.",
-              "name": "prefix"
-            },
-            {
-              "description": "Used to append an icon or similar element to the menu item.",
-              "name": "suffix"
-            },
-            {
-              "description": "Used to denote a nested menu.",
-              "name": "submenu"
+              "description": "The menu item's label.",
+              "name": ""
+            },
+            {
+              "description": "Used to prepend an icon or similar element to the menu item.",
+              "name": "prefix"
+            },
+            {
+              "description": "Used to append an icon or similar element to the menu item.",
+              "name": "suffix"
+            },
+            {
+              "description": "Used to denote a nested menu.",
+              "name": "submenu"
             }
           ],
           "members": [
@@ -10465,6 +10392,169 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/plot/plot.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraPlot",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "Plotly.PlotlyHTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "plotTitle"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "Partial<Plotly.Layout> | undefined"
+              },
+              "default": "{}",
+              "attribute": "layout"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "Partial<Plotly.Config> | undefined"
+              },
+              "default": "{}",
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Plotly.Data>>"
+              },
+              "default": "[]",
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "colors",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[\n        '#1f77b4', // blue\n        '#ff7f0e', // orange\n        '#2ca02c', // green\n        '#d62728', // red\n        '#9467bd', // purple\n        '#8c564b', // brown\n        '#e377c2', // pink\n        '#7f7f7f', // gray\n        '#bcbd22', // yellow-green\n        '#17becf', // cyan\n    ]",
+              "description": "Optional: Colors to assign to each time series line",
+              "attribute": "colors"
+            },
+            {
+              "kind": "method",
+              "name": "handleDataChange"
+            },
+            {
+              "kind": "method",
+              "name": "updatePlotWithData"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Plotly.PlotRelayoutEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "plotTitle"
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "Partial<Plotly.Layout> | undefined"
+              },
+              "default": "{}",
+              "fieldName": "layout"
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "Partial<Plotly.Config> | undefined"
+              },
+              "default": "{}",
+              "fieldName": "config"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Plotly.Data>>"
+              },
+              "default": "[]",
+              "fieldName": "data"
+            },
+            {
+              "name": "colors",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[\n        '#1f77b4', // blue\n        '#ff7f0e', // orange\n        '#2ca02c', // green\n        '#d62728', // red\n        '#9467bd', // purple\n        '#8c564b', // brown\n        '#e377c2', // pink\n        '#7f7f7f', // gray\n        '#bcbd22', // yellow-green\n        '#17becf', // cyan\n    ]",
+              "description": "Optional: Colors to assign to each time series line",
+              "fieldName": "colors"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://terra-ui.netlify.app/components/plot\n * @status stable\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/plot",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraPlot",
+            "module": "components/plot/plot.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/option/option.js",
@@ -10670,176 +10760,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/plot/plot.js",
+      "path": "components/pagination/pagination.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraPlot",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "Plotly.PlotlyHTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "plotTitle"
-            },
-            {
-              "kind": "field",
-              "name": "layout",
-              "type": {
-                "text": "Partial<Plotly.Layout> | undefined"
-              },
-              "default": "{}",
-              "attribute": "layout"
-            },
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "Partial<Plotly.Config> | undefined"
-              },
-              "default": "{}",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Plotly.Data>>"
-              },
-              "default": "[]",
-              "attribute": "data"
-            },
-            {
-              "kind": "field",
-              "name": "colors",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[\n        '#1f77b4', // blue\n        '#ff7f0e', // orange\n        '#2ca02c', // green\n        '#d62728', // red\n        '#9467bd', // purple\n        '#8c564b', // brown\n        '#e377c2', // pink\n        '#7f7f7f', // gray\n        '#bcbd22', // yellow-green\n        '#17becf', // cyan\n    ]",
-              "description": "Optional: Colors to assign to each time series line",
-              "attribute": "colors"
-            },
-            {
-              "kind": "method",
-              "name": "handleDataChange"
-            },
-            {
-              "kind": "method",
-              "name": "updatePlotWithData"
-            },
-            {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Plotly.PlotRelayoutEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "plotTitle"
-            },
-            {
-              "name": "layout",
-              "type": {
-                "text": "Partial<Plotly.Layout> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "layout"
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "Partial<Plotly.Config> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "config"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Plotly.Data>>"
-              },
-              "default": "[]",
-              "fieldName": "data"
-            },
-            {
-              "name": "colors",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[\n        '#1f77b4', // blue\n        '#ff7f0e', // orange\n        '#2ca02c', // green\n        '#d62728', // red\n        '#9467bd', // purple\n        '#8c564b', // brown\n        '#e377c2', // pink\n        '#7f7f7f', // gray\n        '#bcbd22', // yellow-green\n        '#17becf', // cyan\n    ]",
-              "description": "Optional: Colors to assign to each time series line",
-              "fieldName": "colors"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A web component for interactive graphs using Plotly.js.",
-          "tagNameWithoutPrefix": "plot",
-          "tagName": "terra-plot",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://terra-ui.netlify.app/components/plot\n * @status stable\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/plot",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/pagination/pagination.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraPagination",
-          "cssProperties": [
+          "name": "TerraPagination",
+          "cssProperties": [
             {
               "description": "The text color of page buttons.",
               "name": "--terra-pagination-button-color"
@@ -10976,89 +10903,202 @@
             },
             {
               "kind": "method",
-              "name": "_handlePageClick",
+              "name": "_handlePageClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "page",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handlePrevClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleNextClick",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the page changes.",
+              "name": "terra-page-change",
+              "reactName": "onTerraPageChange",
+              "eventName": "TerraPageChangeEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "current",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The current page number (1-indexed).",
+              "fieldName": "current"
+            },
+            {
+              "name": "total",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The total number of pages.",
+              "fieldName": "total"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'full' | 'simple'"
+              },
+              "default": "'full'",
+              "description": "The pagination variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "centered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the pagination is centered.",
+              "fieldName": "centered"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Pagination is a navigational element that allows users to navigate between content or pages.",
+          "tagNameWithoutPrefix": "pagination",
+          "tagName": "terra-pagination",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Pagination is a navigational element that allows users to navigate between content or pages.\n * @documentation https://terra-ui.netlify.app/components/pagination\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is \"left\".\n *\n * @event terra-page-change - Emitted when the page changes.\n * @eventDetail { page: number } - The new page number.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The navigation container.\n * @csspart button - The page button elements.\n * @csspart button-current - The current page button.\n * @csspart ellipsis - The ellipsis element.\n * @csspart prev - The previous button.\n * @csspart next - The next button.\n * @csspart slot - The right-side slot container.\n *\n * @cssproperty --terra-pagination-button-color - The text color of page buttons.\n * @cssproperty --terra-pagination-button-background-color - The background color of page buttons.\n * @cssproperty --terra-pagination-button-color-hover - The text color of page buttons on hover.\n * @cssproperty --terra-pagination-button-background-color-hover - The background color of page buttons on hover.\n * @cssproperty --terra-pagination-button-color-current - The text color of the current page button.\n * @cssproperty --terra-pagination-button-background-color-current - The background color of the current page button.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/pagination",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraPagination",
+            "module": "components/pagination/pagination.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/menu/menu.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraMenu",
+          "slots": [
+            {
+              "description": "The menu's content, typically `<terra-menu-item>` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseDown",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "page",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_handlePrevClick",
+              "name": "handleSlotChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleNextClick",
-              "privacy": "private"
+              "name": "isMenuItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             }
           ],
           "events": [
             {
-              "description": "Emitted when the page changes.",
-              "name": "terra-page-change",
-              "reactName": "onTerraPageChange",
-              "eventName": "TerraPageChangeEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "current",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "The current page number (1-indexed).",
-              "fieldName": "current"
-            },
-            {
-              "name": "total",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "The total number of pages.",
-              "fieldName": "total"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'full' | 'simple'"
-              },
-              "default": "'full'",
-              "description": "The pagination variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "centered",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the pagination is centered.",
-              "fieldName": "centered"
+              "description": "Emitted when a menu item is selected. The event detail contains the selected menu item.",
+              "name": "terra-select",
+              "reactName": "onTerraSelect",
+              "eventName": "TerraSelectEvent"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Pagination is a navigational element that allows users to navigate between content or pages.",
-          "tagNameWithoutPrefix": "pagination",
-          "tagName": "terra-pagination",
+          "summary": "Menus provide a list of options for the user to choose from.",
+          "tagNameWithoutPrefix": "menu",
+          "tagName": "terra-menu",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Pagination is a navigational element that allows users to navigate between content or pages.\n * @documentation https://terra-ui.netlify.app/components/pagination\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is \"left\".\n *\n * @event terra-page-change - Emitted when the page changes.\n * @eventDetail { page: number } - The new page number.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The navigation container.\n * @csspart button - The page button elements.\n * @csspart button-current - The current page button.\n * @csspart ellipsis - The ellipsis element.\n * @csspart prev - The previous button.\n * @csspart next - The next button.\n * @csspart slot - The right-side slot container.\n *\n * @cssproperty --terra-pagination-button-color - The text color of page buttons.\n * @cssproperty --terra-pagination-button-background-color - The background color of page buttons.\n * @cssproperty --terra-pagination-button-color-hover - The text color of page buttons on hover.\n * @cssproperty --terra-pagination-button-background-color-hover - The background color of page buttons on hover.\n * @cssproperty --terra-pagination-button-color-current - The text color of the current page button.\n * @cssproperty --terra-pagination-button-background-color-current - The background color of the current page button.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/pagination",
+          "jsDoc": "/**\n * @summary Menus provide a list of options for the user to choose from.\n * @documentation https://terra-ui.netlify.app/components/menu\n * @status stable\n * @since 1.0\n *\n * @slot - The menu's content, typically `<terra-menu-item>` elements.\n *\n * @event terra-select - Emitted when a menu item is selected. The event detail contains the selected menu item.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/menu",
           "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -11066,8 +11106,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPagination",
-            "module": "components/pagination/pagination.js"
+            "name": "TerraMenu",
+            "module": "components/menu/menu.js"
           }
         }
       ]
@@ -11665,6 +11705,177 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/progress-bar/progress-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraProgressBar",
+          "cssProperties": [
+            {
+              "description": "The progress bar's height.",
+              "name": "--height"
+            },
+            {
+              "description": "The color of the track.",
+              "name": "--track-color"
+            },
+            {
+              "description": "The color of the indicator.",
+              "name": "--indicator-color"
+            },
+            {
+              "description": "The color of the label.",
+              "name": "--label-color"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The progress bar's indicator.",
+              "name": "indicator"
+            },
+            {
+              "description": "The progress bar's label.",
+              "name": "label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "A label to show inside the progress indicator.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The progress bar's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "fieldName": "value"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "fieldName": "label"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The progress bar's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Progress bars are used to show the status of an ongoing operation.",
+          "tagNameWithoutPrefix": "progress-bar",
+          "tagName": "terra-progress-bar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Progress bars are used to show the status of an ongoing operation.\n * @documentation https://terra-ui.netlify.app/components/progress-bar\n * @status stable\n * @since 1.0\n *\n * @slot - A label to show inside the progress indicator.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The progress bar's indicator.\n * @csspart label - The progress bar's label.\n *\n * @cssproperty --height - The progress bar's height.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --label-color - The color of the label.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/progress-bar",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/popup/popup.js",
@@ -12225,177 +12436,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/progress-bar/progress-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraProgressBar",
-          "cssProperties": [
-            {
-              "description": "The progress bar's height.",
-              "name": "--height"
-            },
-            {
-              "description": "The color of the track.",
-              "name": "--track-color"
-            },
-            {
-              "description": "The color of the indicator.",
-              "name": "--indicator-color"
-            },
-            {
-              "description": "The color of the label.",
-              "name": "--label-color"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The progress bar's indicator.",
-              "name": "indicator"
-            },
-            {
-              "description": "The progress bar's label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "A label to show inside the progress indicator.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The progress bar's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "fieldName": "value"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-              "fieldName": "indeterminate"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The progress bar's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Progress bars are used to show the status of an ongoing operation.",
-          "tagNameWithoutPrefix": "progress-bar",
-          "tagName": "terra-progress-bar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Progress bars are used to show the status of an ongoing operation.\n * @documentation https://terra-ui.netlify.app/components/progress-bar\n * @status stable\n * @since 1.0\n *\n * @slot - A label to show inside the progress indicator.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The progress bar's indicator.\n * @csspart label - The progress bar's label.\n *\n * @cssproperty --height - The progress bar's height.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --label-color - The color of the label.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/progress-bar",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraProgressBar",
-            "module": "components/progress-bar/progress-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/radio/radio.js",
@@ -14590,135 +14630,46 @@
               "name": "base"
             }
           ],
-          "slots": [
-            {
-              "description": "Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "fullWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, dropdowns use full-width panels instead of normal list-based navigation.",
-              "attribute": "full-width",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "full-width",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, dropdowns use full-width panels instead of normal list-based navigation.",
-              "fieldName": "fullWidth"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Site navigation provides a flexible navigation structure with dropdown menus.",
-          "tagNameWithoutPrefix": "site-navigation",
-          "tagName": "terra-site-navigation",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Site navigation provides a flexible navigation structure with dropdown menus.\n * @documentation https://terra-ui.netlify.app/components/site-navigation\n * @status stable\n * @since 1.0\n *\n * @slot - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/site-navigation",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraSiteNavigation",
-            "module": "components/site-navigation/site-navigation.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/skeleton/skeleton.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraSkeleton",
-          "members": [
-            {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "rows"
-            },
-            {
-              "kind": "field",
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
-              "default": "'pulse'",
-              "attribute": "effect"
-            },
+          "slots": [
+            {
+              "description": "Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "variableWidths",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "attribute": "variableWidths",
+              "default": "false",
+              "description": "When true, dropdowns use full-width panels instead of normal list-based navigation.",
+              "attribute": "full-width",
               "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "rows"
-            },
-            {
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
-              "default": "'pulse'",
-              "fieldName": "effect"
-            },
-            {
-              "name": "variableWidths",
+              "name": "full-width",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "fieldName": "variableWidths"
+              "default": "false",
+              "description": "When true, dropdowns use full-width panels instead of normal list-based navigation.",
+              "fieldName": "fullWidth"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Skeletons are loading indicators to represent where content will eventually be drawn.",
-          "tagNameWithoutPrefix": "skeleton",
-          "tagName": "terra-skeleton",
+          "summary": "Site navigation provides a flexible navigation structure with dropdown menus.",
+          "tagNameWithoutPrefix": "site-navigation",
+          "tagName": "terra-site-navigation",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Skeletons are loading indicators to represent where content will eventually be drawn.\n * @documentation https://terra-ui.netlify.app/components/skeleton\n * @status stable\n * @since 1.0\n */",
-          "documentation": "https://terra-ui.netlify.app/components/skeleton",
+          "jsDoc": "/**\n * @summary Site navigation provides a flexible navigation structure with dropdown menus.\n * @documentation https://terra-ui.netlify.app/components/site-navigation\n * @status stable\n * @since 1.0\n *\n * @slot - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/site-navigation",
           "status": "stable",
           "since": "1.0"
         }
@@ -14728,8 +14679,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraSkeleton",
-            "module": "components/skeleton/skeleton.js"
+            "name": "TerraSiteNavigation",
+            "module": "components/site-navigation/site-navigation.js"
           }
         }
       ]
@@ -15138,6 +15089,95 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/skeleton/skeleton.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraSkeleton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "rows"
+            },
+            {
+              "kind": "field",
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
+              "default": "'pulse'",
+              "attribute": "effect"
+            },
+            {
+              "kind": "field",
+              "name": "variableWidths",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "variableWidths",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "rows"
+            },
+            {
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
+              "default": "'pulse'",
+              "fieldName": "effect"
+            },
+            {
+              "name": "variableWidths",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "variableWidths"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Skeletons are loading indicators to represent where content will eventually be drawn.",
+          "tagNameWithoutPrefix": "skeleton",
+          "tagName": "terra-skeleton",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Skeletons are loading indicators to represent where content will eventually be drawn.\n * @documentation https://terra-ui.netlify.app/components/skeleton\n * @status stable\n * @since 1.0\n */",
+          "documentation": "https://terra-ui.netlify.app/components/skeleton",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/spatial-picker/spatial-picker.js",
@@ -15743,238 +15783,91 @@
             },
             {
               "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"
-            },
-            {
-              "description": "The text label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The status label text.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
-              },
-              "default": "'active'",
-              "description": "The status variant. Determines the color of the indicator dot.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "dark",
-              "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.",
-              "attribute": "dark",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
-              },
-              "default": "'active'",
-              "description": "The status variant. Determines the color of the indicator dot.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "dark",
-              "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-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"
+              "name": "--terra-status-indicator-font-family"
             },
             {
-              "description": "The content area containing title and caption.",
-              "name": "content"
+              "description": "The font size for the label.",
+              "name": "--terra-status-indicator-font-size"
             },
             {
-              "description": "The step's title.",
-              "name": "title"
+              "description": "The font weight for the label.",
+              "name": "--terra-status-indicator-font-weight"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The step's caption.",
-              "name": "caption"
+              "description": "The colored status dot.",
+              "name": "dot"
             },
             {
-              "description": "The checkmark icon (shown when completed).",
-              "name": "icon"
+              "description": "The text label.",
+              "name": "label"
             }
           ],
           "slots": [
             {
-              "description": "The step's caption (optional, only shown in default variant).",
+              "description": "The status label text.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "state",
+              "name": "variant",
               "type": {
-                "text": "'completed' | 'current' | 'upcoming'"
+                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
               },
-              "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",
+              "default": "'active'",
+              "description": "The status variant. Determines the color of the indicator dot.",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The step's title. Should be short, preferably 1-2 words.",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "hideCheckmark",
+              "name": "dark",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, hides the checkmark icon for completed steps.",
-              "attribute": "hide-checkmark",
+              "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": "method",
-              "name": "getStepperVariant",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "'default' | 'condensed'"
-                }
-              }
             }
           ],
           "attributes": [
             {
-              "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"
-            },
-            {
-              "name": "title",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "| 'active'\n        | 'completed'\n        | 'testing'\n        | 'future'"
               },
-              "default": "''",
-              "description": "The step's title. Should be short, preferably 1-2 words.",
-              "fieldName": "title"
+              "default": "'active'",
+              "description": "The status variant. Determines the color of the indicator dot.",
+              "fieldName": "variant"
             },
             {
-              "name": "hide-checkmark",
+              "name": "dark",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, hides the checkmark icon for completed steps.",
-              "fieldName": "hideCheckmark"
+              "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": "A step within a stepper component that displays progress through a multi-step workflow.",
-          "tagNameWithoutPrefix": "stepper-step",
-          "tagName": "terra-stepper-step",
+          "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 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",
+          "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"
         }
@@ -15984,8 +15877,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraStepperStep",
-            "module": "components/stepper-step/stepper-step.js"
+            "name": "TerraStatusIndicator",
+            "module": "components/status-indicator/status-indicator.js"
           }
         }
       ]
@@ -16289,8 +16182,155 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTab",
-            "module": "components/tab/tab.js"
+            "name": "TerraTab",
+            "module": "components/tab/tab.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"
+            },
+            {
+              "description": "The content area containing title and caption.",
+              "name": "content"
+            },
+            {
+              "description": "The step's title.",
+              "name": "title"
+            },
+            {
+              "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": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+            },
+            {
+              "kind": "field",
+              "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.",
+              "attribute": "state",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The step's title. Should be short, preferably 1-2 words.",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "hideCheckmark",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the checkmark icon for completed steps.",
+              "attribute": "hide-checkmark",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "getStepperVariant",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "'default' | 'condensed'"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "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"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The step's title. Should be short, preferably 1-2 words.",
+              "fieldName": "title"
+            },
+            {
+              "name": "hide-checkmark",
+              "type": {
+                "text": "boolean"
+              },
+              "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"
           }
         }
       ]
@@ -18490,6 +18530,260 @@
         }
       ]
     },
+    {
+      "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": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enables a close button that allows the user to dismiss the toast.",
+              "fieldName": "closable"
+            },
+            {
+              "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.",
+              "fieldName": "countdown"
+            }
+          ],
+          "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",
+          "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",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "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."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraToast",
+            "module": "components/toast/toast.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/time-series/time-series.js",
@@ -18891,260 +19185,6 @@
         }
       ]
     },
-    {
-      "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": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enables a close button that allows the user to dismiss the toast.",
-              "fieldName": "closable"
-            },
-            {
-              "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.",
-              "fieldName": "countdown"
-            }
-          ],
-          "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",
-          "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",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "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."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraToast",
-            "module": "components/toast/toast.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/toggle/toggle.js",
@@ -20767,7 +20807,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.145",
+    "version": "0.0.146",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"