@nasa-terra/components 0.0.62 → 0.0.63

package/cdn/custom-elements.json

@@ -1101,292 +1101,413 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/alert/alert.js",
+      "path": "components/chip/chip.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAlert",
-          "cssParts": [
+          "name": "TerraChip",
+          "slots": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "The chip's label.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "description": "The container that wraps the optional icon.",
-              "name": "icon"
+              "kind": "field",
+              "name": "#handleRemoveClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Used for contacts and tags",
+          "tagNameWithoutPrefix": "chip",
+          "tagName": "terra-chip",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Used for contacts and tags\n * @documentation https://disc.gsfc.nasa.gov/components/chip\n * @status stable\n * @since 1.0\n *\n * @slot - The chip's label.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/chip",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraChip",
+            "module": "components/chip/chip.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/combobox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraCombobox",
+          "cssProperties": [
+            {
+              "description": "The height of the host element.",
+              "name": "--host-height"
             },
             {
-              "description": "The container that wraps the alert's main content.",
-              "name": "message"
+              "description": "The height of the search help element.",
+              "name": "--help-height"
+            },
+            {
+              "description": "The height of the input's label element.",
+              "name": "--label-height"
             }
           ],
-          "slots": [
+          "cssParts": [
             {
-              "description": "The alert's main content.",
-              "name": ""
+              "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": "autoHideTimeout",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
             {
               "kind": "field",
-              "name": "remainingTimeInterval",
+              "name": "tagName",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "'terra-combobox'"
             },
             {
               "kind": "field",
-              "name": "countdownAnimation",
+              "name": "initialQuery",
               "type": {
-                "text": "Animation | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "#combobox",
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "currentToastStack",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "HTMLUListElement | null"
               },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#searchEngine",
               "privacy": "private",
-              "static": true
+              "type": {
+                "text": "Fuse<GroupedListItem | ListItem> | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "toastStack",
+              "name": "#walker",
               "privacy": "private",
-              "static": true,
-              "readonly": true
+              "type": {
+                "text": "TreeWalker | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "base",
+              "name": "label",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "countdownElement",
+              "name": "name",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "default": "'Item'",
+              "description": "name the combobox with this.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "hideHelp",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "attribute": "open",
-              "reflects": true
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help"
             },
             {
               "kind": "field",
-              "name": "closable",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "status",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "attribute": "status"
             },
             {
               "kind": "field",
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "attribute": "duration"
+              "name": "content",
+              "type": {
+                "text": "Content"
+              },
+              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "attribute": "content"
             },
             {
               "kind": "field",
-              "name": "countdown",
+              "name": "isExpanded",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "boolean"
               },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "attribute": "countdown",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
+              "name": "query"
             },
             {
-              "kind": "method",
-              "name": "restartAutoHide",
-              "privacy": "private"
+              "kind": "field",
+              "name": "searchResults",
+              "type": {
+                "text": "GroupedListItem[] | ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "pauseAutoHide",
-              "privacy": "private"
+              "name": "contentChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
-              "kind": "method",
-              "name": "resumeAutoHide",
+              "kind": "field",
+              "name": "#renderListItem",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleCountdownChange",
+              "kind": "field",
+              "name": "#renderGroupListItem",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleCloseClick",
+              "kind": "field",
+              "name": "#renderError",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "#renderLoading",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleDurationChange"
+              "kind": "field",
+              "name": "#dispatchChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
+              "kind": "field",
+              "name": "#handleComboboxChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "toast",
-              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the alert opens.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
+              "kind": "field",
+              "name": "#handleOptionClick",
+              "privacy": "private"
             },
             {
-              "description": "Emitted after the alert opens and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
             },
             {
-              "description": "Emitted when the alert closes.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
             },
             {
-              "description": "Emitted after the alert closes and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "open",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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"
+              "default": "'Search for Items'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "closable",
+              "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": "Enables a close button that allows the user to dismiss the alert.",
-              "fieldName": "closable"
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
             },
             {
-              "name": "variant",
+              "name": "hide-label",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
+              "default": "false",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "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"
+              "name": "status",
+              "type": {
+                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
-              "fieldName": "duration"
+              "default": "'INITIAL'",
+              "description": "status of the content",
+              "fieldName": "status"
             },
             {
-              "name": "countdown",
+              "name": "content",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "Content"
               },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "fieldName": "countdown"
+              "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "fieldName": "content"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Alerts are used to display important messages inline or as toast notifications.",
-          "tagNameWithoutPrefix": "alert",
-          "tagName": "terra-alert",
+          "summary": "Fuzzy-search for combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "combobox",
+          "tagName": "terra-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
-          "documentation": "https://shoelace.style/components/alert",
-          "status": "stable",
-          "since": "2.0",
-          "animations": [
-            {
-              "name": "alert.show",
-              "description": "The animation to use when showing the alert."
-            },
-            {
-              "name": "alert.hide",
-              "description": "The animation to use when hiding the alert."
-            }
-          ]
+          "jsDoc": "/**\n * @summary Fuzzy-search for combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/combobox\n * @status experimental\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/combobox",
+          "status": "experimental",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -1394,354 +1515,249 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
+            "name": "TerraCombobox",
+            "module": "components/combobox/combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/combobox.js",
+      "path": "components/data-rods/data-rods.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"
-            }
-          ],
+          "name": "TerraDataRods",
           "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "dependencies",
               "type": {
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
+              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
             },
             {
               "kind": "field",
-              "name": "tagName",
+              "name": "variableEntryId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "'terra-combobox'"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "initialQuery",
+              "name": "collection",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "static": true,
-              "default": "''"
+              "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": "#combobox",
-              "privacy": "private",
+              "name": "variable",
               "type": {
-                "text": "HTMLInputElement | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "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": "#listbox",
-              "privacy": "private",
+              "name": "startDate",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
+              "name": "endDate",
               "type": {
-                "text": "Fuse<GroupedListItem | ListItem> | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "end-date",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "name": "location",
               "type": {
-                "text": "TreeWalker | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "description": "The point location in \"lat,lon\" format.",
+              "attribute": "location",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "bearerToken",
               "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"
+              "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": "content",
+              "name": "catalogVariable",
               "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"
+                "text": "Variable"
+              }
             },
             {
               "kind": "field",
-              "name": "isExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "name": "#catalog",
+              "privacy": "private",
+              "default": "new GiovanniVariableCatalog()"
             },
             {
               "kind": "field",
-              "name": "query"
+              "name": "#fetchVariableTask",
+              "privacy": "private",
+              "default": "new Task(this, {\n        task: async (_args, { signal }) => {\n            const variableEntryId = this.#getVariableEntryId()\n\n            console.debug('fetch variable ', variableEntryId)\n\n            if (!variableEntryId) {\n                return\n            }\n\n            const variable = await this.#catalog.getVariable(variableEntryId, {\n                signal,\n            })\n\n            console.debug('found variable ', variable)\n\n            if (!variable) {\n                return\n            }\n\n            this.startDate =\n                this.startDate ?? variable.exampleInitialStartDate?.toISOString()\n            this.endDate =\n                this.endDate ?? variable.exampleInitialEndDate?.toISOString()\n            this.catalogVariable = variable\n        },\n        args: () => [this.variableEntryId, this.collection, this.variable],\n    })"
             },
             {
-              "kind": "field",
-              "name": "searchResults",
-              "type": {
-                "text": "GroupedListItem[] | ListItem[]"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "#getVariableEntryId"
             },
             {
               "kind": "method",
-              "name": "contentChanged",
+              "name": "#handleDateRangeSliderChangeEvent",
               "parameters": [
                 {
-                  "name": "_oldValue",
+                  "name": "event",
                   "type": {
-                    "text": "any"
+                    "text": "TerraDateRangeChangeEvent"
                   }
-                },
+                }
+              ],
+              "description": "anytime the date range slider changes, update the start and end date"
+            },
+            {
+              "kind": "method",
+              "name": "#handleVariableChange",
+              "parameters": [
                 {
-                  "name": "newValue",
+                  "name": "event",
                   "type": {
-                    "text": "any"
+                    "text": "TerraComboboxChangeEvent"
                   }
                 }
               ]
             },
             {
-              "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": "method",
+              "name": "#handleMapChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraMapChangeEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
-            },
+              "kind": "method",
+              "name": "#handleTimeSeriesDateRangeChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
+              "description": "Emitted whenever the date range of the date slider is updated",
+              "name": "terra-date-range-change",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "variable-entry-id",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Search for Items'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "fieldName": "variableEntryId"
             },
             {
-              "name": "name",
+              "name": "collection",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Item'",
-              "description": "name the combobox with this.",
-              "fieldName": "name"
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "fieldName": "collection"
             },
             {
-              "name": "placeholder",
+              "name": "variable",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "fieldName": "variable"
             },
             {
-              "name": "hide-help",
+              "name": "start-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
             },
             {
-              "name": "hide-label",
+              "name": "end-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
             },
             {
-              "name": "status",
+              "name": "location",
               "type": {
-                "text": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "text": "string | undefined"
               },
-              "default": "'INITIAL'",
-              "description": "status of the content",
-              "fieldName": "status"
+              "description": "The point location in \"lat,lon\" format.",
+              "fieldName": "location"
             },
             {
-              "name": "content",
+              "name": "bearer-token",
               "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",
-              "fieldName": "content"
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "combobox",
-          "tagName": "terra-combobox",
+          "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 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",
+          "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"
         }
       ],
@@ -1750,259 +1766,8 @@
           "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": "bearerToken",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "attribute": "bearer-token"
-            },
-            {
-              "kind": "field",
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#catalog",
-              "privacy": "private",
-              "default": "new GiovanniVariableCatalog()"
-            },
-            {
-              "kind": "field",
-              "name": "#fetchVariableTask",
-              "privacy": "private",
-              "default": "new Task(this, {\n        task: async (_args, { signal }) => {\n            const variableEntryId = this.#getVariableEntryId()\n\n            console.debug('fetch variable ', variableEntryId)\n\n            if (!variableEntryId) {\n                return\n            }\n\n            const variable = await this.#catalog.getVariable(variableEntryId, {\n                signal,\n            })\n\n            console.debug('found variable ', variable)\n\n            if (!variable) {\n                return\n            }\n\n            this.startDate =\n                this.startDate ?? variable.exampleInitialStartDate?.toISOString()\n            this.endDate =\n                this.endDate ?? variable.exampleInitialEndDate?.toISOString()\n            this.catalogVariable = variable\n        },\n        args: () => [this.variableEntryId, this.collection, this.variable],\n    })"
-            },
-            {
-              "kind": "method",
-              "name": "#getVariableEntryId"
-            },
-            {
-              "kind": "method",
-              "name": "#handleDateRangeSliderChangeEvent",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraDateRangeChangeEvent"
-                  }
-                }
-              ],
-              "description": "anytime the date range slider changes, update the start and end date"
-            },
-            {
-              "kind": "method",
-              "name": "#handleVariableChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraComboboxChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleMapChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraMapChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleTimeSeriesDateRangeChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted whenever the date range of the date slider is updated",
-              "name": "terra-date-range-change",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variable-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
-            },
-            {
-              "name": "variable",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
-            },
-            {
-              "name": "start-date",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
-            },
-            {
-              "name": "end-date",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
-            },
-            {
-              "name": "location",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The point location in \"lat,lon\" format.",
-              "fieldName": "location"
-            },
-            {
-              "name": "bearer-token",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "fieldName": "bearerToken"
-            }
-          ],
-          "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",
-          "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"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraDataRods",
-            "module": "components/data-rods/data-rods.js"
+            "name": "TerraDataRods",
+            "module": "components/data-rods/data-rods.js"
           }
         }
       ]
@@ -3295,160 +3060,635 @@
             },
             {
               "kind": "field",
-              "name": "maxDate",
+              "name": "maxDate",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "max-date"
+            },
+            {
+              "kind": "field",
+              "name": "startDate",
+              "type": {
+                "text": "string"
+              },
+              "description": "The start date for the time series plot.",
+              "attribute": "start-date"
+            },
+            {
+              "kind": "field",
+              "name": "endDate",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "end-date"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasPips",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "has-pips",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "updateSlider"
+            },
+            {
+              "kind": "method",
+              "name": "disabledChanged"
+            },
+            {
+              "kind": "method",
+              "name": "renderSlider"
+            },
+            {
+              "kind": "method",
+              "name": "renderEmptySlider"
+            },
+            {
+              "kind": "method",
+              "name": "_getStep",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getSliderFormatter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Formatter"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_formatDate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "string | number | Date"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "time-scale",
+              "type": {
+                "text": "TimeScale"
+              },
+              "default": "'daily'",
+              "fieldName": "timeScale"
+            },
+            {
+              "name": "min-date",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "minDate"
+            },
+            {
+              "name": "max-date",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "maxDate"
+            },
+            {
+              "name": "start-date",
+              "type": {
+                "text": "string"
+              },
+              "description": "The start date for the time series plot.",
+              "fieldName": "startDate"
+            },
+            {
+              "name": "end-date",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "endDate"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "has-pips",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "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/alert/alert.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraAlert",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the optional icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the alert's main content.",
+              "name": "message"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The alert's main content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoHideTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "remainingTimeInterval",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "countdownAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "currentToastStack",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "toastStack",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "countdownElement",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "attribute": "countdown",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "remainingTime",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "restartAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "pauseAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "resumeAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCloseClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDurationChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the alert."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the alert"
+            },
+            {
+              "kind": "method",
+              "name": "toast",
+              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the alert opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the alert opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the alert closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after the alert closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "resolveInitializer": {
+                "module": "src/components/alert/alert.component.ts"
+              },
+              "fieldName": "duration"
+            },
+            {
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "fieldName": "countdown"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Alerts are used to display important messages inline or as toast notifications.",
+          "tagNameWithoutPrefix": "alert",
+          "tagName": "terra-alert",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
+          "documentation": "https://shoelace.style/components/alert",
+          "status": "stable",
+          "since": "2.0",
+          "animations": [
+            {
+              "name": "alert.show",
+              "description": "The animation to use when showing the alert."
+            },
+            {
+              "name": "alert.hide",
+              "description": "The animation to use when hiding the alert."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/dialog/dialog.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraDialog",
+          "slots": [
+            {
+              "description": "The dialog's main content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dialogEl",
               "type": {
-                "text": "string"
-              },
-              "attribute": "max-date"
+                "text": "HTMLDialogElement"
+              }
             },
             {
               "kind": "field",
-              "name": "startDate",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "description": "The start date for the time series plot.",
-              "attribute": "start-date"
+              "description": "the ID to be used for accessibility associations",
+              "attribute": "id"
             },
             {
               "kind": "field",
-              "name": "endDate",
+              "name": "width",
               "type": {
                 "text": "string"
               },
-              "attribute": "end-date"
+              "default": "'fit-content'",
+              "description": "the width of the dialog",
+              "attribute": "width",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "clickOutsideToClose",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "disabled",
+              "default": "true",
+              "description": "allow closing the dialog when clicking outside of it",
+              "attribute": "click-outside-to-close",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasPips",
+              "name": "showBackdrop",
               "type": {
                 "text": "boolean"
               },
               "default": "true",
-              "attribute": "has-pips",
+              "description": "Show a backdrop behind the dialog",
+              "attribute": "show-backdrop",
               "reflects": true
             },
             {
               "kind": "method",
-              "name": "updateSlider"
-            },
-            {
-              "kind": "method",
-              "name": "disabledChanged"
-            },
-            {
-              "kind": "method",
-              "name": "renderSlider"
-            },
-            {
-              "kind": "method",
-              "name": "renderEmptySlider"
+              "name": "toggle"
             },
             {
               "kind": "method",
-              "name": "_getStep",
-              "privacy": "private"
+              "name": "show"
             },
             {
               "kind": "method",
-              "name": "_getSliderFormatter",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Formatter"
+              "name": "hide",
+              "parameters": [
+                {
+                  "name": "reason",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_formatDate",
-              "privacy": "private",
+              "name": "#handleBackdropClick",
               "parameters": [
                 {
-                  "name": "date",
+                  "name": "event",
                   "type": {
-                    "text": "string | number | Date"
+                    "text": "Event"
                   }
                 }
               ]
             }
           ],
-          "attributes": [
-            {
-              "name": "time-scale",
-              "type": {
-                "text": "TimeScale"
-              },
-              "default": "'daily'",
-              "fieldName": "timeScale"
-            },
+          "events": [
             {
-              "name": "min-date",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "minDate"
+              "description": "Emitted when the dialog opens.",
+              "name": "terra-dialog-show",
+              "reactName": "onTerraDialogShow",
+              "eventName": "TerraDialogShowEvent"
             },
             {
-              "name": "max-date",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "maxDate"
-            },
+              "description": "Emitted when the dialog closes.",
+              "name": "terra-dialog-hide",
+              "reactName": "onTerraDialogHide",
+              "eventName": "TerraDialogHideEvent"
+            }
+          ],
+          "attributes": [
             {
-              "name": "start-date",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "description": "The start date for the time series plot.",
-              "fieldName": "startDate"
+              "description": "the ID to be used for accessibility associations",
+              "fieldName": "id"
             },
             {
-              "name": "end-date",
+              "name": "width",
               "type": {
                 "text": "string"
               },
-              "fieldName": "endDate"
+              "default": "'fit-content'",
+              "description": "the width of the dialog",
+              "fieldName": "width"
             },
             {
-              "name": "disabled",
+              "name": "click-outside-to-close",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "default": "true",
+              "description": "allow closing the dialog when clicking outside of it",
+              "fieldName": "clickOutsideToClose"
             },
             {
-              "name": "has-pips",
+              "name": "show-backdrop",
               "type": {
                 "text": "boolean"
               },
               "default": "true",
-              "fieldName": "hasPips"
+              "description": "Show a backdrop behind the dialog",
+              "fieldName": "showBackdrop"
             }
           ],
           "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": "Used to create both modal and non-modal dialog boxes.",
+          "tagNameWithoutPrefix": "dialog",
+          "tagName": "terra-dialog",
           "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",
+          "jsDoc": "/**\n * @summary Used to create both modal and non-modal dialog boxes.\n * @documentation https://disc.gsfc.nasa.gov/components/dialog\n * @status stable\n * @since 1.0\n *\n * @slot - The dialog's main content\n *\n * @event terra-dialog-show - Emitted when the dialog opens.\n * @event terra-dialog-hide - Emitted when the dialog closes.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/dialog",
+          "status": "stable",
           "since": "1.0"
         }
       ],
@@ -3457,238 +3697,125 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDateRangeSlider",
-            "module": "components/date-range-slider/date-range-slider.js"
+            "name": "TerraDialog",
+            "module": "components/dialog/dialog.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chip/chip.js",
+      "path": "components/loader/loader.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraChip",
-          "slots": [
-            {
-              "description": "The chip's label.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "#handleRemoveClick",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+          "name": "TerraLoader",
+          "cssProperties": [
             {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "fieldName": "size"
+              "description": "An example CSS custom property.",
+              "name": "--example"
             }
           ],
-          "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/dialog/dialog.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDialog",
-          "slots": [
+          "cssParts": [
             {
-              "description": "The dialog's main content",
-              "name": ""
+              "description": "The component's base wrapper.",
+              "name": "base"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dialogEl",
-              "type": {
-                "text": "HTMLDialogElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "description": "the ID to be used for accessibility associations",
-              "attribute": "id"
-            },
-            {
-              "kind": "field",
-              "name": "width",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'small' | 'large' | 'orbit'"
               },
-              "default": "'fit-content'",
-              "description": "the width of the dialog",
-              "attribute": "width",
+              "default": "'large'",
+              "description": "The loader's variant",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "clickOutsideToClose",
+              "name": "percent",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "allow closing the dialog when clicking outside of it",
-              "attribute": "click-outside-to-close",
-              "reflects": true
+              "default": "'0'",
+              "description": "The percent complete for the loader to display",
+              "attribute": "percent"
             },
             {
               "kind": "field",
-              "name": "showBackdrop",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Show a backdrop behind the dialog",
-              "attribute": "show-backdrop",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "toggle"
+              "default": "false",
+              "description": "an indeterminate loader has an unknown progress and will show a spinner",
+              "attribute": "indeterminate"
             },
             {
-              "kind": "method",
-              "name": "show"
+              "kind": "field",
+              "name": "_currentPercent",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
             },
             {
               "kind": "method",
-              "name": "hide",
+              "name": "formatPercent",
               "parameters": [
                 {
-                  "name": "reason",
-                  "optional": true,
+                  "name": "percent",
                   "type": {
                     "text": "string"
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleBackdropClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the dialog opens.",
-              "name": "terra-dialog-show",
-              "reactName": "onTerraDialogShow",
-              "eventName": "TerraDialogShowEvent"
-            },
-            {
-              "description": "Emitted when the dialog closes.",
-              "name": "terra-dialog-hide",
-              "reactName": "onTerraDialogHide",
-              "eventName": "TerraDialogHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "id",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'small' | 'large' | 'orbit'"
               },
-              "description": "the ID to be used for accessibility associations",
-              "fieldName": "id"
+              "default": "'large'",
+              "description": "The loader's variant",
+              "fieldName": "variant"
             },
             {
-              "name": "width",
+              "name": "percent",
               "type": {
                 "text": "string"
               },
-              "default": "'fit-content'",
-              "description": "the width of the dialog",
-              "fieldName": "width"
-            },
-            {
-              "name": "click-outside-to-close",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "allow closing the dialog when clicking outside of it",
-              "fieldName": "clickOutsideToClose"
+              "default": "'0'",
+              "description": "The percent complete for the loader to display",
+              "fieldName": "percent"
             },
             {
-              "name": "show-backdrop",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Show a backdrop behind the dialog",
-              "fieldName": "showBackdrop"
+              "default": "false",
+              "description": "an indeterminate loader has an unknown progress and will show a spinner",
+              "fieldName": "indeterminate"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Used to create both modal and non-modal dialog boxes.",
-          "tagNameWithoutPrefix": "dialog",
-          "tagName": "terra-dialog",
+          "summary": "Loaders are used to indicate there is content that is loading.",
+          "tagNameWithoutPrefix": "loader",
+          "tagName": "terra-loader",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Used to create both modal and non-modal dialog boxes.\n * @documentation https://disc.gsfc.nasa.gov/components/dialog\n * @status stable\n * @since 1.0\n *\n * @slot - The dialog's main content\n *\n * @event terra-dialog-show - Emitted when the dialog opens.\n * @event terra-dialog-hide - Emitted when the dialog closes.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/dialog",
-          "status": "stable",
+          "jsDoc": "/**\n * @summary Loaders are used to indicate there is content that is loading.\n * @documentation https://disc.gsfc.nasa.gov/components/loader\n * @status experimental\n * @since 1.0\n *\n *\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/loader",
+          "status": "experimental",
           "since": "1.0"
         }
       ],
@@ -3697,8 +3824,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraDialog",
-            "module": "components/dialog/dialog.js"
+            "name": "TerraLoader",
+            "module": "components/loader/loader.js"
           }
         }
       ]
@@ -3929,133 +4056,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/loader/loader.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraLoader",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'small' | 'large' | 'orbit'"
-              },
-              "default": "'large'",
-              "description": "The loader's variant",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "percent",
-              "type": {
-                "text": "string"
-              },
-              "default": "'0'",
-              "description": "The percent complete for the loader to display",
-              "attribute": "percent"
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "an indeterminate loader has an unknown progress and will show a spinner",
-              "attribute": "indeterminate"
-            },
-            {
-              "kind": "field",
-              "name": "_currentPercent",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "formatPercent",
-              "parameters": [
-                {
-                  "name": "percent",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'small' | 'large' | 'orbit'"
-              },
-              "default": "'large'",
-              "description": "The loader's variant",
-              "fieldName": "variant"
-            },
-            {
-              "name": "percent",
-              "type": {
-                "text": "string"
-              },
-              "default": "'0'",
-              "description": "The percent complete for the loader to display",
-              "fieldName": "percent"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "an indeterminate loader has an unknown progress and will show a spinner",
-              "fieldName": "indeterminate"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Loaders are used to indicate there is content that is loading.",
-          "tagNameWithoutPrefix": "loader",
-          "tagName": "terra-loader",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Loaders are used to indicate there is content that is loading.\n * @documentation https://disc.gsfc.nasa.gov/components/loader\n * @status experimental\n * @since 1.0\n *\n *\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/loader",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraLoader",
-            "module": "components/loader/loader.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/login/login.js",
@@ -4143,319 +4143,251 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/plot-toolbar/plot-toolbar.js",
+      "path": "components/map/map.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraPlotToolbar",
-          "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"
-            }
-          ],
+          "name": "TerraMap",
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              },
-              "attribute": "catalogVariable"
-            },
-            {
-              "kind": "field",
-              "name": "variableEntryId",
+              "name": "minZoom",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "attribute": "variableEntryId"
+              "default": "0",
+              "description": "Minimum zoom level of the map.",
+              "attribute": "min-zoom"
             },
             {
               "kind": "field",
-              "name": "plot",
+              "name": "maxZoom",
               "type": {
-                "text": "TerraPlot | undefined"
+                "text": "number"
               },
-              "attribute": "plot"
+              "default": "23",
+              "description": "Maximum zoom level of the map.",
+              "attribute": "max-zoom"
             },
             {
               "kind": "field",
-              "name": "timeSeriesData",
+              "name": "zoom",
               "type": {
-                "text": "Partial<Data>[] | Blob | undefined"
+                "text": "number"
               },
-              "attribute": "timeSeriesData"
+              "default": "1",
+              "description": "Initial map zoom level",
+              "attribute": "zoom"
             },
             {
               "kind": "field",
-              "name": "location",
+              "name": "hasNavigation",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "location"
+              "default": "false",
+              "description": "has map navigation toolbar",
+              "attribute": "has-navigation"
             },
             {
               "kind": "field",
-              "name": "startDate",
+              "name": "hasCoordTracker",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "startDate"
+              "default": "false",
+              "description": "has coordinate tracker",
+              "attribute": "has-coord-tracker"
             },
             {
               "kind": "field",
-              "name": "endDate",
+              "name": "hasShapeSelector",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "endDate"
+              "default": "false",
+              "description": "has shape selector",
+              "attribute": "has-shape-selector"
             },
             {
               "kind": "field",
-              "name": "cacheKey",
+              "name": "hideBoundingBoxSelection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "attribute": "cacheKey"
+              "attribute": "hide-bounding-box-selection"
             },
             {
               "kind": "field",
-              "name": "dataType",
+              "name": "hidePointSelection",
               "type": {
-                "text": "DataType"
+                "text": "boolean | undefined"
               },
-              "attribute": "dataType"
+              "attribute": "hide-point-selection"
             },
             {
               "kind": "field",
-              "name": "activeMenuItem",
+              "name": "value",
               "type": {
-                "text": "MenuNames"
+                "text": "any"
               },
-              "default": "null"
+              "default": "[]",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "menu",
+              "name": "mapElement",
               "type": {
-                "text": "HTMLMenuElement"
+                "text": "HTMLDivElement"
               }
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "valueChanged",
               "parameters": [
                 {
                   "name": "_oldValue",
                   "type": {
-                    "text": "MenuNames"
+                    "text": "any"
                   }
                 },
                 {
                   "name": "newValue",
                   "type": {
-                    "text": "MenuNames"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleActiveMenuItem",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleMenuLeave",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
+                    "text": "any"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "#renderInfoPanel"
-            },
-            {
-              "kind": "method",
-              "name": "#renderDownloadPanel"
-            },
-            {
-              "kind": "method",
-              "name": "#renderHelpPanel"
+              "kind": "field",
+              "name": "map",
+              "default": "new Leaflet()"
             },
             {
-              "kind": "method",
-              "name": "#renderJupyterNotebookPanel"
+              "kind": "field",
+              "name": "shapes",
+              "type": {
+                "text": "ShapeFilesResponse"
+              },
+              "description": "List of geojson shapes"
             },
             {
-              "kind": "method",
-              "name": "#handleJupyterNotebookClick"
+              "kind": "field",
+              "name": "_mapController",
+              "type": {
+                "text": "MapController"
+              },
+              "default": "new MapController(this)"
             },
             {
               "kind": "method",
-              "name": "#downloadPNG",
-              "parameters": [
-                {
-                  "name": "_event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "getDrawLayer"
             },
             {
               "kind": "method",
-              "name": "#downloadCSV",
-              "parameters": [
-                {
-                  "name": "_event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "#markDynamicLeafletContent"
             },
             {
               "kind": "method",
-              "name": "#convertToCSV",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "any[]"
-                  }
-                }
-              ]
+              "name": "selectTemplate"
             },
             {
               "kind": "method",
-              "name": "#downloadGeotiff"
+              "name": "invalidateSize"
             }
           ],
           "attributes": [
             {
-              "name": "catalogVariable",
+              "name": "min-zoom",
               "type": {
-                "text": "Variable"
+                "text": "number"
               },
-              "fieldName": "catalogVariable"
+              "default": "0",
+              "description": "Minimum zoom level of the map.",
+              "fieldName": "minZoom"
             },
             {
-              "name": "variableEntryId",
+              "name": "max-zoom",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "fieldName": "variableEntryId"
+              "default": "23",
+              "description": "Maximum zoom level of the map.",
+              "fieldName": "maxZoom"
             },
             {
-              "name": "plot",
+              "name": "zoom",
               "type": {
-                "text": "TerraPlot | undefined"
+                "text": "number"
               },
-              "fieldName": "plot"
+              "default": "1",
+              "description": "Initial map zoom level",
+              "fieldName": "zoom"
             },
             {
-              "name": "timeSeriesData",
+              "name": "has-navigation",
               "type": {
-                "text": "Partial<Data>[] | Blob | undefined"
+                "text": "boolean"
               },
-              "fieldName": "timeSeriesData"
+              "default": "false",
+              "description": "has map navigation toolbar",
+              "fieldName": "hasNavigation"
             },
             {
-              "name": "location",
+              "name": "has-coord-tracker",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "location"
+              "default": "false",
+              "description": "has coordinate tracker",
+              "fieldName": "hasCoordTracker"
             },
             {
-              "name": "startDate",
+              "name": "has-shape-selector",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "startDate"
+              "default": "false",
+              "description": "has shape selector",
+              "fieldName": "hasShapeSelector"
             },
             {
-              "name": "endDate",
+              "name": "hide-bounding-box-selection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "fieldName": "endDate"
+              "fieldName": "hideBoundingBoxSelection"
             },
             {
-              "name": "cacheKey",
+              "name": "hide-point-selection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "fieldName": "cacheKey"
+              "fieldName": "hidePointSelection"
             },
             {
-              "name": "dataType",
+              "name": "value",
               "type": {
-                "text": "DataType"
+                "text": "any"
               },
-              "fieldName": "dataType"
+              "default": "[]",
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "plot-toolbar",
-          "tagName": "terra-plot-toolbar",
+          },
+          "summary": "A map component for visualizing and selecting coordinates.",
+          "tagNameWithoutPrefix": "map",
+          "tagName": "terra-map",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/plot-toolbar\n * @status experimental\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot-toolbar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "terra-example"
-          ]
+          "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": [
@@ -4463,359 +4395,326 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlotToolbar",
-            "module": "components/plot-toolbar/plot-toolbar.js"
+            "name": "TerraMap",
+            "module": "components/map/map.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/map/map.js",
+      "path": "components/plot-toolbar/plot-toolbar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraMap",
+          "name": "TerraPlotToolbar",
+          "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": "minZoom",
+              "name": "dependencies",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "default": "0",
-              "description": "Minimum zoom level of the map.",
-              "attribute": "min-zoom"
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n    }"
             },
             {
               "kind": "field",
-              "name": "maxZoom",
+              "name": "catalogVariable",
               "type": {
-                "text": "number"
+                "text": "Variable"
               },
-              "default": "23",
-              "description": "Maximum zoom level of the map.",
-              "attribute": "max-zoom"
+              "attribute": "catalogVariable"
             },
             {
               "kind": "field",
-              "name": "zoom",
+              "name": "variableEntryId",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "Initial map zoom level",
-              "attribute": "zoom"
+              "attribute": "variableEntryId"
             },
             {
               "kind": "field",
-              "name": "hasNavigation",
+              "name": "plot",
               "type": {
-                "text": "boolean"
+                "text": "TerraPlot | undefined"
               },
-              "default": "false",
-              "description": "has map navigation toolbar",
-              "attribute": "has-navigation"
+              "attribute": "plot"
             },
             {
               "kind": "field",
-              "name": "hasCoordTracker",
+              "name": "timeSeriesData",
               "type": {
-                "text": "boolean"
+                "text": "Partial<Data>[] | Blob | undefined"
               },
-              "default": "false",
-              "description": "has coordinate tracker",
-              "attribute": "has-coord-tracker"
+              "attribute": "timeSeriesData"
             },
             {
               "kind": "field",
-              "name": "hasShapeSelector",
+              "name": "location",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "has shape selector",
-              "attribute": "has-shape-selector"
+              "attribute": "location"
             },
             {
               "kind": "field",
-              "name": "hideBoundingBoxSelection",
+              "name": "startDate",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "attribute": "hide-bounding-box-selection"
+              "attribute": "startDate"
             },
             {
               "kind": "field",
-              "name": "hidePointSelection",
+              "name": "endDate",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "attribute": "hide-point-selection"
+              "attribute": "endDate"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "cacheKey",
               "type": {
-                "text": "any"
+                "text": "string"
               },
-              "default": "[]",
-              "attribute": "value"
+              "attribute": "cacheKey"
             },
             {
               "kind": "field",
-              "name": "mapElement",
+              "name": "dataType",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "DataType"
+              },
+              "attribute": "dataType"
+            },
+            {
+              "kind": "field",
+              "name": "activeMenuItem",
+              "type": {
+                "text": "MenuNames"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "menu",
+              "type": {
+                "text": "HTMLMenuElement"
               }
             },
             {
               "kind": "method",
-              "name": "valueChanged",
+              "name": "handleFocus",
               "parameters": [
                 {
                   "name": "_oldValue",
                   "type": {
-                    "text": "any"
+                    "text": "MenuNames"
                   }
                 },
                 {
                   "name": "newValue",
                   "type": {
-                    "text": "any"
+                    "text": "MenuNames"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "map",
-              "default": "new Leaflet()"
-            },
-            {
-              "kind": "field",
-              "name": "shapes",
-              "type": {
-                "text": "ShapeFilesResponse"
-              },
-              "description": "List of geojson shapes"
+              "kind": "method",
+              "name": "#handleActiveMenuItem",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_mapController",
-              "type": {
-                "text": "MapController"
-              },
-              "default": "new MapController(this)"
+              "kind": "method",
+              "name": "#handleMenuLeave",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getDrawLayer"
+              "name": "#renderInfoPanel"
             },
             {
               "kind": "method",
-              "name": "#markDynamicLeafletContent"
+              "name": "#renderDownloadPanel"
             },
             {
               "kind": "method",
-              "name": "selectTemplate"
+              "name": "#renderHelpPanel"
             },
             {
               "kind": "method",
-              "name": "invalidateSize"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "min-zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum zoom level of the map.",
-              "fieldName": "minZoom"
+              "name": "#renderJupyterNotebookPanel"
             },
             {
-              "name": "max-zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "23",
-              "description": "Maximum zoom level of the map.",
-              "fieldName": "maxZoom"
+              "kind": "method",
+              "name": "#handleJupyterNotebookClick"
             },
             {
-              "name": "zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Initial map zoom level",
-              "fieldName": "zoom"
+              "kind": "method",
+              "name": "#downloadPNG",
+              "parameters": [
+                {
+                  "name": "_event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "name": "has-navigation",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "has map navigation toolbar",
-              "fieldName": "hasNavigation"
+              "kind": "method",
+              "name": "#downloadCSV",
+              "parameters": [
+                {
+                  "name": "_event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "name": "has-coord-tracker",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "#convertToCSV",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "default": "false",
-              "description": "has coordinate tracker",
-              "fieldName": "hasCoordTracker"
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "any[]"
+                  }
+                }
+              ]
             },
             {
-              "name": "has-shape-selector",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "has shape selector",
-              "fieldName": "hasShapeSelector"
-            },
+              "kind": "method",
+              "name": "#downloadGeotiff"
+            }
+          ],
+          "attributes": [
             {
-              "name": "hide-bounding-box-selection",
+              "name": "catalogVariable",
               "type": {
-                "text": "boolean | undefined"
+                "text": "Variable"
               },
-              "fieldName": "hideBoundingBoxSelection"
+              "fieldName": "catalogVariable"
             },
             {
-              "name": "hide-point-selection",
+              "name": "variableEntryId",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "fieldName": "hidePointSelection"
+              "fieldName": "variableEntryId"
             },
             {
-              "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/skeleton/skeleton.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraSkeleton",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
+              "name": "plot",
               "type": {
-                "text": "object"
+                "text": "TerraPlot | undefined"
               },
-              "static": true,
-              "default": "{\n        'sl-skeleton': SlSkeleton,\n    }"
+              "fieldName": "plot"
             },
             {
-              "kind": "field",
-              "name": "rows",
+              "name": "timeSeriesData",
               "type": {
-                "text": "number"
+                "text": "Partial<Data>[] | Blob | undefined"
               },
-              "default": "1",
-              "attribute": "rows"
+              "fieldName": "timeSeriesData"
             },
             {
-              "kind": "field",
-              "name": "effect",
+              "name": "location",
               "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
+                "text": "string"
               },
-              "default": "'pulse'",
-              "attribute": "effect"
+              "fieldName": "location"
             },
             {
-              "kind": "field",
-              "name": "variableWidths",
+              "name": "startDate",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "attribute": "variableWidths",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "fieldName": "startDate"
+            },
             {
-              "name": "rows",
+              "name": "endDate",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "fieldName": "rows"
+              "fieldName": "endDate"
             },
             {
-              "name": "effect",
+              "name": "cacheKey",
               "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
+                "text": "string"
               },
-              "default": "'pulse'",
-              "fieldName": "effect"
+              "fieldName": "cacheKey"
             },
             {
-              "name": "variableWidths",
+              "name": "dataType",
               "type": {
-                "text": "boolean"
+                "text": "DataType"
               },
-              "default": "true",
-              "fieldName": "variableWidths"
+              "fieldName": "dataType"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Skeletons are loading indicators to represent where content will eventually be drawn.",
-          "tagNameWithoutPrefix": "skeleton",
-          "tagName": "terra-skeleton",
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "plot-toolbar",
+          "tagName": "terra-plot-toolbar",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Skeletons are loading indicators to represent where content will eventually be drawn.\n * @documentation https://disc.gsfc.nasa.gov/components/skeleton\n * @status experimental\n * @since 1.0\n *\n * @dependency sl-skeleton\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/skeleton",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/plot-toolbar\n * @status experimental\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/plot-toolbar",
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
-            "sl-skeleton"
+            "terra-example"
           ]
         }
       ],
@@ -4824,8 +4723,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraSkeleton",
-            "module": "components/skeleton/skeleton.js"
+            "name": "TerraPlotToolbar",
+            "module": "components/plot-toolbar/plot-toolbar.js"
           }
         }
       ]
@@ -5232,135 +5131,92 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/plot/plot.js",
+      "path": "components/skeleton/skeleton.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraPlot",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
+          "name": "TerraSkeleton",
           "members": [
             {
               "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeObserver"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "PlotlyHTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "plotTitle",
+              "name": "dependencies",
               "type": {
-                "text": "string | undefined"
+                "text": "object"
               },
-              "attribute": "plotTitle"
+              "static": true,
+              "default": "{\n        'sl-skeleton': SlSkeleton,\n    }"
             },
             {
               "kind": "field",
-              "name": "layout",
+              "name": "rows",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "number"
               },
-              "default": "{}",
-              "attribute": "layout"
+              "default": "1",
+              "attribute": "rows"
             },
             {
               "kind": "field",
-              "name": "config",
+              "name": "effect",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "'pulse' | 'sheen' | 'none'"
               },
-              "default": "{}",
-              "attribute": "config"
+              "default": "'pulse'",
+              "attribute": "effect"
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "variableWidths",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "boolean"
               },
-              "default": "[]",
-              "attribute": "data"
-            },
-            {
-              "kind": "method",
-              "name": "handleDataChange"
-            },
-            {
-              "kind": "method",
-              "name": "updatePlotWithData"
-            },
-            {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PlotRelayoutEvent"
-                  }
-                }
-              ]
+              "default": "true",
+              "attribute": "variableWidths",
+              "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "plotTitle",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "plotTitle"
-            },
-            {
-              "name": "layout",
+              "name": "rows",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "number"
               },
-              "default": "{}",
-              "fieldName": "layout"
+              "default": "1",
+              "fieldName": "rows"
             },
             {
-              "name": "config",
+              "name": "effect",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "'pulse' | 'sheen' | 'none'"
               },
-              "default": "{}",
-              "fieldName": "config"
+              "default": "'pulse'",
+              "fieldName": "effect"
             },
             {
-              "name": "data",
+              "name": "variableWidths",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "boolean"
               },
-              "default": "[]",
-              "fieldName": "data"
+              "default": "true",
+              "fieldName": "variableWidths"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A web component for interactive graphs using Plotly.js.",
-          "tagNameWithoutPrefix": "plot",
-          "tagName": "terra-plot",
+          "summary": "Skeletons are loading indicators to represent where content will eventually be drawn.",
+          "tagNameWithoutPrefix": "skeleton",
+          "tagName": "terra-skeleton",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
+          "jsDoc": "/**\n * @summary Skeletons are loading indicators to represent where content will eventually be drawn.\n * @documentation https://disc.gsfc.nasa.gov/components/skeleton\n * @status experimental\n * @since 1.0\n *\n * @dependency sl-skeleton\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/skeleton",
           "status": "experimental",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "sl-skeleton"
+          ]
         }
       ],
       "exports": [
@@ -5368,8 +5224,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
+            "name": "TerraSkeleton",
+            "module": "components/skeleton/skeleton.js"
           }
         }
       ]
@@ -5511,6 +5367,11 @@
               "privacy": "private",
               "default": "new GiovanniVariableCatalog()"
             },
+            {
+              "kind": "field",
+              "name": "_authController",
+              "default": "new AuthController(this)"
+            },
             {
               "kind": "field",
               "name": "#map",
@@ -5950,21 +5811,17 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-combobox/variable-combobox.js",
+      "path": "components/variable-keyword-search/variable-keyword-search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableCombobox",
+          "name": "TerraVariableKeywordSearch",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -6014,7 +5871,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-combobox'"
+              "default": "'terra-variable-keyword-search'"
             },
             {
               "kind": "field",
@@ -6038,18 +5895,7 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "type": {
-                "text": "FetchController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#searchableList",
-              "privacy": "private",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+              "default": "new FetchController(this)"
             },
             {
               "kind": "field",
@@ -6078,22 +5924,13 @@
               },
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "#tagContainer",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLDivElement | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -6106,38 +5943,25 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
-            {
-              "kind": "field",
-              "name": "hideHelp",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label",
-              "reflects": true
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "useTags",
+              "name": "searchConfig",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "attribute": "use-tags",
-              "reflects": true
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "attribute": "searchConfig"
             },
             {
               "kind": "field",
@@ -6145,18 +5969,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "attribute": "value"
             },
-            {
-              "kind": "field",
-              "name": "bearerToken",
-              "type": {
-                "text": "string"
-              },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "attribute": "bearer-token"
-            },
             {
               "kind": "field",
               "name": "isExpanded",
@@ -6177,28 +5991,12 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "tags",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "tagContainerWidth",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "_oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -6209,8 +6007,7 @@
                     "text": "string"
                   }
                 }
-              ],
-              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
+              ]
             },
             {
               "kind": "method",
@@ -6224,16 +6021,6 @@
               "kind": "method",
               "name": "toggle"
             },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -6261,29 +6048,33 @@
             },
             {
               "kind": "method",
-              "name": "#renderTags",
+              "name": "#handleSearch",
               "parameters": [
                 {
-                  "name": "tag",
+                  "name": "query",
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "_index",
-                  "type": {
-                    "text": "number"
-                  }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-combobox-change",
-              "reactName": "onTerraComboboxChange",
-              "eventName": "TerraComboboxChangeEvent"
+              "name": "terra-variable-keyword-search-change",
+              "reactName": "onTerraVariableKeywordSearchChange",
+              "eventName": "TerraVariableKeywordSearchChangeEvent"
+            },
+            {
+              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
+              "name": "terra-search",
+              "reactName": "onTerraSearch",
+              "eventName": "TerraSearchEvent"
             }
           ],
           "attributes": [
@@ -6292,7 +6083,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Search for Variables'",
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -6305,60 +6096,186 @@
               "fieldName": "placeholder"
             },
             {
-              "name": "hide-help",
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
+            },
+            {
+              "name": "searchConfig",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "fieldName": "searchConfig"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-keyword-search",
+          "tagName": "terra-variable-keyword-search",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/giovanni-serch",
+          "status": "MVP",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraVariableKeywordSearch",
+            "module": "components/variable-keyword-search/variable-keyword-search.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/plot/plot.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraPlot",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "PlotlyHTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "plotTitle"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "Partial<Layout> | undefined"
+              },
+              "default": "{}",
+              "attribute": "layout"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "Partial<Config> | undefined"
+              },
+              "default": "{}",
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
               "type": {
-                "text": "boolean"
+                "text": "Array<Partial<Data>>"
               },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
+              "default": "[]",
+              "attribute": "data"
             },
             {
-              "name": "hide-label",
+              "kind": "method",
+              "name": "handleDataChange"
+            },
+            {
+              "kind": "method",
+              "name": "updatePlotWithData"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PlotRelayoutEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "plotTitle",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "fieldName": "plotTitle"
             },
             {
-              "name": "use-tags",
+              "name": "layout",
               "type": {
-                "text": "boolean"
+                "text": "Partial<Layout> | undefined"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "fieldName": "useTags"
+              "default": "{}",
+              "fieldName": "layout"
             },
             {
-              "name": "value",
+              "name": "config",
               "type": {
-                "text": "string"
+                "text": "Partial<Config> | undefined"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-              "fieldName": "value"
+              "default": "{}",
+              "fieldName": "config"
             },
             {
-              "name": "bearer-token",
+              "name": "data",
               "type": {
-                "text": "string"
+                "text": "Array<Partial<Data>>"
               },
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "fieldName": "bearerToken"
+              "default": "[]",
+              "fieldName": "data"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-combobox",
-          "tagName": "terra-variable-combobox",
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/variable-combobox",
-          "status": "MVP",
+          "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"
         }
       ],
@@ -6367,25 +6284,29 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableCombobox",
-            "module": "components/variable-combobox/variable-combobox.js"
+            "name": "TerraPlot",
+            "module": "components/plot/plot.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-keyword-search/variable-keyword-search.js",
+      "path": "components/variable-combobox/variable-combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableKeywordSearch",
+          "name": "TerraVariableCombobox",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
+            {
+              "description": "The height of the search help element.",
+              "name": "--help-height"
+            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -6435,7 +6356,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-keyword-search'"
+              "default": "'terra-variable-combobox'"
             },
             {
               "kind": "field",
@@ -6459,7 +6380,18 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "default": "new FetchController(this)"
+              "type": {
+                "text": "FetchController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#searchableList",
+              "privacy": "private",
+              "type": {
+                "text": "ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -6488,13 +6420,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "#tagContainer",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLDivElement | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -6507,25 +6448,38 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "hideHelp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "attribute": "hide-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "searchConfig",
+              "name": "useTags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "attribute": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "attribute": "use-tags",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6533,8 +6487,18 @@
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "attribute": "bearer-token"
+            },
             {
               "kind": "field",
               "name": "isExpanded",
@@ -6555,12 +6519,28 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "tags",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tagContainerWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "_oldValue",
+                  "name": "oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -6571,7 +6551,8 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
             },
             {
               "kind": "method",
@@ -6585,6 +6566,16 @@
               "kind": "method",
               "name": "toggle"
             },
+            {
+              "kind": "field",
+              "name": "#dispatchChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -6612,33 +6603,29 @@
             },
             {
               "kind": "method",
-              "name": "#handleSearch",
+              "name": "#renderTags",
               "parameters": [
                 {
-                  "name": "query",
+                  "name": "tag",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "_index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-variable-keyword-search-change",
-              "reactName": "onTerraVariableKeywordSearchChange",
-              "eventName": "TerraVariableKeywordSearchChangeEvent"
-            },
-            {
-              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
-              "name": "terra-search",
-              "reactName": "onTerraSearch",
-              "eventName": "TerraSearchEvent"
+              "name": "terra-combobox-change",
+              "reactName": "onTerraComboboxChange",
+              "eventName": "TerraComboboxChangeEvent"
             }
           ],
           "attributes": [
@@ -6647,7 +6634,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -6659,42 +6646,60 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "hide-help",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
+            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "searchConfig",
+              "name": "use-tags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "fieldName": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "fieldName": "useTags"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
+            },
+            {
+              "name": "bearer-token",
+              "type": {
+                "text": "string"
+              },
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-keyword-search",
-          "tagName": "terra-variable-keyword-search",
+          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-combobox",
+          "tagName": "terra-variable-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/giovanni-serch",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/variable-combobox",
           "status": "MVP",
           "since": "1.0"
         }
@@ -6704,8 +6709,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableKeywordSearch",
-            "module": "components/variable-keyword-search/variable-keyword-search.js"
+            "name": "TerraVariableCombobox",
+            "module": "components/variable-combobox/variable-combobox.js"
           }
         }
       ]
@@ -6714,7 +6719,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.62",
+    "version": "0.0.63",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"