@nasa-terra/components 0.0.167 → 0.0.168

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

@@ -26,59 +26,43 @@
       ]
     },
     {
-      "name": "terra-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "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.",
       "attributes": [
         {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "" },
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "info" },
-            { "name": "danger" }
-          ]
+          "name": "image",
+          "description": "The image source to use for the avatar.",
+          "values": []
         },
         {
-          "name": "pill",
-          "description": "Draws a pill-style badge with rounded edges.",
+          "name": "label",
+          "description": "A label to use to describe the avatar to assistive devices.",
           "values": []
         },
         {
-          "name": "pulse",
-          "description": "Makes the badge pulsate to draw attention.",
+          "name": "initials",
+          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
           "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/badge"
-        }
-      ]
-    },
-    {
-      "name": "terra-breadcrumb",
-      "description": "A single breadcrumb item used inside `terra-breadcrumbs`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_\n- **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_\n- **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The breadcrumb link element.\n- **label** - The breadcrumb label element when not a link.",
-      "attributes": [
+        },
         {
-          "name": "href",
-          "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
-          "values": []
+          "name": "loading",
+          "description": "Indicates how the browser should load the image.",
+          "values": [{ "name": "eager" }, { "name": "lazy" }]
         },
         {
-          "name": "current",
-          "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
-          "values": []
+          "name": "shape",
+          "description": "The shape of the avatar.",
+          "values": [
+            { "name": "circle" },
+            { "name": "square" },
+            { "name": "rounded" }
+          ]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/breadcrumb"
+          "url": "https://terra-ui.netlify.app/components/avatar"
         }
       ]
     },
@@ -132,83 +116,81 @@
       ]
     },
     {
-      "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.",
+      "name": "terra-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
       "attributes": [
         {
-          "name": "image",
-          "description": "The image source to use for the avatar.",
-          "values": []
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "" },
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "info" },
+            { "name": "danger" }
+          ]
         },
         {
-          "name": "label",
-          "description": "A label to use to describe the avatar to assistive devices.",
+          "name": "pill",
+          "description": "Draws a pill-style badge with rounded edges.",
           "values": []
         },
         {
-          "name": "initials",
-          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+          "name": "pulse",
+          "description": "Makes the badge pulsate to draw attention.",
           "values": []
-        },
-        {
-          "name": "loading",
-          "description": "Indicates how the browser should load the image.",
-          "values": [{ "name": "eager" }, { "name": "lazy" }]
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the avatar.",
-          "values": [
-            { "name": "circle" },
-            { "name": "square" },
-            { "name": "rounded" }
-          ]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/avatar"
+          "url": "https://terra-ui.netlify.app/components/badge"
         }
       ]
     },
     {
-      "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.",
+      "name": "terra-breadcrumb",
+      "description": "A single breadcrumb item used inside `terra-breadcrumbs`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_\n- **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_\n- **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The breadcrumb link element.\n- **label** - The breadcrumb label element when not a link.",
       "attributes": [
         {
-          "name": "aria-label",
-          "description": "Accessible label for the breadcrumb navigation.",
+          "name": "href",
+          "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
           "values": []
         },
         {
-          "name": "theme",
-          "description": "Color theme of the breadcrumbs, matching the Horizon Design System.",
-          "values": [{ "name": "light" }, { "name": "dark" }]
+          "name": "current",
+          "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/breadcrumbs"
+          "url": "https://terra-ui.netlify.app/components/breadcrumb"
         }
       ]
     },
     {
-      "name": "terra-browse-variables",
-      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+      "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.",
       "attributes": [
         {
-          "name": "catalog",
-          "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-          "values": [{ "name": "giovanni" }]
+          "name": "aria-label",
+          "description": "Accessible label for the breadcrumb navigation.",
+          "values": []
         },
-        { "name": "selected-variable-entry-ids", "values": [] }
+        {
+          "name": "theme",
+          "description": "Color theme of the breadcrumbs, matching the Horizon Design System.",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/browse-variables"
+          "url": "https://terra-ui.netlify.app/components/breadcrumbs"
         }
       ]
     },
@@ -377,6 +359,24 @@
         }
       ]
     },
+    {
+      "name": "terra-browse-variables",
+      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+      "attributes": [
+        {
+          "name": "catalog",
+          "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+          "values": [{ "name": "giovanni" }]
+        },
+        { "name": "selected-variable-entry-ids", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/browse-variables"
+        }
+      ]
+    },
     {
       "name": "terra-button-group",
       "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<terra-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -510,81 +510,77 @@
       ]
     },
     {
-      "name": "terra-combobox",
-      "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help 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.",
+      "name": "terra-data-access",
+      "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
       "attributes": [
         {
-          "name": "label",
-          "description": "Label the combobox with this.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "name the combobox with this.",
-          "values": []
-        },
-        {
-          "name": "placeholder",
-          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+          "name": "short-name",
+          "description": "Collection short name used to build the Collection Entry ID.",
           "values": []
         },
         {
-          "name": "hide-help",
-          "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+          "name": "version",
+          "description": "Collection version used to build the Collection Entry ID.",
           "values": []
         },
+        { "name": "showPanelClose", "values": [] },
         {
-          "name": "hide-label",
-          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "name": "footer-slot",
+          "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
           "values": []
-        },
-        {
-          "name": "status",
-          "description": "status of the content",
-          "values": [
-            { "name": "INITIAL" },
-            { "name": "PENDING" },
-            { "name": "COMPLETE" },
-            { "name": "ERROR" }
-          ]
-        },
-        {
-          "name": "content",
-          "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-          "values": [{ "name": "Content" }]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/combobox"
+          "url": "https://terra-ui.netlify.app/components/data-access"
         }
       ]
     },
     {
-      "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",
       "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)",
           "values": []
         },
         {
-          "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",
           "values": []
         },
         {
-          "name": "footer-slot",
-          "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+          "name": "variable",
+          "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+          "values": []
+        },
+        {
+          "name": "start-date",
+          "description": "The start date for the time series plot. (ex: 2021-01-01)",
+          "values": []
+        },
+        {
+          "name": "end-date",
+          "description": "The end date for the time series plot. (ex: 2021-01-01)",
+          "values": []
+        },
+        {
+          "name": "location",
+          "description": "The point location in \"lat,lon\" format.",
+          "values": []
+        },
+        {
+          "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).",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/data-access"
+          "url": "https://terra-ui.netlify.app/components/data-rods"
         }
       ]
     },
@@ -645,49 +641,54 @@
       ]
     },
     {
-      "name": "terra-data-rods",
-      "description": "\n---\n",
+      "name": "terra-combobox",
+      "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help 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.",
       "attributes": [
         {
-          "name": "variable-entry-id",
-          "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+          "name": "label",
+          "description": "Label the combobox with this.",
           "values": []
         },
         {
-          "name": "collection",
-          "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+          "name": "name",
+          "description": "name the combobox with this.",
           "values": []
         },
         {
-          "name": "variable",
-          "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+          "name": "placeholder",
+          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
           "values": []
         },
         {
-          "name": "start-date",
-          "description": "The start date for the time series plot. (ex: 2021-01-01)",
+          "name": "hide-help",
+          "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
           "values": []
         },
         {
-          "name": "end-date",
-          "description": "The end date for the time series plot. (ex: 2021-01-01)",
-          "values": []
+          "name": "hide-label",
+          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "values": []
         },
         {
-          "name": "location",
-          "description": "The point location in \"lat,lon\" format.",
-          "values": []
+          "name": "status",
+          "description": "status of the content",
+          "values": [
+            { "name": "INITIAL" },
+            { "name": "PENDING" },
+            { "name": "COMPLETE" },
+            { "name": "ERROR" }
+          ]
         },
         {
-          "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).",
-          "values": []
+          "name": "content",
+          "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+          "values": [{ "name": "Content" }]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/data-rods"
+          "url": "https://terra-ui.netlify.app/components/combobox"
         }
       ]
     },
@@ -772,8 +773,7 @@
           "values": []
         },
         { "name": "hideClearAll", "values": [] },
-        { "name": "clearAllLabel", "values": [] },
-        { "name": "use-end-of-day", "values": [] }
+        { "name": "clearAllLabel", "values": [] }
       ],
       "references": [
         {
@@ -1185,6 +1185,26 @@
         }
       ]
     },
+    {
+      "name": "terra-login",
+      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
+      "attributes": [
+        { "name": "button-label", "values": [] },
+        {
+          "name": "logged-in-message",
+          "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
+          "values": []
+        },
+        { "name": "logged-out-message", "values": [] },
+        { "name": "loading-message", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/login"
+        }
+      ]
+    },
     {
       "name": "terra-map",
       "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -1241,26 +1261,6 @@
         }
       ]
     },
-    {
-      "name": "terra-login",
-      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-      "attributes": [
-        { "name": "button-label", "values": [] },
-        {
-          "name": "logged-in-message",
-          "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
-          "values": []
-        },
-        { "name": "logged-out-message", "values": [] },
-        { "name": "loading-message", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/login"
-        }
-      ]
-    },
     {
       "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.",
@@ -1410,57 +1410,23 @@
         { "name": "opacity", "values": [] },
         { "name": "show-citation", "values": [] },
         {
-          "name": "application-citation",
-          "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-          "values": []
-        },
-        { "name": "mobile-view", "values": [] },
-        { "name": "product-label", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/plot-toolbar"
-        }
-      ]
-    },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The current progress as a percentage, 0 to 100.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+          "name": "show-jupyter",
+          "description": "Option hides the Jupyter notebook button in the plot toolbar. Option is set by parent component (time series, time average-map) if Jupyter notebook environemnt is detected.",
           "values": []
         },
         {
-          "name": "label",
-          "description": "A custom label for assistive devices.",
+          "name": "application-citation",
+          "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
           "values": []
         },
-        {
-          "name": "variant",
-          "description": "The progress bar's theme variant.",
-          "values": [
-            { "name": "" },
-            { "name": "default" },
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        },
-        { "name": "title", "values": [] }
+        { "name": "mobileView", "values": [] },
+        { "name": "productLabel", "values": [] },
+        { "name": "bottomSheetDragY", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/progress-bar"
+          "url": "https://terra-ui.netlify.app/components/plot-toolbar"
         }
       ]
     },
@@ -1618,6 +1584,46 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current progress as a percentage, 0 to 100.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A custom label for assistive devices.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The progress bar's theme variant.",
+          "values": [
+            { "name": "" },
+            { "name": "default" },
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        },
+        { "name": "title", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/progress-bar"
+        }
+      ]
+    },
     {
       "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.",
@@ -1748,23 +1754,6 @@
         }
       ]
     },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "site-name",
-          "description": "The default site name displayed in the title slot if no content is provided.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/site-header"
-        }
-      ]
-    },
     {
       "name": "terra-select",
       "description": "Select fields are a form field used to select one option from a list.\n---\n\n\n### **Events:**\n - **terra-change** - Emitted when the control's value changes.\n- **terra-clear** - Emitted when the control's value is cleared.\n- **terra-input** - Emitted when the control receives input.\n- **terra-focus** - Emitted when the control gains focus.\n- **terra-blur** - Emitted when the control loses focus.\n- **terra-show** - Emitted when the select's menu opens.\n- **terra-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **terra-hide** - Emitted when the select's menu closes.\n- **terra-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\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. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<terra-option>` elements.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the combobox.\n- **suffix** - Used to append a presentational icon or similar element to the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--terra-select-*** - All select design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.\n- **prefix** - The container that wraps the prefix slot.\n- **suffix** - The container that wraps the suffix slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiple` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
@@ -1876,6 +1865,23 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "site-name",
+          "description": "The default site name displayed in the title slot if no content is provided.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/site-header"
+        }
+      ]
+    },
     {
       "name": "terra-site-navigation",
       "description": "Site navigation provides a flexible navigation structure with dropdown menus.\n---\n\n\n### **Slots:**\n - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1916,161 +1922,161 @@
       ]
     },
     {
-      "name": "terra-spatial-picker",
-      "description": "A component that allows input of coordinates and rendering of map.\n---\n",
+      "name": "terra-slider",
+      "description": "\n---\n",
       "attributes": [
         {
-          "name": "min-zoom",
-          "description": "Minimum zoom level of the map.",
-          "values": []
+          "name": "mode",
+          "description": "The slider mode - either 'single' for one value or 'range' for selecting a range.",
+          "values": [{ "name": "SliderMode" }]
         },
         {
-          "name": "max-zoom",
-          "description": "Maximum zoom level of the map.",
+          "name": "min",
+          "description": "The minimum value of the slider.",
           "values": []
         },
         {
-          "name": "zoom",
-          "description": "Initial map zoom level",
+          "name": "max",
+          "description": "The maximum value of the slider.",
           "values": []
         },
         {
-          "name": "has-navigation",
-          "description": "has map navigation toolbar",
+          "name": "step",
+          "description": "The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps.",
           "values": []
         },
         {
-          "name": "has-coord-tracker",
-          "description": "has coordinate tracker",
+          "name": "disabled",
+          "description": "Disables the slider.",
           "values": []
         },
         {
-          "name": "has-shape-selector",
-          "description": "has shape selector",
+          "name": "has-pips",
+          "description": "Shows tick marks and labels on the slider.",
           "values": []
         },
-        { "name": "hide-bounding-box-selection", "values": [] },
-        { "name": "hide-point-selection", "values": [] },
         {
-          "name": "initial-value",
-          "description": "initialValue of spatial picker",
+          "name": "has-tooltips",
+          "description": "Shows tooltips on the slider handles.\nWhen false (default), selected values are shown in the top right instead.",
           "values": []
         },
         {
-          "name": "hide-label",
-          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "name": "show-inputs",
+          "description": "Shows input fields below the slider for precise value entry.",
           "values": []
         },
         {
-          "name": "label",
-          "description": "spatial picker label",
+          "name": "value",
+          "description": "The current value for single mode sliders.",
           "values": []
         },
         {
-          "name": "spatial-constraints",
-          "description": "Spatial constraints for the map (default: '-180, -90, 180, 90')",
+          "name": "start-value",
+          "description": "The start value for range mode sliders.",
           "values": []
         },
-        { "name": "is-expanded", "values": [] },
         {
-          "name": "no-world-wrap",
-          "description": "Disables infinite horizontal scrolling on the map (world wrapping)",
+          "name": "end-value",
+          "description": "The end value for range mode sliders.",
           "values": []
         },
         {
-          "name": "inline",
-          "description": "Whether the map should be shown inline, or as part of the normal content flow\nthe default is false, the map is positioned absolute under the input",
+          "name": "label",
+          "description": "The label text for the slider.",
           "values": []
         },
         {
-          "name": "show-map-on-focus",
-          "description": "Whether the map should show automatically when the input is focused",
+          "name": "hide-label",
+          "description": "Hide the slider's label text.\nWhen hidden, still presents to screen readers.",
           "values": []
-        },
-        { "name": "url-state", "values": [] },
-        { "name": "help-text", "values": [] }
+        }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/spatial-picker"
+          "url": "https://terra-ui.netlify.app/components/slider"
         }
       ]
     },
     {
-      "name": "terra-slider",
-      "description": "\n---\n",
+      "name": "terra-spatial-picker",
+      "description": "A component that allows input of coordinates and rendering of map.\n---\n",
       "attributes": [
         {
-          "name": "mode",
-          "description": "The slider mode - either 'single' for one value or 'range' for selecting a range.",
-          "values": [{ "name": "SliderMode" }]
-        },
+          "name": "min-zoom",
+          "description": "Minimum zoom level of the map.",
+          "values": []
+        },
         {
-          "name": "min",
-          "description": "The minimum value of the slider.",
+          "name": "max-zoom",
+          "description": "Maximum zoom level of the map.",
           "values": []
         },
         {
-          "name": "max",
-          "description": "The maximum value of the slider.",
+          "name": "zoom",
+          "description": "Initial map zoom level",
           "values": []
         },
         {
-          "name": "step",
-          "description": "The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps.",
+          "name": "has-navigation",
+          "description": "has map navigation toolbar",
           "values": []
         },
         {
-          "name": "disabled",
-          "description": "Disables the slider.",
+          "name": "has-coord-tracker",
+          "description": "has coordinate tracker",
           "values": []
         },
         {
-          "name": "has-pips",
-          "description": "Shows tick marks and labels on the slider.",
+          "name": "has-shape-selector",
+          "description": "has shape selector",
           "values": []
         },
+        { "name": "hide-bounding-box-selection", "values": [] },
+        { "name": "hide-point-selection", "values": [] },
         {
-          "name": "has-tooltips",
-          "description": "Shows tooltips on the slider handles.\nWhen false (default), selected values are shown in the top right instead.",
+          "name": "initial-value",
+          "description": "initialValue of spatial picker",
           "values": []
         },
         {
-          "name": "show-inputs",
-          "description": "Shows input fields below the slider for precise value entry.",
+          "name": "hide-label",
+          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
           "values": []
         },
         {
-          "name": "value",
-          "description": "The current value for single mode sliders.",
+          "name": "label",
+          "description": "spatial picker label",
           "values": []
         },
         {
-          "name": "start-value",
-          "description": "The start value for range mode sliders.",
+          "name": "spatial-constraints",
+          "description": "Spatial constraints for the map (default: '-180, -90, 180, 90')",
           "values": []
         },
+        { "name": "is-expanded", "values": [] },
         {
-          "name": "end-value",
-          "description": "The end value for range mode sliders.",
+          "name": "no-world-wrap",
+          "description": "Disables infinite horizontal scrolling on the map (world wrapping)",
           "values": []
         },
         {
-          "name": "label",
-          "description": "The label text for the slider.",
+          "name": "inline",
+          "description": "Whether the map should be shown inline, or as part of the normal content flow\nthe default is false, the map is positioned absolute under the input",
           "values": []
         },
         {
-          "name": "hide-label",
-          "description": "Hide the slider's label text.\nWhen hidden, still presents to screen readers.",
+          "name": "show-map-on-focus",
+          "description": "Whether the map should show automatically when the input is focused",
           "values": []
-        }
+        },
+        { "name": "url-state", "values": [] },
+        { "name": "help-text", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/slider"
+          "url": "https://terra-ui.netlify.app/components/spatial-picker"
         }
       ]
     },
@@ -2150,6 +2156,28 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The tab panel's name.",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "When true, the tab panel will be shown.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/tab-panel"
+        }
+      ]
+    },
     {
       "name": "terra-tab",
       "description": "Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).\n---\n\n\n### **Events:**\n - **terra-close** - Emitted when the tab is closable and the close button is activated.\n\n### **Slots:**\n - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.\n\n### **CSS Properties:**\n - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **close-button** - The close button icon.",
@@ -2187,28 +2215,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.",
-      "attributes": [
-        {
-          "name": "name",
-          "description": "The tab panel's name.",
-          "values": []
-        },
-        {
-          "name": "active",
-          "description": "When true, the tab panel will be shown.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/tab-panel"
-        }
-      ]
-    },
     {
       "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.",
@@ -2367,45 +2373,6 @@
         }
       ]
     },
-    {
-      "name": "terra-toast",
-      "description": "Toasts are used to display brief, non-intrusive notifications that appear temporarily.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the toast opens.\n- **terra-after-show** - Emitted after the toast opens and all animations are complete.\n- **terra-hide** - Emitted when the toast closes.\n- **terra-after-hide** - Emitted after the toast closes and all animations are complete.\n\n### **Methods:**\n - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by\ncalling this method again. The returned promise will resolve after the toast is hidden.\n- **show()** - Shows the toast.\n- **hide()** - Hides the toast.\n- **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the\nbody, and displays it as a notification.\n\n### **Slots:**\n - _default_ - The toast's main content.\n- **icon** - An icon to show in the toast. Works best with `<terra-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-alert>` element.\n- **base__base** - The alert's exported `base` part.\n- **base__icon** - The alert's exported `icon` part.\n- **base__message** - The alert's exported `message` part.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The toast's theme variant.",
-          "values": [
-            { "name": "" },
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        },
-        {
-          "name": "duration",
-          "description": "The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with\nthe toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds).",
-          "values": []
-        },
-        {
-          "name": "closable",
-          "description": "Enables a close button that allows the user to dismiss the toast.",
-          "values": []
-        },
-        {
-          "name": "countdown",
-          "description": "Enables a countdown that indicates the remaining time the toast will be displayed.\nTypically used for toasts with relatively long duration.",
-          "values": [{ "name": "rtl" }, { "name": "ltr" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/toast"
-        }
-      ]
-    },
     {
       "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",
@@ -2467,6 +2434,45 @@
         }
       ]
     },
+    {
+      "name": "terra-toast",
+      "description": "Toasts are used to display brief, non-intrusive notifications that appear temporarily.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the toast opens.\n- **terra-after-show** - Emitted after the toast opens and all animations are complete.\n- **terra-hide** - Emitted when the toast closes.\n- **terra-after-hide** - Emitted after the toast closes and all animations are complete.\n\n### **Methods:**\n - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by\ncalling this method again. The returned promise will resolve after the toast is hidden.\n- **show()** - Shows the toast.\n- **hide()** - Hides the toast.\n- **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the\nbody, and displays it as a notification.\n\n### **Slots:**\n - _default_ - The toast's main content.\n- **icon** - An icon to show in the toast. Works best with `<terra-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-alert>` element.\n- **base__base** - The alert's exported `base` part.\n- **base__icon** - The alert's exported `icon` part.\n- **base__message** - The alert's exported `message` part.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The toast's theme variant.",
+          "values": [
+            { "name": "" },
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        },
+        {
+          "name": "duration",
+          "description": "The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with\nthe toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds).",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Enables a close button that allows the user to dismiss the toast.",
+          "values": []
+        },
+        {
+          "name": "countdown",
+          "description": "Enables a countdown that indicates the remaining time the toast will be displayed.\nTypically used for toasts with relatively long duration.",
+          "values": [{ "name": "rtl" }, { "name": "ltr" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/toast"
+        }
+      ]
+    },
     {
       "name": "terra-toggle",
       "description": "Switches allow the user to toggle an option on or off.\n---\n\n\n### **Events:**\n - **terra-blur** - Emitted when the control loses focus.\n- **terra-change** - Emitted when the control's checked state changes.\n- **terra-input** - Emitted when the control receives input.\n- **terra-focus** - Emitted when the control gains focus.\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 switch.\n- **focus(options: _FocusOptions_)** - Sets focus on the switch.\n- **blur()** - Removes focus from the switch.\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. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The switch's label.\n- **help-text** - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--width** - The width of the switch. _(default: undefined)_\n- **--height** - The height of the switch. _(default: undefined)_\n- **--thumb-size** - The size of the thumb. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The control that houses the switch's thumb.\n- **thumb** - The switch's thumb.\n- **label** - The switch's label.\n- **form-control-help-text** - The help text's wrapper.",
@@ -2524,6 +2530,77 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "content",
+          "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [{ "name": "tooltip" }, { "name": "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.",
+          "values": [
+            { "name": "" },
+            { "name": "top" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "right" },
+            { "name": "right-start" },
+            { "name": "right-end" },
+            { "name": "bottom" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" },
+            { "name": "left" },
+            { "name": "left-start" },
+            { "name": "left-end" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the tooltip so it won't show when triggered.",
+          "values": []
+        },
+        {
+          "name": "distance",
+          "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+          "values": []
+        },
+        {
+          "name": "skidding",
+          "description": "The distance in pixels from which to offset the tooltip along its target.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/tooltip"
+        }
+      ]
+    },
     {
       "name": "terra-variable-combobox",
       "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help 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.",
@@ -2603,77 +2680,6 @@
           "url": "https://terra-ui.netlify.app/components/variable-keyword-search"
         }
       ]
-    },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "content",
-          "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-          "values": []
-        },
-        {
-          "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.",
-          "values": [{ "name": "tooltip" }, { "name": "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.",
-          "values": [
-            { "name": "" },
-            { "name": "top" },
-            { "name": "top-start" },
-            { "name": "top-end" },
-            { "name": "right" },
-            { "name": "right-start" },
-            { "name": "right-end" },
-            { "name": "bottom" },
-            { "name": "bottom-start" },
-            { "name": "bottom-end" },
-            { "name": "left" },
-            { "name": "left-start" },
-            { "name": "left-end" }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the tooltip so it won't show when triggered.",
-          "values": []
-        },
-        {
-          "name": "distance",
-          "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-          "values": []
-        },
-        {
-          "name": "skidding",
-          "description": "The distance in pixels from which to offset the tooltip along its target.",
-          "values": []
-        },
-        {
-          "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.",
-          "values": []
-        },
-        {
-          "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.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/tooltip"
-        }
-      ]
     }
   ]
 }