@nasa-terra/components 0.0.67 → 0.0.69

package/dist/custom-elements.json

@@ -136,6 +136,307 @@
         }
       ]
     },
+    {
+      "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": "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": "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://shoelace.style/components/alert\n * @status stable\n * @since 2.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://shoelace.style/components/alert",
+          "status": "stable",
+          "since": "2.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/browse-variables/browse-variables.js",
@@ -349,355 +650,54 @@
                 },
                 {
                   "name": "open",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#renderVariablesBrowse"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "catalog",
-              "type": {
-                "text": "'giovanni'"
-              },
-              "default": "'giovanni'",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "fieldName": "catalog"
-            },
-            {
-              "name": "selected-variable-entry-ids",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "selectedVariableEntryIds"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Browse through the NASA CMR or Giovanni catalogs.",
-          "tagNameWithoutPrefix": "browse-variables",
-          "tagName": "terra-browse-variables",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Browse through the NASA CMR or Giovanni catalogs.\n * @documentation https://disc.gsfc.nasa.gov/components/browse-variables\n * @status MVP\n * @since 1.0\n *\n * @emits terra-variables-change - emitted when the user selects or unselects variables\n *\n * @dependency terra-variable-keyword-search\n * @dependency terra-button\n * @dependency terra-skeleton\n * @dependency terra-icon\n * @dependency terra-loader\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/browse-variables",
-          "status": "MVP",
-          "since": "1.0",
-          "dependencies": [
-            "terra-variable-keyword-search",
-            "terra-button",
-            "terra-skeleton",
-            "terra-icon",
-            "terra-loader"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraBrowseVariables",
-            "module": "components/browse-variables/browse-variables.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": "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": "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"
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
               "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"
+              "name": "#renderVariablesBrowse"
             }
           ],
           "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",
+              "name": "catalog",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "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"
+                "text": "'giovanni'"
               },
-              "fieldName": "duration"
+              "default": "'giovanni'",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "fieldName": "catalog"
             },
             {
-              "name": "countdown",
+              "name": "selected-variable-entry-ids",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "string | 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"
+              "fieldName": "selectedVariableEntryIds"
             }
           ],
           "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",
+          "summary": "Browse through the NASA CMR or Giovanni catalogs.",
+          "tagNameWithoutPrefix": "browse-variables",
+          "tagName": "terra-browse-variables",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.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://shoelace.style/components/alert",
-          "status": "stable",
-          "since": "2.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."
-            }
+          "jsDoc": "/**\n * @summary Browse through the NASA CMR or Giovanni catalogs.\n * @documentation https://disc.gsfc.nasa.gov/components/browse-variables\n * @status MVP\n * @since 1.0\n *\n * @emits terra-variables-change - emitted when the user selects or unselects variables\n *\n * @dependency terra-variable-keyword-search\n * @dependency terra-button\n * @dependency terra-skeleton\n * @dependency terra-icon\n * @dependency terra-loader\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/browse-variables",
+          "status": "MVP",
+          "since": "1.0",
+          "dependencies": [
+            "terra-variable-keyword-search",
+            "terra-button",
+            "terra-skeleton",
+            "terra-icon",
+            "terra-loader"
           ]
         }
       ],
@@ -706,8 +706,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
+            "name": "TerraBrowseVariables",
+            "module": "components/browse-variables/browse-variables.js"
           }
         }
       ]
@@ -4140,9 +4140,153 @@
           "tagNameWithoutPrefix": "login",
           "tagName": "terra-login",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n * @documentation https://disc.gsfc.nasa.gov/components/login\n * @status stable\n * @since 1.0\n *\n * @event terra-login - Emitted when a bearer token has been received from EDL.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/login",
-          "status": "stable",
+          "jsDoc": "/**\n * @summary A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n * @documentation https://disc.gsfc.nasa.gov/components/login\n * @status stable\n * @since 1.0\n *\n * @event terra-login - Emitted when a bearer token has been received from EDL.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/login",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraLogin",
+            "module": "components/login/login.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/plot/plot.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraPlot",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "PlotlyHTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "plotTitle"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "Partial<Layout> | undefined"
+              },
+              "default": "{}",
+              "attribute": "layout"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "Partial<Config> | undefined"
+              },
+              "default": "{}",
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Data>>"
+              },
+              "default": "[]",
+              "attribute": "data"
+            },
+            {
+              "kind": "method",
+              "name": "handleDataChange"
+            },
+            {
+              "kind": "method",
+              "name": "updatePlotWithData"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PlotRelayoutEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "plotTitle"
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "Partial<Layout> | undefined"
+              },
+              "default": "{}",
+              "fieldName": "layout"
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "Partial<Config> | undefined"
+              },
+              "default": "{}",
+              "fieldName": "config"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Data>>"
+              },
+              "default": "[]",
+              "fieldName": "data"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
+          "status": "experimental",
           "since": "1.0"
         }
       ],
@@ -4151,8 +4295,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraLogin",
-            "module": "components/login/login.js"
+            "name": "TerraPlot",
+            "module": "components/plot/plot.js"
           }
         }
       ]
@@ -4734,252 +4878,7 @@
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
-            "terra-example"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraPlotToolbar",
-            "module": "components/plot-toolbar/plot-toolbar.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/plot/plot.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraPlot",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "PlotlyHTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "plotTitle"
-            },
-            {
-              "kind": "field",
-              "name": "layout",
-              "type": {
-                "text": "Partial<Layout> | undefined"
-              },
-              "default": "{}",
-              "attribute": "layout"
-            },
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "Partial<Config> | undefined"
-              },
-              "default": "{}",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Data>>"
-              },
-              "default": "[]",
-              "attribute": "data"
-            },
-            {
-              "kind": "method",
-              "name": "handleDataChange"
-            },
-            {
-              "kind": "method",
-              "name": "updatePlotWithData"
-            },
-            {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PlotRelayoutEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "plotTitle"
-            },
-            {
-              "name": "layout",
-              "type": {
-                "text": "Partial<Layout> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "layout"
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "Partial<Config> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "config"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Data>>"
-              },
-              "default": "[]",
-              "fieldName": "data"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A web component for interactive graphs using Plotly.js.",
-          "tagNameWithoutPrefix": "plot",
-          "tagName": "terra-plot",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/skeleton/skeleton.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraSkeleton",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'sl-skeleton': SlSkeleton,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "rows"
-            },
-            {
-              "kind": "field",
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
-              "default": "'pulse'",
-              "attribute": "effect"
-            },
-            {
-              "kind": "field",
-              "name": "variableWidths",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "variableWidths",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "rows"
-            },
-            {
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
-              "default": "'pulse'",
-              "fieldName": "effect"
-            },
-            {
-              "name": "variableWidths",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "variableWidths"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Skeletons are loading indicators to represent where content will eventually be drawn.",
-          "tagNameWithoutPrefix": "skeleton",
-          "tagName": "terra-skeleton",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Skeletons are loading indicators to represent where content will eventually be drawn.\n * @documentation https://disc.gsfc.nasa.gov/components/skeleton\n * @status experimental\n * @since 1.0\n *\n * @dependency sl-skeleton\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/skeleton",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "sl-skeleton"
+            "terra-example"
           ]
         }
       ],
@@ -4988,8 +4887,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraSkeleton",
-            "module": "components/skeleton/skeleton.js"
+            "name": "TerraPlotToolbar",
+            "module": "components/plot-toolbar/plot-toolbar.js"
           }
         }
       ]
@@ -5414,6 +5313,107 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/skeleton/skeleton.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraSkeleton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'sl-skeleton': SlSkeleton,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "rows"
+            },
+            {
+              "kind": "field",
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
+              "default": "'pulse'",
+              "attribute": "effect"
+            },
+            {
+              "kind": "field",
+              "name": "variableWidths",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "variableWidths",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "rows"
+            },
+            {
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
+              "default": "'pulse'",
+              "fieldName": "effect"
+            },
+            {
+              "name": "variableWidths",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "variableWidths"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Skeletons are loading indicators to represent where content will eventually be drawn.",
+          "tagNameWithoutPrefix": "skeleton",
+          "tagName": "terra-skeleton",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Skeletons are loading indicators to represent where content will eventually be drawn.\n * @documentation https://disc.gsfc.nasa.gov/components/skeleton\n * @status experimental\n * @since 1.0\n *\n * @dependency sl-skeleton\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/skeleton",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "sl-skeleton"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/time-average-map/time-average-map.js",
@@ -5799,44 +5799,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-combobox/variable-combobox.js",
+      "path": "components/time-series/time-series.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableCombobox",
-          "cssProperties": [
-            {
-              "description": "The height of the host element.",
-              "name": "--host-height"
-            },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
-            {
-              "description": "The height of the input's label element.",
-              "name": "--label-height"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "A `search` element, the component's base.",
-              "name": "base"
-            },
-            {
-              "description": "An `input` element used for searching.",
-              "name": "combobox"
-            },
-            {
-              "description": "A `button` used for toggling the listbox's visibility.",
-              "name": "button"
-            },
-            {
-              "description": "A `ul` that holds the clickable options.",
-              "name": "listbox"
-            }
-          ],
+          "name": "TerraTimeSeries",
           "members": [
             {
               "kind": "field",
@@ -5845,283 +5813,197 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "'terra-variable-combobox'"
-            },
-            {
-              "kind": "field",
-              "name": "initialQuery",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "#combobox",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLInputElement | null"
-              },
-              "default": "null"
+              "default": "{\n        'terra-plot': TerraPlot,\n        'terra-loader': TerraLoader,\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n        'terra-alert': TerraAlert,\n        'terra-plot-toolbar': TerraPlotToolbar,\n    }"
             },
             {
               "kind": "field",
-              "name": "#fetchController",
+              "name": "#timeSeriesController",
               "privacy": "private",
               "type": {
-                "text": "FetchController"
+                "text": "TimeSeriesController"
               }
             },
             {
               "kind": "field",
-              "name": "#searchableList",
-              "privacy": "private",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLUListElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
-              "type": {
-                "text": "Fuse<ListItem> | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
-              "type": {
-                "text": "TreeWalker | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#tagContainer",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLDivElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "variableEntryId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Search for Variables'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "collection",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "attribute": "collection",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hideHelp",
+              "name": "variable",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help",
+                "text": "string | undefined"
+              },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "attribute": "variable",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "hideLabel",
+              "name": "startDate",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "useTags",
+              "name": "endDate",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "attribute": "use-tags",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "end-date",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "location",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "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"
+              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+              "attribute": "location",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "bearerToken",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
               "attribute": "bearer-token"
             },
             {
               "kind": "field",
-              "name": "isExpanded",
+              "name": "plot",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "TerraPlot"
+              }
             },
             {
               "kind": "field",
-              "name": "query"
+              "name": "plotToolbar",
+              "type": {
+                "text": "TerraPlotToolbar"
+              }
             },
             {
               "kind": "field",
-              "name": "searchResults",
+              "name": "catalogVariable",
               "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+                "text": "Variable"
+              }
             },
             {
               "kind": "field",
-              "name": "tags",
+              "name": "quotaExceededOpen",
               "type": {
-                "text": "string[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "privacy": "private",
+              "default": "false",
+              "description": "user quota reached maximum request"
             },
             {
               "kind": "field",
-              "name": "tagContainerWidth",
+              "name": "showDataPointWarning",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "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"
+              "default": "false",
+              "description": "if true, we'll show a warning to the user about them requesting a large number of data points"
             },
             {
-              "kind": "method",
-              "name": "toggle"
+              "kind": "field",
+              "name": "estimatedDataPoints",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "stores the estimated"
             },
             {
               "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
+              "name": "#catalog",
+              "privacy": "private",
+              "default": "new GiovanniVariableCatalog()"
             },
             {
               "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
+              "name": "_authController",
+              "default": "new AuthController(this)"
             },
             {
               "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
+              "name": "#fetchVariableTask",
+              "privacy": "private",
+              "default": "new Task(this, {\n        task: async (_args, { signal }) => {\n            const variableEntryId = this.getVariableEntryId()\n\n            console.debug('fetch variable ', variableEntryId)\n\n            if (!variableEntryId) {\n                return\n            }\n\n            const variable = await this.#catalog.getVariable(variableEntryId, {\n                signal,\n            })\n\n            console.debug('found variable ', variable)\n\n            if (!variable) {\n                return\n            }\n\n            this.startDate =\n                this.startDate ?? variable.exampleInitialStartDate?.toISOString()\n            this.endDate =\n                this.endDate ?? variable.exampleInitialEndDate?.toISOString()\n\n            this.catalogVariable = variable\n        },\n        args: () => [this.variableEntryId, this.collection, this.variable],\n    })"
             },
             {
               "kind": "field",
-              "name": "#handleOptionClick",
+              "name": "#handleQuotaError",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
+              "kind": "method",
+              "name": "#confirmDataPointWarning"
             },
             {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
+              "kind": "method",
+              "name": "#cancelDataPointWarning"
             },
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
+              "kind": "method",
+              "name": "#abortDataLoad",
+              "description": "aborts the underlying data loading task, which cancels the network request"
             },
             {
               "kind": "method",
-              "name": "#renderTags",
+              "name": "#handleComponentLeave",
               "parameters": [
                 {
-                  "name": "tag",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "MouseEvent"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getVariableEntryId"
+            },
+            {
+              "kind": "method",
+              "name": "#getYAxisLabel"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotRelayout",
+              "parameters": [
                 {
-                  "name": "_index",
+                  "name": "e",
                   "type": {
-                    "text": "number"
+                    "text": "TerraPlotRelayoutEvent"
                   }
                 }
               ]
@@ -6129,69 +6011,74 @@
           ],
           "events": [
             {
-              "description": "Emitted when an option is selected.",
-              "name": "terra-combobox-change",
-              "reactName": "onTerraComboboxChange",
-              "eventName": "TerraComboboxChangeEvent"
+              "name": "terra-date-range-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted whenever the date range is modified",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
+            },
+            {
+              "description": "Emitted whenever time series data has been fetched from Giovanni",
+              "name": "terra-time-series-data-change",
+              "reactName": "onTerraTimeSeriesDataChange",
+              "eventName": "TerraTimeSeriesDataChangeEvent"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "variable-entry-id",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Search for Variables'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "fieldName": "variableEntryId"
             },
             {
-              "name": "placeholder",
+              "name": "collection",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "fieldName": "collection"
             },
             {
-              "name": "hide-help",
+              "name": "variable",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "fieldName": "variable"
             },
             {
-              "name": "hide-label",
+              "name": "start-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
             },
             {
-              "name": "use-tags",
+              "name": "end-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "fieldName": "useTags"
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
             },
             {
-              "name": "value",
+              "name": "location",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "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"
+              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+              "fieldName": "location"
             },
             {
               "name": "bearer-token",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "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"
@@ -6201,14 +6088,17 @@
             "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": "A component for visualizing time series data using the GES DISC Giovanni API.",
+          "tagNameWithoutPrefix": "time-series",
+          "tagName": "terra-time-series",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\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://disc.gsfc.nasa.gov/components/variable-combobox",
-          "status": "MVP",
-          "since": "1.0"
+          "jsDoc": "/**\n * @summary A component for visualizing time series data using the GES DISC Giovanni API.\n * @documentation https://disc.gsfc.nasa.gov/components/time-series\n * @status mvp\n * @since 1.0\n *\n * @dependency terra-plot\n *\n * @event terra-date-range-change - Emitted whenever the date range is modified\n * @event terra-time-series-data-change - Emitted whenever time series data has been fetched from Giovanni\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/time-series",
+          "status": "mvp",
+          "since": "1.0",
+          "dependencies": [
+            "terra-plot"
+          ]
         }
       ],
       "exports": [
@@ -6216,25 +6106,29 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableCombobox",
-            "module": "components/variable-combobox/variable-combobox.js"
+            "name": "TerraTimeSeries",
+            "module": "components/time-series/time-series.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-keyword-search/variable-keyword-search.js",
+      "path": "components/variable-combobox/variable-combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableKeywordSearch",
+          "name": "TerraVariableCombobox",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
+            {
+              "description": "The height of the search help element.",
+              "name": "--help-height"
+            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -6284,7 +6178,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-keyword-search'"
+              "default": "'terra-variable-combobox'"
             },
             {
               "kind": "field",
@@ -6308,7 +6202,18 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "default": "new FetchController(this)"
+              "type": {
+                "text": "FetchController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#searchableList",
+              "privacy": "private",
+              "type": {
+                "text": "ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -6337,13 +6242,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "#tagContainer",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLDivElement | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -6356,25 +6270,38 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "hideHelp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "attribute": "hide-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "searchConfig",
+              "name": "useTags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "attribute": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "attribute": "use-tags",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6382,8 +6309,18 @@
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "attribute": "bearer-token"
+            },
             {
               "kind": "field",
               "name": "isExpanded",
@@ -6404,12 +6341,28 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "tags",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tagContainerWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "_oldValue",
+                  "name": "oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -6420,7 +6373,8 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
             },
             {
               "kind": "method",
@@ -6434,6 +6388,16 @@
               "kind": "method",
               "name": "toggle"
             },
+            {
+              "kind": "field",
+              "name": "#dispatchChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -6461,33 +6425,29 @@
             },
             {
               "kind": "method",
-              "name": "#handleSearch",
+              "name": "#renderTags",
               "parameters": [
                 {
-                  "name": "query",
+                  "name": "tag",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "_index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-variable-keyword-search-change",
-              "reactName": "onTerraVariableKeywordSearchChange",
-              "eventName": "TerraVariableKeywordSearchChangeEvent"
-            },
-            {
-              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
-              "name": "terra-search",
-              "reactName": "onTerraSearch",
-              "eventName": "TerraSearchEvent"
+              "name": "terra-combobox-change",
+              "reactName": "onTerraComboboxChange",
+              "eventName": "TerraComboboxChangeEvent"
             }
           ],
           "attributes": [
@@ -6496,7 +6456,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -6508,42 +6468,60 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "hide-help",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
+            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "searchConfig",
+              "name": "use-tags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "fieldName": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "fieldName": "useTags"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
+            },
+            {
+              "name": "bearer-token",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-keyword-search",
-          "tagName": "terra-variable-keyword-search",
+          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-combobox",
+          "tagName": "terra-variable-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\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://disc.gsfc.nasa.gov/components/giovanni-serch",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\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://disc.gsfc.nasa.gov/components/variable-combobox",
           "status": "MVP",
           "since": "1.0"
         }
@@ -6553,20 +6531,48 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableKeywordSearch",
-            "module": "components/variable-keyword-search/variable-keyword-search.js"
+            "name": "TerraVariableCombobox",
+            "module": "components/variable-combobox/variable-combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/time-series/time-series.js",
+      "path": "components/variable-keyword-search/variable-keyword-search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraTimeSeries",
+          "name": "TerraVariableKeywordSearch",
+          "cssProperties": [
+            {
+              "description": "The height of the host element.",
+              "name": "--host-height"
+            },
+            {
+              "description": "The height of the input's label element.",
+              "name": "--label-height"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "A `search` element, the component's base.",
+              "name": "base"
+            },
+            {
+              "description": "An `input` element used for searching.",
+              "name": "combobox"
+            },
+            {
+              "description": "A `button` used for toggling the listbox's visibility.",
+              "name": "button"
+            },
+            {
+              "description": "A `ul` that holds the clickable options.",
+              "name": "listbox"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6575,292 +6581,286 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-plot': TerraPlot,\n        'terra-loader': TerraLoader,\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n        'terra-alert': TerraAlert,\n        'terra-plot-toolbar': TerraPlotToolbar,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "#timeSeriesController",
-              "privacy": "private",
-              "type": {
-                "text": "TimeSeriesController"
-              }
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "variableEntryId",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "string | undefined"
+                "text": "object"
               },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
             {
               "kind": "field",
-              "name": "collection",
+              "name": "tagName",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "attribute": "collection",
-              "reflects": true
+              "static": true,
+              "default": "'terra-variable-keyword-search'"
             },
             {
               "kind": "field",
-              "name": "variable",
+              "name": "initialQuery",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "attribute": "variable",
-              "reflects": true
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "startDate",
+              "name": "#combobox",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLInputElement | null"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
-              "reflects": true
+              "default": "null"
             },
             {
-              "kind": "field",
-              "name": "endDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "end-date",
-              "reflects": true
+              "kind": "field",
+              "name": "#fetchController",
+              "privacy": "private",
+              "default": "new FetchController(this)"
             },
             {
               "kind": "field",
-              "name": "location",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLUListElement | null"
               },
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "attribute": "location",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "bearerToken",
+              "name": "#searchEngine",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "Fuse<ListItem> | null"
               },
-              "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"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "plot",
+              "name": "#walker",
+              "privacy": "private",
               "type": {
-                "text": "TerraPlot"
-              }
+                "text": "TreeWalker | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "plotToolbar",
+              "name": "label",
               "type": {
-                "text": "TerraPlotToolbar"
-              }
+                "text": "string"
+              },
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "catalogVariable",
+              "name": "placeholder",
               "type": {
-                "text": "Variable"
-              }
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
             },
             {
               "kind": "field",
-              "name": "quotaExceededOpen",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "user quota reached maximum request"
+              "default": "true",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "showDataPointWarning",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "if true, we'll show a warning to the user about them requesting a large number of data points"
+              "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": "estimatedDataPoints",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "stores the estimated"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "#catalog",
-              "privacy": "private",
-              "default": "new GiovanniVariableCatalog()"
+              "name": "isExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_authController",
-              "default": "new AuthController(this)"
+              "name": "query"
             },
             {
               "kind": "field",
-              "name": "#fetchVariableTask",
-              "privacy": "private",
-              "default": "new Task(this, {\n        task: async (_args, { signal }) => {\n            const variableEntryId = this.getVariableEntryId()\n\n            console.debug('fetch variable ', variableEntryId)\n\n            if (!variableEntryId) {\n                return\n            }\n\n            const variable = await this.#catalog.getVariable(variableEntryId, {\n                signal,\n            })\n\n            console.debug('found variable ', variable)\n\n            if (!variable) {\n                return\n            }\n\n            this.startDate =\n                this.startDate ?? variable.exampleInitialStartDate?.toISOString()\n            this.endDate =\n                this.endDate ?? variable.exampleInitialEndDate?.toISOString()\n\n            this.catalogVariable = variable\n        },\n        args: () => [this.variableEntryId, this.collection, this.variable],\n    })"
+              "name": "searchResults",
+              "type": {
+                "text": "ListItem[]"
+              },
+              "default": "[]"
             },
             {
-              "kind": "field",
-              "name": "#handleQuotaError",
-              "privacy": "private"
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "#confirmDataPointWarning"
+              "name": "clear"
             },
             {
               "kind": "method",
-              "name": "#cancelDataPointWarning"
+              "name": "close"
             },
             {
               "kind": "method",
-              "name": "#abortDataLoad",
-              "description": "aborts the underlying data loading task, which cancels the network request"
+              "name": "toggle"
             },
             {
-              "kind": "method",
-              "name": "#handleComponentLeave",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#handleComboboxChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getVariableEntryId"
+              "kind": "field",
+              "name": "#handleOptionClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#getYAxisLabel"
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#handlePlotRelayout",
+              "name": "#handleSearch",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "query",
                   "type": {
-                    "text": "TerraPlotRelayoutEvent"
+                    "text": "string"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearSearch"
             }
           ],
           "events": [
             {
-              "name": "terra-date-range-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Emitted whenever the date range is modified",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
+              "description": "Emitted when an option is selected.",
+              "name": "terra-variable-keyword-search-change",
+              "reactName": "onTerraVariableKeywordSearchChange",
+              "eventName": "TerraVariableKeywordSearchChangeEvent"
             },
             {
-              "description": "Emitted whenever time series data has been fetched from Giovanni",
-              "name": "terra-time-series-data-change",
-              "reactName": "onTerraTimeSeriesDataChange",
-              "eventName": "TerraTimeSeriesDataChangeEvent"
+              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
+              "name": "terra-search",
+              "reactName": "onTerraSearch",
+              "eventName": "TerraSearchEvent"
             }
           ],
           "attributes": [
             {
-              "name": "variable-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
-            },
-            {
-              "name": "variable",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "start-date",
+              "name": "placeholder",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "end-date",
+              "name": "hide-label",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
+              "default": "true",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "name": "location",
+              "name": "searchConfig",
               "type": {
-                "text": "string | undefined"
+                "text": "object"
               },
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "fieldName": "location"
+              "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": "bearer-token",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "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"
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A component for visualizing time series data using the GES DISC Giovanni API.",
-          "tagNameWithoutPrefix": "time-series",
-          "tagName": "terra-time-series",
+          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-keyword-search",
+          "tagName": "terra-variable-keyword-search",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A component for visualizing time series data using the GES DISC Giovanni API.\n * @documentation https://disc.gsfc.nasa.gov/components/time-series\n * @status mvp\n * @since 1.0\n *\n * @dependency terra-plot\n *\n * @event terra-date-range-change - Emitted whenever the date range is modified\n * @event terra-time-series-data-change - Emitted whenever time series data has been fetched from Giovanni\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/time-series",
-          "status": "mvp",
-          "since": "1.0",
-          "dependencies": [
-            "terra-plot"
-          ]
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\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://disc.gsfc.nasa.gov/components/giovanni-serch",
+          "status": "MVP",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -6868,8 +6868,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTimeSeries",
-            "module": "components/time-series/time-series.js"
+            "name": "TerraVariableKeywordSearch",
+            "module": "components/variable-keyword-search/variable-keyword-search.js"
           }
         }
       ]
@@ -6878,7 +6878,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.67",
+    "version": "0.0.69",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"