@nasa-terra/components 0.0.86 → 0.0.87

package/cdn/custom-elements.json

@@ -4,12 +4,22 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "components/browse-variables/browse-variables.js",
+      "path": "components/accordion/accordion.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBrowseVariables",
+          "name": "TerraAccordion",
+          "slots": [
+            {
+              "description": "The default slot for accordion content.",
+              "name": ""
+            },
+            {
+              "description": "The summary/header for the accordion (optional, overrides summary property)",
+              "name": "summary"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -18,280 +28,221 @@
                 "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    }"
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "catalog",
+              "name": "summary",
               "type": {
-                "text": "'giovanni'"
+                "text": "string"
               },
-              "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"
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "attribute": "summary"
             },
             {
               "kind": "field",
-              "name": "selectedVariableEntryIds",
+              "name": "open",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "attribute": "selected-variable-entry-ids",
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "attribute": "open",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "showArrow",
               "type": {
-                "text": "string"
-              }
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "showArrow"
             },
             {
-              "kind": "field",
-              "name": "selectedFacets",
+              "kind": "method",
+              "name": "handleToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "emitted when the accordion opens or closes",
+              "name": "terra-accordion-toggle",
+              "reactName": "onTerraAccordionToggle",
+              "eventName": "TerraAccordionToggleEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "summary",
               "type": {
-                "text": "SelectedFacets"
+                "text": "string"
               },
-              "default": "{}"
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "fieldName": "summary"
             },
             {
-              "kind": "field",
-              "name": "selectedVariables",
+              "name": "open",
               "type": {
-                "text": "Variable[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "fieldName": "open"
             },
             {
-              "kind": "field",
-              "name": "showVariablesBrowse",
+              "name": "showArrow",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "true",
+              "fieldName": "showArrow"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A collapsible content panel for showing and hiding content.",
+          "tagNameWithoutPrefix": "accordion",
+          "tagName": "terra-accordion",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://disc.gsfc.nasa.gov/components/accordion\n * @status experimental\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/accordion",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAccordion",
+            "module": "components/accordion/accordion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/button/button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraButton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "field",
-              "name": "#controller",
-              "privacy": "private",
-              "default": "new BrowseVariablesController(this)"
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
             },
             {
-              "kind": "method",
-              "name": "handleSelectedVariablesChange"
+              "description": "The button's label.",
+              "name": "label"
             },
             {
-              "kind": "method",
-              "name": "reset"
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
             },
             {
-              "kind": "method",
-              "name": "handleObservationChange"
+              "description": "The button's caret icon, an `<sl-icon>` element.",
+              "name": "caret"
             },
             {
-              "kind": "method",
-              "name": "toggleFacetSelect",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "The spinner that shows when the button is in the loading state.",
+              "name": "spinner"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The button's label.",
+              "name": ""
             },
             {
-              "kind": "method",
-              "name": "handleSearch",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraVariableKeywordSearchChangeEvent"
-                  }
-                }
-              ]
+              "description": "A presentational prefix icon or similar element.",
+              "name": "prefix"
             },
             {
-              "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"
+              "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": "method",
-              "name": "#clearFacet",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n        this,\n        '[default]',\n        'prefix',\n        'suffix'\n    )"
             },
             {
-              "kind": "method",
-              "name": "#unselectFacetField",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "field",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "button",
+              "type": {
+                "text": "HTMLButtonElement | HTMLLinkElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "#handleVariableSelection",
-              "parameters": [
-                {
-                  "name": "variable",
-                  "type": {
-                    "text": "Variable"
-                  }
-                },
-                {
-                  "name": "checked",
-                  "type": {
-                    "text": "Boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#renderCategorySelect"
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "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": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "#renderVariablesBrowse"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "catalog",
+              "kind": "field",
+              "name": "title",
               "type": {
-                "text": "'giovanni'"
+                "text": "string"
               },
-              "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"
+              "default": "''",
+              "attribute": "title"
             },
             {
-              "name": "selected-variable-entry-ids",
+              "kind": "field",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
               },
-              "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/chip/chip.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraChip",
-          "slots": [
-            {
-              "description": "The chip's label.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "default": "'primary'",
+              "description": "The button's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "size",
@@ -299,632 +250,583 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
+              "description": "The button's size.",
               "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "#handleRemoveClick",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
+              "name": "caret",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "boolean"
               },
-              "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": [
-            {
-              "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": "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
             },
-            {
-              "description": "A `ul` that holds the clickable options.",
-              "name": "listbox"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "shape",
               "type": {
-                "text": "object"
+                "text": "'square' | 'square-left' | 'square-right'"
               },
-              "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
+              "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": "tagName",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "'terra-combobox'"
+              "default": "false",
+              "description": "Disables the button.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "initialQuery",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "''"
+              "default": "false",
+              "description": "Draws the button in a loading state.",
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#combobox",
-              "privacy": "private",
+              "name": "outline",
               "type": {
-                "text": "HTMLInputElement | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "default": "false",
+              "description": "Draws an outlined button.",
+              "attribute": "outline",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
+              "name": "circle",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "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": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
+              "name": "type",
               "type": {
-                "text": "Fuse<GroupedListItem | ListItem> | null"
+                "text": "'button' | 'submit' | 'reset'"
               },
-              "default": "null"
+              "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": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "name": "name",
               "type": {
-                "text": "TreeWalker | null"
+                "text": "string"
               },
-              "default": "null"
+              "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": "field",
-              "name": "label",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+              "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": "field",
-              "name": "name",
+              "name": "href",
               "type": {
                 "text": "string"
               },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "attribute": "name"
+              "default": "''",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
+              "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": "hideHelp",
+              "name": "download",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help"
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "attribute": "download"
             },
             {
               "kind": "field",
-              "name": "hideLabel",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "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": "status",
+              "name": "formAction",
               "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "text": "string"
               },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "attribute": "status"
+              "description": "Used to override the form owner's `action` attribute.",
+              "attribute": "formaction"
             },
             {
               "kind": "field",
-              "name": "content",
+              "name": "formEnctype",
               "type": {
-                "text": "Content"
+                "text": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
               },
-              "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"
+              "description": "Used to override the form owner's `enctype` attribute.",
+              "attribute": "formenctype"
             },
             {
               "kind": "field",
-              "name": "isExpanded",
+              "name": "formMethod",
+              "type": {
+                "text": "'post' | 'get'"
+              },
+              "description": "Used to override the form owner's `method` attribute.",
+              "attribute": "formmethod"
+            },
+            {
+              "kind": "field",
+              "name": "formNoValidate",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "attribute": "formnovalidate"
             },
             {
               "kind": "field",
-              "name": "query"
+              "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"
             },
             {
               "kind": "field",
-              "name": "searchResults",
+              "name": "forDialog",
               "type": {
-                "text": "GroupedListItem[] | ListItem[]"
+                "text": "string | undefined"
               },
-              "default": "[]"
+              "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": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "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
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "contentChanged",
+              "name": "#handleDialogStateChange",
               "parameters": [
                 {
-                  "name": "_oldValue",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "name": "e",
                   "type": {
-                    "text": "any"
+                    "text": "TerraDialogShowEvent | TerraDialogHideEvent"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "#renderListItem",
+              "kind": "method",
+              "name": "handleBlur",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#renderGroupListItem",
+              "kind": "method",
+              "name": "handleFocus",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#renderError",
+              "kind": "method",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#renderLoading",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "#dispatchChange",
+              "kind": "method",
+              "name": "isButton",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#handleButtonClick",
+              "kind": "method",
+              "name": "isLink",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleDisabledChange"
             },
             {
-              "kind": "field",
-              "name": "#handleOptionClick",
-              "privacy": "private"
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the button."
             },
             {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the button."
             },
             {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the button."
             },
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
             {
-              "name": "label",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
               },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
+              "description": "Gets the associated form, if one exists."
             },
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "fieldName": "name"
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
-              "name": "placeholder",
-              "type": {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "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": "title",
+              "type": {
                 "text": "string"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "name": "hide-help",
+              "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.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The button's size.",
+              "fieldName": "size"
+            },
+            {
+              "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"
+                "text": "boolean"
               },
-              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-              "fieldName": "content"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Fuzzy-search for combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "combobox",
-          "tagName": "terra-combobox",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/combobox\n * @status experimental\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/combobox",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraCombobox",
-            "module": "components/combobox/combobox.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/data-rods/data-rods.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDataRods",
-          "members": [
+              "default": "false",
+              "description": "Draws an outlined button.",
+              "fieldName": "outline"
+            },
             {
-              "kind": "field",
-              "name": "dependencies",
+              "name": "circle",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
+              "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"
             },
             {
-              "kind": "field",
-              "name": "variableEntryId",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "'button' | 'submit' | 'reset'"
               },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
+              "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"
             },
             {
-              "kind": "field",
-              "name": "collection",
+              "name": "name",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "attribute": "collection",
-              "reflects": true
+              "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"
             },
             {
-              "kind": "field",
-              "name": "variable",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "attribute": "variable",
-              "reflects": true
+              "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"
             },
             {
-              "kind": "field",
-              "name": "startDate",
+              "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
-              "reflects": true
+              "default": "''",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "endDate",
+              "name": "target",
               "type": {
-                "text": "string | undefined"
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "end-date",
-              "reflects": true
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "fieldName": "target"
             },
             {
-              "kind": "field",
-              "name": "location",
+              "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.",
+              "fieldName": "rel"
+            },
+            {
+              "name": "download",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The point location in \"lat,lon\" format.",
-              "attribute": "location",
-              "reflects": true
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "fieldName": "download"
             },
             {
-              "kind": "field",
-              "name": "bearerToken",
+              "name": "form",
               "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"
+              "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"
             },
             {
-              "kind": "field",
-              "name": "catalogVariable",
+              "name": "formaction",
               "type": {
-                "text": "Variable"
-              }
+                "text": "string"
+              },
+              "description": "Used to override the form owner's `action` attribute.",
+              "fieldName": "formAction"
             },
             {
-              "kind": "field",
-              "name": "_fetchVariableTask"
+              "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.",
+              "fieldName": "formEnctype"
             },
             {
-              "kind": "method",
-              "name": "#handleDateRangeSliderChangeEvent",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraDateRangeChangeEvent"
-                  }
-                }
-              ],
-              "description": "anytime the date range slider changes, update the start and end date"
-            },
-            {
-              "kind": "method",
-              "name": "#handleVariableChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraComboboxChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleMapChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraMapChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleTimeSeriesDateRangeChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted whenever the date range of the date slider is updated",
-              "name": "terra-date-range-change",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variable-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
-            },
-            {
-              "name": "variable",
+              "name": "formmethod",
               "type": {
-                "text": "string | undefined"
+                "text": "'post' | 'get'"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
+              "description": "Used to override the form owner's `method` attribute.",
+              "fieldName": "formMethod"
             },
             {
-              "name": "start-date",
+              "name": "formnovalidate",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "fieldName": "formNoValidate"
             },
             {
-              "name": "end-date",
+              "name": "formtarget",
               "type": {
-                "text": "string | undefined"
+                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
+              "description": "Used to override the form owner's `target` attribute.",
+              "fieldName": "formTarget"
             },
             {
-              "name": "location",
+              "name": "for-dialog",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The point location in \"lat,lon\" format.",
-              "fieldName": "location"
-            },
-            {
-              "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"
+              "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": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API",
-          "tagNameWithoutPrefix": "data-rods",
-          "tagName": "terra-data-rods",
+          "summary": "Buttons represent actions that are available to the user.",
+          "tagNameWithoutPrefix": "button",
+          "tagName": "terra-button",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n * @documentation https://disc.gsfc.nasa.gov/components/data-rods\n * @status mvp\n * @since 1.0\n *\n * @event terra-date-range-change - Emitted whenever the date range of the date slider is updated\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/data-rods",
-          "status": "mvp",
-          "since": "1.0"
+          "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": [
@@ -932,703 +834,366 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDataRods",
-            "module": "components/data-rods/data-rods.js"
+            "name": "TerraButton",
+            "module": "components/button/button.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/button/button.js",
+      "path": "components/alert/alert.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraButton",
+          "name": "TerraAlert",
           "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 container that wraps the optional icon.",
+              "name": "icon"
             },
             {
-              "description": "The spinner that shows when the button is in the loading state.",
-              "name": "spinner"
+              "description": "The container that wraps the alert's main content.",
+              "name": "message"
             }
           ],
           "slots": [
             {
-              "description": "The button's label.",
+              "description": "The alert's main content.",
               "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    })"
+              "name": "autoHideTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(\n        this,\n        '[default]',\n        'prefix',\n        'suffix'\n    )"
+              "name": "remainingTimeInterval",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "button",
+              "name": "countdownAnimation",
               "type": {
-                "text": "HTMLButtonElement | HTMLLinkElement"
-              }
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "hasSlotController",
               "privacy": "private",
-              "default": "false"
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "currentToastStack",
               "type": {
-                "text": "boolean"
+                "text": "HTMLDivElement"
               },
-              "default": "false"
+              "privacy": "private",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "toastStack",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "base",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "countdownElement",
               "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
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "open",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "boolean"
               },
-              "default": "'medium'",
-              "description": "The button's size.",
-              "attribute": "size",
+              "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": "caret",
+              "name": "closable",
               "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",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "variant",
               "type": {
-                "text": "'square' | 'square-left' | 'square-right'"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
-              "attribute": "shape",
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "attribute": "variant",
               "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"
-              },
-              "default": "false",
-              "description": "Draws an outlined button.",
-              "attribute": "outline",
-              "reflects": true
+              "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": "circle",
+              "name": "countdown",
               "type": {
-                "text": "boolean"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "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",
+              "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": "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": "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": "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": "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"
-            },
-            {
-              "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"
-            },
-            {
-              "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"
-            },
-            {
-              "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"
-            },
-            {
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "formAction",
-              "type": {
-                "text": "string"
-              },
-              "description": "Used to override the form owner's `action` attribute.",
-              "attribute": "formaction"
-            },
-            {
-              "kind": "field",
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "formMethod",
-              "type": {
-                "text": "'post' | 'get'"
-              },
-              "description": "Used to override the form owner's `method` attribute.",
-              "attribute": "formmethod"
-            },
-            {
-              "kind": "field",
-              "name": "formNoValidate",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "attribute": "formnovalidate"
-            },
-            {
-              "kind": "field",
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "forDialog",
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "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
-            },
-            {
-              "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",
+              "name": "remainingTime",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleClick",
+              "name": "restartAutoHide",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isButton",
+              "name": "pauseAutoHide",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "isLink",
+              "name": "resumeAutoHide",
               "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."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the button."
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
-            },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
-            },
-            {
-              "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": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "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.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The button's size.",
-              "fieldName": "size"
-            },
-            {
-              "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.",
-              "fieldName": "caret"
-            },
-            {
-              "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": "Disables the button.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws the button in a loading state.",
-              "fieldName": "loading"
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
             },
             {
-              "name": "outline",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws an outlined button.",
-              "fieldName": "outline"
+              "kind": "method",
+              "name": "handleCloseClick",
+              "privacy": "private"
             },
             {
-              "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.",
-              "fieldName": "circle"
+              "kind": "method",
+              "name": "handleOpenChange"
             },
             {
-              "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.",
-              "fieldName": "type"
+              "kind": "method",
+              "name": "handleDurationChange"
             },
             {
-              "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.",
-              "fieldName": "name"
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the alert."
             },
             {
-              "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.",
-              "fieldName": "value"
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the alert"
             },
             {
-              "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>`.",
-              "fieldName": "href"
-            },
+              "kind": "method",
+              "name": "toast",
+              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
+            }
+          ],
+          "events": [
             {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "fieldName": "target"
+              "description": "Emitted when the alert opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
             },
             {
-              "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.",
-              "fieldName": "rel"
+              "description": "Emitted after the alert opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
             },
             {
-              "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"
+              "description": "Emitted when the alert closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
             },
             {
-              "name": "form",
+              "description": "Emitted after the alert closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "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": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "fieldName": "open"
             },
             {
-              "name": "formaction",
+              "name": "closable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Used to override the form owner's `action` attribute.",
-              "fieldName": "formAction"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
             },
             {
-              "name": "formenctype",
+              "name": "variant",
               "type": {
-                "text": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "description": "Used to override the form owner's `enctype` attribute.",
-              "fieldName": "formEnctype"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "formmethod",
-              "type": {
-                "text": "'post' | 'get'"
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "resolveInitializer": {
+                "module": "src/components/alert/alert.component.ts"
               },
-              "description": "Used to override the form owner's `method` attribute.",
-              "fieldName": "formMethod"
+              "fieldName": "duration"
             },
             {
-              "name": "formnovalidate",
+              "name": "countdown",
               "type": {
-                "text": "boolean"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "fieldName": "formNoValidate"
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "fieldName": "countdown"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Alerts are used to display important messages inline or as toast notifications.",
+          "tagNameWithoutPrefix": "alert",
+          "tagName": "terra-alert",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
+          "documentation": "https://shoelace.style/components/alert",
+          "status": "stable",
+          "since": "2.0",
+          "animations": [
+            {
+              "name": "alert.show",
+              "description": "The animation to use when showing the alert."
             },
             {
-              "name": "formtarget",
+              "name": "alert.hide",
+              "description": "The animation to use when hiding the alert."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chip/chip.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraChip",
+          "slots": [
+            {
+              "description": "The chip's label.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Used to override the form owner's `target` attribute.",
-              "fieldName": "formTarget"
+              "default": "'medium'",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "name": "for-dialog",
+              "kind": "field",
+              "name": "#handleRemoveClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
               "type": {
-                "text": "string | undefined"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
-              "fieldName": "forDialog"
+              "default": "'medium'",
+              "fieldName": "size"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Buttons represent actions that are available to the user.",
-          "tagNameWithoutPrefix": "button",
-          "tagName": "terra-button",
+          "summary": "Used for contacts and tags",
+          "tagNameWithoutPrefix": "chip",
+          "tagName": "terra-chip",
           "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",
+          "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": "2.0"
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -1636,300 +1201,355 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraButton",
-            "module": "components/button/button.js"
+            "name": "TerraChip",
+            "module": "components/chip/chip.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/alert/alert.js",
+      "path": "components/combobox/combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAlert",
+          "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": "The component's base wrapper.",
+              "description": "A `search` element, the component's base.",
               "name": "base"
             },
             {
-              "description": "The container that wraps the optional icon.",
-              "name": "icon"
+              "description": "An `input` element used for searching.",
+              "name": "combobox"
             },
             {
-              "description": "The container that wraps the alert's main content.",
-              "name": "message"
-            }
-          ],
-          "slots": [
+              "description": "A `button` used for toggling the listbox's visibility.",
+              "name": "button"
+            },
             {
-              "description": "The alert's main content.",
-              "name": ""
+              "description": "A `ul` that holds the clickable options.",
+              "name": "listbox"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "autoHideTimeout",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
             {
               "kind": "field",
-              "name": "remainingTimeInterval",
+              "name": "tagName",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "'terra-combobox'"
             },
             {
               "kind": "field",
-              "name": "countdownAnimation",
+              "name": "initialQuery",
               "type": {
-                "text": "Animation | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "#combobox",
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "currentToastStack",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "HTMLUListElement | null"
               },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#searchEngine",
               "privacy": "private",
-              "static": true
+              "type": {
+                "text": "Fuse<GroupedListItem | ListItem> | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "toastStack",
+              "name": "#walker",
               "privacy": "private",
-              "static": true,
-              "readonly": true
+              "type": {
+                "text": "TreeWalker | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "base",
+              "name": "label",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "countdownElement",
+              "name": "name",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "hideHelp",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "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
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help"
             },
             {
               "kind": "field",
-              "name": "closable",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "status",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "attribute": "status"
             },
             {
               "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": "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": "field",
-              "name": "countdown",
+              "name": "isExpanded",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "boolean"
               },
-              "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
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
+              "name": "query"
+            },
+            {
+              "kind": "field",
+              "name": "searchResults",
+              "type": {
+                "text": "GroupedListItem[] | ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "restartAutoHide",
+              "name": "contentChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#renderListItem",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "pauseAutoHide",
+              "kind": "field",
+              "name": "#renderGroupListItem",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "resumeAutoHide",
+              "kind": "field",
+              "name": "#renderError",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleCountdownChange",
+              "kind": "field",
+              "name": "#renderLoading",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleCloseClick",
+              "kind": "field",
+              "name": "#dispatchChange",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleDurationChange"
+              "kind": "field",
+              "name": "#handleComboboxChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
+              "kind": "field",
+              "name": "#handleOptionClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "toast",
-              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "description": "Emitted when the alert opens.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "description": "Emitted after the alert opens and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "fieldName": "name"
             },
             {
-              "description": "Emitted when the alert closes.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "description": "Emitted after the alert closes and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
+              "name": "hide-help",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "fieldName": "open"
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
             },
             {
-              "name": "closable",
+              "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "fieldName": "closable"
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "name": "variant",
+              "name": "status",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "resolveInitializer": {
-                "module": "src/components/alert/alert.component.ts"
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "fieldName": "duration"
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "fieldName": "status"
             },
             {
-              "name": "countdown",
+              "name": "content",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "Content"
               },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "fieldName": "countdown"
+              "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": "Alerts are used to display important messages inline or as toast notifications.",
-          "tagNameWithoutPrefix": "alert",
-          "tagName": "terra-alert",
+          "summary": "Fuzzy-search for combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "combobox",
+          "tagName": "terra-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
-          "documentation": "https://shoelace.style/components/alert",
-          "status": "stable",
-          "since": "2.0",
-          "animations": [
-            {
-              "name": "alert.show",
-              "description": "The animation to use when showing the alert."
-            },
-            {
-              "name": "alert.hide",
-              "description": "The animation to use when hiding the alert."
-            }
-          ]
+          "jsDoc": "/**\n * @summary 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": [
@@ -1937,30 +1557,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
+            "name": "TerraCombobox",
+            "module": "components/combobox/combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/accordion/accordion.js",
+      "path": "components/data-rods/data-rods.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAccordion",
-          "slots": [
-            {
-              "description": "The default slot for accordion content.",
-              "name": ""
-            },
-            {
-              "description": "The summary/header for the accordion (optional, overrides summary property)",
-              "name": "summary"
-            }
-          ],
+          "name": "TerraDataRods",
           "members": [
             {
               "kind": "field",
@@ -1969,46 +1579,133 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
             },
             {
               "kind": "field",
-              "name": "summary",
+              "name": "variableEntryId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "attribute": "summary"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "collection",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "attribute": "open",
+              "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": "showArrow",
+              "name": "variable",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "true",
-              "attribute": "showArrow"
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "attribute": "variable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "startDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "endDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "end-date",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The point location in \"lat,lon\" format.",
+              "attribute": "location",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "attribute": "bearer-token"
+            },
+            {
+              "kind": "field",
+              "name": "catalogVariable",
+              "type": {
+                "text": "Variable"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_fetchVariableTask"
             },
             {
               "kind": "method",
-              "name": "handleToggle",
-              "privacy": "private",
+              "name": "#handleDateRangeSliderChangeEvent",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "TerraDateRangeChangeEvent"
+                  }
+                }
+              ],
+              "description": "anytime the date range slider changes, update the start and end date"
+            },
+            {
+              "kind": "method",
+              "name": "#handleVariableChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraComboboxChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleMapChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraMapChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleTimeSeriesDateRangeChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
                   }
                 }
               ]
@@ -2016,54 +1713,82 @@
           ],
           "events": [
             {
-              "description": "emitted when the accordion opens or closes",
-              "name": "terra-accordion-toggle",
-              "reactName": "onTerraAccordionToggle",
-              "eventName": "TerraAccordionToggleEvent"
+              "description": "Emitted whenever the date range of the date slider is updated",
+              "name": "terra-date-range-change",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
             }
           ],
           "attributes": [
             {
-              "name": "summary",
+              "name": "variable-entry-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "fieldName": "variableEntryId"
+            },
+            {
+              "name": "collection",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "fieldName": "collection"
+            },
+            {
+              "name": "variable",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "fieldName": "variable"
+            },
+            {
+              "name": "start-date",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
+            },
+            {
+              "name": "end-date",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "fieldName": "summary"
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
             },
             {
-              "name": "open",
+              "name": "location",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "fieldName": "open"
+              "description": "The point location in \"lat,lon\" format.",
+              "fieldName": "location"
             },
             {
-              "name": "showArrow",
+              "name": "bearer-token",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "fieldName": "showArrow"
+              "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": "A collapsible content panel for showing and hiding content.",
-          "tagNameWithoutPrefix": "accordion",
-          "tagName": "terra-accordion",
+          "summary": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API",
+          "tagNameWithoutPrefix": "data-rods",
+          "tagName": "terra-data-rods",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://disc.gsfc.nasa.gov/components/accordion\n * @status experimental\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/accordion",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
-          ]
+          "jsDoc": "/**\n * @summary A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n * @documentation https://disc.gsfc.nasa.gov/components/data-rods\n * @status mvp\n * @since 1.0\n *\n * @event terra-date-range-change - Emitted whenever the date range of the date slider is updated\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/data-rods",
+          "status": "mvp",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -2071,8 +1796,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAccordion",
-            "module": "components/accordion/accordion.js"
+            "name": "TerraDataRods",
+            "module": "components/data-rods/data-rods.js"
           }
         }
       ]
@@ -2509,68 +2234,301 @@
             },
             {
               "kind": "field",
-              "name": "#resetVariableSelection",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#renderJobStatus"
-            },
-            {
-              "kind": "method",
-              "name": "#renderSelectedParams"
-            },
-            {
-              "kind": "method",
-              "name": "#cancelJob"
-            },
-            {
-              "kind": "method",
-              "name": "#getData"
+              "name": "#resetVariableSelection",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#renderJobStatus"
+            },
+            {
+              "kind": "method",
+              "name": "#renderSelectedParams"
+            },
+            {
+              "kind": "method",
+              "name": "#cancelJob"
+            },
+            {
+              "kind": "method",
+              "name": "#getData"
+            },
+            {
+              "kind": "method",
+              "name": "#touchAllFields"
+            },
+            {
+              "kind": "method",
+              "name": "#numberOfFilesFoundEstimate"
+            },
+            {
+              "kind": "method",
+              "name": "#getDocumentationLinks"
+            },
+            {
+              "kind": "method",
+              "name": "#getDataLinks"
+            },
+            {
+              "kind": "method",
+              "name": "#hasAtLeastOneSubsetOption"
+            },
+            {
+              "kind": "method",
+              "name": "#hasSpatialSubset"
+            },
+            {
+              "kind": "method",
+              "name": "#renderJobMessage"
+            },
+            {
+              "kind": "method",
+              "name": "#getJobMessageText"
+            },
+            {
+              "kind": "method",
+              "name": "#estimateJobSize"
+            },
+            {
+              "kind": "method",
+              "name": "#refineParameters"
+            },
+            {
+              "kind": "method",
+              "name": "#toggleDownloadMenu",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#downloadLinksAsTxt",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#downloadPythonScript",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#downloadEarthdataDownload",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleClickOutside",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleJupyterNotebookClick"
+            },
+            {
+              "kind": "method",
+              "name": "renderHistoryPanel"
+            },
+            {
+              "kind": "method",
+              "name": "#renderAvailableTemporalRangeSection"
+            },
+            {
+              "kind": "method",
+              "name": "#renderAvailableSpatialRangeSection"
+            }
+          ],
+          "events": [
+            {
+              "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)",
+              "name": "terra-subset-job-complete",
+              "reactName": "onTerraSubsetJobComplete",
+              "eventName": "TerraSubsetJobCompleteEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "collection-entry-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "collectionEntryId"
+            },
+            {
+              "name": "show-collection-search",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "true",
+              "fieldName": "showCollectionSearch"
+            },
+            {
+              "name": "job-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "jobId"
+            },
+            {
+              "name": "bearer-token",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "bearerToken"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.",
+          "tagNameWithoutPrefix": "data-subsetter",
+          "tagName": "terra-data-subsetter",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.\n * @documentation https://disc.gsfc.nasa.gov/components/data-subsetter\n * @status stable\n * @since 1.0\n *\n * @dependency terra-accordion\n * @dependency terra-date-picker\n * @dependency terra-icon\n * @dependency terra-spatial-picker\n *\n * @event terra-subset-job-complete - called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/data-subsetter",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "terra-accordion",
+            "terra-date-picker",
+            "terra-icon",
+            "terra-spatial-picker"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraDataSubsetter",
+            "module": "components/data-subsetter/data-subsetter.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/browse-variables/browse-variables.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraBrowseVariables",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-variable-keyword-search': TerraVariableKeywordSearch,\n        'terra-button': TerraButton,\n        'terra-skeleton': TerraSkeleton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
             },
             {
-              "kind": "method",
-              "name": "#touchAllFields"
+              "kind": "field",
+              "name": "catalog",
+              "type": {
+                "text": "'giovanni'"
+              },
+              "default": "'giovanni'",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "attribute": "catalog"
             },
             {
-              "kind": "method",
-              "name": "#numberOfFilesFoundEstimate"
+              "kind": "field",
+              "name": "selectedVariableEntryIds",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "selected-variable-entry-ids",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "#getDocumentationLinks"
+              "kind": "field",
+              "name": "searchQuery",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "#getDataLinks"
+              "kind": "field",
+              "name": "selectedFacets",
+              "type": {
+                "text": "SelectedFacets"
+              },
+              "default": "{}"
             },
             {
-              "kind": "method",
-              "name": "#hasAtLeastOneSubsetOption"
+              "kind": "field",
+              "name": "selectedVariables",
+              "type": {
+                "text": "Variable[]"
+              },
+              "default": "[]"
             },
             {
-              "kind": "method",
-              "name": "#hasSpatialSubset"
+              "kind": "field",
+              "name": "showVariablesBrowse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "#renderJobMessage"
+              "kind": "field",
+              "name": "#controller",
+              "privacy": "private",
+              "default": "new BrowseVariablesController(this)"
             },
             {
               "kind": "method",
-              "name": "#getJobMessageText"
+              "name": "handleSelectedVariablesChange"
             },
             {
               "kind": "method",
-              "name": "#estimateJobSize"
+              "name": "reset"
             },
             {
               "kind": "method",
-              "name": "#refineParameters"
+              "name": "handleObservationChange"
             },
             {
               "kind": "method",
-              "name": "#toggleDownloadMenu",
+              "name": "toggleFacetSelect",
               "parameters": [
                 {
                   "name": "event",
@@ -2582,125 +2540,167 @@
             },
             {
               "kind": "method",
-              "name": "#downloadLinksAsTxt",
+              "name": "handleSearch",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "TerraVariableKeywordSearchChangeEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#downloadPythonScript",
+              "name": "#selectFacetField",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "facet",
                   "type": {
-                    "text": "Event"
+                    "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": "#downloadEarthdataDownload",
+              "name": "#clearFacet",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "facet",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleClickOutside",
+              "name": "#unselectFacetField",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "facet",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleJupyterNotebookClick"
+              "name": "#handleVariableSelection",
+              "parameters": [
+                {
+                  "name": "variable",
+                  "type": {
+                    "text": "Variable"
+                  }
+                },
+                {
+                  "name": "checked",
+                  "type": {
+                    "text": "Boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "renderHistoryPanel"
+              "name": "#renderCategorySelect"
             },
             {
               "kind": "method",
-              "name": "#renderAvailableTemporalRangeSection"
+              "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": "#renderAvailableSpatialRangeSection"
-            }
-          ],
-          "events": [
-            {
-              "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)",
-              "name": "terra-subset-job-complete",
-              "reactName": "onTerraSubsetJobComplete",
-              "eventName": "TerraSubsetJobCompleteEvent"
+              "name": "#renderVariablesBrowse"
             }
           ],
           "attributes": [
             {
-              "name": "collection-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "collectionEntryId"
-            },
-            {
-              "name": "show-collection-search",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "default": "true",
-              "fieldName": "showCollectionSearch"
-            },
-            {
-              "name": "job-id",
+              "name": "catalog",
               "type": {
-                "text": "string | undefined"
+                "text": "'giovanni'"
               },
-              "fieldName": "jobId"
+              "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": "bearer-token",
+              "name": "selected-variable-entry-ids",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "bearerToken"
+              "fieldName": "selectedVariableEntryIds"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.",
-          "tagNameWithoutPrefix": "data-subsetter",
-          "tagName": "terra-data-subsetter",
+          "summary": "Browse through the NASA CMR or Giovanni catalogs.",
+          "tagNameWithoutPrefix": "browse-variables",
+          "tagName": "terra-browse-variables",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.\n * @documentation https://disc.gsfc.nasa.gov/components/data-subsetter\n * @status stable\n * @since 1.0\n *\n * @dependency terra-accordion\n * @dependency terra-date-picker\n * @dependency terra-icon\n * @dependency terra-spatial-picker\n *\n * @event terra-subset-job-complete - called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/data-subsetter",
-          "status": "stable",
+          "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-accordion",
-            "terra-date-picker",
+            "terra-variable-keyword-search",
+            "terra-button",
+            "terra-skeleton",
             "terra-icon",
-            "terra-spatial-picker"
+            "terra-loader"
           ]
         }
       ],
@@ -2709,8 +2709,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDataSubsetter",
-            "module": "components/data-subsetter/data-subsetter.js"
+            "name": "TerraBrowseVariables",
+            "module": "components/browse-variables/browse-variables.js"
           }
         }
       ]
@@ -6962,7 +6962,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.86",
+    "version": "0.0.87",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"