@nasa-terra/components 0.0.66 → 0.0.67

package/dist/custom-elements.json

@@ -138,191 +138,466 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/alert/alert.js",
+      "path": "components/browse-variables/browse-variables.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": ""
-            }
-          ],
+          "name": "TerraBrowseVariables",
           "members": [
             {
               "kind": "field",
-              "name": "autoHideTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "remainingTimeInterval",
+              "name": "dependencies",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "privacy": "private"
+              "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": "countdownAnimation",
+              "name": "catalog",
               "type": {
-                "text": "Animation | undefined"
+                "text": "'giovanni'"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
+              "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": "currentToastStack",
+              "name": "selectedVariableEntryIds",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "toastStack",
-              "privacy": "private",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "attribute": "selected-variable-entry-ids",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "countdownElement",
+              "name": "searchQuery",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "selectedFacets",
               "type": {
-                "text": "boolean"
+                "text": "SelectedFacets"
               },
-              "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
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "closable",
+              "name": "selectedVariables",
               "type": {
-                "text": "boolean"
+                "text": "Variable[]"
               },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "showVariablesBrowse",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "false"
             },
             {
               "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"
+              "name": "#controller",
+              "privacy": "private",
+              "default": "new BrowseVariablesController(this)"
             },
             {
-              "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": "method",
+              "name": "handleSelectedVariablesChange"
             },
             {
-              "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
+              "kind": "method",
+              "name": "reset"
             },
             {
               "kind": "method",
-              "name": "restartAutoHide",
-              "privacy": "private"
+              "name": "handleObservationChange"
             },
             {
               "kind": "method",
-              "name": "pauseAutoHide",
-              "privacy": "private"
+              "name": "toggleFacetSelect",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "resumeAutoHide",
-              "privacy": "private"
+              "name": "handleSearch",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "TerraVariableKeywordSearchChangeEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleCountdownChange",
-              "privacy": "private"
+              "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": "handleCloseClick",
-              "privacy": "private"
+              "name": "#clearFacet",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "#unselectFacetField",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleDurationChange"
+              "name": "#handleVariableSelection",
+              "parameters": [
+                {
+                  "name": "variable",
+                  "type": {
+                    "text": "Variable"
+                  }
+                },
+                {
+                  "name": "checked",
+                  "type": {
+                    "text": "Boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
+              "name": "#renderCategorySelect"
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
+              "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"
             },
             {
               "kind": "method",
@@ -439,1391 +714,1116 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/browse-variables/browse-variables.js",
+      "path": "components/button/button.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBrowseVariables",
-          "members": [
+          "name": "TerraButton",
+          "cssParts": [
             {
-              "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    }"
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The button's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The button's caret icon, an `<sl-icon>` element.",
+              "name": "caret"
+            },
+            {
+              "description": "The spinner that shows when the button is in the loading state.",
+              "name": "spinner"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The button's label.",
+              "name": ""
+            },
+            {
+              "description": "A presentational prefix icon or similar element.",
+              "name": "prefix"
             },
+            {
+              "description": "A presentational suffix icon or similar element.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "catalog",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n        assumeInteractionOn: ['click'],\n    })"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n        this,\n        '[default]',\n        'prefix',\n        'suffix'\n    )"
+            },
+            {
+              "kind": "field",
+              "name": "button",
               "type": {
-                "text": "'giovanni'"
+                "text": "HTMLButtonElement | HTMLLinkElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
               },
-              "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",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "selectedVariableEntryIds",
+              "name": "invalid",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "attribute": "selected-variable-entry-ids",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "title",
               "type": {
                 "text": "string"
-              }
+              },
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "selectedFacets",
+              "name": "variant",
               "type": {
-                "text": "SelectedFacets"
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
               },
-              "default": "{}"
+              "default": "'primary'",
+              "description": "The button's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "selectedVariables",
+              "name": "size",
               "type": {
-                "text": "Variable[]"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "[]"
+              "default": "'medium'",
+              "description": "The button's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "showVariablesBrowse",
+              "name": "caret",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
+              "attribute": "caret",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#controller",
-              "privacy": "private",
-              "default": "new BrowseVariablesController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectedVariablesChange"
+              "name": "shape",
+              "type": {
+                "text": "'square' | 'square-left' | 'square-right'"
+              },
+              "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
+              "attribute": "shape",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "reset"
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleObservationChange"
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the button in a loading state.",
+              "attribute": "loading",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "toggleFacetSelect",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "outline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws an outlined button.",
+              "attribute": "outline",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleSearch",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraVariableKeywordSearchChangeEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "circle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<terra-icon>` in the\ndefault slot.",
+              "attribute": "circle",
+              "reflects": true
             },
             {
-              "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": "field",
+              "name": "type",
+              "type": {
+                "text": "'button' | 'submit' | 'reset'"
+              },
+              "default": "'button'",
+              "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
+              "attribute": "type"
             },
             {
-              "kind": "method",
-              "name": "#clearFacet",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
+              "attribute": "name"
             },
             {
-              "kind": "method",
-              "name": "#unselectFacetField",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "field",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
+              "attribute": "value"
             },
             {
-              "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",
+              "kind": "field",
+              "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "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/combobox/combobox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraCombobox",
-          "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"
+              "default": "''",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "attribute": "href"
             },
-            {
-              "description": "A `ul` that holds the clickable options.",
-              "name": "listbox"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "target",
               "type": {
-                "text": "object"
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
-              "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "tagName",
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "static": true,
-              "default": "'terra-combobox'"
+              "default": "'noreferrer noopener'",
+              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+              "attribute": "rel"
             },
             {
               "kind": "field",
-              "name": "initialQuery",
+              "name": "download",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "''"
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "attribute": "download"
             },
             {
               "kind": "field",
-              "name": "#combobox",
-              "privacy": "private",
+              "name": "form",
               "type": {
-                "text": "HTMLInputElement | null"
+                "text": "string"
               },
-              "default": "null"
+              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+              "attribute": "form"
             },
             {
               "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
+              "name": "formAction",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "string"
               },
-              "default": "null"
+              "description": "Used to override the form owner's `action` attribute.",
+              "attribute": "formaction"
             },
             {
               "kind": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
+              "name": "formEnctype",
               "type": {
-                "text": "Fuse<GroupedListItem | ListItem> | null"
+                "text": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
               },
-              "default": "null"
+              "description": "Used to override the form owner's `enctype` attribute.",
+              "attribute": "formenctype"
             },
             {
               "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "name": "formMethod",
               "type": {
-                "text": "TreeWalker | null"
+                "text": "'post' | 'get'"
               },
-              "default": "null"
+              "description": "Used to override the form owner's `method` attribute.",
+              "attribute": "formmethod"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "formNoValidate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "attribute": "formnovalidate"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "formTarget",
               "type": {
-                "text": "string"
+                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
               },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "attribute": "name"
+              "description": "Used to override the form owner's `target` attribute.",
+              "attribute": "formtarget"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "forDialog",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
+              "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
+              "attribute": "for-dialog"
             },
             {
               "kind": "field",
-              "name": "hideHelp",
+              "name": "expanded",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help"
+              "description": "if button is used to control another element on the page, such as an accordion or dialog, this state communicates whether the controlled element is expanded"
             },
             {
               "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "status",
-              "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
-              },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "attribute": "status"
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "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",
-              "attribute": "content"
+              "kind": "method",
+              "name": "#handleDialogStateChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "TerraDialogShowEvent | TerraDialogHideEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "isExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "query"
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "searchResults",
-              "type": {
-                "text": "GroupedListItem[] | ListItem[]"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "contentChanged",
+              "name": "handleInvalid",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "_oldValue",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "name": "event",
                   "type": {
-                    "text": "any"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "#renderListItem",
+              "kind": "method",
+              "name": "isButton",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#renderGroupListItem",
+              "kind": "method",
+              "name": "isLink",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#renderError",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleDisabledChange"
             },
             {
-              "kind": "field",
-              "name": "#renderLoading",
-              "privacy": "private"
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the button."
             },
             {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the button."
             },
             {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the button."
             },
             {
-              "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
             },
             {
-              "kind": "field",
-              "name": "#handleOptionClick",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
             },
             {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
             },
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
+              "kind": "method",
+              "name": "setPageLinkIcon",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "href",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setFontSize",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "size",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "name": "name",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
               },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "fieldName": "name"
+              "default": "'primary'",
+              "description": "The button's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "placeholder",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "default": "'medium'",
+              "description": "The button's size.",
+              "fieldName": "size"
             },
             {
-              "name": "hide-help",
+              "name": "caret",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
+              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
+              "fieldName": "caret"
             },
             {
-              "name": "hide-label",
+              "name": "shape",
+              "type": {
+                "text": "'square' | 'square-left' | 'square-right'"
+              },
+              "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "description": "Disables the button.",
+              "fieldName": "disabled"
             },
             {
-              "name": "status",
+              "name": "loading",
               "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "text": "boolean"
               },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "fieldName": "status"
+              "default": "false",
+              "description": "Draws the button in a loading state.",
+              "fieldName": "loading"
             },
             {
-              "name": "content",
+              "name": "outline",
               "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/button/button.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraButton",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The button's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The button's caret icon, an `<sl-icon>` element.",
-              "name": "caret"
-            },
-            {
-              "description": "The spinner that shows when the button is in the loading state.",
-              "name": "spinner"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The button's label.",
-              "name": ""
-            },
-            {
-              "description": "A presentational prefix icon or similar element.",
-              "name": "prefix"
-            },
-            {
-              "description": "A presentational suffix icon or similar element.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, {\n        assumeInteractionOn: ['click'],\n    })"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(\n        this,\n        '[default]',\n        'prefix',\n        'suffix'\n    )"
-            },
-            {
-              "kind": "field",
-              "name": "button",
-              "type": {
-                "text": "HTMLButtonElement | HTMLLinkElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
-              },
-              "default": "'primary'",
-              "description": "The button's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The button's size.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "caret",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
-              "attribute": "caret",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'square' | 'square-left' | 'square-right'"
-              },
-              "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the button.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws the button in a loading state.",
-              "attribute": "loading",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "outline",
-              "type": {
-                "text": "boolean"
+                "text": "boolean"
               },
               "default": "false",
               "description": "Draws an outlined button.",
-              "attribute": "outline",
-              "reflects": true
+              "fieldName": "outline"
             },
             {
-              "kind": "field",
               "name": "circle",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<terra-icon>` in the\ndefault slot.",
-              "attribute": "circle",
-              "reflects": true
+              "fieldName": "circle"
             },
             {
-              "kind": "field",
               "name": "type",
               "type": {
                 "text": "'button' | 'submit' | 'reset'"
               },
               "default": "'button'",
               "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-              "attribute": "type"
+              "fieldName": "type"
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-              "attribute": "name"
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
-              "attribute": "value"
+              "fieldName": "value"
             },
             {
-              "kind": "field",
               "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "fieldName": "href"
             },
             {
-              "kind": "field",
               "name": "target",
               "type": {
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "fieldName": "target"
             },
             {
-              "kind": "field",
               "name": "rel",
               "type": {
                 "text": "string"
               },
               "default": "'noreferrer noopener'",
               "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
-              "attribute": "rel"
+              "fieldName": "rel"
             },
             {
-              "kind": "field",
               "name": "download",
               "type": {
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "fieldName": "download"
             },
             {
-              "kind": "field",
               "name": "form",
               "type": {
                 "text": "string"
               },
               "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "attribute": "form"
+              "fieldName": "form"
             },
             {
-              "kind": "field",
-              "name": "formAction",
+              "name": "formaction",
               "type": {
                 "text": "string"
               },
               "description": "Used to override the form owner's `action` attribute.",
-              "attribute": "formaction"
+              "fieldName": "formAction"
             },
             {
-              "kind": "field",
-              "name": "formEnctype",
+              "name": "formenctype",
               "type": {
                 "text": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
               },
               "description": "Used to override the form owner's `enctype` attribute.",
-              "attribute": "formenctype"
+              "fieldName": "formEnctype"
             },
             {
-              "kind": "field",
-              "name": "formMethod",
+              "name": "formmethod",
               "type": {
                 "text": "'post' | 'get'"
               },
               "description": "Used to override the form owner's `method` attribute.",
-              "attribute": "formmethod"
+              "fieldName": "formMethod"
             },
             {
-              "kind": "field",
-              "name": "formNoValidate",
+              "name": "formnovalidate",
               "type": {
                 "text": "boolean"
               },
               "description": "Used to override the form owner's `novalidate` attribute.",
-              "attribute": "formnovalidate"
+              "fieldName": "formNoValidate"
             },
             {
-              "kind": "field",
-              "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.",
-              "attribute": "formtarget"
+              "fieldName": "formTarget"
             },
             {
-              "kind": "field",
-              "name": "forDialog",
+              "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",
-              "attribute": "for-dialog"
-            },
+              "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/chip/chip.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraChip",
+          "slots": [
+            {
+              "description": "The chip's label.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "false",
-              "description": "if button is used to control another element on the page, such as an accordion or dialog, this state communicates whether the controlled element is expanded"
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "default": "'medium'",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#handleDialogStateChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraDialogShowEvent | TerraDialogHideEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isButton",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "isLink",
+              "name": "#handleRemoveClick",
               "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the button."
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the button."
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the button."
-            },
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Used for contacts and tags",
+          "tagNameWithoutPrefix": "chip",
+          "tagName": "terra-chip",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Used for contacts and tags\n * @documentation https://disc.gsfc.nasa.gov/components/chip\n * @status stable\n * @since 1.0\n *\n * @slot - The chip's label.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/chip",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraChip",
+            "module": "components/chip/chip.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/combobox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraCombobox",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+              "description": "The height of the host element.",
+              "name": "--host-height"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
+              "description": "The height of the search help element.",
+              "name": "--help-height"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
+              "description": "The height of the input's label element.",
+              "name": "--label-height"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "description": "A `search` element, the component's base.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "setPageLinkIcon",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "href",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "An `input` element used for searching.",
+              "name": "combobox"
             },
             {
-              "kind": "method",
-              "name": "setFontSize",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "size",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "A `button` used for toggling the listbox's visibility.",
+              "name": "button"
+            },
+            {
+              "description": "A `ul` that holds the clickable options.",
+              "name": "listbox"
             }
           ],
-          "attributes": [
+          "members": [
             {
-              "name": "title",
+              "kind": "field",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "default": "''",
-              "fieldName": "title"
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "tagName",
               "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "The button's theme variant.",
-              "fieldName": "variant"
+              "static": true,
+              "default": "'terra-combobox'"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "initialQuery",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The button's size.",
-              "fieldName": "size"
+              "static": true,
+              "default": "''"
             },
             {
-              "name": "caret",
+              "kind": "field",
+              "name": "#combobox",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "HTMLInputElement | null"
               },
-              "default": "false",
-              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
-              "fieldName": "caret"
+              "default": "null"
             },
             {
-              "name": "shape",
+              "kind": "field",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "'square' | 'square-left' | 'square-right'"
+                "text": "HTMLUListElement | null"
               },
-              "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
-              "fieldName": "shape"
+              "default": "null"
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "#searchEngine",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "Fuse<GroupedListItem | ListItem> | null"
               },
-              "default": "false",
-              "description": "Disables the button.",
-              "fieldName": "disabled"
+              "default": "null"
             },
             {
-              "name": "loading",
+              "kind": "field",
+              "name": "#walker",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "TreeWalker | null"
               },
-              "default": "false",
-              "description": "Draws the button in a loading state.",
-              "fieldName": "loading"
+              "default": "null"
             },
             {
-              "name": "outline",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws an outlined button.",
-              "fieldName": "outline"
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
             },
             {
-              "name": "circle",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<terra-icon>` in the\ndefault slot.",
-              "fieldName": "circle"
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "attribute": "name"
             },
             {
-              "name": "type",
+              "kind": "field",
+              "name": "placeholder",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "string"
               },
-              "default": "'button'",
-              "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-              "fieldName": "type"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "hideHelp",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-              "fieldName": "name"
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help"
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "hideLabel",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
-              "fieldName": "value"
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
             },
             {
-              "name": "href",
+              "kind": "field",
+              "name": "status",
               "type": {
-                "text": "string"
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "default": "''",
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href"
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "attribute": "status"
             },
             {
-              "name": "target",
+              "kind": "field",
+              "name": "content",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "Content"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "fieldName": "target"
+              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "attribute": "content"
             },
             {
-              "name": "rel",
+              "kind": "field",
+              "name": "isExpanded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'noreferrer noopener'",
-              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
-              "fieldName": "rel"
+              "default": "false"
             },
             {
-              "name": "download",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "fieldName": "download"
+              "kind": "field",
+              "name": "query"
             },
             {
-              "name": "form",
+              "kind": "field",
+              "name": "searchResults",
               "type": {
-                "text": "string"
+                "text": "GroupedListItem[] | ListItem[]"
               },
-              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "fieldName": "form"
+              "default": "[]"
             },
             {
-              "name": "formaction",
+              "kind": "method",
+              "name": "contentChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "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"
               },
-              "description": "Used to override the form owner's `action` attribute.",
-              "fieldName": "formAction"
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "formenctype",
+              "name": "name",
               "type": {
-                "text": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+                "text": "string"
               },
-              "description": "Used to override the form owner's `enctype` attribute.",
-              "fieldName": "formEnctype"
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "fieldName": "name"
             },
             {
-              "name": "formmethod",
+              "name": "placeholder",
               "type": {
-                "text": "'post' | 'get'"
+                "text": "string"
               },
-              "description": "Used to override the form owner's `method` attribute.",
-              "fieldName": "formMethod"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "formnovalidate",
+              "name": "hide-help",
               "type": {
                 "text": "boolean"
               },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "fieldName": "formNoValidate"
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
             },
             {
-              "name": "formtarget",
+              "name": "hide-label",
               "type": {
-                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+                "text": "boolean"
               },
-              "description": "Used to override the form owner's `target` attribute.",
-              "fieldName": "formTarget"
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "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/chip/chip.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraChip",
-          "slots": [
-            {
-              "description": "The chip's label.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
+              "name": "status",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "default": "'medium'",
-              "attribute": "size",
-              "reflects": true
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "fieldName": "status"
             },
             {
-              "kind": "field",
-              "name": "#handleRemoveClick",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
+              "name": "content",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "Content"
               },
-              "default": "'medium'",
-              "fieldName": "size"
+              "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": "Used for contacts and tags",
-          "tagNameWithoutPrefix": "chip",
-          "tagName": "terra-chip",
+          "summary": "Fuzzy-search for combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "combobox",
+          "tagName": "terra-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Used for contacts and tags\n * @documentation https://disc.gsfc.nasa.gov/components/chip\n * @status stable\n * @since 1.0\n *\n * @slot - The chip's label.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/chip",
-          "status": "stable",
+          "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"
         }
       ],
@@ -1832,8 +1832,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraChip",
-            "module": "components/chip/chip.js"
+            "name": "TerraCombobox",
+            "module": "components/combobox/combobox.js"
           }
         }
       ]
@@ -4066,227 +4066,83 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraLoader",
-            "module": "components/loader/loader.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "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": "TerraPlot",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "PlotlyHTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "plotTitle"
-            },
+            "name": "TerraLoader",
+            "module": "components/loader/loader.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/login/login.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraLogin",
+          "members": [
             {
               "kind": "field",
-              "name": "layout",
+              "name": "dependencies",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "object"
               },
-              "default": "{}",
-              "attribute": "layout"
+              "static": true,
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
             },
             {
               "kind": "field",
-              "name": "config",
+              "name": "buttonLabel",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "string"
               },
-              "default": "{}",
-              "attribute": "config"
+              "default": "'Earthdata Login'",
+              "attribute": "button-label"
             },
             {
               "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Data>>"
-              },
-              "default": "[]",
-              "attribute": "data"
+              "name": "#authController",
+              "privacy": "private",
+              "default": "new AuthController(this)"
             },
             {
               "kind": "method",
-              "name": "handleDataChange"
+              "name": "login"
             },
             {
               "kind": "method",
-              "name": "updatePlotWithData"
-            },
+              "name": "logout"
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PlotRelayoutEvent"
-                  }
-                }
-              ]
+              "description": "Emitted when a bearer token has been received from EDL.",
+              "name": "terra-login",
+              "reactName": "onTerraLogin",
+              "eventName": "TerraLoginEvent"
             }
           ],
           "attributes": [
             {
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "plotTitle"
-            },
-            {
-              "name": "layout",
-              "type": {
-                "text": "Partial<Layout> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "layout"
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "Partial<Config> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "config"
-            },
-            {
-              "name": "data",
+              "name": "button-label",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "string"
               },
-              "default": "[]",
-              "fieldName": "data"
+              "default": "'Earthdata Login'",
+              "fieldName": "buttonLabel"
             }
           ],
           "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": "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 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",
+          "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"
         }
       ],
@@ -4295,8 +4151,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
+            "name": "TerraLogin",
+            "module": "components/login/login.js"
           }
         }
       ]
@@ -4869,17 +4725,161 @@
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "plot-toolbar",
-          "tagName": "terra-plot-toolbar",
+          "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "plotTitle"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "Partial<Layout> | undefined"
+              },
+              "default": "{}",
+              "attribute": "layout"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "Partial<Config> | undefined"
+              },
+              "default": "{}",
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Data>>"
+              },
+              "default": "[]",
+              "attribute": "data"
+            },
+            {
+              "kind": "method",
+              "name": "handleDataChange"
+            },
+            {
+              "kind": "method",
+              "name": "updatePlotWithData"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PlotRelayoutEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "plotTitle"
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "Partial<Layout> | undefined"
+              },
+              "default": "{}",
+              "fieldName": "layout"
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "Partial<Config> | undefined"
+              },
+              "default": "{}",
+              "fieldName": "config"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Data>>"
+              },
+              "default": "[]",
+              "fieldName": "data"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
           "customElement": true,
-          "jsDoc": "/**\n * @summary 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",
+          "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",
-          "dependencies": [
-            "terra-example"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -4887,8 +4887,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlotToolbar",
-            "module": "components/plot-toolbar/plot-toolbar.js"
+            "name": "TerraPlot",
+            "module": "components/plot/plot.js"
           }
         }
       ]
@@ -5487,6 +5487,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "colormaps",
+              "type": {
+                "text": "array"
+              },
+              "default": "[\n        'jet',\n        'hsv',\n        'hot',\n        'cool',\n        'spring',\n        'summer',\n        'autumn',\n        'winter',\n        'bone',\n        'copper',\n        'greys',\n        'YIGnBu',\n        'greens',\n        'YIOrRd',\n        'bluered',\n        'RdBu',\n        'picnic',\n        'rainbow',\n        'portland',\n        'blackbody',\n        'earth',\n        'electric',\n        'viridis',\n        'inferno',\n        'magma',\n        'plasma',\n        'warm',\n        'cool',\n        'bathymetry',\n        'cdom',\n        'chlorophyll',\n        'density',\n        'fressurface-blue',\n        'freesurface-red',\n        'oxygen',\n        'par',\n        'phase',\n        'salinity',\n        'temperature',\n        'turbidity',\n        'velocity-blue',\n        'velocity-green',\n        'cubhelix',\n    ]"
+            },
+            {
+              "kind": "field",
+              "name": "colorMapName",
+              "type": {
+                "text": "string"
+              },
+              "default": "'density'"
+            },
             {
               "kind": "method",
               "name": "handleFocus",
@@ -5584,10 +5600,76 @@
               "kind": "method",
               "name": "updateGeoTIFFLayer"
             },
+            {
+              "kind": "method",
+              "name": "renderPixelValues",
+              "parameters": [
+                {
+                  "name": "map",
+                  "type": {
+                    "text": "Map"
+                  }
+                },
+                {
+                  "name": "gtLayer",
+                  "type": {
+                    "text": "WebGLTileLayer"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getColorStops",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "min",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "max",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "steps",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "reverse",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "intializeMap"
             },
+            {
+              "kind": "method",
+              "name": "getMinMax",
+              "parameters": [
+                {
+                  "name": "gtSource",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "fetchGeotiffMetadata",
@@ -5605,6 +5687,36 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "applyColorToLayer",
+              "parameters": [
+                {
+                  "name": "gtSource",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "color",
+                  "type": {
+                    "text": "String"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onColorMapChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "getVariableEntryId"
@@ -5687,12 +5799,44 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/time-series/time-series.js",
+      "path": "components/variable-combobox/variable-combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraTimeSeries",
+          "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"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5701,197 +5845,283 @@
                 "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    }"
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "#timeSeriesController",
+              "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": "TimeSeriesController"
+                "text": "HTMLInputElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#fetchController",
+              "privacy": "private",
+              "type": {
+                "text": "FetchController"
               }
             },
             {
               "kind": "field",
-              "name": "variableEntryId",
+              "name": "#searchableList",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "ListItem[]"
               },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "collection",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLUListElement | null"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "attribute": "collection",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "variable",
+              "name": "#searchEngine",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "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",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search for Variables'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "hideHelp",
+              "type": {
+                "text": "boolean"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "attribute": "variable",
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "startDate",
+              "name": "hideLabel",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "endDate",
+              "name": "useTags",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "end-date",
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "attribute": "use-tags",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "location",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "attribute": "location",
-              "reflects": true
+              "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 | 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).",
               "attribute": "bearer-token"
             },
             {
               "kind": "field",
-              "name": "plot",
-              "type": {
-                "text": "TerraPlot"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "plotToolbar",
+              "name": "isExpanded",
               "type": {
-                "text": "TerraPlotToolbar"
-              }
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              }
+              "name": "query"
             },
             {
               "kind": "field",
-              "name": "quotaExceededOpen",
+              "name": "searchResults",
               "type": {
-                "text": "boolean"
+                "text": "ListItem[]"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "user quota reached maximum request"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "showDataPointWarning",
+              "name": "tags",
               "type": {
-                "text": "boolean"
+                "text": "string[]"
               },
-              "default": "false",
-              "description": "if true, we'll show a warning to the user about them requesting a large number of data points"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "estimatedDataPoints",
+              "name": "tagContainerWidth",
               "type": {
                 "text": "number"
               },
-              "default": "0",
-              "description": "stores the estimated"
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "#catalog",
-              "privacy": "private",
-              "default": "new GiovanniVariableCatalog()"
+              "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": "field",
-              "name": "_authController",
-              "default": "new AuthController(this)"
+              "kind": "method",
+              "name": "clear"
             },
             {
-              "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    })"
+              "kind": "method",
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "toggle"
             },
             {
               "kind": "field",
-              "name": "#handleQuotaError",
+              "name": "#dispatchChange",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#confirmDataPointWarning"
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#cancelDataPointWarning"
+              "kind": "field",
+              "name": "#handleComboboxChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#abortDataLoad",
-              "description": "aborts the underlying data loading task, which cancels the network request"
+              "kind": "field",
+              "name": "#handleOptionClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#handleComponentLeave",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getVariableEntryId"
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#getYAxisLabel"
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#handlePlotRelayout",
+              "name": "#renderTags",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "tag",
                   "type": {
-                    "text": "TerraPlotRelayoutEvent"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "_index",
+                  "type": {
+                    "text": "number"
                   }
                 }
               ]
@@ -5899,74 +6129,69 @@
           ],
           "events": [
             {
-              "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"
+              "description": "Emitted when an option is selected.",
+              "name": "terra-combobox-change",
+              "reactName": "onTerraComboboxChange",
+              "eventName": "TerraComboboxChangeEvent"
             }
           ],
           "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 Variables'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "collection",
+              "name": "placeholder",
               "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"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "variable",
+              "name": "hide-help",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
             },
             {
-              "name": "start-date",
+              "name": "hide-label",
               "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 label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "name": "end-date",
+              "name": "use-tags",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "fieldName": "useTags"
             },
             {
-              "name": "location",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "fieldName": "location"
+              "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 | 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"
@@ -5976,17 +6201,14 @@
             "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 variables in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-combobox",
+          "tagName": "terra-variable-combobox",
           "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 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"
         }
       ],
       "exports": [
@@ -5994,29 +6216,25 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTimeSeries",
-            "module": "components/time-series/time-series.js"
+            "name": "TerraVariableCombobox",
+            "module": "components/variable-combobox/variable-combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-combobox/variable-combobox.js",
+      "path": "components/variable-keyword-search/variable-keyword-search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableCombobox",
+          "name": "TerraVariableKeywordSearch",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -6066,7 +6284,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-combobox'"
+              "default": "'terra-variable-keyword-search'"
             },
             {
               "kind": "field",
@@ -6090,18 +6308,7 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "type": {
-                "text": "FetchController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#searchableList",
-              "privacy": "private",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+              "default": "new FetchController(this)"
             },
             {
               "kind": "field",
@@ -6130,22 +6337,13 @@
               },
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "#tagContainer",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLDivElement | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -6158,38 +6356,25 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
-            {
-              "kind": "field",
-              "name": "hideHelp",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label",
-              "reflects": true
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "useTags",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "attribute": "use-tags",
-              "reflects": true
+              "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",
@@ -6197,18 +6382,8 @@
               "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",
@@ -6229,28 +6404,12 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "tags",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "tagContainerWidth",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "_oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -6261,8 +6420,7 @@
                     "text": "string"
                   }
                 }
-              ],
-              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
+              ]
             },
             {
               "kind": "method",
@@ -6276,16 +6434,6 @@
               "kind": "method",
               "name": "toggle"
             },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -6313,29 +6461,33 @@
             },
             {
               "kind": "method",
-              "name": "#renderTags",
+              "name": "#handleSearch",
               "parameters": [
                 {
-                  "name": "tag",
+                  "name": "query",
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "_index",
-                  "type": {
-                    "text": "number"
-                  }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-combobox-change",
-              "reactName": "onTerraComboboxChange",
-              "eventName": "TerraComboboxChangeEvent"
+              "name": "terra-variable-keyword-search-change",
+              "reactName": "onTerraVariableKeywordSearchChange",
+              "eventName": "TerraVariableKeywordSearchChangeEvent"
+            },
+            {
+              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
+              "name": "terra-search",
+              "reactName": "onTerraSearch",
+              "eventName": "TerraSearchEvent"
             }
           ],
           "attributes": [
@@ -6344,7 +6496,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -6356,60 +6508,42 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
-            {
-              "name": "hide-help",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
-            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "use-tags",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "fieldName": "useTags"
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "fieldName": "searchConfig"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
-            },
-            {
-              "name": "bearer-token",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-combobox",
-          "tagName": "terra-variable-combobox",
+          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-keyword-search",
+          "tagName": "terra-variable-keyword-search",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://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",
+          "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"
         }
@@ -6419,48 +6553,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableCombobox",
-            "module": "components/variable-combobox/variable-combobox.js"
+            "name": "TerraVariableKeywordSearch",
+            "module": "components/variable-keyword-search/variable-keyword-search.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-keyword-search/variable-keyword-search.js",
+      "path": "components/time-series/time-series.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "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"
-            }
-          ],
+          "name": "TerraTimeSeries",
           "members": [
             {
               "kind": "field",
@@ -6469,286 +6575,292 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
+              "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": "shadowRootOptions",
+              "name": "#timeSeriesController",
+              "privacy": "private",
               "type": {
-                "text": "object"
+                "text": "TimeSeriesController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "variableEntryId",
+              "type": {
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "tagName",
+              "name": "collection",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "'terra-variable-keyword-search'"
+              "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": "initialQuery",
+              "name": "variable",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "''"
+              "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": "#combobox",
-              "privacy": "private",
+              "name": "startDate",
               "type": {
-                "text": "HTMLInputElement | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#fetchController",
-              "privacy": "private",
-              "default": "new FetchController(this)"
+              "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": "#listbox",
-              "privacy": "private",
+              "name": "location",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "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": "#searchEngine",
-              "privacy": "private",
+              "name": "bearerToken",
               "type": {
-                "text": "Fuse<ListItem> | null"
+                "text": "string | undefined"
               },
-              "default": "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"
             },
             {
               "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "name": "plot",
               "type": {
-                "text": "TreeWalker | null"
-              },
-              "default": "null"
+                "text": "TerraPlot"
+              }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "plotToolbar",
               "type": {
-                "text": "string"
-              },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+                "text": "TerraPlotToolbar"
+              }
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "catalogVariable",
               "type": {
-                "text": "string"
-              },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
+                "text": "Variable"
+              }
             },
             {
               "kind": "field",
-              "name": "hideLabel",
+              "name": "quotaExceededOpen",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "privacy": "private",
+              "default": "false",
+              "description": "user quota reached maximum request"
             },
             {
               "kind": "field",
-              "name": "searchConfig",
+              "name": "showDataPointWarning",
               "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": "if true, we'll show a warning to the user about them requesting a large number of data points"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "estimatedDataPoints",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "attribute": "value"
+              "default": "0",
+              "description": "stores the estimated"
             },
             {
               "kind": "field",
-              "name": "isExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "name": "#catalog",
+              "privacy": "private",
+              "default": "new GiovanniVariableCatalog()"
             },
             {
               "kind": "field",
-              "name": "query"
+              "name": "_authController",
+              "default": "new AuthController(this)"
             },
             {
               "kind": "field",
-              "name": "searchResults",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+              "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": "method",
-              "name": "valueChanged",
-              "parameters": [
-                {
-                  "name": "_oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#handleQuotaError",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "clear"
+              "name": "#confirmDataPointWarning"
             },
             {
               "kind": "method",
-              "name": "close"
+              "name": "#cancelDataPointWarning"
             },
             {
               "kind": "method",
-              "name": "toggle"
-            },
-            {
-              "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleOptionClick",
-              "privacy": "private"
+              "name": "#abortDataLoad",
+              "description": "aborts the underlying data loading task, which cancels the network request"
             },
             {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
+              "kind": "method",
+              "name": "#handleComponentLeave",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getVariableEntryId"
             },
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
+              "kind": "method",
+              "name": "#getYAxisLabel"
             },
             {
               "kind": "method",
-              "name": "#handleSearch",
+              "name": "#handlePlotRelayout",
               "parameters": [
                 {
-                  "name": "query",
+                  "name": "e",
                   "type": {
-                    "text": "string"
+                    "text": "TerraPlotRelayoutEvent"
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "#clearSearch"
             }
           ],
           "events": [
             {
-              "description": "Emitted when an option is selected.",
-              "name": "terra-variable-keyword-search-change",
-              "reactName": "onTerraVariableKeywordSearchChange",
-              "eventName": "TerraVariableKeywordSearchChangeEvent"
+              "name": "terra-date-range-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted whenever the date range is modified",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
             },
             {
-              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
-              "name": "terra-search",
-              "reactName": "onTerraSearch",
-              "eventName": "TerraSearchEvent"
+              "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": "'Enter search terms (e.g., precipitation, AOD)'",
-              "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-label",
+              "name": "variable",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "true",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "fieldName": "variable"
             },
             {
-              "name": "searchConfig",
+              "name": "start-date",
               "type": {
-                "text": "object"
+                "text": "string | undefined"
               },
-              "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"
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
             },
             {
-              "name": "value",
+              "name": "end-date",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "fieldName": "value"
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
+            },
+            {
+              "name": "location",
+              "type": {
+                "text": "string | undefined"
+              },
+              "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 | 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"
             }
           ],
           "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": "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 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"
+          "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": [
@@ -6756,8 +6868,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableKeywordSearch",
-            "module": "components/variable-keyword-search/variable-keyword-search.js"
+            "name": "TerraTimeSeries",
+            "module": "components/time-series/time-series.js"
           }
         }
       ]
@@ -6766,7 +6878,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.66",
+    "version": "0.0.67",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"