@nasa-terra/components 0.0.67 → 0.0.68

package/dist/custom-elements.json

@@ -138,466 +138,191 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/browse-variables/browse-variables.js",
+      "path": "components/alert/alert.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBrowseVariables",
+          "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": "dependencies",
+              "name": "autoHideTimeout",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "static": true,
-              "default": "{\n        'terra-variable-keyword-search': TerraVariableKeywordSearch,\n        'terra-button': TerraButton,\n        'terra-skeleton': TerraSkeleton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "catalog",
+              "name": "remainingTimeInterval",
               "type": {
-                "text": "'giovanni'"
+                "text": "number"
               },
-              "default": "'giovanni'",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "attribute": "catalog"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "selectedVariableEntryIds",
+              "name": "countdownAnimation",
               "type": {
-                "text": "string | undefined"
+                "text": "Animation | undefined"
               },
-              "attribute": "selected-variable-entry-ids",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "currentToastStack",
               "type": {
-                "text": "string"
+                "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": "selectedFacets",
+              "name": "countdownElement",
               "type": {
-                "text": "SelectedFacets"
-              },
-              "default": "{}"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "selectedVariables",
+              "name": "open",
               "type": {
-                "text": "Variable[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "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": "showVariablesBrowse",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#controller",
-              "privacy": "private",
-              "default": "new BrowseVariablesController(this)"
+              "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": "method",
-              "name": "handleSelectedVariablesChange"
+              "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": "method",
-              "name": "reset"
+              "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": "handleObservationChange"
+              "name": "restartAutoHide",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "toggleFacetSelect",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "pauseAutoHide",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleSearch",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraVariableKeywordSearchChangeEvent"
-                  }
-                }
-              ]
+              "name": "resumeAutoHide",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#selectFacetField",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "field",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "selectOneFieldAtATime",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "given a field, ex: \"observations\": \"Model\", will add the field to any existing selected facets\nif \"selectedOneFieldAtATime\" is true, then we will only select that one field"
+              "name": "handleCountdownChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#clearFacet",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "handleCloseClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#unselectFacetField",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "field",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "handleOpenChange"
             },
             {
               "kind": "method",
-              "name": "#handleVariableSelection",
-              "parameters": [
-                {
-                  "name": "variable",
-                  "type": {
-                    "text": "Variable"
-                  }
-                },
-                {
-                  "name": "checked",
-                  "type": {
-                    "text": "Boolean"
-                  }
-                }
-              ]
+              "name": "handleDurationChange"
             },
             {
               "kind": "method",
-              "name": "#renderCategorySelect"
+              "name": "show",
+              "description": "Shows the alert."
             },
             {
               "kind": "method",
-              "name": "#renderFacet",
-              "parameters": [
-                {
-                  "name": "facetKey",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "title",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "fields",
-                  "optional": true,
-                  "type": {
-                    "text": "FacetField[]"
-                  }
-                },
-                {
-                  "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"
+              "name": "hide",
+              "description": "Hides the alert"
             },
             {
               "kind": "method",
@@ -1375,34 +1100,560 @@
               "fieldName": "formNoValidate"
             },
             {
-              "name": "formtarget",
+              "name": "formtarget",
+              "type": {
+                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+              },
+              "description": "Used to override the form owner's `target` attribute.",
+              "fieldName": "formTarget"
+            },
+            {
+              "name": "for-dialog",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
+              "fieldName": "forDialog"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Buttons represent actions that are available to the user.",
+          "tagNameWithoutPrefix": "button",
+          "tagName": "terra-button",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Buttons represent actions that are available to the user.\n * @documentation https://shoelace.style/components/button\n * @status stable\n * @since 2.0\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<sl-icon>` element.\n * @csspart spinner - The spinner that shows when the button is in the loading state.\n */",
+          "documentation": "https://shoelace.style/components/button",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraButton",
+            "module": "components/button/button.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/browse-variables/browse-variables.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraBrowseVariables",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-variable-keyword-search': TerraVariableKeywordSearch,\n        'terra-button': TerraButton,\n        'terra-skeleton': TerraSkeleton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
+            },
+            {
+              "kind": "field",
+              "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",
+              "attribute": "catalog"
+            },
+            {
+              "kind": "field",
+              "name": "selectedVariableEntryIds",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "selected-variable-entry-ids",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "searchQuery",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedFacets",
+              "type": {
+                "text": "SelectedFacets"
+              },
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "selectedVariables",
+              "type": {
+                "text": "Variable[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "showVariablesBrowse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#controller",
+              "privacy": "private",
+              "default": "new BrowseVariablesController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "handleSelectedVariablesChange"
+            },
+            {
+              "kind": "method",
+              "name": "reset"
+            },
+            {
+              "kind": "method",
+              "name": "handleObservationChange"
+            },
+            {
+              "kind": "method",
+              "name": "toggleFacetSelect",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSearch",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "TerraVariableKeywordSearchChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#selectFacetField",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "selectOneFieldAtATime",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "given a field, ex: \"observations\": \"Model\", will add the field to any existing selected facets\nif \"selectedOneFieldAtATime\" is true, then we will only select that one field"
+            },
+            {
+              "kind": "method",
+              "name": "#clearFacet",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#unselectFacetField",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleVariableSelection",
+              "parameters": [
+                {
+                  "name": "variable",
+                  "type": {
+                    "text": "Variable"
+                  }
+                },
+                {
+                  "name": "checked",
+                  "type": {
+                    "text": "Boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#renderCategorySelect"
+            },
+            {
+              "kind": "method",
+              "name": "#renderFacet",
+              "parameters": [
+                {
+                  "name": "facetKey",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "title",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fields",
+                  "optional": true,
+                  "type": {
+                    "text": "FacetField[]"
+                  }
+                },
+                {
+                  "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/data-rods/data-rods.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraDataRods",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "variableEntryId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "collection",
+              "type": {
+                "text": "string | undefined"
+              },
+              "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": "variable",
+              "type": {
+                "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": "startDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
+              "reflects": true
+            },
+            {
+              "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": "location",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The point location in \"lat,lon\" format.",
+              "attribute": "location",
+              "reflects": true
+            },
+            {
+              "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": "catalogVariable",
+              "type": {
+                "text": "Variable"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#catalog",
+              "privacy": "private",
+              "default": "new GiovanniVariableCatalog()"
+            },
+            {
+              "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            this.catalogVariable = variable\n        },\n        args: () => [this.variableEntryId, this.collection, this.variable],\n    })"
+            },
+            {
+              "kind": "method",
+              "name": "#getVariableEntryId"
+            },
+            {
+              "kind": "method",
+              "name": "#handleDateRangeSliderChangeEvent",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraDateRangeChangeEvent"
+                  }
+                }
+              ],
+              "description": "anytime the date range slider changes, update the start and end date"
+            },
+            {
+              "kind": "method",
+              "name": "#handleVariableChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraComboboxChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleMapChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraMapChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleTimeSeriesDateRangeChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted whenever the date range of the date slider is updated",
+              "name": "terra-date-range-change",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
+            }
+          ],
+          "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",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "fieldName": "variable"
+            },
+            {
+              "name": "start-date",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
+            },
+            {
+              "name": "end-date",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
+            },
+            {
+              "name": "location",
               "type": {
-                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+                "text": "string | undefined"
               },
-              "description": "Used to override the form owner's `target` attribute.",
-              "fieldName": "formTarget"
+              "description": "The point location in \"lat,lon\" format.",
+              "fieldName": "location"
             },
             {
-              "name": "for-dialog",
+              "name": "bearer-token",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
-              "fieldName": "forDialog"
+              "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": "Buttons represent actions that are available to the user.",
-          "tagNameWithoutPrefix": "button",
-          "tagName": "terra-button",
+          "summary": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API",
+          "tagNameWithoutPrefix": "data-rods",
+          "tagName": "terra-data-rods",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Buttons represent actions that are available to the user.\n * @documentation https://shoelace.style/components/button\n * @status stable\n * @since 2.0\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<sl-icon>` element.\n * @csspart spinner - The spinner that shows when the button is in the loading state.\n */",
-          "documentation": "https://shoelace.style/components/button",
-          "status": "stable",
-          "since": "2.0"
+          "jsDoc": "/**\n * @summary A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n * @documentation https://disc.gsfc.nasa.gov/components/data-rods\n * @status mvp\n * @since 1.0\n *\n * @event terra-date-range-change - Emitted whenever the date range of the date slider is updated\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/data-rods",
+          "status": "mvp",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -1410,8 +1661,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraButton",
-            "module": "components/button/button.js"
+            "name": "TerraDataRods",
+            "module": "components/data-rods/data-rods.js"
           }
         }
       ]
@@ -1694,387 +1945,136 @@
               ]
             },
             {
-              "kind": "field",
-              "name": "#renderListItem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#renderGroupListItem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#renderError",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#renderLoading",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleOptionClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "fieldName": "name"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "hide-help",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
-            },
-            {
-              "name": "hide-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
-            },
-            {
-              "name": "status",
-              "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
-              },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "fieldName": "status"
-            },
-            {
-              "name": "content",
-              "type": {
-                "text": "Content"
-              },
-              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-              "fieldName": "content"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Fuzzy-search for combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "combobox",
-          "tagName": "terra-combobox",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/combobox\n * @status experimental\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 */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/combobox",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraCombobox",
-            "module": "components/combobox/combobox.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/data-rods/data-rods.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDataRods",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "variableEntryId",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "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": "variable",
-              "type": {
-                "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": "startDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
-              "reflects": true
-            },
-            {
-              "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": "location",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The point location in \"lat,lon\" format.",
-              "attribute": "location",
-              "reflects": true
+              "kind": "field",
+              "name": "#renderListItem",
+              "privacy": "private"
             },
             {
               "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"
+              "name": "#renderGroupListItem",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              }
+              "name": "#renderError",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#catalog",
-              "privacy": "private",
-              "default": "new GiovanniVariableCatalog()"
+              "name": "#renderLoading",
+              "privacy": "private"
             },
             {
               "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            this.catalogVariable = variable\n        },\n        args: () => [this.variableEntryId, this.collection, this.variable],\n    })"
+              "name": "#dispatchChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#getVariableEntryId"
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#handleDateRangeSliderChangeEvent",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraDateRangeChangeEvent"
-                  }
-                }
-              ],
-              "description": "anytime the date range slider changes, update the start and end date"
+              "kind": "field",
+              "name": "#handleComboboxChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#handleVariableChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraComboboxChangeEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#handleOptionClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#handleMapChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraMapChangeEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#handleTimeSeriesDateRangeChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
+            },
             {
-              "description": "Emitted whenever the date range of the date slider is updated",
-              "name": "terra-date-range-change",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "variable-entry-id",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "collection",
+              "name": "name",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "fieldName": "name"
             },
             {
-              "name": "variable",
+              "name": "placeholder",
               "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"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "start-date",
+              "name": "hide-help",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
             },
             {
-              "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": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "name": "location",
+              "name": "status",
               "type": {
-                "text": "string | undefined"
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "description": "The point location in \"lat,lon\" format.",
-              "fieldName": "location"
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "fieldName": "status"
             },
             {
-              "name": "bearer-token",
+              "name": "content",
               "type": {
-                "text": "string"
+                "text": "Content"
               },
-              "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"
+              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "fieldName": "content"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API",
-          "tagNameWithoutPrefix": "data-rods",
-          "tagName": "terra-data-rods",
+          "summary": "Fuzzy-search for combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "combobox",
+          "tagName": "terra-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n * @documentation https://disc.gsfc.nasa.gov/components/data-rods\n * @status mvp\n * @since 1.0\n *\n * @event terra-date-range-change - Emitted whenever the date range of the date slider is updated\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/data-rods",
-          "status": "mvp",
+          "jsDoc": "/**\n * @summary Fuzzy-search for combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/combobox\n * @status experimental\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 */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/combobox",
+          "status": "experimental",
           "since": "1.0"
         }
       ],
@@ -2083,8 +2083,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDataRods",
-            "module": "components/data-rods/data-rods.js"
+            "name": "TerraCombobox",
+            "module": "components/combobox/combobox.js"
           }
         }
       ]
@@ -4074,75 +4074,219 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/login/login.js",
+      "path": "components/login/login.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraLogin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "buttonLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Earthdata Login'",
+              "attribute": "button-label"
+            },
+            {
+              "kind": "field",
+              "name": "#authController",
+              "privacy": "private",
+              "default": "new AuthController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "login"
+            },
+            {
+              "kind": "method",
+              "name": "logout"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when a bearer token has been received from EDL.",
+              "name": "terra-login",
+              "reactName": "onTerraLogin",
+              "eventName": "TerraLoginEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "button-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Earthdata Login'",
+              "fieldName": "buttonLabel"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.",
+          "tagNameWithoutPrefix": "login",
+          "tagName": "terra-login",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n * @documentation https://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": "TerraLogin",
+          "name": "TerraPlot",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "#resizeObserver",
+              "privacy": "private",
               "type": {
-                "text": "object"
+                "text": "ResizeObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "PlotlyHTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
+              "attribute": "plotTitle"
             },
             {
               "kind": "field",
-              "name": "buttonLabel",
+              "name": "layout",
               "type": {
-                "text": "string"
+                "text": "Partial<Layout> | undefined"
               },
-              "default": "'Earthdata Login'",
-              "attribute": "button-label"
+              "default": "{}",
+              "attribute": "layout"
             },
             {
               "kind": "field",
-              "name": "#authController",
-              "privacy": "private",
-              "default": "new AuthController(this)"
+              "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": "login"
+              "name": "handleDataChange"
             },
             {
               "kind": "method",
-              "name": "logout"
-            }
-          ],
-          "events": [
+              "name": "updatePlotWithData"
+            },
             {
-              "description": "Emitted when a bearer token has been received from EDL.",
-              "name": "terra-login",
-              "reactName": "onTerraLogin",
-              "eventName": "TerraLoginEvent"
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PlotRelayoutEvent"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
-              "name": "button-label",
+              "name": "plotTitle",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Earthdata Login'",
-              "fieldName": "buttonLabel"
+              "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 form that logs in to Earthdata Login (EDL) and returns a bearer token.",
-          "tagNameWithoutPrefix": "login",
-          "tagName": "terra-login",
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
           "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 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"
           }
         }
       ]
@@ -4653,233 +4797,89 @@
             },
             {
               "kind": "method",
-              "name": "#downloadGeotiff"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              },
-              "fieldName": "catalogVariable"
-            },
-            {
-              "name": "variableEntryId",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "plot",
-              "type": {
-                "text": "TerraPlot | undefined"
-              },
-              "fieldName": "plot"
-            },
-            {
-              "name": "timeSeriesData",
-              "type": {
-                "text": "Partial<Data>[] | Blob | undefined"
-              },
-              "fieldName": "timeSeriesData"
-            },
-            {
-              "name": "location",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "location"
-            },
-            {
-              "name": "startDate",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "startDate"
-            },
-            {
-              "name": "endDate",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "endDate"
-            },
-            {
-              "name": "cacheKey",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "cacheKey"
-            },
-            {
-              "name": "dataType",
-              "type": {
-                "text": "DataType"
-              },
-              "fieldName": "dataType"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "plot-toolbar",
-          "tagName": "terra-plot-toolbar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/plot-toolbar\n * @status experimental\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot-toolbar",
-          "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"
-              }
-            },
+              "name": "#downloadGeotiff"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "plotTitle",
+              "name": "catalogVariable",
               "type": {
-                "text": "string | undefined"
+                "text": "Variable"
               },
-              "attribute": "plotTitle"
+              "fieldName": "catalogVariable"
             },
             {
-              "kind": "field",
-              "name": "layout",
+              "name": "variableEntryId",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "string"
               },
-              "default": "{}",
-              "attribute": "layout"
+              "fieldName": "variableEntryId"
             },
             {
-              "kind": "field",
-              "name": "config",
+              "name": "plot",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "TerraPlot | undefined"
               },
-              "default": "{}",
-              "attribute": "config"
+              "fieldName": "plot"
             },
             {
-              "kind": "field",
-              "name": "data",
+              "name": "timeSeriesData",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "Partial<Data>[] | Blob | undefined"
               },
-              "default": "[]",
-              "attribute": "data"
-            },
-            {
-              "kind": "method",
-              "name": "handleDataChange"
+              "fieldName": "timeSeriesData"
             },
             {
-              "kind": "method",
-              "name": "updatePlotWithData"
+              "name": "location",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "location"
             },
             {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PlotRelayoutEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "plotTitle",
+              "name": "startDate",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "fieldName": "plotTitle"
+              "fieldName": "startDate"
             },
             {
-              "name": "layout",
+              "name": "endDate",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "string"
               },
-              "default": "{}",
-              "fieldName": "layout"
+              "fieldName": "endDate"
             },
             {
-              "name": "config",
+              "name": "cacheKey",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "string"
               },
-              "default": "{}",
-              "fieldName": "config"
+              "fieldName": "cacheKey"
             },
             {
-              "name": "data",
+              "name": "dataType",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "DataType"
               },
-              "default": "[]",
-              "fieldName": "data"
+              "fieldName": "dataType"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A web component for interactive graphs using Plotly.js.",
-          "tagNameWithoutPrefix": "plot",
-          "tagName": "terra-plot",
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "plot-toolbar",
+          "tagName": "terra-plot-toolbar",
           "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",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/plot-toolbar\n * @status experimental\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/plot-toolbar",
           "status": "experimental",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "terra-example"
+          ]
         }
       ],
       "exports": [
@@ -4887,8 +4887,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
+            "name": "TerraPlotToolbar",
+            "module": "components/plot-toolbar/plot-toolbar.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.68",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"