@nasa-terra/components 0.0.83 → 0.0.86

package/cdn/custom-elements.json

@@ -4,22 +4,12 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "components/accordion/accordion.js",
+      "path": "components/browse-variables/browse-variables.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": "TerraBrowseVariables",
           "members": [
             {
               "kind": "field",
@@ -28,401 +18,251 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+              "default": "{\n        'terra-variable-keyword-search': TerraVariableKeywordSearch,\n        'terra-button': TerraButton,\n        'terra-skeleton': TerraSkeleton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
             },
             {
               "kind": "field",
-              "name": "summary",
+              "name": "catalog",
               "type": {
-                "text": "string"
+                "text": "'giovanni'"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "attribute": "summary"
+              "default": "'giovanni'",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "attribute": "catalog"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "selectedVariableEntryIds",
               "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",
+              "attribute": "selected-variable-entry-ids",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "showArrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "showArrow"
-            },
-            {
-              "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",
+              "name": "searchQuery",
               "type": {
                 "text": "string"
-              },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "fieldName": "summary"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "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"
-            },
-            {
-              "name": "showArrow",
-              "type": {
-                "text": "boolean"
-              },
-              "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/alert/alert.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraAlert",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the optional icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the alert's main content.",
-              "name": "message"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The alert's main content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "autoHideTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
+              }
             },
             {
               "kind": "field",
-              "name": "remainingTimeInterval",
+              "name": "selectedFacets",
               "type": {
-                "text": "number"
+                "text": "SelectedFacets"
               },
-              "privacy": "private"
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "countdownAnimation",
+              "name": "selectedVariables",
               "type": {
-                "text": "Animation | undefined"
+                "text": "Variable[]"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "currentToastStack",
+              "name": "showVariablesBrowse",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "static": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "toastStack",
+              "name": "#controller",
               "privacy": "private",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "default": "new BrowseVariablesController(this)"
             },
             {
-              "kind": "field",
-              "name": "countdownElement",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "kind": "method",
+              "name": "handleSelectedVariablesChange"
             },
             {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "attribute": "open",
-              "reflects": true
+              "kind": "method",
+              "name": "reset"
             },
             {
-              "kind": "field",
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
+              "kind": "method",
+              "name": "handleObservationChange"
             },
             {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "kind": "method",
+              "name": "toggleFacetSelect",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "attribute": "duration"
-            },
-            {
-              "kind": "field",
-              "name": "countdown",
-              "type": {
-                "text": "'rtl' | 'ltr' | undefined"
-              },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "attribute": "countdown",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "restartAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "pauseAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "resumeAutoHide",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleSearch",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "TerraVariableKeywordSearchChangeEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleCountdownChange",
-              "privacy": "private"
+              "name": "#selectFacetField",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "selectOneFieldAtATime",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "given a field, ex: \"observations\": \"Model\", will add the field to any existing selected facets\nif \"selectedOneFieldAtATime\" is true, then we will only select that one field"
             },
             {
               "kind": "method",
-              "name": "handleCloseClick",
-              "privacy": "private"
+              "name": "#clearFacet",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "#unselectFacetField",
+              "parameters": [
+                {
+                  "name": "facet",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleDurationChange"
+              "name": "#handleVariableSelection",
+              "parameters": [
+                {
+                  "name": "variable",
+                  "type": {
+                    "text": "Variable"
+                  }
+                },
+                {
+                  "name": "checked",
+                  "type": {
+                    "text": "Boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
+              "name": "#renderCategorySelect"
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
+              "name": "#renderFacet",
+              "parameters": [
+                {
+                  "name": "facetKey",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "title",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fields",
+                  "optional": true,
+                  "type": {
+                    "text": "FacetField[]"
+                  }
+                },
+                {
+                  "name": "open",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "toast",
-              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the alert opens.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
-            },
-            {
-              "description": "Emitted after the alert opens and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the alert closes.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
-            },
-            {
-              "description": "Emitted after the alert closes and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
+              "name": "#renderVariablesBrowse"
             }
           ],
           "attributes": [
             {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "fieldName": "closable"
-            },
-            {
-              "name": "variant",
+              "name": "catalog",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "resolveInitializer": {
-                "module": "src/components/alert/alert.component.ts"
+                "text": "'giovanni'"
               },
-              "fieldName": "duration"
+              "default": "'giovanni'",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "fieldName": "catalog"
             },
             {
-              "name": "countdown",
+              "name": "selected-variable-entry-ids",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "fieldName": "countdown"
+              "fieldName": "selectedVariableEntryIds"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Alerts are used to display important messages inline or as toast notifications.",
-          "tagNameWithoutPrefix": "alert",
-          "tagName": "terra-alert",
+          "summary": "Browse through the NASA CMR or Giovanni catalogs.",
+          "tagNameWithoutPrefix": "browse-variables",
+          "tagName": "terra-browse-variables",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
-          "documentation": "https://shoelace.style/components/alert",
-          "status": "stable",
-          "since": "2.0",
-          "animations": [
-            {
-              "name": "alert.show",
-              "description": "The animation to use when showing the alert."
-            },
-            {
-              "name": "alert.hide",
-              "description": "The animation to use when hiding the alert."
-            }
+          "jsDoc": "/**\n * @summary Browse through the NASA CMR or Giovanni catalogs.\n * @documentation https://disc.gsfc.nasa.gov/components/browse-variables\n * @status MVP\n * @since 1.0\n *\n * @emits terra-variables-change - emitted when the user selects or unselects variables\n *\n * @dependency terra-variable-keyword-search\n * @dependency terra-button\n * @dependency terra-skeleton\n * @dependency terra-icon\n * @dependency terra-loader\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/browse-variables",
+          "status": "MVP",
+          "since": "1.0",
+          "dependencies": [
+            "terra-variable-keyword-search",
+            "terra-button",
+            "terra-skeleton",
+            "terra-icon",
+            "terra-loader"
           ]
         }
       ],
@@ -431,339 +271,659 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
+            "name": "TerraBrowseVariables",
+            "module": "components/browse-variables/browse-variables.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/browse-variables/browse-variables.js",
+      "path": "components/chip/chip.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBrowseVariables",
+          "name": "TerraChip",
+          "slots": [
+            {
+              "description": "The chip's label.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "size",
               "type": {
-                "text": "object"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "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": "'medium'",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "catalog",
+              "name": "#handleRemoveClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
               "type": {
-                "text": "'giovanni'"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "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"
+              "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"
+            },
+            {
+              "description": "A `ul` that holds the clickable options.",
+              "name": "listbox"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "selectedVariableEntryIds",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "string | undefined"
+                "text": "object"
               },
-              "attribute": "selected-variable-entry-ids",
-              "reflects": true
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "tagName",
               "type": {
                 "text": "string"
-              }
+              },
+              "static": true,
+              "default": "'terra-combobox'"
             },
             {
               "kind": "field",
-              "name": "selectedFacets",
+              "name": "initialQuery",
               "type": {
-                "text": "SelectedFacets"
+                "text": "string"
               },
-              "default": "{}"
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "selectedVariables",
+              "name": "#combobox",
+              "privacy": "private",
               "type": {
-                "text": "Variable[]"
+                "text": "HTMLInputElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#listbox",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLUListElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#searchEngine",
+              "privacy": "private",
+              "type": {
+                "text": "Fuse<GroupedListItem | ListItem> | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#walker",
+              "privacy": "private",
+              "type": {
+                "text": "TreeWalker | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "hideHelp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help"
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "content",
+              "type": {
+                "text": "Content"
+              },
+              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "attribute": "content"
+            },
+            {
+              "kind": "field",
+              "name": "isExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "query"
+            },
+            {
+              "kind": "field",
+              "name": "searchResults",
+              "type": {
+                "text": "GroupedListItem[] | ListItem[]"
               },
               "default": "[]"
             },
+            {
+              "kind": "method",
+              "name": "contentChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#renderListItem",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#renderGroupListItem",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#renderError",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#renderLoading",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#dispatchChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleComboboxChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleOptionClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "fieldName": "name"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "hide-help",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
+            },
+            {
+              "name": "status",
+              "type": {
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "fieldName": "status"
+            },
+            {
+              "name": "content",
+              "type": {
+                "text": "Content"
+              },
+              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "fieldName": "content"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Fuzzy-search for combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "combobox",
+          "tagName": "terra-combobox",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Fuzzy-search for combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/combobox\n * @status experimental\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/combobox",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraCombobox",
+            "module": "components/combobox/combobox.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/data-rods/data-rods.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraDataRods",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "variableEntryId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "collection",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "attribute": "collection",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variable",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "attribute": "variable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "startDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "endDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "end-date",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The point location in \"lat,lon\" format.",
+              "attribute": "location",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "showVariablesBrowse",
+              "name": "bearerToken",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
+              "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": "#controller",
-              "privacy": "private",
-              "default": "new BrowseVariablesController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectedVariablesChange"
-            },
-            {
-              "kind": "method",
-              "name": "reset"
+              "name": "catalogVariable",
+              "type": {
+                "text": "Variable"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleObservationChange"
+              "kind": "field",
+              "name": "_fetchVariableTask"
             },
             {
               "kind": "method",
-              "name": "toggleFacetSelect",
+              "name": "#handleDateRangeSliderChangeEvent",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleSearch",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraVariableKeywordSearchChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#selectFacetField",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "field",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "selectOneFieldAtATime",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
+                    "text": "TerraDateRangeChangeEvent"
                   }
                 }
               ],
-              "description": "given a field, ex: \"observations\": \"Model\", will add the field to any existing selected facets\nif \"selectedOneFieldAtATime\" is true, then we will only select that one field"
-            },
-            {
-              "kind": "method",
-              "name": "#clearFacet",
-              "parameters": [
-                {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "anytime the date range slider changes, update the start and end date"
             },
             {
               "kind": "method",
-              "name": "#unselectFacetField",
+              "name": "#handleVariableChange",
               "parameters": [
                 {
-                  "name": "facet",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "field",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "TerraComboboxChangeEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleVariableSelection",
+              "name": "#handleMapChange",
               "parameters": [
                 {
-                  "name": "variable",
-                  "type": {
-                    "text": "Variable"
-                  }
-                },
-                {
-                  "name": "checked",
+                  "name": "event",
                   "type": {
-                    "text": "Boolean"
+                    "text": "TerraMapChangeEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#renderCategorySelect"
-            },
-            {
-              "kind": "method",
-              "name": "#renderFacet",
+              "name": "#handleTimeSeriesDateRangeChange",
               "parameters": [
                 {
-                  "name": "facetKey",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "title",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "fields",
-                  "optional": true,
-                  "type": {
-                    "text": "FacetField[]"
-                  }
-                },
-                {
-                  "name": "open",
-                  "optional": true,
+                  "name": "event",
                   "type": {
-                    "text": "boolean"
+                    "text": "CustomEvent"
                   }
                 }
               ]
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "#renderVariablesBrowse"
+              "description": "Emitted whenever the date range of the date slider is updated",
+              "name": "terra-date-range-change",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
             }
           ],
           "attributes": [
             {
-              "name": "catalog",
+              "name": "variable-entry-id",
               "type": {
-                "text": "'giovanni'"
+                "text": "string | undefined"
               },
-              "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"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "fieldName": "variableEntryId"
             },
             {
-              "name": "selected-variable-entry-ids",
+              "name": "collection",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "selectedVariableEntryIds"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Browse through the NASA CMR or Giovanni catalogs.",
-          "tagNameWithoutPrefix": "browse-variables",
-          "tagName": "terra-browse-variables",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Browse through the NASA CMR or Giovanni catalogs.\n * @documentation https://disc.gsfc.nasa.gov/components/browse-variables\n * @status MVP\n * @since 1.0\n *\n * @emits terra-variables-change - emitted when the user selects or unselects variables\n *\n * @dependency terra-variable-keyword-search\n * @dependency terra-button\n * @dependency terra-skeleton\n * @dependency terra-icon\n * @dependency terra-loader\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/browse-variables",
-          "status": "MVP",
-          "since": "1.0",
-          "dependencies": [
-            "terra-variable-keyword-search",
-            "terra-button",
-            "terra-skeleton",
-            "terra-icon",
-            "terra-loader"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraBrowseVariables",
-            "module": "components/browse-variables/browse-variables.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/chip/chip.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraChip",
-          "slots": [
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "fieldName": "collection"
+            },
             {
-              "description": "The chip's label.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "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"
+            },
             {
-              "kind": "field",
-              "name": "size",
+              "name": "start-date",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string | undefined"
               },
-              "default": "'medium'",
-              "attribute": "size",
-              "reflects": true
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
             },
             {
-              "kind": "field",
-              "name": "#handleRemoveClick",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+              "name": "end-date",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
+            },
             {
-              "name": "size",
+              "name": "location",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string | undefined"
               },
-              "default": "'medium'",
-              "fieldName": "size"
+              "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"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Used for contacts and tags",
-          "tagNameWithoutPrefix": "chip",
-          "tagName": "terra-chip",
+          "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 Used for contacts and tags\n * @documentation https://disc.gsfc.nasa.gov/components/chip\n * @status stable\n * @since 1.0\n *\n * @slot - The chip's label.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/chip",
-          "status": "stable",
+          "jsDoc": "/**\n * @summary 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"
         }
       ],
@@ -772,8 +932,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraChip",
-            "module": "components/chip/chip.js"
+            "name": "TerraDataRods",
+            "module": "components/data-rods/data-rods.js"
           }
         }
       ]
@@ -1422,292 +1582,53 @@
                 "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"
-            },
-            {
-              "name": "formmethod",
-              "type": {
-                "text": "'post' | 'get'"
-              },
-              "description": "Used to override the form owner's `method` attribute.",
-              "fieldName": "formMethod"
-            },
-            {
-              "name": "formnovalidate",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "fieldName": "formNoValidate"
-            },
-            {
-              "name": "formtarget",
-              "type": {
-                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
-              },
-              "description": "Used to override the form owner's `target` attribute.",
-              "fieldName": "formTarget"
-            },
-            {
-              "name": "for-dialog",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
-              "fieldName": "forDialog"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Buttons represent actions that are available to the user.",
-          "tagNameWithoutPrefix": "button",
-          "tagName": "terra-button",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Buttons represent actions that are available to the user.\n * @documentation https://shoelace.style/components/button\n * @status stable\n * @since 2.0\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<sl-icon>` element.\n * @csspart spinner - The spinner that shows when the button is in the loading state.\n */",
-          "documentation": "https://shoelace.style/components/button",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraButton",
-            "module": "components/button/button.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/data-rods/data-rods.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDataRods",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "variableEntryId",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "attribute": "collection",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variable",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "attribute": "variable",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "startDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "endDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "end-date",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "location",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The point location in \"lat,lon\" format.",
-              "attribute": "location",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "bearerToken",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "attribute": "bearer-token"
-            },
-            {
-              "kind": "field",
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_fetchVariableTask"
-            },
-            {
-              "kind": "method",
-              "name": "#handleDateRangeSliderChangeEvent",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraDateRangeChangeEvent"
-                  }
-                }
-              ],
-              "description": "anytime the date range slider changes, update the start and end date"
-            },
-            {
-              "kind": "method",
-              "name": "#handleVariableChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraComboboxChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleMapChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraMapChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleTimeSeriesDateRangeChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted whenever the date range of the date slider is updated",
-              "name": "terra-date-range-change",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variable-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
-            },
-            {
-              "name": "variable",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
+              "fieldName": "formEnctype"
             },
             {
-              "name": "start-date",
+              "name": "formmethod",
               "type": {
-                "text": "string | undefined"
+                "text": "'post' | 'get'"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
+              "description": "Used to override the form owner's `method` attribute.",
+              "fieldName": "formMethod"
             },
             {
-              "name": "end-date",
+              "name": "formnovalidate",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "fieldName": "formNoValidate"
             },
             {
-              "name": "location",
+              "name": "formtarget",
               "type": {
-                "text": "string | undefined"
+                "text": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
               },
-              "description": "The point location in \"lat,lon\" format.",
-              "fieldName": "location"
+              "description": "Used to override the form owner's `target` attribute.",
+              "fieldName": "formTarget"
             },
             {
-              "name": "bearer-token",
+              "name": "for-dialog",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "fieldName": "bearerToken"
+              "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": [
@@ -1715,355 +1636,434 @@
           "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/combobox/combobox.js",
+      "path": "components/alert/alert.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraCombobox",
-          "cssProperties": [
+          "name": "TerraAlert",
+          "cssParts": [
             {
-              "description": "The height of the host element.",
-              "name": "--host-height"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
+              "description": "The container that wraps the optional icon.",
+              "name": "icon"
             },
             {
-              "description": "The height of the input's label element.",
-              "name": "--label-height"
+              "description": "The container that wraps the alert's main content.",
+              "name": "message"
             }
           ],
-          "cssParts": [
+          "slots": [
             {
-              "description": "A `search` element, the component's base.",
-              "name": "base"
+              "description": "The alert's main content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoHideTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
-              "description": "An `input` element used for searching.",
-              "name": "combobox"
+              "kind": "field",
+              "name": "remainingTimeInterval",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
-              "description": "A `button` used for toggling the listbox's visibility.",
-              "name": "button"
+              "kind": "field",
+              "name": "countdownAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "description": "A `ul` that holds the clickable options.",
-              "name": "listbox"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "currentToastStack",
               "type": {
-                "text": "object"
+                "text": "HTMLDivElement"
               },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "toastStack",
+              "privacy": "private",
               "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "tagName",
+              "name": "base",
               "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "'terra-combobox'"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "initialQuery",
+              "name": "countdownElement",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
               },
-              "static": true,
-              "default": "''"
+              "default": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#combobox",
-              "privacy": "private",
+              "name": "closable",
               "type": {
-                "text": "HTMLInputElement | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
+              "name": "variant",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "null"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "countdown",
               "type": {
-                "text": "Fuse<GroupedListItem | ListItem> | null"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "default": "null"
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "attribute": "countdown",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "remainingTime",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "restartAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "pauseAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "resumeAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCloseClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDurationChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the alert."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the alert"
+            },
+            {
+              "kind": "method",
+              "name": "toast",
+              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the alert opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the alert opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the alert closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
             },
             {
-              "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "description": "Emitted after the alert closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
               "type": {
-                "text": "TreeWalker | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "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"
             },
             {
-              "kind": "field",
-              "name": "label",
+              "name": "closable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "attribute": "name"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
+              "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": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
+              "fieldName": "duration"
             },
             {
-              "kind": "field",
-              "name": "hideHelp",
+              "name": "countdown",
               "type": {
-                "text": "boolean"
+                "text": "'rtl' | 'ltr' | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help"
+              "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."
             },
             {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "name": "alert.hide",
+              "description": "The animation to use when hiding the alert."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/accordion/accordion.js",
+      "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"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "status",
+              "name": "dependencies",
               "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "text": "object"
               },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "attribute": "status"
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "content",
+              "name": "summary",
               "type": {
-                "text": "Content"
+                "text": "string"
               },
-              "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": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "attribute": "summary"
             },
             {
               "kind": "field",
-              "name": "isExpanded",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "query"
+              "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": "searchResults",
+              "name": "showArrow",
               "type": {
-                "text": "GroupedListItem[] | ListItem[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "default": "true",
+              "attribute": "showArrow"
             },
             {
               "kind": "method",
-              "name": "contentChanged",
+              "name": "handleToggle",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "_oldValue",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "name": "e",
                   "type": {
-                    "text": "any"
+                    "text": "Event"
                   }
                 }
               ]
-            },
-            {
-              "kind": "field",
-              "name": "#renderListItem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#renderGroupListItem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#renderError",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#renderLoading",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleOptionClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
+              "description": "emitted when the accordion opens or closes",
+              "name": "terra-accordion-toggle",
+              "reactName": "onTerraAccordionToggle",
+              "eventName": "TerraAccordionToggleEvent"
             }
           ],
           "attributes": [
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "fieldName": "name"
-            },
-            {
-              "name": "placeholder",
+              "name": "summary",
               "type": {
                 "text": "string"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "fieldName": "summary"
             },
             {
-              "name": "hide-help",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
+              "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"
             },
             {
-              "name": "hide-label",
+              "name": "showArrow",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
-            },
-            {
-              "name": "status",
-              "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
-              },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "fieldName": "status"
-            },
-            {
-              "name": "content",
-              "type": {
-                "text": "Content"
-              },
-              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-              "fieldName": "content"
+              "default": "true",
+              "fieldName": "showArrow"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "combobox",
-          "tagName": "terra-combobox",
+          "summary": "A collapsible content panel for showing and hiding content.",
+          "tagNameWithoutPrefix": "accordion",
+          "tagName": "terra-accordion",
           "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",
+          "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"
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
         }
       ],
       "exports": [
@@ -2071,8 +2071,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraCombobox",
-            "module": "components/combobox/combobox.js"
+            "name": "TerraAccordion",
+            "module": "components/accordion/accordion.js"
           }
         }
       ]
@@ -2594,113 +2594,283 @@
             },
             {
               "kind": "method",
-              "name": "#downloadPythonScript",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "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/data-subsetter-history/data-subsetter-history.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraDataSubsetterHistory",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "Record<string, typeof TerraElement>"
+              },
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n        'terra-data-subsetter': TerraDataSubsetter,\n        'terra-dialog': TerraDialog,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'History'",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "bearer-token"
+            },
+            {
+              "kind": "field",
+              "name": "alwaysShow",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
+              "attribute": "always-show"
+            },
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "selectedJob",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideCancelled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "dialog",
+              "type": {
+                "text": "TerraDialog"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#controller",
+              "privacy": "private",
+              "default": "new DataSubsetterHistoryController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_authController",
+              "default": "new AuthController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "toggleCollapsed",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#downloadEarthdataDownload",
+              "name": "#renderHistoryItems",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "subsetJobs",
                   "type": {
-                    "text": "Event"
+                    "text": "SubsetJobs"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleClickOutside",
+              "name": "#handleHistoryItemClick",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "job",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "SubsetJobStatus"
                   }
                 }
               ]
-            },
-            {
-              "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",
+              "name": "label",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "default": "true",
-              "fieldName": "showCollectionSearch"
+              "default": "'History'",
+              "fieldName": "label"
             },
             {
-              "name": "job-id",
+              "name": "bearer-token",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "fieldName": "jobId"
+              "fieldName": "bearerToken"
             },
             {
-              "name": "bearer-token",
+              "name": "always-show",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "bearerToken"
+              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
+              "fieldName": "alwaysShow"
             }
           ],
           "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": "Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.",
+          "tagNameWithoutPrefix": "data-subsetter-history",
+          "tagName": "terra-data-subsetter-history",
           "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",
+          "jsDoc": "/**\n * @summary Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.\n * @documentation https://disc.gsfc.nasa.gov/components/data-subsetter-history\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n * @dependency terra-data-subsetter\n * @dependency terra-dialog\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/data-subsetter-history",
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "terra-accordion",
-            "terra-date-picker",
             "terra-icon",
-            "terra-spatial-picker"
+            "terra-data-subsetter",
+            "terra-dialog"
           ]
         }
       ],
@@ -2709,75 +2879,64 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDataSubsetter",
-            "module": "components/data-subsetter/data-subsetter.js"
+            "name": "TerraDataSubsetterHistory",
+            "module": "components/data-subsetter-history/data-subsetter-history.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/date-picker/date-picker.js",
+      "path": "components/date-range-slider/date-range-slider.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraDatePicker",
+          "name": "TerraDateRangeSlider",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The date input element.",
-              "name": "input"
             }
           ],
           "slots": [
             {
               "description": "The default slot.",
               "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "selectedDates",
+              "name": "slider",
               "type": {
-                "text": "{\n        startDate: string | null\n        endDate: string | null\n    }"
+                "text": "HTMLElement & { noUiSlider: API }"
               }
             },
             {
               "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "id"
-            },
-            {
-              "kind": "field",
-              "name": "range",
+              "name": "timeScale",
               "type": {
-                "text": "boolean"
+                "text": "TimeScale"
               },
-              "default": "false",
-              "attribute": "range"
+              "default": "'daily'",
+              "attribute": "time-scale"
             },
             {
               "kind": "field",
               "name": "minDate",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "attribute": "min-date"
             },
@@ -2785,7 +2944,7 @@
               "kind": "field",
               "name": "maxDate",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "attribute": "max-date"
             },
@@ -2793,731 +2952,572 @@
               "kind": "field",
               "name": "startDate",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "description": "The start date for the time series plot.",
               "attribute": "start-date"
             },
             {
               "kind": "field",
               "name": "endDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "end-date"
-            },
-            {
-              "kind": "field",
-              "name": "defaultDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "default-date"
-            },
-            {
-              "kind": "field",
-              "name": "allowInput",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "allow-input"
-            },
-            {
-              "kind": "field",
-              "name": "altFormat",
-              "type": {
-                "text": "string"
-              },
-              "default": "'F j, Y'",
-              "attribute": "alt-format"
-            },
-            {
-              "kind": "field",
-              "name": "altInput",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "alt-input"
-            },
-            {
-              "kind": "field",
-              "name": "altInputClass",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "alt-input-class"
-            },
-            {
-              "kind": "field",
-              "name": "dateFormat",
               "type": {
                 "text": "string"
               },
-              "default": "'Y-m-d'",
-              "attribute": "date-format"
-            },
-            {
-              "kind": "field",
-              "name": "enableTime",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "enable-time"
+              "attribute": "end-date"
             },
             {
               "kind": "field",
-              "name": "time24hr",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "time-24hr"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "weekNumbers",
+              "name": "hasPips",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "week-numbers"
+              "default": "true",
+              "attribute": "has-pips",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "static",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "static"
+              "kind": "method",
+              "name": "updateSlider"
             },
             {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "'auto' | 'above' | 'below'"
-              },
-              "default": "'auto'",
-              "attribute": "position"
+              "kind": "method",
+              "name": "disabledChanged"
             },
             {
-              "kind": "field",
-              "name": "showMonths",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "show-months"
+              "kind": "method",
+              "name": "renderSlider"
             },
             {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "hide-label"
+              "kind": "method",
+              "name": "renderEmptySlider"
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select Date'",
-              "attribute": "label"
+              "kind": "method",
+              "name": "_getStep",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "flatpickrElement",
-              "type": {
-                "text": "any"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "_getSliderFormatter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Formatter"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "handleChange",
+              "name": "_formatDate",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "selectedDates",
+                  "name": "date",
                   "type": {
-                    "text": "Date[]"
+                    "text": "string | number | Date"
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "id"
-            },
-            {
-              "name": "range",
+              "name": "time-scale",
               "type": {
-                "text": "boolean"
+                "text": "TimeScale"
               },
-              "default": "false",
-              "fieldName": "range"
+              "default": "'daily'",
+              "fieldName": "timeScale"
             },
             {
               "name": "min-date",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "fieldName": "minDate"
             },
             {
               "name": "max-date",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "fieldName": "maxDate"
             },
             {
               "name": "start-date",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "description": "The start date for the time series plot.",
               "fieldName": "startDate"
             },
             {
               "name": "end-date",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "fieldName": "endDate"
             },
             {
-              "name": "default-date",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "defaultDate"
+              "default": "false",
+              "fieldName": "disabled"
             },
             {
-              "name": "allow-input",
+              "name": "has-pips",
               "type": {
                 "text": "boolean"
               },
               "default": "true",
-              "fieldName": "allowInput"
-            },
+              "fieldName": "hasPips"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "date-range-slider",
+          "tagName": "terra-date-range-slider",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/date-range-slider\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/date-range-slider",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraDateRangeSlider",
+            "module": "components/date-range-slider/date-range-slider.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/date-picker/date-picker.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraDatePicker",
+          "cssParts": [
             {
-              "name": "alt-format",
-              "type": {
-                "text": "string"
-              },
-              "default": "'F j, Y'",
-              "fieldName": "altFormat"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "name": "alt-input",
+              "description": "The date input element.",
+              "name": "input"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "fieldName": "altInput"
+              "static": true,
+              "default": "{\n        'terra-button': TerraButton,\n    }"
             },
             {
-              "name": "alt-input-class",
+              "kind": "field",
+              "name": "selectedDates",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "altInputClass"
+                "text": "{\n        startDate: string | null\n        endDate: string | null\n    }"
+              }
             },
             {
-              "name": "date-format",
+              "kind": "field",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "default": "'Y-m-d'",
-              "fieldName": "dateFormat"
+              "attribute": "id"
             },
             {
-              "name": "enable-time",
+              "kind": "field",
+              "name": "range",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "enableTime"
+              "attribute": "range"
             },
             {
-              "name": "time-24hr",
+              "kind": "field",
+              "name": "minDate",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "fieldName": "time24hr"
+              "attribute": "min-date"
             },
             {
-              "name": "week-numbers",
+              "kind": "field",
+              "name": "maxDate",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "fieldName": "weekNumbers"
+              "attribute": "max-date"
             },
             {
-              "name": "static",
+              "kind": "field",
+              "name": "startDate",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "fieldName": "static"
+              "attribute": "start-date"
             },
             {
-              "name": "position",
+              "kind": "field",
+              "name": "endDate",
               "type": {
-                "text": "'auto' | 'above' | 'below'"
+                "text": "string | undefined"
               },
-              "default": "'auto'",
-              "fieldName": "position"
+              "attribute": "end-date"
             },
             {
-              "name": "show-months",
+              "kind": "field",
+              "name": "defaultDate",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "1",
-              "fieldName": "showMonths"
+              "attribute": "default-date"
             },
             {
-              "name": "hide-label",
+              "kind": "field",
+              "name": "allowInput",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "hideLabel"
+              "default": "true",
+              "attribute": "allow-input"
             },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select Date'",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A date picker component that supports single date selection or date range selection.",
-          "tagNameWithoutPrefix": "date-picker",
-          "tagName": "terra-date-picker",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A date picker component that supports single date selection or date range selection.\n * @documentation https://disc.gsfc.nasa.gov/components/date-picker\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n * @csspart input - The date input element.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/date-picker",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraDatePicker",
-            "module": "components/date-picker/date-picker.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/data-subsetter-history/data-subsetter-history.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDataSubsetterHistory",
-          "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "altFormat",
               "type": {
-                "text": "Record<string, typeof TerraElement>"
+                "text": "string"
               },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n        'terra-data-subsetter': TerraDataSubsetter,\n        'terra-dialog': TerraDialog,\n    }"
+              "default": "'F j, Y'",
+              "attribute": "alt-format"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "altInput",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "alt-input"
+            },
+            {
+              "kind": "field",
+              "name": "altInputClass",
               "type": {
                 "text": "string"
               },
-              "default": "'History'",
-              "attribute": "label"
+              "default": "''",
+              "attribute": "alt-input-class"
             },
             {
               "kind": "field",
-              "name": "bearerToken",
+              "name": "dateFormat",
               "type": {
                 "text": "string"
               },
-              "attribute": "bearer-token"
+              "default": "'Y-m-d'",
+              "attribute": "date-format"
             },
             {
               "kind": "field",
-              "name": "alwaysShow",
+              "name": "enableTime",
               "type": {
                 "text": "boolean"
               },
-              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
-              "attribute": "always-show"
+              "default": "false",
+              "attribute": "enable-time"
             },
             {
               "kind": "field",
-              "name": "collapsed",
+              "name": "time24hr",
               "type": {
                 "text": "boolean"
               },
-              "default": "true"
+              "default": "false",
+              "attribute": "time-24hr"
             },
             {
               "kind": "field",
-              "name": "selectedJob",
+              "name": "weekNumbers",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "week-numbers"
             },
             {
               "kind": "field",
-              "name": "hideCancelled",
+              "name": "static",
               "type": {
                 "text": "boolean"
               },
-              "default": "true"
+              "default": "false",
+              "attribute": "static"
             },
             {
               "kind": "field",
-              "name": "dialog",
+              "name": "position",
               "type": {
-                "text": "TerraDialog"
-              }
+                "text": "'auto' | 'above' | 'below'"
+              },
+              "default": "'auto'",
+              "attribute": "position"
             },
             {
               "kind": "field",
-              "name": "#controller",
-              "privacy": "private",
-              "default": "new DataSubsetterHistoryController(this)"
+              "name": "showMonths",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "show-months"
             },
             {
               "kind": "field",
-              "name": "_authController",
-              "default": "new AuthController(this)"
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-label"
             },
             {
-              "kind": "method",
-              "name": "toggleCollapsed",
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select Date'",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "flatpickrElement",
+              "type": {
+                "text": "any"
+              },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#renderHistoryItems",
+              "name": "handleChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "subsetJobs",
+                  "name": "selectedDates",
                   "type": {
-                    "text": "SubsetJobs"
+                    "text": "Date[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleHistoryItemClick",
-              "parameters": [
-                {
-                  "name": "job",
-                  "type": {
-                    "text": "SubsetJobStatus"
-                  }
-                }
-              ]
+              "name": "handleBlur",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'History'",
-              "fieldName": "label"
-            },
-            {
-              "name": "bearer-token",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "fieldName": "bearerToken"
+              "fieldName": "id"
             },
             {
-              "name": "always-show",
+              "name": "range",
               "type": {
                 "text": "boolean"
               },
-              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
-              "fieldName": "alwaysShow"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.",
-          "tagNameWithoutPrefix": "data-subsetter-history",
-          "tagName": "terra-data-subsetter-history",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.\n * @documentation https://disc.gsfc.nasa.gov/components/data-subsetter-history\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n * @dependency terra-data-subsetter\n * @dependency terra-dialog\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/data-subsetter-history",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon",
-            "terra-data-subsetter",
-            "terra-dialog"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraDataSubsetterHistory",
-            "module": "components/data-subsetter-history/data-subsetter-history.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/date-range-slider/date-range-slider.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDateRangeSlider",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "slider",
-              "type": {
-                "text": "HTMLElement & { noUiSlider: API }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "timeScale",
-              "type": {
-                "text": "TimeScale"
-              },
-              "default": "'daily'",
-              "attribute": "time-scale"
+              "default": "false",
+              "fieldName": "range"
             },
             {
-              "kind": "field",
-              "name": "minDate",
+              "name": "min-date",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "attribute": "min-date"
+              "fieldName": "minDate"
             },
             {
-              "kind": "field",
-              "name": "maxDate",
+              "name": "max-date",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "attribute": "max-date"
+              "fieldName": "maxDate"
             },
             {
-              "kind": "field",
-              "name": "startDate",
+              "name": "start-date",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The start date for the time series plot.",
-              "attribute": "start-date"
+              "fieldName": "startDate"
             },
             {
-              "kind": "field",
-              "name": "endDate",
+              "name": "end-date",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "attribute": "end-date"
+              "fieldName": "endDate"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "default-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "defaultDate"
             },
             {
-              "kind": "field",
-              "name": "hasPips",
+              "name": "allow-input",
               "type": {
                 "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "has-pips",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "updateSlider"
+              },
+              "default": "true",
+              "fieldName": "allowInput"
             },
             {
-              "kind": "method",
-              "name": "disabledChanged"
+              "name": "alt-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'F j, Y'",
+              "fieldName": "altFormat"
             },
             {
-              "kind": "method",
-              "name": "renderSlider"
+              "name": "alt-input",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "altInput"
             },
             {
-              "kind": "method",
-              "name": "renderEmptySlider"
+              "name": "alt-input-class",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "altInputClass"
             },
             {
-              "kind": "method",
-              "name": "_getStep",
-              "privacy": "private"
+              "name": "date-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Y-m-d'",
+              "fieldName": "dateFormat"
             },
             {
-              "kind": "method",
-              "name": "_getSliderFormatter",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Formatter"
-                }
-              }
+              "name": "enable-time",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "enableTime"
             },
             {
-              "kind": "method",
-              "name": "_formatDate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "string | number | Date"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "time-scale",
+              "name": "time-24hr",
               "type": {
-                "text": "TimeScale"
+                "text": "boolean"
               },
-              "default": "'daily'",
-              "fieldName": "timeScale"
+              "default": "false",
+              "fieldName": "time24hr"
             },
             {
-              "name": "min-date",
+              "name": "week-numbers",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "minDate"
+              "default": "false",
+              "fieldName": "weekNumbers"
             },
             {
-              "name": "max-date",
+              "name": "static",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "maxDate"
+              "default": "false",
+              "fieldName": "static"
             },
             {
-              "name": "start-date",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "'auto' | 'above' | 'below'"
               },
-              "description": "The start date for the time series plot.",
-              "fieldName": "startDate"
+              "default": "'auto'",
+              "fieldName": "position"
             },
             {
-              "name": "end-date",
+              "name": "show-months",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "fieldName": "endDate"
+              "default": "1",
+              "fieldName": "showMonths"
             },
             {
-              "name": "disabled",
+              "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
+              "fieldName": "hideLabel"
             },
             {
-              "name": "has-pips",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "fieldName": "hasPips"
+              "default": "'Select Date'",
+              "fieldName": "label"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "date-range-slider",
-          "tagName": "terra-date-range-slider",
+          "summary": "A date picker component that supports single date selection or date range selection.",
+          "tagNameWithoutPrefix": "date-picker",
+          "tagName": "terra-date-picker",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/date-range-slider\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/date-range-slider",
+          "jsDoc": "/**\n * @summary A date picker component that supports single date selection or date range selection.\n * @documentation https://disc.gsfc.nasa.gov/components/date-picker\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n * @csspart input - The date input element.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/date-picker",
           "status": "experimental",
           "since": "1.0"
         }
@@ -3527,8 +3527,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDateRangeSlider",
-            "module": "components/date-range-slider/date-range-slider.js"
+            "name": "TerraDatePicker",
+            "module": "components/date-picker/date-picker.js"
           }
         }
       ]
@@ -4322,92 +4322,236 @@
               "fieldName": "minZoom"
             },
             {
-              "name": "max-zoom",
+              "name": "max-zoom",
+              "type": {
+                "text": "number"
+              },
+              "default": "23",
+              "description": "Maximum zoom level of the map.",
+              "fieldName": "maxZoom"
+            },
+            {
+              "name": "zoom",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Initial map zoom level",
+              "fieldName": "zoom"
+            },
+            {
+              "name": "has-navigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "has map navigation toolbar",
+              "fieldName": "hasNavigation"
+            },
+            {
+              "name": "has-coord-tracker",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "has coordinate tracker",
+              "fieldName": "hasCoordTracker"
+            },
+            {
+              "name": "has-shape-selector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "has shape selector",
+              "fieldName": "hasShapeSelector"
+            },
+            {
+              "name": "hide-bounding-box-selection",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "hideBoundingBoxSelection"
+            },
+            {
+              "name": "hide-point-selection",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "hidePointSelection"
+            },
+            {
+              "name": "staticMode",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "fieldName": "staticMode"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "any"
+              },
+              "default": "[]",
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A map component for visualizing and selecting coordinates.",
+          "tagNameWithoutPrefix": "map",
+          "tagName": "terra-map",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A map component for visualizing and selecting coordinates.\n * @documentation https://disc.gsfc.nasa.gov/components/map\n * @status mvp\n * @since 1.0\n *\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/map",
+          "status": "mvp",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraMap",
+            "module": "components/map/map.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/plot/plot.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraPlot",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "PlotlyHTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "23",
-              "description": "Maximum zoom level of the map.",
-              "fieldName": "maxZoom"
+              "attribute": "plotTitle"
             },
             {
-              "name": "zoom",
+              "kind": "field",
+              "name": "layout",
               "type": {
-                "text": "number"
+                "text": "Partial<Layout> | undefined"
               },
-              "default": "1",
-              "description": "Initial map zoom level",
-              "fieldName": "zoom"
+              "default": "{}",
+              "attribute": "layout"
             },
             {
-              "name": "has-navigation",
+              "kind": "field",
+              "name": "config",
               "type": {
-                "text": "boolean"
+                "text": "Partial<Config> | undefined"
               },
-              "default": "false",
-              "description": "has map navigation toolbar",
-              "fieldName": "hasNavigation"
+              "default": "{}",
+              "attribute": "config"
             },
             {
-              "name": "has-coord-tracker",
+              "kind": "field",
+              "name": "data",
               "type": {
-                "text": "boolean"
+                "text": "Array<Partial<Data>>"
               },
-              "default": "false",
-              "description": "has coordinate tracker",
-              "fieldName": "hasCoordTracker"
+              "default": "[]",
+              "attribute": "data"
             },
             {
-              "name": "has-shape-selector",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "has shape selector",
-              "fieldName": "hasShapeSelector"
+              "kind": "method",
+              "name": "handleDataChange"
             },
             {
-              "name": "hide-bounding-box-selection",
+              "kind": "method",
+              "name": "updatePlotWithData"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PlotRelayoutEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "plotTitle",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "fieldName": "hideBoundingBoxSelection"
+              "fieldName": "plotTitle"
             },
             {
-              "name": "hide-point-selection",
+              "name": "layout",
               "type": {
-                "text": "boolean | undefined"
+                "text": "Partial<Layout> | undefined"
               },
-              "fieldName": "hidePointSelection"
+              "default": "{}",
+              "fieldName": "layout"
             },
             {
-              "name": "staticMode",
+              "name": "config",
               "type": {
-                "text": "boolean | undefined"
+                "text": "Partial<Config> | undefined"
               },
-              "default": "false",
-              "fieldName": "staticMode"
+              "default": "{}",
+              "fieldName": "config"
             },
             {
-              "name": "value",
+              "name": "data",
               "type": {
-                "text": "any"
+                "text": "Array<Partial<Data>>"
               },
               "default": "[]",
-              "fieldName": "value"
+              "fieldName": "data"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A map component for visualizing and selecting coordinates.",
-          "tagNameWithoutPrefix": "map",
-          "tagName": "terra-map",
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A map component for visualizing and selecting coordinates.\n * @documentation https://disc.gsfc.nasa.gov/components/map\n * @status mvp\n * @since 1.0\n *\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/map",
-          "status": "mvp",
+          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
+          "status": "experimental",
           "since": "1.0"
         }
       ],
@@ -4416,8 +4560,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraMap",
-            "module": "components/map/map.js"
+            "name": "TerraPlot",
+            "module": "components/plot/plot.js"
           }
         }
       ]
@@ -4849,150 +4993,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/plot/plot.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraPlot",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "PlotlyHTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "plotTitle"
-            },
-            {
-              "kind": "field",
-              "name": "layout",
-              "type": {
-                "text": "Partial<Layout> | undefined"
-              },
-              "default": "{}",
-              "attribute": "layout"
-            },
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "Partial<Config> | undefined"
-              },
-              "default": "{}",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Data>>"
-              },
-              "default": "[]",
-              "attribute": "data"
-            },
-            {
-              "kind": "method",
-              "name": "handleDataChange"
-            },
-            {
-              "kind": "method",
-              "name": "updatePlotWithData"
-            },
-            {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PlotRelayoutEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "plotTitle"
-            },
-            {
-              "name": "layout",
-              "type": {
-                "text": "Partial<Layout> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "layout"
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "Partial<Config> | undefined"
-              },
-              "default": "{}",
-              "fieldName": "config"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "Array<Partial<Data>>"
-              },
-              "default": "[]",
-              "fieldName": "data"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A web component for interactive graphs using Plotly.js.",
-          "tagNameWithoutPrefix": "plot",
-          "tagName": "terra-plot",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/skeleton/skeleton.js",
@@ -6962,7 +6962,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.83",
+    "version": "0.0.86",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"