@nasa-terra/components 0.0.158 → 0.0.159

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.158",
+  "version": "0.0.159",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -64,88 +64,6 @@
             ]
           }
         },
-        {
-          "name": "terra-avatar",
-          "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "image",
-              "description": "The image source to use for the avatar.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "label",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "initials",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "loading",
-              "description": "Indicates how the browser should load the image.",
-              "value": { "type": "'eager' | 'lazy'", "default": "'eager'" }
-            },
-            {
-              "name": "shape",
-              "description": "The shape of the avatar.",
-              "value": {
-                "type": "'circle' | 'square' | 'rounded'",
-                "default": "'circle'"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "icon",
-              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`."
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-error",
-              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "image",
-                "description": "The image source to use for the avatar.",
-                "type": "string"
-              },
-              {
-                "name": "label",
-                "description": "A label to use to describe the avatar to assistive devices.",
-                "type": "string"
-              },
-              {
-                "name": "initials",
-                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-                "type": "string"
-              },
-              {
-                "name": "loading",
-                "description": "Indicates how the browser should load the image.",
-                "type": "'eager' | 'lazy'"
-              },
-              {
-                "name": "shape",
-                "description": "The shape of the avatar.",
-                "type": "'circle' | 'square' | 'rounded'"
-              }
-            ],
-            "events": [
-              {
-                "name": "terra-error",
-                "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
-              }
-            ]
-          }
-        },
         {
           "name": "terra-alert",
           "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
@@ -339,6 +257,88 @@
             "events": []
           }
         },
+        {
+          "name": "terra-avatar",
+          "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "image",
+              "description": "The image source to use for the avatar.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "label",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "initials",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "loading",
+              "description": "Indicates how the browser should load the image.",
+              "value": { "type": "'eager' | 'lazy'", "default": "'eager'" }
+            },
+            {
+              "name": "shape",
+              "description": "The shape of the avatar.",
+              "value": {
+                "type": "'circle' | 'square' | 'rounded'",
+                "default": "'circle'"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "icon",
+              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`."
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-error",
+              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "image",
+                "description": "The image source to use for the avatar.",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "A label to use to describe the avatar to assistive devices.",
+                "type": "string"
+              },
+              {
+                "name": "initials",
+                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+                "type": "string"
+              },
+              {
+                "name": "loading",
+                "description": "Indicates how the browser should load the image.",
+                "type": "'eager' | 'lazy'"
+              },
+              {
+                "name": "shape",
+                "description": "The shape of the avatar.",
+                "type": "'circle' | 'square' | 'rounded'"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-error",
+                "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-breadcrumbs",
           "description": "A collection of breadcrumb items that shows the current page's location in the site hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.\n\n### **CSS Properties:**\n - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The navigation container.",
@@ -1109,6 +1109,56 @@
             "events": []
           }
         },
+        {
+          "name": "terra-data-access",
+          "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "short-name",
+              "description": "Collection short name used to build the Collection Entry ID.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "version",
+              "description": "Collection version used to build the Collection Entry ID.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "footer-slot",
+              "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+              "value": { "type": "boolean | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "shortName", "type": "string | undefined" },
+              { "name": "version", "type": "string | undefined" },
+              {
+                "name": "footerSlot",
+                "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+                "type": "boolean | undefined"
+              },
+              { "name": "limit", "type": "number" },
+              { "name": "page", "type": "number" },
+              { "name": "search", "type": "string" },
+              { "name": "startDate", "type": "string" },
+              { "name": "endDate", "type": "string" },
+              { "name": "location", "type": "MapEventDetail | null" },
+              {
+                "name": "cloudCover",
+                "type": "{ min?: number; max?: number }"
+              },
+              { "name": "cloudCoverPickerOpen", "type": "boolean" },
+              { "name": "datePickerRef" },
+              { "name": "spatialPickerRef" },
+              { "name": "cloudCoverSliderRef" },
+              { "name": "gridRef" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-data-grid",
           "description": "A flexible data grid component built on AG Grid with support for various data sources and row models.\n---\n\n\n### **Events:**\n - **terra-grid-ready** - Emitted when the grid is initialized and ready.\n- **terra-selection-changed** - Emitted when row selection changes.\n- **terra-sort-changed** - Emitted when column sorting changes.\n- **terra-filter-changed** - Emitted when column filters change.\n- **terra-row-clicked** - Emitted when a row is clicked.\n- **terra-row-double-clicked** - Emitted when a row is double-clicked.\n- **terra-cell-clicked** - Emitted when a cell is clicked.\n- **terra-cell-value-changed** - Emitted when a cell value is edited.\n\n### **Methods:**\n - **getGridApi(): _GridApi<T> | undefined_** - Get the AG Grid API instance.\nUseful for programmatic control of the grid.\n- **refresh(): _void_** - Refresh the grid data.\nFor infinite scroll, purges cache and refetches.\n- **exportToCsv(options: _CsvExportParams_): _void_** - Export grid data to CSV.\n- **exportToExcel(options: _ExcelExportParams_): _void_** - Export grid data to Excel.\nNote: Requires AG Grid Enterprise license.\n\n### **CSS Properties:**\n - **--terra-data-grid-height** - The height of the grid (default: 400px). _(default: undefined)_\n- **--terra-data-grid-border-color** - Border color using HDS tokens. _(default: undefined)_\n- **--terra-data-grid-header-background** - Header background color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **grid** - The AG Grid container element.\n- **loading** - The loading overlay container.",
@@ -1273,94 +1323,44 @@
           }
         },
         {
-          "name": "terra-data-access",
-          "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
+          "name": "terra-data-rods",
+          "description": "\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "short-name",
-              "description": "Collection short name used to build the Collection Entry ID.",
+              "name": "variable-entry-id",
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
               "value": { "type": "string | undefined" }
             },
             {
-              "name": "version",
-              "description": "Collection version used to build the Collection Entry ID.",
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
               "value": { "type": "string | undefined" }
             },
             {
-              "name": "footer-slot",
-              "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
-              "value": { "type": "boolean | undefined" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "shortName", "type": "string | undefined" },
-              { "name": "version", "type": "string | undefined" },
-              {
-                "name": "footerSlot",
-                "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
-                "type": "boolean | undefined"
-              },
-              { "name": "limit", "type": "number" },
-              { "name": "page", "type": "number" },
-              { "name": "search", "type": "string" },
-              { "name": "startDate", "type": "string" },
-              { "name": "endDate", "type": "string" },
-              { "name": "location", "type": "MapEventDetail | null" },
-              {
-                "name": "cloudCover",
-                "type": "{ min?: number; max?: number }"
-              },
-              { "name": "cloudCoverPickerOpen", "type": "boolean" },
-              { "name": "datePickerRef" },
-              { "name": "spatialPickerRef" },
-              { "name": "cloudCoverSliderRef" },
-              { "name": "gridRef" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-data-rods",
-          "description": "\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variable-entry-id",
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "collection",
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "variable",
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "start-date",
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "end-date",
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "value": { "type": "string" }
+              "name": "variable",
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
             }
           ],
           "events": [],
@@ -2755,118 +2755,6 @@
             ]
           }
         },
-        {
-          "name": "terra-menu",
-          "description": "Menus provide a list of options for the user to choose from.\n---\n\n\n### **Events:**\n - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.\n\n### **Slots:**\n - _default_ - The menu's content, typically `<terra-menu-item>` elements.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "",
-              "description": "The menu's content, typically `<terra-menu-item>` elements."
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-select",
-              "description": "Emitted when a menu item is selected. The event detail contains the selected menu item."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" }
-            ],
-            "events": [
-              {
-                "name": "terra-select",
-                "description": "Emitted when a menu item is selected. The event detail contains the selected menu item."
-              }
-            ]
-          }
-        },
-        {
-          "name": "terra-menu-item",
-          "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **spinner** - The spinner that shows when the menu item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "type",
-              "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
-              "value": {
-                "type": "'normal' | 'checkbox'",
-                "default": "'normal'"
-              }
-            },
-            {
-              "name": "checked",
-              "description": "Draws the item in a checked state.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "value",
-              "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "loading",
-              "description": "Draws the menu item in a loading state.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "disabled",
-              "description": "Draws the menu item in a disabled state, preventing selection.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The menu item's label." },
-            {
-              "name": "prefix",
-              "description": "Used to prepend an icon or similar element to the menu item."
-            },
-            {
-              "name": "suffix",
-              "description": "Used to append an icon or similar element to the menu item."
-            },
-            {
-              "name": "submenu",
-              "description": "Used to denote a nested menu."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" },
-              { "name": "menuItem", "type": "HTMLElement" },
-              {
-                "name": "type",
-                "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
-                "type": "'normal' | 'checkbox'"
-              },
-              {
-                "name": "checked",
-                "description": "Draws the item in a checked state.",
-                "type": "boolean"
-              },
-              {
-                "name": "value",
-                "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
-                "type": "string"
-              },
-              {
-                "name": "loading",
-                "description": "Draws the menu item in a loading state.",
-                "type": "boolean"
-              },
-              {
-                "name": "disabled",
-                "description": "Draws the menu item in a disabled state, preventing selection.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-map",
           "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -2989,23 +2877,70 @@
           }
         },
         {
-          "name": "terra-option",
-          "description": "Options define the selectable items within various form controls such as [select](/components/select).\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Properties:**\n - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **checked-icon** - The checked icon, an `<terra-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",
+          "name": "terra-menu",
+          "description": "Menus provide a list of options for the user to choose from.\n---\n\n\n### **Events:**\n - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.\n\n### **Slots:**\n - _default_ - The menu's content, typically `<terra-menu-item>` elements.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            {
+              "name": "",
+              "description": "The menu's content, typically `<terra-menu-item>` elements."
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-select",
+              "description": "Emitted when a menu item is selected. The event detail contains the selected menu item."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" }
+            ],
+            "events": [
+              {
+                "name": "terra-select",
+                "description": "Emitted when a menu item is selected. The event detail contains the selected menu item."
+              }
+            ]
+          }
+        },
+        {
+          "name": "terra-menu-item",
+          "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **spinner** - The spinner that shows when the menu item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "type",
+              "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
+              "value": {
+                "type": "'normal' | 'checkbox'",
+                "default": "'normal'"
+              }
+            },
+            {
+              "name": "checked",
+              "description": "Draws the item in a checked state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "value",
-              "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+              "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
               "value": { "type": "string", "default": "''" }
             },
+            {
+              "name": "loading",
+              "description": "Draws the menu item in a loading state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "disabled",
-              "description": "Draws the option in a disabled state, preventing selection.",
+              "description": "Draws the menu item in a disabled state, preventing selection.",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The option's label." },
+            { "name": "", "description": "The menu item's label." },
             {
               "name": "prefix",
               "description": "Used to prepend an icon or similar element to the menu item."
@@ -3013,22 +2948,87 @@
             {
               "name": "suffix",
               "description": "Used to append an icon or similar element to the menu item."
+            },
+            {
+              "name": "submenu",
+              "description": "Used to denote a nested menu."
             }
           ],
           "events": [],
           "js": {
             "properties": [
               { "name": "defaultSlot", "type": "HTMLSlotElement" },
-              { "name": "current", "type": "boolean" },
-              { "name": "selected", "type": "boolean" },
-              { "name": "hasHover", "type": "boolean" },
+              { "name": "menuItem", "type": "HTMLElement" },
+              {
+                "name": "type",
+                "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
+                "type": "'normal' | 'checkbox'"
+              },
+              {
+                "name": "checked",
+                "description": "Draws the item in a checked state.",
+                "type": "boolean"
+              },
               {
                 "name": "value",
-                "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+                "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
                 "type": "string"
               },
               {
-                "name": "disabled",
+                "name": "loading",
+                "description": "Draws the menu item in a loading state.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Draws the menu item in a disabled state, preventing selection.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-option",
+          "description": "Options define the selectable items within various form controls such as [select](/components/select).\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Properties:**\n - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **checked-icon** - The checked icon, an `<terra-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "disabled",
+              "description": "Draws the option in a disabled state, preventing selection.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The option's label." },
+            {
+              "name": "prefix",
+              "description": "Used to prepend an icon or similar element to the menu item."
+            },
+            {
+              "name": "suffix",
+              "description": "Used to append an icon or similar element to the menu item."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              { "name": "current", "type": "boolean" },
+              { "name": "selected", "type": "boolean" },
+              { "name": "hasHover", "type": "boolean" },
+              {
+                "name": "value",
+                "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
                 "description": "Draws the option in a disabled state, preventing selection.",
                 "type": "boolean"
               }
@@ -3036,6 +3036,75 @@
             "events": []
           }
         },
+        {
+          "name": "terra-pagination",
+          "description": "Pagination is a navigational element that allows users to navigate between content or pages.\n---\n\n\n### **Events:**\n - **terra-page-change** - Emitted when the page changes.\n\n### **Slots:**\n - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is \"left\".\n\n### **CSS Properties:**\n - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_\n- **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_\n- **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_\n- **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_\n- **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_\n- **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The navigation container.\n- **button** - The page button elements.\n- **button-current** - The current page button.\n- **ellipsis** - The ellipsis element.\n- **prev** - The previous button.\n- **next** - The next button.\n- **slot** - The right-side slot container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "current",
+              "description": "The current page number (1-indexed).",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "total",
+              "description": "The total number of pages.",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "variant",
+              "description": "The pagination variant.",
+              "value": { "type": "'full' | 'simple'", "default": "'full'" }
+            },
+            {
+              "name": "centered",
+              "description": "Whether the pagination is centered.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is \"left\"."
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-page-change",
+              "description": "Emitted when the page changes."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "current",
+                "description": "The current page number (1-indexed).",
+                "type": "number"
+              },
+              {
+                "name": "total",
+                "description": "The total number of pages.",
+                "type": "number"
+              },
+              {
+                "name": "variant",
+                "description": "The pagination variant.",
+                "type": "'full' | 'simple'"
+              },
+              {
+                "name": "centered",
+                "description": "Whether the pagination is centered.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-page-change",
+                "description": "Emitted when the page changes."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-plot",
           "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -3096,72 +3165,161 @@
           }
         },
         {
-          "name": "terra-pagination",
-          "description": "Pagination is a navigational element that allows users to navigate between content or pages.\n---\n\n\n### **Events:**\n - **terra-page-change** - Emitted when the page changes.\n\n### **Slots:**\n - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is \"left\".\n\n### **CSS Properties:**\n - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_\n- **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_\n- **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_\n- **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_\n- **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_\n- **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The navigation container.\n- **button** - The page button elements.\n- **button-current** - The current page button.\n- **ellipsis** - The ellipsis element.\n- **prev** - The previous button.\n- **next** - The next button.\n- **slot** - The right-side slot container.",
+          "name": "terra-plot-toolbar",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
+            { "name": "catalogVariable", "value": { "type": "Variable" } },
+            { "name": "variableEntryId", "value": { "type": "string" } },
+            { "name": "plot", "value": { "type": "TerraPlot | undefined" } },
             {
-              "name": "current",
-              "description": "The current page number (1-indexed).",
-              "value": { "type": "number", "default": "1" }
+              "name": "timeSeriesData",
+              "value": { "type": "Partial<Plotly.Data>[] | Blob | undefined" }
             },
+            { "name": "location", "value": { "type": "string" } },
+            { "name": "startDate", "value": { "type": "string" } },
+            { "name": "endDate", "value": { "type": "string" } },
+            { "name": "cacheKey", "value": { "type": "string" } },
+            { "name": "dataType", "value": { "type": "DataType" } },
             {
-              "name": "total",
-              "description": "The total number of pages.",
+              "name": "show-location",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            { "name": "show-date-range", "value": { "type": "boolean" } },
+            {
+              "name": "colormaps",
+              "value": { "type": "string[]", "default": "[]" }
+            },
+            {
+              "name": "color-map-name",
+              "value": { "type": "string", "default": "'viridis'" }
+            },
+            {
+              "name": "opacity",
               "value": { "type": "number", "default": "1" }
             },
             {
-              "name": "variant",
-              "description": "The pagination variant.",
-              "value": { "type": "'full' | 'simple'", "default": "'full'" }
+              "name": "show-citation",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "centered",
-              "description": "Whether the pagination is centered.",
+              "name": "application-citation",
+              "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "mobile-view",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "product-label",
+              "value": { "type": "string | undefined" }
             }
           ],
           "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "variableEntryId", "type": "string" },
+              { "name": "plot", "type": "TerraPlot | undefined" },
+              {
+                "name": "timeSeriesData",
+                "type": "Partial<Plotly.Data>[] | Blob | undefined"
+              },
+              { "name": "location", "type": "string" },
+              { "name": "startDate", "type": "string" },
+              { "name": "endDate", "type": "string" },
+              { "name": "cacheKey", "type": "string" },
+              { "name": "dataType", "type": "DataType" },
+              { "name": "showLocation", "type": "boolean" },
+              { "name": "showDateRange", "type": "boolean" },
+              { "name": "colormaps", "type": "string[]" },
+              { "name": "colorMapName", "type": "string" },
+              { "name": "opacity", "type": "number" },
+              { "name": "showCitation", "type": "boolean" },
+              {
+                "name": "applicationCitation",
+                "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
+                "type": "string | undefined"
+              },
+              { "name": "mobileView", "type": "boolean" },
+              { "name": "productLabel", "type": "string | undefined" },
+              { "name": "hideTitle", "type": "boolean" },
+              { "name": "activeMenuItem", "type": "MenuNames" },
+              { "name": "showLocationTooltip", "type": "boolean" },
+              { "name": "locationMapValue", "type": "any" },
+              { "name": "menu", "type": "HTMLMenuElement" },
+              { "name": "_authController" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-progress-bar",
+          "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "",
-              "description": "Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is \"left\"."
-            }
+              "name": "value",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "indeterminate",
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "A custom label for assistive devices.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "variant",
+              "description": "The progress bar's theme variant.",
+              "value": {
+                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'",
+                "default": "'primary'"
+              }
+            },
+            { "name": "title", "value": { "type": "string", "default": "''" } }
           ],
-          "events": [
+          "slots": [
             {
-              "name": "terra-page-change",
-              "description": "Emitted when the page changes."
+              "name": "",
+              "description": "A label to show inside the progress indicator."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "current",
-                "description": "The current page number (1-indexed).",
+                "name": "value",
+                "description": "The current progress as a percentage, 0 to 100.",
                 "type": "number"
               },
               {
-                "name": "total",
-                "description": "The total number of pages.",
-                "type": "number"
+                "name": "indeterminate",
+                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+                "type": "boolean"
               },
               {
-                "name": "variant",
-                "description": "The pagination variant.",
-                "type": "'full' | 'simple'"
+                "name": "label",
+                "description": "A custom label for assistive devices.",
+                "type": "string"
               },
               {
-                "name": "centered",
-                "description": "Whether the pagination is centered.",
-                "type": "boolean"
-              }
+                "name": "variant",
+                "description": "The progress bar's theme variant.",
+                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
+              },
+              { "name": "title", "type": "string" }
             ],
-            "events": [
-              {
-                "name": "terra-page-change",
-                "description": "Emitted when the page changes."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -3431,100 +3589,6 @@
             ]
           }
         },
-        {
-          "name": "terra-plot-toolbar",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "catalogVariable", "value": { "type": "Variable" } },
-            { "name": "variableEntryId", "value": { "type": "string" } },
-            { "name": "plot", "value": { "type": "TerraPlot | undefined" } },
-            {
-              "name": "timeSeriesData",
-              "value": { "type": "Partial<Plotly.Data>[] | Blob | undefined" }
-            },
-            { "name": "location", "value": { "type": "string" } },
-            { "name": "startDate", "value": { "type": "string" } },
-            { "name": "endDate", "value": { "type": "string" } },
-            { "name": "cacheKey", "value": { "type": "string" } },
-            { "name": "dataType", "value": { "type": "DataType" } },
-            {
-              "name": "show-location",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            { "name": "show-date-range", "value": { "type": "boolean" } },
-            {
-              "name": "colormaps",
-              "value": { "type": "string[]", "default": "[]" }
-            },
-            {
-              "name": "color-map-name",
-              "value": { "type": "string", "default": "'viridis'" }
-            },
-            {
-              "name": "opacity",
-              "value": { "type": "number", "default": "1" }
-            },
-            {
-              "name": "show-citation",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "application-citation",
-              "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "mobile-view",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "product-label",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "variableEntryId", "type": "string" },
-              { "name": "plot", "type": "TerraPlot | undefined" },
-              {
-                "name": "timeSeriesData",
-                "type": "Partial<Plotly.Data>[] | Blob | undefined"
-              },
-              { "name": "location", "type": "string" },
-              { "name": "startDate", "type": "string" },
-              { "name": "endDate", "type": "string" },
-              { "name": "cacheKey", "type": "string" },
-              { "name": "dataType", "type": "DataType" },
-              { "name": "showLocation", "type": "boolean" },
-              { "name": "showDateRange", "type": "boolean" },
-              { "name": "colormaps", "type": "string[]" },
-              { "name": "colorMapName", "type": "string" },
-              { "name": "opacity", "type": "number" },
-              { "name": "showCitation", "type": "boolean" },
-              {
-                "name": "applicationCitation",
-                "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-                "type": "string | undefined"
-              },
-              { "name": "mobileView", "type": "boolean" },
-              { "name": "productLabel", "type": "string | undefined" },
-              { "name": "hideTitle", "type": "boolean" },
-              { "name": "activeMenuItem", "type": "MenuNames" },
-              { "name": "showLocationTooltip", "type": "boolean" },
-              { "name": "locationMapValue", "type": "any" },
-              { "name": "menu", "type": "HTMLMenuElement" },
-              { "name": "_authController" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-radio",
           "description": "Radio buttons are a form field used when only a single selection can be made from a list.\n---\n\n\n### **Events:**\n - **terra-blur** - Emitted when the radio loses focus.\n- **terra-change** - Emitted when the checked state changes.\n- **terra-focus** - Emitted when the radio gains focus.\n- **terra-input** - Emitted when the radio receives input.\n- **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the radio.\n- **focus(options: _FocusOptions_)** - Sets focus on the radio.\n- **blur()** - Removes focus from the radio.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Properties:**\n - **--terra-radio-*** - All radio design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an SVG element.\n- **label** - The container that wraps the radio's label.",
@@ -3807,70 +3871,6 @@
             ]
           }
         },
-        {
-          "name": "terra-progress-bar",
-          "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "value",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "indeterminate",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "description": "A custom label for assistive devices.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "variant",
-              "description": "The progress bar's theme variant.",
-              "value": {
-                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'",
-                "default": "'primary'"
-              }
-            },
-            { "name": "title", "value": { "type": "string", "default": "''" } }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "A label to show inside the progress indicator."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The current progress as a percentage, 0 to 100.",
-                "type": "number"
-              },
-              {
-                "name": "indeterminate",
-                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-                "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "A custom label for assistive devices.",
-                "type": "string"
-              },
-              {
-                "name": "variant",
-                "description": "The progress bar's theme variant.",
-                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
-              },
-              { "name": "title", "type": "string" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-scroll-hint",
           "description": "Scroll hint is an animated button that prompts visitors to scroll.\n---\n\n\n### **Events:**\n - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.\n\n### **CSS Properties:**\n - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_\n- **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_\n- **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_\n- **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The clickable button element.\n- **icon-container** - The container for the icon and pulsing ring.\n- **icon** - The chevron icon.\n- **ring** - The pulsing ring around the icon.\n- **text** - The \"SCROLL TO CONTINUE\" text.",
@@ -4255,38 +4255,29 @@
           }
         },
         {
-          "name": "terra-site-header",
-          "description": "Site headers provide a consistent navigation structure at the top of pages.\n---\n\n\n### **Slots:**\n - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.\n- **center** - Content displayed in the center of the header (e.g., navigation).\n- **right** - Content displayed on the right side of the header. Defaults to a search icon button.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **logo** - The NASA logo container.\n- **title** - The site title container.\n- **center** - The center content container.\n- **right** - The right content container.",
+          "name": "terra-skeleton",
+          "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",
           "doc-url": "",
           "attributes": [
+            { "name": "rows", "value": { "type": "number", "default": "1" } },
             {
-              "name": "site-name",
-              "description": "The default site name displayed in the title slot if no content is provided.",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "title",
-              "description": "The site title displayed next to the logo. Defaults to the `site-name` prop value."
-            },
-            {
-              "name": "center",
-              "description": "Content displayed in the center of the header (e.g., navigation)."
+              "name": "effect",
+              "value": {
+                "type": "'pulse' | 'sheen' | 'none'",
+                "default": "'pulse'"
+              }
             },
             {
-              "name": "right",
-              "description": "Content displayed on the right side of the header. Defaults to a search icon button."
+              "name": "variableWidths",
+              "value": { "type": "boolean", "default": "true" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "siteName",
-                "description": "The default site name displayed in the title slot if no content is provided.",
-                "type": "string"
-              }
+              { "name": "rows", "type": "number" },
+              { "name": "effect", "type": "'pulse' | 'sheen' | 'none'" },
+              { "name": "variableWidths", "type": "boolean" }
             ],
             "events": []
           }
@@ -4321,29 +4312,38 @@
           }
         },
         {
-          "name": "terra-skeleton",
-          "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",
+          "name": "terra-site-header",
+          "description": "Site headers provide a consistent navigation structure at the top of pages.\n---\n\n\n### **Slots:**\n - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.\n- **center** - Content displayed in the center of the header (e.g., navigation).\n- **right** - Content displayed on the right side of the header. Defaults to a search icon button.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **logo** - The NASA logo container.\n- **title** - The site title container.\n- **center** - The center content container.\n- **right** - The right content container.",
           "doc-url": "",
           "attributes": [
-            { "name": "rows", "value": { "type": "number", "default": "1" } },
             {
-              "name": "effect",
-              "value": {
-                "type": "'pulse' | 'sheen' | 'none'",
-                "default": "'pulse'"
-              }
+              "name": "site-name",
+              "description": "The default site name displayed in the title slot if no content is provided.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "title",
+              "description": "The site title displayed next to the logo. Defaults to the `site-name` prop value."
+            },
+            {
+              "name": "center",
+              "description": "Content displayed in the center of the header (e.g., navigation)."
             },
             {
-              "name": "variableWidths",
-              "value": { "type": "boolean", "default": "true" }
+              "name": "right",
+              "description": "Content displayed on the right side of the header. Defaults to a search icon button."
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "rows", "type": "number" },
-              { "name": "effect", "type": "'pulse' | 'sheen' | 'none'" },
-              { "name": "variableWidths", "type": "boolean" }
+              {
+                "name": "siteName",
+                "description": "The default site name displayed in the title slot if no content is provided.",
+                "type": "string"
+              }
             ],
             "events": []
           }
@@ -4874,40 +4874,6 @@
             ]
           }
         },
-        {
-          "name": "terra-tab-panel",
-          "description": "Tab panels are used inside [tabs](/components/tabs) to display tabbed content.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "name",
-              "description": "The tab panel's name.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "active",
-              "description": "When true, the tab panel will be shown.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The tab panel's content." }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "name",
-                "description": "The tab panel's name.",
-                "type": "string"
-              },
-              {
-                "name": "active",
-                "description": "When true, the tab panel will be shown.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-tabs",
           "description": "Tabs organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **terra-tab-show** - Emitted when a tab is shown.\n- **terra-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.\n\n### **CSS Properties:**\n - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tabs' navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tabs' body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.",
@@ -5247,78 +5213,270 @@
                 "description": "Emitted when the textarea receives input."
               },
               {
-                "name": "terra-change",
-                "description": "Emitted when an alteration to the control's value is committed by the user."
+                "name": "terra-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "terra-focus",
+                "description": "Emitted when the textarea gains focus."
+              },
+              {
+                "name": "terra-blur",
+                "description": "Emitted when the textarea loses focus."
+              },
+              {
+                "name": "terra-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
+          }
+        },
+        {
+          "name": "terra-time-average-map",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "collection", "value": { "type": "string | undefined" } },
+            { "name": "variable", "value": { "type": "string | undefined" } },
+            { "name": "start-date", "value": { "type": "string | undefined" } },
+            { "name": "end-date", "value": { "type": "string | undefined" } },
+            { "name": "location", "value": { "type": "string | undefined" } },
+            { "name": "bearer-token", "value": { "type": "string" } },
+            {
+              "name": "long_name",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "color-map-name",
+              "value": { "type": "string", "default": "'viridis'" }
+            },
+            { "name": "opacity", "value": { "type": "number", "default": "1" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "collection", "type": "string | undefined" },
+              { "name": "variable", "type": "string | undefined" },
+              { "name": "startDate", "type": "string | undefined" },
+              { "name": "endDate", "type": "string | undefined" },
+              { "name": "location", "type": "string | undefined" },
+              { "name": "bearerToken", "type": "string" },
+              { "name": "long_name", "type": "string" },
+              { "name": "colorMapName", "type": "string" },
+              { "name": "opacity", "type": "number" },
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "pixelValue", "type": "string" },
+              { "name": "pixelCoordinates", "type": "string" },
+              { "name": "metadata", "type": "{ [key: string]: string }" },
+              { "name": "toggleState", "type": "boolean" },
+              { "name": "minimized", "type": "boolean" },
+              { "name": "noDataValue", "type": "number" },
+              { "name": "min", "type": "string" },
+              { "name": "max", "type": "string" },
+              {
+                "name": "legendValues",
+                "type": "{ value: string; rgb: string }[]"
+              },
+              { "name": "_authController" },
+              { "name": "colormaps", "type": "array" },
+              { "name": "plotData", "type": "object" },
+              { "name": "layout", "type": "object" },
+              { "name": "harmonyJobId", "type": "string | undefined" },
+              {
+                "name": "_fetchVariableTask",
+                "description": "anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-time-series",
+          "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range is modified\n- **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variable-entry-id",
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "variable",
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "show-citation",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "application-citation",
+              "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "disable-auto-fetch",
+              "description": "When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.\nWhen disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "mobile-view",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-toolbar",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "product-label",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-date-range-change",
+              "type": "CustomEvent",
+              "description": "Emitted whenever the date range is modified"
+            },
+            {
+              "name": "terra-time-series-data-change",
+              "description": "Emitted whenever time series data has been fetched from Giovanni"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "variableEntryId",
+                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
+              },
+              {
+                "name": "variable",
+                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
+              },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "endDate",
+                "description": "The end date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+                "type": "string | undefined"
+              },
+              { "name": "showCitation", "type": "boolean" },
+              {
+                "name": "applicationCitation",
+                "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
+                "type": "string | undefined"
+              },
+              {
+                "name": "disableAutoFetch",
+                "description": "When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.\nWhen disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions.",
+                "type": "boolean"
+              },
+              {
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string | undefined"
+              },
+              { "name": "mobileView", "type": "boolean" },
+              { "name": "hideToolbar", "type": "boolean" },
+              { "name": "productLabel", "type": "string | undefined" },
+              { "name": "plot", "type": "TerraPlot" },
+              { "name": "plotToolbar", "type": "TerraPlotToolbar" },
+              { "name": "catalogVariable", "type": "Variable" },
+              {
+                "name": "showDataPointWarning",
+                "description": "if true, we'll show a warning to the user about them requesting a large number of data points",
+                "type": "boolean"
               },
               {
-                "name": "terra-focus",
-                "description": "Emitted when the textarea gains focus."
+                "name": "estimatedDataPoints",
+                "description": "stores the estimated",
+                "type": "number"
               },
+              { "name": "_authController" },
+              { "name": "_fetchVariableTask" }
+            ],
+            "events": [
               {
-                "name": "terra-blur",
-                "description": "Emitted when the textarea loses focus."
+                "name": "terra-date-range-change",
+                "type": "CustomEvent",
+                "description": "Emitted whenever the date range is modified"
               },
               {
-                "name": "terra-invalid",
-                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+                "name": "terra-time-series-data-change",
+                "description": "Emitted whenever time series data has been fetched from Giovanni"
               }
             ]
           }
         },
         {
-          "name": "terra-time-average-map",
-          "description": "\n---\n",
+          "name": "terra-tab-panel",
+          "description": "Tab panels are used inside [tabs](/components/tabs) to display tabbed content.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
-            { "name": "collection", "value": { "type": "string | undefined" } },
-            { "name": "variable", "value": { "type": "string | undefined" } },
-            { "name": "start-date", "value": { "type": "string | undefined" } },
-            { "name": "end-date", "value": { "type": "string | undefined" } },
-            { "name": "location", "value": { "type": "string | undefined" } },
-            { "name": "bearer-token", "value": { "type": "string" } },
             {
-              "name": "long_name",
+              "name": "name",
+              "description": "The tab panel's name.",
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "color-map-name",
-              "value": { "type": "string", "default": "'viridis'" }
-            },
-            { "name": "opacity", "value": { "type": "number", "default": "1" } }
+              "name": "active",
+              "description": "When true, the tab panel will be shown.",
+              "value": { "type": "boolean", "default": "false" }
+            }
           ],
+          "slots": [{ "name": "", "description": "The tab panel's content." }],
           "events": [],
           "js": {
             "properties": [
-              { "name": "collection", "type": "string | undefined" },
-              { "name": "variable", "type": "string | undefined" },
-              { "name": "startDate", "type": "string | undefined" },
-              { "name": "endDate", "type": "string | undefined" },
-              { "name": "location", "type": "string | undefined" },
-              { "name": "bearerToken", "type": "string" },
-              { "name": "long_name", "type": "string" },
-              { "name": "colorMapName", "type": "string" },
-              { "name": "opacity", "type": "number" },
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "pixelValue", "type": "string" },
-              { "name": "pixelCoordinates", "type": "string" },
-              { "name": "metadata", "type": "{ [key: string]: string }" },
-              { "name": "toggleState", "type": "boolean" },
-              { "name": "minimized", "type": "boolean" },
-              { "name": "noDataValue", "type": "number" },
-              { "name": "min", "type": "string" },
-              { "name": "max", "type": "string" },
               {
-                "name": "legendValues",
-                "type": "{ value: string; rgb: string }[]"
+                "name": "name",
+                "description": "The tab panel's name.",
+                "type": "string"
               },
-              { "name": "_authController" },
-              { "name": "colormaps", "type": "array" },
-              { "name": "plotData", "type": "object" },
-              { "name": "layout", "type": "object" },
-              { "name": "harmonyJobId", "type": "string | undefined" },
               {
-                "name": "_fetchVariableTask",
-                "description": "anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata"
+                "name": "active",
+                "description": "When true, the tab panel will be shown.",
+                "type": "boolean"
               }
             ],
             "events": []
@@ -5423,159 +5581,161 @@
           }
         },
         {
-          "name": "terra-time-series",
-          "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range is modified\n- **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni",
+          "name": "terra-tooltip",
+          "description": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the tooltip or popover begins to show.\n- **terra-after-show** - Emitted after it has shown and all animations are complete.\n- **terra-hide** - Emitted when the tooltip or popover begins to hide.\n- **terra-after-hide** - Emitted after it has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip or popover.\n- **hide()** - Hides the tooltip or popover.\n\n### **Slots:**\n - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n- **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip or popover body where its content is rendered.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variable-entry-id",
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "collection",
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
+              "name": "content",
+              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+              "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "variable",
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
+              "name": "variant",
+              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
+              "value": {
+                "type": "'tooltip' | 'popover'",
+                "default": "'tooltip'"
+              }
             },
             {
-              "name": "start-date",
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
+              "name": "placement",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "value": {
+                "type": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'",
+                "default": "'top'"
+              }
             },
             {
-              "name": "end-date",
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
+              "name": "disabled",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "value": { "type": "string | undefined" }
+              "name": "distance",
+              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+              "value": { "type": "number", "default": "8" }
             },
             {
-              "name": "show-citation",
+              "name": "open",
+              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "application-citation",
-              "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "disable-auto-fetch",
-              "description": "When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.\nWhen disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "skidding",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "value": { "type": "number", "default": "0" }
             },
             {
-              "name": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "value": { "type": "string | undefined" }
+              "name": "trigger",
+              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "value": { "type": "string", "default": "'hover focus'" }
             },
             {
-              "name": "mobile-view",
+              "name": "hoist",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
               "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored."
             },
             {
-              "name": "hide-toolbar",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "content",
+              "description": "The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute."
             },
             {
-              "name": "product-label",
-              "value": { "type": "string | undefined" }
+              "name": "image",
+              "description": "Optional image slot for popovers. When provided, the image will span the full width of the popover."
             }
           ],
           "events": [
             {
-              "name": "terra-date-range-change",
-              "type": "CustomEvent",
-              "description": "Emitted whenever the date range is modified"
+              "name": "terra-show",
+              "description": "Emitted when the tooltip or popover begins to show."
             },
             {
-              "name": "terra-time-series-data-change",
-              "description": "Emitted whenever time series data has been fetched from Giovanni"
+              "name": "terra-after-show",
+              "description": "Emitted after it has shown and all animations are complete."
+            },
+            {
+              "name": "terra-hide",
+              "description": "Emitted when the tooltip or popover begins to hide."
+            },
+            {
+              "name": "terra-after-hide",
+              "description": "Emitted after it has hidden and all animations are complete."
             }
           ],
           "js": {
             "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              { "name": "body", "type": "HTMLElement" },
+              { "name": "popup", "type": "TerraPopup" },
               {
-                "name": "variableEntryId",
-                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "collection",
-                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
+                "name": "content",
+                "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+                "type": "string"
               },
               {
-                "name": "variable",
-                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
+                "name": "variant",
+                "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
+                "type": "'tooltip' | 'popover'"
               },
               {
-                "name": "startDate",
-                "description": "The start date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
+                "name": "placement",
+                "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+                "type": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
               },
               {
-                "name": "endDate",
-                "description": "The end date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
+                "name": "disabled",
+                "description": "Disables the tooltip so it won't show when triggered.",
+                "type": "boolean"
               },
               {
-                "name": "location",
-                "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-                "type": "string | undefined"
+                "name": "distance",
+                "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+                "type": "number"
               },
-              { "name": "showCitation", "type": "boolean" },
               {
-                "name": "applicationCitation",
-                "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-                "type": "string | undefined"
+                "name": "open",
+                "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+                "type": "boolean"
               },
               {
-                "name": "disableAutoFetch",
-                "description": "When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.\nWhen disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions.",
-                "type": "boolean"
+                "name": "skidding",
+                "description": "The distance in pixels from which to offset the tooltip along its target.",
+                "type": "number"
               },
               {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-                "type": "string | undefined"
+                "name": "trigger",
+                "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+                "type": "string"
               },
-              { "name": "mobileView", "type": "boolean" },
-              { "name": "hideToolbar", "type": "boolean" },
-              { "name": "productLabel", "type": "string | undefined" },
-              { "name": "plot", "type": "TerraPlot" },
-              { "name": "plotToolbar", "type": "TerraPlotToolbar" },
-              { "name": "catalogVariable", "type": "Variable" },
               {
-                "name": "showDataPointWarning",
-                "description": "if true, we'll show a warning to the user about them requesting a large number of data points",
+                "name": "hoist",
+                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
                 "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-show",
+                "description": "Emitted when the tooltip or popover begins to show."
               },
               {
-                "name": "estimatedDataPoints",
-                "description": "stores the estimated",
-                "type": "number"
+                "name": "terra-after-show",
+                "description": "Emitted after it has shown and all animations are complete."
               },
-              { "name": "_authController" },
-              { "name": "_fetchVariableTask" }
-            ],
-            "events": [
               {
-                "name": "terra-date-range-change",
-                "type": "CustomEvent",
-                "description": "Emitted whenever the date range is modified"
+                "name": "terra-hide",
+                "description": "Emitted when the tooltip or popover begins to hide."
               },
               {
-                "name": "terra-time-series-data-change",
-                "description": "Emitted whenever time series data has been fetched from Giovanni"
+                "name": "terra-after-hide",
+                "description": "Emitted after it has hidden and all animations are complete."
               }
             ]
           }
@@ -5742,161 +5902,83 @@
           }
         },
         {
-          "name": "terra-tooltip",
-          "description": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the tooltip or popover begins to show.\n- **terra-after-show** - Emitted after it has shown and all animations are complete.\n- **terra-hide** - Emitted when the tooltip or popover begins to hide.\n- **terra-after-hide** - Emitted after it has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip or popover.\n- **hide()** - Hides the tooltip or popover.\n\n### **Slots:**\n - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n- **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip or popover body where its content is rendered.",
+          "name": "terra-variable-keyword-search",
+          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "content",
-              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "variant",
-              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-              "value": {
-                "type": "'tooltip' | 'popover'",
-                "default": "'tooltip'"
-              }
-            },
-            {
-              "name": "placement",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "name": "label",
+              "description": "Label the combobox with this.",
               "value": {
-                "type": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'",
-                "default": "'top'"
+                "type": "string",
+                "default": "'Enter search terms (e.g., precipitation, AOD)'"
               }
             },
             {
-              "name": "disabled",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "distance",
-              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-              "value": { "type": "number", "default": "8" }
-            },
-            {
-              "name": "open",
-              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "skidding",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "trigger",
-              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "value": { "type": "string", "default": "'hover focus'" }
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
             },
             {
-              "name": "hoist",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored."
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "true" }
             },
             {
-              "name": "content",
-              "description": "The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute."
+              "name": "searchConfig",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "value": {
+                "type": "object",
+                "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }"
+              }
             },
-            {
-              "name": "image",
-              "description": "Optional image slot for popovers. When provided, the image will span the full width of the popover."
-            }
+            { "name": "value", "value": { "type": "string" } }
           ],
           "events": [
             {
-              "name": "terra-show",
-              "description": "Emitted when the tooltip or popover begins to show."
-            },
-            {
-              "name": "terra-after-show",
-              "description": "Emitted after it has shown and all animations are complete."
-            },
-            {
-              "name": "terra-hide",
-              "description": "Emitted when the tooltip or popover begins to hide."
+              "name": "terra-variable-keyword-search-change",
+              "description": "Emitted when an option is selected."
             },
             {
-              "name": "terra-after-hide",
-              "description": "Emitted after it has hidden and all animations are complete."
+              "name": "terra-search",
+              "description": "Emitted when the component is triggering a search (like a form triggering submit)."
             }
           ],
           "js": {
             "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" },
-              { "name": "body", "type": "HTMLElement" },
-              { "name": "popup", "type": "TerraPopup" },
               {
-                "name": "content",
-                "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+                "name": "label",
+                "description": "Label the combobox with this.",
                 "type": "string"
               },
               {
-                "name": "variant",
-                "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-                "type": "'tooltip' | 'popover'"
-              },
-              {
-                "name": "placement",
-                "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-                "type": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the tooltip so it won't show when triggered.",
-                "type": "boolean"
-              },
-              {
-                "name": "distance",
-                "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-                "type": "number"
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
               },
               {
-                "name": "open",
-                "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
                 "type": "boolean"
               },
               {
-                "name": "skidding",
-                "description": "The distance in pixels from which to offset the tooltip along its target.",
-                "type": "number"
-              },
-              {
-                "name": "trigger",
-                "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-                "type": "string"
+                "name": "searchConfig",
+                "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+                "type": "object"
               },
-              {
-                "name": "hoist",
-                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-                "type": "boolean"
-              }
+              { "name": "value", "type": "string" },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              { "name": "searchResults", "type": "ListItem[]" }
             ],
             "events": [
               {
-                "name": "terra-show",
-                "description": "Emitted when the tooltip or popover begins to show."
-              },
-              {
-                "name": "terra-after-show",
-                "description": "Emitted after it has shown and all animations are complete."
-              },
-              {
-                "name": "terra-hide",
-                "description": "Emitted when the tooltip or popover begins to hide."
+                "name": "terra-variable-keyword-search-change",
+                "description": "Emitted when an option is selected."
               },
               {
-                "name": "terra-after-hide",
-                "description": "Emitted after it has hidden and all animations are complete."
+                "name": "terra-search",
+                "description": "Emitted when the component is triggering a search (like a form triggering submit)."
               }
             ]
           }
@@ -5998,88 +6080,6 @@
               }
             ]
           }
-        },
-        {
-          "name": "terra-variable-keyword-search",
-          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": {
-                "type": "string",
-                "default": "'Enter search terms (e.g., precipitation, AOD)'"
-              }
-            },
-            {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "searchConfig",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "value": {
-                "type": "object",
-                "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }"
-              }
-            },
-            { "name": "value", "value": { "type": "string" } }
-          ],
-          "events": [
-            {
-              "name": "terra-variable-keyword-search-change",
-              "description": "Emitted when an option is selected."
-            },
-            {
-              "name": "terra-search",
-              "description": "Emitted when the component is triggering a search (like a form triggering submit)."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
-              },
-              {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
-              },
-              {
-                "name": "searchConfig",
-                "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-                "type": "object"
-              },
-              { "name": "value", "type": "string" },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              { "name": "searchResults", "type": "ListItem[]" }
-            ],
-            "events": [
-              {
-                "name": "terra-variable-keyword-search-change",
-                "description": "Emitted when an option is selected."
-              },
-              {
-                "name": "terra-search",
-                "description": "Emitted when the component is triggering a search (like a form triggering submit)."
-              }
-            ]
-          }
         }
       ]
     }