@nasa-terra/components 0.0.182 → 0.0.183

package/cdn/custom-elements.json

@@ -2,327 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "components/alert/alert.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraAlert",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the optional icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the alert's main content.",
-              "name": "message"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The alert's main content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "autoHideTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "remainingTimeInterval",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "countdownAnimation",
-              "type": {
-                "text": "Animation | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
-            },
-            {
-              "kind": "field",
-              "name": "currentToastStack",
-              "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "toastStack",
-              "privacy": "private",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "countdownElement",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "'filled' | 'white'"
-              },
-              "default": "'filled'",
-              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
-              "attribute": "appearance",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "attribute": "duration"
-            },
-            {
-              "kind": "field",
-              "name": "countdown",
-              "type": {
-                "text": "'rtl' | 'ltr' | undefined"
-              },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "attribute": "countdown",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "restartAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "pauseAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "resumeAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleCountdownChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleCloseClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDurationChange"
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
-            },
-            {
-              "kind": "method",
-              "name": "toast",
-              "description": "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."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the alert opens.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
-            },
-            {
-              "description": "Emitted after the alert opens and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the alert closes.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
-            },
-            {
-              "description": "Emitted after the alert closes and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "fieldName": "closable"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "'filled' | 'white'"
-              },
-              "default": "'filled'",
-              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "resolveInitializer": {
-                "module": "src/components/alert/alert.component.ts"
-              },
-              "fieldName": "duration"
-            },
-            {
-              "name": "countdown",
-              "type": {
-                "text": "'rtl' | 'ltr' | undefined"
-              },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "fieldName": "countdown"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Alerts are used to display important messages inline or as toast notifications.",
-          "tagNameWithoutPrefix": "alert",
-          "tagName": "terra-alert",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://terra-ui.netlify.app/components/alert\n * @status stable\n * @since 1.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/alert",
-          "status": "stable",
-          "since": "1.0",
-          "animations": [
-            {
-              "name": "alert.show",
-              "description": "The animation to use when showing the alert."
-            },
-            {
-              "name": "alert.hide",
-              "description": "The animation to use when hiding the alert."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/accordion/accordion.js",
@@ -491,159 +170,480 @@
           ],
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
+              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleImageChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleImageLoadError",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.",
+              "name": "terra-error",
+              "reactName": "onTerraError",
+              "eventName": "TerraErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
+            },
+            {
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Avatars are used to represent a person or object.",
+          "tagNameWithoutPrefix": "avatar",
+          "tagName": "terra-avatar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Avatars are used to represent a person or object.\n * @documentation https://terra-ui.netlify.app/components/avatar\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-error - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some\n * unknown cause.\n *\n * @slot icon - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the avatar's icon.\n * @csspart initials - The container that wraps the avatar's initials.\n * @csspart image - The avatar image. Only shown when the `image` attribute is set.\n *\n * @cssproperty --size - The size of the avatar.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/avatar",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAvatar",
+            "module": "components/avatar/avatar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/alert/alert.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraAlert",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the optional icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the alert's main content.",
+              "name": "message"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The alert's main content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoHideTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "remainingTimeInterval",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "countdownAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "currentToastStack",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "toastStack",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "countdownElement",
               "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "closable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'filled' | 'white'"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "'filled'",
+              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
+              "attribute": "appearance",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "attribute": "duration"
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "countdown",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "attribute": "countdown",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "remainingTime",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "handleImageChange"
+              "name": "restartAutoHide",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleImageLoadError",
+              "name": "pauseAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "resumeAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCloseClick",
               "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDurationChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the alert."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the alert"
+            },
+            {
+              "kind": "method",
+              "name": "toast",
+              "description": "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."
             }
           ],
           "events": [
             {
-              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.",
-              "name": "terra-error",
-              "reactName": "onTerraError",
-              "eventName": "TerraErrorEvent"
+              "description": "Emitted when the alert opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the alert opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the alert closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after the alert closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "image",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
+              "default": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "fieldName": "open"
             },
             {
-              "name": "label",
+              "name": "closable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
             },
             {
-              "name": "initials",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "loading",
+              "name": "appearance",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "'filled' | 'white'"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "'filled'",
+              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
+              "fieldName": "appearance"
             },
             {
-              "name": "shape",
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "resolveInitializer": {
+                "module": "src/components/alert/alert.component.ts"
+              },
+              "fieldName": "duration"
+            },
+            {
+              "name": "countdown",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "fieldName": "countdown"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Avatars are used to represent a person or object.",
-          "tagNameWithoutPrefix": "avatar",
-          "tagName": "terra-avatar",
+          "summary": "Alerts are used to display important messages inline or as toast notifications.",
+          "tagNameWithoutPrefix": "alert",
+          "tagName": "terra-alert",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Avatars are used to represent a person or object.\n * @documentation https://terra-ui.netlify.app/components/avatar\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-error - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some\n * unknown cause.\n *\n * @slot icon - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the avatar's icon.\n * @csspart initials - The container that wraps the avatar's initials.\n * @csspart image - The avatar image. Only shown when the `image` attribute is set.\n *\n * @cssproperty --size - The size of the avatar.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/avatar",
+          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://terra-ui.netlify.app/components/alert\n * @status stable\n * @since 1.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/alert",
           "status": "stable",
           "since": "1.0",
-          "dependencies": [
-            "terra-icon"
+          "animations": [
+            {
+              "name": "alert.show",
+              "description": "The animation to use when showing the alert."
+            },
+            {
+              "name": "alert.hide",
+              "description": "The animation to use when hiding the alert."
+            }
           ]
         }
       ],
@@ -652,8 +652,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
           }
         }
       ]
@@ -19054,13 +19054,22 @@
             },
             {
               "kind": "field",
-              "name": "noCache",
+              "name": "cache",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
-              "attribute": "no-cache"
+              "description": "When true, enables IndexedDB caching — data will be read from and written to the local cache.\nDefaults to false, meaning no caching is performed.",
+              "attribute": "cache"
+            },
+            {
+              "kind": "field",
+              "name": "jobId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
+              "attribute": "job-id"
             },
             {
               "kind": "field",
@@ -19727,13 +19736,21 @@
               "fieldName": "applicationId"
             },
             {
-              "name": "no-cache",
+              "name": "cache",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
-              "fieldName": "noCache"
+              "description": "When true, enables IndexedDB caching — data will be read from and written to the local cache.\nDefaults to false, meaning no caching is performed.",
+              "fieldName": "cache"
+            },
+            {
+              "name": "job-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
+              "fieldName": "jobId"
             }
           ],
           "mixins": [
@@ -19933,13 +19950,22 @@
             },
             {
               "kind": "field",
-              "name": "noCache",
+              "name": "cache",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
-              "attribute": "no-cache"
+              "description": "When true, enables IndexedDB caching — data will be read from and written to the local cache.\nDefaults to false, meaning no caching is performed.",
+              "attribute": "cache"
+            },
+            {
+              "kind": "field",
+              "name": "jobId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
+              "attribute": "job-id"
             },
             {
               "kind": "field",
@@ -20240,13 +20266,21 @@
               "fieldName": "applicationId"
             },
             {
-              "name": "no-cache",
+              "name": "cache",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
-              "fieldName": "noCache"
+              "description": "When true, enables IndexedDB caching — data will be read from and written to the local cache.\nDefaults to false, meaning no caching is performed.",
+              "fieldName": "cache"
+            },
+            {
+              "name": "job-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
+              "fieldName": "jobId"
             }
           ],
           "mixins": [
@@ -20988,418 +21022,416 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tooltip/tooltip.js",
+      "path": "components/variable-combobox/variable-combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraTooltip",
+          "name": "TerraVariableCombobox",
           "cssProperties": [
             {
-              "description": "The maximum width of the tooltip before its content will wrap.",
-              "name": "--max-width"
+              "description": "The height of the host element.",
+              "name": "--host-height"
             },
             {
-              "description": "The amount of time to wait before hiding the tooltip when hovering.",
-              "name": "--hide-delay"
+              "description": "The height of the search help element.",
+              "name": "--help-height"
             },
             {
-              "description": "The amount of time to wait before showing the tooltip when hovering.",
-              "name": "--show-delay"
+              "description": "The height of the input's label element.",
+              "name": "--label-height"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<terra-popup>` element.",
+              "description": "A `search` element, the component's base.",
               "name": "base"
             },
             {
-              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
-              "name": "base__popup"
+              "description": "An `input` element used for searching.",
+              "name": "combobox"
             },
             {
-              "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow.",
-              "name": "base__arrow"
+              "description": "A `button` used for toggling the listbox's visibility.",
+              "name": "button"
             },
             {
-              "description": "The tooltip or popover body where its content is rendered.",
-              "name": "body"
+              "description": "A `ul` that holds the clickable options.",
+              "name": "listbox"
             }
           ],
-          "slots": [
+          "members": [
             {
-              "description": "The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.",
-              "name": ""
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
             },
             {
-              "description": "The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.",
-              "name": "content"
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
-            {
-              "description": "Optional image slot for popovers. When provided, the image will span the full width of the popover.",
-              "name": "image"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "tagName",
               "type": {
-                "text": "object"
+                "text": "string"
               },
               "static": true,
-              "default": "{ 'terra-popup': TerraPopup }"
+              "default": "'terra-variable-combobox'"
             },
             {
               "kind": "field",
-              "name": "hoverTimeout",
+              "name": "initialQuery",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "closeWatcher",
+              "name": "#combobox",
+              "privacy": "private",
               "type": {
-                "text": "CloseWatcher | null"
+                "text": "HTMLInputElement | null"
               },
-              "privacy": "private"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "#fetchController",
+              "privacy": "private",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "FetchController"
               }
             },
             {
               "kind": "field",
-              "name": "body",
+              "name": "#searchableList",
+              "privacy": "private",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "popup",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "TerraPopup"
-              }
+                "text": "HTMLUListElement | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "content",
+              "name": "#searchEngine",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "Fuse<ListItem> | null"
               },
-              "default": "''",
-              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-              "attribute": "content"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "#walker",
+              "privacy": "private",
               "type": {
-                "text": "'tooltip' | 'popover'"
+                "text": "TreeWalker | null"
               },
-              "default": "'tooltip'",
-              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "#tagContainer",
+              "privacy": "private",
               "type": {
-                "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
+                "text": "HTMLDivElement | null"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "attribute": "placement"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search for Variables'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "hideHelp",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "attribute": "disabled",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "distance",
+              "name": "hideLabel",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-              "attribute": "distance"
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "useTags",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-              "attribute": "open",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "attribute": "use-tags",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "skidding",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "attribute": "skidding"
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "trigger",
+              "name": "bearerToken",
               "type": {
                 "text": "string"
               },
-              "default": "'hover focus'",
-              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "attribute": "trigger"
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "attribute": "bearer-token"
             },
             {
               "kind": "field",
-              "name": "hoist",
+              "name": "isExpanded",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "attribute": "hoist"
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "query"
+            },
+            {
+              "kind": "field",
+              "name": "searchResults",
+              "type": {
+                "text": "ListItem[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tags",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tagContainerWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
+            },
+            {
+              "kind": "method",
+              "name": "clear"
+            },
+            {
+              "kind": "method",
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "toggle"
             },
             {
               "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
-              "attribute": "interactive",
-              "reflects": true
+              "name": "#dispatchChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleBlur",
+              "name": "#handleButtonClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleClick",
+              "name": "#handleComboboxChange",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleFocus",
+              "name": "#handleOptionClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleDocumentKeyDown",
+              "name": "#handleKeydown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleMouseOver",
+              "name": "#manageListboxVisibility",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleMouseOut",
+              "name": "#selectOption",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "hasTrigger",
-              "privacy": "private",
+              "name": "#renderTags",
               "parameters": [
                 {
-                  "name": "triggerType",
+                  "name": "tag",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "_index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleOptionsChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the tooltip or popover."
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the tooltip or popover."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the tooltip or popover begins to show.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
-            },
-            {
-              "description": "Emitted after it has shown and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the tooltip or popover begins to hide.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
-            },
-            {
-              "description": "Emitted after it has hidden and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
+              "description": "Emitted when an option is selected.",
+              "name": "terra-combobox-change",
+              "reactName": "onTerraComboboxChange",
+              "eventName": "TerraComboboxChangeEvent"
             }
           ],
           "attributes": [
             {
-              "name": "content",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-              "fieldName": "content"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'tooltip' | 'popover'"
-              },
-              "default": "'tooltip'",
-              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-              "fieldName": "variant"
+              "default": "'Search for Variables'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "placement",
+              "name": "placeholder",
               "type": {
-                "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
+                "text": "string"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-              "fieldName": "placement"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "disabled",
+              "name": "hide-help",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the tooltip so it won't show when triggered.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-              "fieldName": "distance"
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
             },
             {
-              "name": "open",
+              "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-              "fieldName": "open"
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "name": "skidding",
+              "name": "use-tags",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the tooltip along its target.",
-              "fieldName": "skidding"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "fieldName": "useTags"
             },
             {
-              "name": "trigger",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "default": "'hover focus'",
-              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "fieldName": "trigger"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "fieldName": "hoist"
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+              "fieldName": "value"
             },
             {
-              "name": "interactive",
+              "name": "bearer-token",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
-              "fieldName": "interactive"
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.",
-          "tagNameWithoutPrefix": "tooltip",
-          "tagName": "terra-tooltip",
+          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-combobox",
+          "tagName": "terra-variable-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n * @documentation https://terra-ui.netlify.app/components/tooltip\n * @status stable\n * @since 1.0\n *\n * @dependency terra-popup\n *\n * @slot - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n * @slot image - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n *\n * @event terra-show - Emitted when the tooltip or popover begins to show.\n * @event terra-after-show - Emitted after it has shown and all animations are complete.\n * @event terra-hide - Emitted when the tooltip or popover begins to hide.\n * @event terra-after-hide - Emitted after it has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<terra-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip or popover body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/tooltip",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/variable-combobox",
           "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-popup"
-          ],
-          "animations": [
-            {
-              "name": "tooltip.show",
-              "description": "The animation to use when showing the tooltip."
-            },
-            {
-              "name": "tooltip.hide",
-              "description": "The animation to use when hiding the tooltip."
-            }
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -21407,29 +21439,25 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTooltip",
-            "module": "components/tooltip/tooltip.js"
+            "name": "TerraVariableCombobox",
+            "module": "components/variable-combobox/variable-combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-combobox/variable-combobox.js",
+      "path": "components/variable-keyword-search/variable-keyword-search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableCombobox",
+          "name": "TerraVariableKeywordSearch",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -21479,7 +21507,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-combobox'"
+              "default": "'terra-variable-keyword-search'"
             },
             {
               "kind": "field",
@@ -21503,18 +21531,7 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "type": {
-                "text": "FetchController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#searchableList",
-              "privacy": "private",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+              "default": "new FetchController(this)"
             },
             {
               "kind": "field",
@@ -21543,22 +21560,13 @@
               },
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "#tagContainer",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLDivElement | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -21568,59 +21576,36 @@
               "type": {
                 "text": "string"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "hideHelp",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label",
-              "reflects": true
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
             },
             {
               "kind": "field",
-              "name": "useTags",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "attribute": "use-tags",
-              "reflects": true
+              "default": "true",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "searchConfig",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-              "attribute": "value"
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "attribute": "searchConfig"
             },
             {
               "kind": "field",
-              "name": "bearerToken",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "attribute": "bearer-token"
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -21642,28 +21627,12 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "tags",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "tagContainerWidth",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "_oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -21674,8 +21643,7 @@
                     "text": "string"
                   }
                 }
-              ],
-              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
+              ]
             },
             {
               "kind": "method",
@@ -21689,16 +21657,6 @@
               "kind": "method",
               "name": "toggle"
             },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -21726,29 +21684,33 @@
             },
             {
               "kind": "method",
-              "name": "#renderTags",
+              "name": "#handleSearch",
               "parameters": [
                 {
-                  "name": "tag",
+                  "name": "query",
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "_index",
-                  "type": {
-                    "text": "number"
-                  }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-combobox-change",
-              "reactName": "onTerraComboboxChange",
-              "eventName": "TerraComboboxChangeEvent"
+              "name": "terra-variable-keyword-search-change",
+              "reactName": "onTerraVariableKeywordSearchChange",
+              "eventName": "TerraVariableKeywordSearchChangeEvent"
+            },
+            {
+              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
+              "name": "terra-search",
+              "reactName": "onTerraSearch",
+              "eventName": "TerraSearchEvent"
             }
           ],
           "attributes": [
@@ -21757,7 +21719,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -21769,60 +21731,42 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
-            {
-              "name": "hide-help",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
-            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "use-tags",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "fieldName": "useTags"
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "fieldName": "searchConfig"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
-            },
-            {
-              "name": "bearer-token",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-combobox",
-          "tagName": "terra-variable-combobox",
+          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-keyword-search",
+          "tagName": "terra-variable-keyword-search",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/variable-combobox",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
+          "documentation": "https://terra-ui.netlify.app/components/giovanni-serch",
           "status": "stable",
           "since": "1.0"
         }
@@ -21832,46 +21776,64 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableCombobox",
-            "module": "components/variable-combobox/variable-combobox.js"
+            "name": "TerraVariableKeywordSearch",
+            "module": "components/variable-keyword-search/variable-keyword-search.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-keyword-search/variable-keyword-search.js",
+      "path": "components/tooltip/tooltip.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableKeywordSearch",
+          "name": "TerraTooltip",
           "cssProperties": [
             {
-              "description": "The height of the host element.",
-              "name": "--host-height"
+              "description": "The maximum width of the tooltip before its content will wrap.",
+              "name": "--max-width"
             },
             {
-              "description": "The height of the input's label element.",
-              "name": "--label-height"
+              "description": "The amount of time to wait before hiding the tooltip when hovering.",
+              "name": "--hide-delay"
+            },
+            {
+              "description": "The amount of time to wait before showing the tooltip when hovering.",
+              "name": "--show-delay"
             }
           ],
           "cssParts": [
             {
-              "description": "A `search` element, the component's base.",
+              "description": "The component's base wrapper, an `<terra-popup>` element.",
               "name": "base"
             },
             {
-              "description": "An `input` element used for searching.",
-              "name": "combobox"
+              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
+              "name": "base__popup"
             },
             {
-              "description": "A `button` used for toggling the listbox's visibility.",
-              "name": "button"
+              "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow.",
+              "name": "base__arrow"
             },
             {
-              "description": "A `ul` that holds the clickable options.",
-              "name": "listbox"
+              "description": "The tooltip or popover body where its content is rendered.",
+              "name": "body"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.",
+              "name": ""
+            },
+            {
+              "description": "The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.",
+              "name": "content"
+            },
+            {
+              "description": "Optional image slot for popovers. When provided, the image will span the full width of the popover.",
+              "name": "image"
             }
           ],
           "members": [
@@ -21882,205 +21844,186 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
+              "default": "{ 'terra-popup': TerraPopup }"
             },
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "hoverTimeout",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "tagName",
+              "name": "closeWatcher",
               "type": {
-                "text": "string"
+                "text": "CloseWatcher | null"
               },
-              "static": true,
-              "default": "'terra-variable-keyword-search'"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "initialQuery",
+              "name": "defaultSlot",
               "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "''"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "#combobox",
-              "privacy": "private",
+              "name": "body",
               "type": {
-                "text": "HTMLInputElement | null"
-              },
-              "default": "null"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "#fetchController",
-              "privacy": "private",
-              "default": "new FetchController(this)"
+              "name": "popup",
+              "type": {
+                "text": "TerraPopup"
+              }
             },
             {
               "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
+              "name": "content",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "string"
               },
-              "default": "null"
+              "default": "''",
+              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+              "attribute": "content"
             },
             {
               "kind": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
+              "name": "variant",
               "type": {
-                "text": "Fuse<ListItem> | null"
+                "text": "'tooltip' | 'popover'"
               },
-              "default": "null"
+              "default": "'tooltip'",
+              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "name": "placement",
               "type": {
-                "text": "TreeWalker | null"
+                "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
               },
-              "default": "null"
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "attribute": "placement"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+              "default": "false",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "distance",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+              "attribute": "distance"
             },
             {
               "kind": "field",
-              "name": "hideLabel",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "default": "false",
+              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "searchConfig",
+              "name": "skidding",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "attribute": "searchConfig"
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "attribute": "skidding"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "trigger",
               "type": {
                 "text": "string"
               },
-              "attribute": "value"
+              "default": "'hover focus'",
+              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "attribute": "trigger"
             },
             {
               "kind": "field",
-              "name": "isExpanded",
+              "name": "hoist",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "query"
+              "default": "false",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "attribute": "hoist"
             },
             {
               "kind": "field",
-              "name": "searchResults",
+              "name": "interactive",
               "type": {
-                "text": "ListItem[]"
+                "text": "boolean"
               },
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "valueChanged",
-              "parameters": [
-                {
-                  "name": "_oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "clear"
-            },
-            {
-              "kind": "method",
-              "name": "close"
+              "default": "false",
+              "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
+              "attribute": "interactive",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "toggle"
+              "kind": "field",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#handleComboboxChange",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#handleOptionClick",
+              "name": "handleFocus",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#handleKeydown",
+              "name": "handleDocumentKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#manageListboxVisibility",
+              "name": "handleMouseOver",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#selectOption",
+              "name": "handleMouseOut",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#handleSearch",
+              "name": "hasTrigger",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "query",
+                  "name": "triggerType",
                   "type": {
                     "text": "string"
                   }
@@ -22089,79 +22032,170 @@
             },
             {
               "kind": "method",
-              "name": "#clearSearch"
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleOptionsChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the tooltip or popover."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the tooltip or popover."
             }
           ],
           "events": [
             {
-              "description": "Emitted when an option is selected.",
-              "name": "terra-variable-keyword-search-change",
-              "reactName": "onTerraVariableKeywordSearchChange",
-              "eventName": "TerraVariableKeywordSearchChangeEvent"
+              "description": "Emitted when the tooltip or popover begins to show.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
             },
             {
-              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
-              "name": "terra-search",
-              "reactName": "onTerraSearch",
-              "eventName": "TerraSearchEvent"
+              "description": "Emitted after it has shown and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the tooltip or popover begins to hide.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after it has hidden and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "content",
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
+              "default": "''",
+              "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+              "fieldName": "content"
             },
             {
-              "name": "placeholder",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'tooltip' | 'popover'"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "default": "'tooltip'",
+              "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
+              "fieldName": "variant"
             },
             {
-              "name": "hide-label",
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n        | 'top-start'\n        | 'top-end'\n        | 'right'\n        | 'right-start'\n        | 'right-end'\n        | 'bottom'\n        | 'bottom-start'\n        | 'bottom-end'\n        | 'left'\n        | 'left-start'\n        | 'left-end'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "default": "false",
+              "description": "Disables the tooltip so it won't show when triggered.",
+              "fieldName": "disabled"
             },
             {
-              "name": "searchConfig",
+              "name": "distance",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "fieldName": "searchConfig"
+              "default": "8",
+              "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+              "fieldName": "distance"
             },
             {
-              "name": "value",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+              "fieldName": "open"
+            },
+            {
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the tooltip along its target.",
+              "fieldName": "skidding"
+            },
+            {
+              "name": "trigger",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
+              "default": "'hover focus'",
+              "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+              "fieldName": "trigger"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "fieldName": "hoist"
+            },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
+              "fieldName": "interactive"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-keyword-search",
-          "tagName": "terra-variable-keyword-search",
+          "summary": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.",
+          "tagNameWithoutPrefix": "tooltip",
+          "tagName": "terra-tooltip",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://terra-ui.netlify.app/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status stable\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
-          "documentation": "https://terra-ui.netlify.app/components/giovanni-serch",
+          "jsDoc": "/**\n * @summary Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n * @documentation https://terra-ui.netlify.app/components/tooltip\n * @status stable\n * @since 1.0\n *\n * @dependency terra-popup\n *\n * @slot - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n * @slot image - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n *\n * @event terra-show - Emitted when the tooltip or popover begins to show.\n * @event terra-after-show - Emitted after it has shown and all animations are complete.\n * @event terra-hide - Emitted when the tooltip or popover begins to hide.\n * @event terra-after-hide - Emitted after it has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<terra-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip or popover body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/tooltip",
           "status": "stable",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "terra-popup"
+          ],
+          "animations": [
+            {
+              "name": "tooltip.show",
+              "description": "The animation to use when showing the tooltip."
+            },
+            {
+              "name": "tooltip.hide",
+              "description": "The animation to use when hiding the tooltip."
+            }
+          ]
         }
       ],
       "exports": [
@@ -22169,8 +22203,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableKeywordSearch",
-            "module": "components/variable-keyword-search/variable-keyword-search.js"
+            "name": "TerraTooltip",
+            "module": "components/tooltip/tooltip.js"
           }
         }
       ]
@@ -22179,7 +22213,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.182",
+    "version": "0.0.183",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"