@nasa-terra/components 0.0.165 → 0.0.166

package/cdn/types/vue/index.d.ts

@@ -3,12 +3,12 @@ import type { DefineComponent } from "vue";
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
-import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraButtonGroup } from "../../components/button-group/button-group.component.js";
+import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraCaption } from "../../components/caption/caption.component.js";
 import type { TerraCard } from "../../components/card/card.component.js";
 import type { TerraCheckbox } from "../../components/checkbox/checkbox.component.js";
@@ -22,8 +22,8 @@ import type { TerraDataSubsetterHistory } from "../../components/data-subsetter-
 import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
 import type { TerraDialog } from "../../components/dialog/dialog.component.js";
-import type { TerraDivider } from "../../components/divider/divider.component.js";
 import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
+import type { TerraDivider } from "../../components/divider/divider.component.js";
 import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
@@ -35,33 +35,33 @@ import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
+import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
+import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
-import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
 import type { TerraStepper } from "../../components/stepper/stepper.component.js";
+import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
+import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
-import type { TerraTag } from "../../components/tag/tag.component.js";
-import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
-import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
+import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
 import type { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
-import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
+import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
 type TerraAccordionProps = {
@@ -124,6 +124,14 @@ type TerraAvatarProps = {
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
+type TerraBreadcrumbProps = {
+  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
+  href?: TerraBreadcrumb["href"];
+  /** Indicates that this breadcrumb represents the current page.
+When set, `aria-current="page"` will be applied to the underlying element. */
+  current?: TerraBreadcrumb["current"];
+};
+
 type TerraBadgeProps = {
   /** The badge's theme variant. */
   variant?: TerraBadge["variant"];
@@ -133,14 +141,6 @@ type TerraBadgeProps = {
   pulse?: TerraBadge["pulse"];
 };
 
-type TerraBreadcrumbProps = {
-  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
-  href?: TerraBreadcrumb["href"];
-  /** Indicates that this breadcrumb represents the current page.
-When set, `aria-current="page"` will be applied to the underlying element. */
-  current?: TerraBreadcrumb["current"];
-};
-
 type TerraBreadcrumbsProps = {
   /** Accessible label for the breadcrumb navigation. */
   "aria-label"?: TerraBreadcrumbs["ariaLabel"];
@@ -148,22 +148,6 @@ type TerraBreadcrumbsProps = {
   theme?: TerraBreadcrumbs["theme"];
 };
 
-type TerraBrowseVariablesProps = {
-  /** Allows the user to switch the catalog between different providers
-TODO: add support for CMR catalog and make it the default */
-  catalog?: TerraBrowseVariables["catalog"];
-  /**  */
-  "selected-variable-entry-ids"?: TerraBrowseVariables["selectedVariableEntryIds"];
-  /**  */
-  searchQuery?: TerraBrowseVariables["searchQuery"];
-  /**  */
-  selectedFacets?: TerraBrowseVariables["selectedFacets"];
-  /**  */
-  selectedVariables?: TerraBrowseVariables["selectedVariables"];
-  /**  */
-  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
-};
-
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -247,6 +231,22 @@ devices when interacting with the control and is strongly recommended. */
   disableRole?: TerraButtonGroup["disableRole"];
 };
 
+type TerraBrowseVariablesProps = {
+  /** Allows the user to switch the catalog between different providers
+TODO: add support for CMR catalog and make it the default */
+  catalog?: TerraBrowseVariables["catalog"];
+  /**  */
+  "selected-variable-entry-ids"?: TerraBrowseVariables["selectedVariableEntryIds"];
+  /**  */
+  searchQuery?: TerraBrowseVariables["searchQuery"];
+  /**  */
+  selectedFacets?: TerraBrowseVariables["selectedFacets"];
+  /**  */
+  selectedVariables?: TerraBrowseVariables["selectedVariables"];
+  /**  */
+  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
+};
+
 type TerraCaptionProps = {};
 
 type TerraCardProps = {};
@@ -587,6 +587,10 @@ type TerraDatePickerProps = {
   /** The ARIA label for the date picker. Defaults to 'Date picker'. */
   "aria-label"?: TerraDatePicker["ariaLabel"];
   /**  */
+  hideClearAll?: TerraDatePicker["hideClearAll"];
+  /**  */
+  clearAllLabel?: TerraDatePicker["clearAllLabel"];
+  /**  */
   isOpen?: TerraDatePicker["isOpen"];
   /**  */
   leftMonth?: TerraDatePicker["leftMonth"];
@@ -677,11 +681,6 @@ accessible way for users to dismiss the dialog. */
   onTerraDialogRequestClose?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
 };
 
-type TerraDividerProps = {
-  /** Draws the divider in a vertical orientation. */
-  vertical?: TerraDivider["vertical"];
-};
-
 type TerraDropdownProps = {
   /** Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
 can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state. */
@@ -724,6 +723,11 @@ components that use a dropdown internally. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
+type TerraDividerProps = {
+  /** Draws the divider in a vertical orientation. */
+  vertical?: TerraDivider["vertical"];
+};
+
 type TerraEarthdataLoginProps = {
   /** The message to show when the user is logged in
 You can use the following placeholders:
@@ -1029,72 +1033,6 @@ type TerraPaginationProps = {
   onTerraPageChange?: (e: CustomEvent<never>) => void;
 };
 
-type TerraPlotToolbarProps = {
-  /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
-  /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
-  /**  */
-  opacity?: TerraPlotToolbar["opacity"];
-  /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraPlotToolbar["applicationCitation"];
-  /**  */
-  "mobile-view"?: TerraPlotToolbar["mobileView"];
-  /**  */
-  "product-label"?: TerraPlotToolbar["productLabel"];
-  /**  */
-  hideTitle?: TerraPlotToolbar["hideTitle"];
-  /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
-  /**  */
-  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
-  /**  */
-  locationMapValue?: TerraPlotToolbar["locationMapValue"];
-  /**  */
-  menu?: TerraPlotToolbar["menu"];
-  /**  */
-  _authController?: TerraPlotToolbar["_authController"];
-};
-
-type TerraPlotProps = {
-  /**  */
-  plotTitle?: TerraPlot["plotTitle"];
-  /**  */
-  layout?: TerraPlot["layout"];
-  /**  */
-  config?: TerraPlot["config"];
-  /**  */
-  data?: TerraPlot["data"];
-  /** Optional: Colors to assign to each time series line */
-  colors?: TerraPlot["colors"];
-  /**  */
-  base?: TerraPlot["base"];
-};
-
 type TerraPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -1170,6 +1108,72 @@ active. */
   onTerraReposition?: (e: CustomEvent<never>) => void;
 };
 
+type TerraPlotProps = {
+  /**  */
+  plotTitle?: TerraPlot["plotTitle"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
+type TerraPlotToolbarProps = {
+  /**  */
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
+  /**  */
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
+  /**  */
+  plot?: TerraPlotToolbar["plot"];
+  /**  */
+  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
+  /**  */
+  location?: TerraPlotToolbar["location"];
+  /**  */
+  startDate?: TerraPlotToolbar["startDate"];
+  /**  */
+  endDate?: TerraPlotToolbar["endDate"];
+  /**  */
+  cacheKey?: TerraPlotToolbar["cacheKey"];
+  /**  */
+  dataType?: TerraPlotToolbar["dataType"];
+  /**  */
+  "show-location"?: TerraPlotToolbar["showLocation"];
+  /**  */
+  "show-date-range"?: TerraPlotToolbar["showDateRange"];
+  /**  */
+  colormaps?: TerraPlotToolbar["colormaps"];
+  /**  */
+  "color-map-name"?: TerraPlotToolbar["colorMapName"];
+  /**  */
+  opacity?: TerraPlotToolbar["opacity"];
+  /**  */
+  "show-citation"?: TerraPlotToolbar["showCitation"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraPlotToolbar["applicationCitation"];
+  /**  */
+  "mobile-view"?: TerraPlotToolbar["mobileView"];
+  /**  */
+  "product-label"?: TerraPlotToolbar["productLabel"];
+  /**  */
+  hideTitle?: TerraPlotToolbar["hideTitle"];
+  /**  */
+  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  /**  */
+  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
+  /**  */
+  locationMapValue?: TerraPlotToolbar["locationMapValue"];
+  /**  */
+  menu?: TerraPlotToolbar["menu"];
+  /**  */
+  _authController?: TerraPlotToolbar["_authController"];
+};
+
 type TerraProgressBarProps = {
   /** The current progress as a percentage, 0 to 100. */
   value?: TerraProgressBar["value"];
@@ -1362,6 +1366,11 @@ be an array. **For this reason, values must not contain spaces.** */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
+type TerraSiteNavigationProps = {
+  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
+  "full-width"?: TerraSiteNavigation["fullWidth"];
+};
+
 type TerraSiteHeaderProps = {
   /** The default site name displayed in the title slot if no content is provided. */
   "site-name"?: TerraSiteHeader["siteName"];
@@ -1462,11 +1471,6 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
-type TerraSiteNavigationProps = {
-  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
-  "full-width"?: TerraSiteNavigation["fullWidth"];
-};
-
 type TerraStatusIndicatorProps = {
   /** The status variant. Determines the color of the indicator dot. */
   variant?: TerraStatusIndicator["variant"];
@@ -1482,47 +1486,21 @@ The condensed variant uses colored bars to represent each step and is useful whe
   defaultSlot?: TerraStepper["defaultSlot"];
 };
 
-type TerraTabProps = {
-  /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
-  panel?: TerraTab["panel"];
-  /** Draws the tab in an active state. */
-  active?: TerraTab["active"];
-  /** Makes the tab closable and shows a close button. */
-  closable?: TerraTab["closable"];
-  /** Disables the tab and prevents selection. */
-  disabled?: TerraTab["disabled"];
-  /** The tab's size. Inherits from the parent tabs component if not specified. */
-  size?: TerraTab["size"];
-  /**  */
-  tab?: TerraTab["tab"];
-  /** Emitted when the tab is closable and the close button is activated. */
-  onTerraClose?: (e: CustomEvent<never>) => void;
+type TerraStepperStepProps = {
+  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
+and "upcoming" shows the step as not yet reached. */
+  state?: TerraStepperStep["state"];
+  /** The step's title. Should be short, preferably 1-2 words. */
+  title?: TerraStepperStep["title"];
+  /** When true, hides the checkmark icon for completed steps. */
+  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
 };
 
-type TerraTabsProps = {
-  /** The placement of the tabs. */
-  placement?: TerraTabs["placement"];
-  /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
-manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
-  activation?: TerraTabs["activation"];
-  /** Disables the scroll arrows that appear when tabs overflow. */
-  "no-scroll-controls"?: TerraTabs["noScrollControls"];
-  /** Prevent scroll buttons from being hidden when inactive. */
-  "fixed-scroll-controls"?: TerraTabs["fixedScrollControls"];
-  /** The size of the tabs. Can be overridden by individual tab components. */
-  size?: TerraTabs["size"];
-  /**  */
-  tabsElement?: TerraTabs["tabsElement"];
-  /**  */
-  body?: TerraTabs["body"];
-  /**  */
-  nav?: TerraTabs["nav"];
-  /**  */
-  indicator?: TerraTabs["indicator"];
-  /** Emitted when a tab is shown. */
-  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
-  /** Emitted when a tab is hidden. */
-  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
+type TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
 };
 
 type TerraTagProps = {
@@ -1545,71 +1523,47 @@ type TerraTagProps = {
   onTerraClick?: (e: CustomEvent<never>) => void;
 };
 
-type TerraStepperStepProps = {
-  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
-and "upcoming" shows the step as not yet reached. */
-  state?: TerraStepperStep["state"];
-  /** The step's title. Should be short, preferably 1-2 words. */
-  title?: TerraStepperStep["title"];
-  /** When true, hides the checkmark icon for completed steps. */
-  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
+type TerraTabProps = {
+  /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
+  panel?: TerraTab["panel"];
+  /** Draws the tab in an active state. */
+  active?: TerraTab["active"];
+  /** Makes the tab closable and shows a close button. */
+  closable?: TerraTab["closable"];
+  /** Disables the tab and prevents selection. */
+  disabled?: TerraTab["disabled"];
+  /** The tab's size. Inherits from the parent tabs component if not specified. */
+  size?: TerraTab["size"];
+  /**  */
+  tab?: TerraTab["tab"];
+  /** Emitted when the tab is closable and the close button is activated. */
+  onTerraClose?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTextareaProps = {
-  /**  */
-  name?: TerraTextarea["name"];
-  /**  */
-  value?: TerraTextarea["value"];
-  /**  */
-  placeholder?: TerraTextarea["placeholder"];
-  /**  */
-  disabled?: TerraTextarea["disabled"];
-  /**  */
-  readonly?: TerraTextarea["readonly"];
-  /**  */
-  required?: TerraTextarea["required"];
-  /**  */
-  autocomplete?: TerraTextarea["autocomplete"];
-  /**  */
-  minlength?: TerraTextarea["minlength"];
-  /**  */
-  maxlength?: TerraTextarea["maxlength"];
-  /**  */
-  rows?: TerraTextarea["rows"];
-  /**  */
-  cols?: TerraTextarea["cols"];
-  /**  */
-  label?: TerraTextarea["label"];
-  /**  */
-  "hide-label"?: TerraTextarea["hideLabel"];
+type TerraTabsProps = {
+  /** The placement of the tabs. */
+  placement?: TerraTabs["placement"];
+  /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
+manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
+  activation?: TerraTabs["activation"];
+  /** Disables the scroll arrows that appear when tabs overflow. */
+  "no-scroll-controls"?: TerraTabs["noScrollControls"];
+  /** Prevent scroll buttons from being hidden when inactive. */
+  "fixed-scroll-controls"?: TerraTabs["fixedScrollControls"];
+  /** The size of the tabs. Can be overridden by individual tab components. */
+  size?: TerraTabs["size"];
   /**  */
-  "help-text"?: TerraTextarea["helpText"];
+  tabsElement?: TerraTabs["tabsElement"];
   /**  */
-  resize?: TerraTextarea["resize"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: TerraTextarea["form"];
+  body?: TerraTabs["body"];
   /**  */
-  textarea?: TerraTextarea["textarea"];
+  nav?: TerraTabs["nav"];
   /**  */
-  hasFocus?: TerraTextarea["hasFocus"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultValue?: TerraTextarea["defaultValue"];
-  /** Gets the validity state object */
-  validity?: TerraTextarea["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraTextarea["validationMessage"];
-  /** Emitted when the textarea receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
-  /** Emitted when an alteration to the control's value is committed by the user. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the textarea gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
-  /** Emitted when the textarea loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
-  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  indicator?: TerraTabs["indicator"];
+  /** Emitted when a tab is shown. */
+  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
+  /** Emitted when a tab is hidden. */
+  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
 };
 
 type TerraTimeAverageMapProps = {
@@ -1665,13 +1619,6 @@ type TerraTimeAverageMapProps = {
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
-type TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
-};
-
 type TerraTimeSeriesProps = {
   /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
   "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
@@ -1725,6 +1672,63 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTextareaProps = {
+  /**  */
+  name?: TerraTextarea["name"];
+  /**  */
+  value?: TerraTextarea["value"];
+  /**  */
+  placeholder?: TerraTextarea["placeholder"];
+  /**  */
+  disabled?: TerraTextarea["disabled"];
+  /**  */
+  readonly?: TerraTextarea["readonly"];
+  /**  */
+  required?: TerraTextarea["required"];
+  /**  */
+  autocomplete?: TerraTextarea["autocomplete"];
+  /**  */
+  minlength?: TerraTextarea["minlength"];
+  /**  */
+  maxlength?: TerraTextarea["maxlength"];
+  /**  */
+  rows?: TerraTextarea["rows"];
+  /**  */
+  cols?: TerraTextarea["cols"];
+  /**  */
+  label?: TerraTextarea["label"];
+  /**  */
+  "hide-label"?: TerraTextarea["hideLabel"];
+  /**  */
+  "help-text"?: TerraTextarea["helpText"];
+  /**  */
+  resize?: TerraTextarea["resize"];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  form?: TerraTextarea["form"];
+  /**  */
+  textarea?: TerraTextarea["textarea"];
+  /**  */
+  hasFocus?: TerraTextarea["hasFocus"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultValue?: TerraTextarea["defaultValue"];
+  /** Gets the validity state object */
+  validity?: TerraTextarea["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraTextarea["validationMessage"];
+  /** Emitted when the textarea receives input. */
+  onTerraInput?: (e: CustomEvent<never>) => void;
+  /** Emitted when an alteration to the control's value is committed by the user. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the textarea gains focus. */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
+  /** Emitted when the textarea loses focus. */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
+  onTerraInvalid?: (e: CustomEvent<never>) => void;
+};
+
 type TerraToastProps = {
   /** The toast's theme variant. */
   variant?: TerraToast["variant"];
@@ -1789,41 +1793,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraVariableComboboxProps = {
-  /** Label the combobox with this. */
-  label?: TerraVariableCombobox["label"];
-  /** Set a placeholder for the combobox with this.
-Defaults to the label's value. */
-  placeholder?: TerraVariableCombobox["placeholder"];
-  /** Hide the combobox's help text.
-When hidden, not rendered at all. */
-  "hide-help"?: TerraVariableCombobox["hideHelp"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraVariableCombobox["hideLabel"];
-  /** Determines if the variable combobox uses tags or plain text to display the query. */
-  "use-tags"?: TerraVariableCombobox["useTags"];
-  /** Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.
-Other components (like the time-series graphing component) will use this. */
-  value?: TerraVariableCombobox["value"];
-  /** The token to be used for authentication with remote servers.
-The component provides the header "Authorization: Bearer" (the request header and authentication scheme).
-The property's value will be inserted after "Bearer" (the authentication scheme). */
-  "bearer-token"?: TerraVariableCombobox["bearerToken"];
-  /**  */
-  isExpanded?: TerraVariableCombobox["isExpanded"];
-  /**  */
-  query?: TerraVariableCombobox["query"];
-  /**  */
-  searchResults?: TerraVariableCombobox["searchResults"];
-  /**  */
-  tags?: TerraVariableCombobox["tags"];
-  /**  */
-  tagContainerWidth?: TerraVariableCombobox["tagContainerWidth"];
-  /** Emitted when an option is selected. */
-  onTerraComboboxChange?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTooltipProps = {
   /** The tooltip or popover content. If you need to display HTML, use the `content` slot instead. */
   content?: TerraTooltip["content"];
@@ -1865,6 +1834,41 @@ scenarios. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
+type TerraVariableComboboxProps = {
+  /** Label the combobox with this. */
+  label?: TerraVariableCombobox["label"];
+  /** Set a placeholder for the combobox with this.
+Defaults to the label's value. */
+  placeholder?: TerraVariableCombobox["placeholder"];
+  /** Hide the combobox's help text.
+When hidden, not rendered at all. */
+  "hide-help"?: TerraVariableCombobox["hideHelp"];
+  /** Hide the combobox's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraVariableCombobox["hideLabel"];
+  /** Determines if the variable combobox uses tags or plain text to display the query. */
+  "use-tags"?: TerraVariableCombobox["useTags"];
+  /** Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.
+Other components (like the time-series graphing component) will use this. */
+  value?: TerraVariableCombobox["value"];
+  /** The token to be used for authentication with remote servers.
+The component provides the header "Authorization: Bearer" (the request header and authentication scheme).
+The property's value will be inserted after "Bearer" (the authentication scheme). */
+  "bearer-token"?: TerraVariableCombobox["bearerToken"];
+  /**  */
+  isExpanded?: TerraVariableCombobox["isExpanded"];
+  /**  */
+  query?: TerraVariableCombobox["query"];
+  /**  */
+  searchResults?: TerraVariableCombobox["searchResults"];
+  /**  */
+  tags?: TerraVariableCombobox["tags"];
+  /**  */
+  tagContainerWidth?: TerraVariableCombobox["tagContainerWidth"];
+  /** Emitted when an option is selected. */
+  onTerraComboboxChange?: (e: CustomEvent<never>) => void;
+};
+
 type TerraVariableKeywordSearchProps = {
   /** Label the combobox with this. */
   label?: TerraVariableKeywordSearch["label"];
@@ -1955,19 +1959,6 @@ export type CustomElements = {
    */
   "terra-avatar": DefineComponent<TerraAvatarProps>;
 
-  /**
-   * Badges are used to draw attention and display statuses or counts.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-badge": DefineComponent<TerraBadgeProps>;
-
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
@@ -1988,6 +1979,19 @@ export type CustomElements = {
    */
   "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
+  /**
+   * Badges are used to draw attention and display statuses or counts.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The badge's content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-badge": DefineComponent<TerraBadgeProps>;
+
   /**
    * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
    * ---
@@ -2005,13 +2009,6 @@ export type CustomElements = {
    */
   "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
-  /**
-   * Browse through the NASA CMR or Giovanni catalogs.
-   * ---
-   *
-   */
-  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
-
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -2058,6 +2055,13 @@ export type CustomElements = {
    */
   "terra-button-group": DefineComponent<TerraButtonGroupProps>;
 
+  /**
+   * Browse through the NASA CMR or Giovanni catalogs.
+   * ---
+   *
+   */
+  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
+
   /**
    * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
    * ---
@@ -2253,6 +2257,9 @@ export type CustomElements = {
    * ### **Events:**
    *  - **terra-date-range-change** - Emitted when a date selection is made or changed.
    *
+   * ### **Methods:**
+   *  - **clear()** - Clears the selected date(s) and resets the date picker to its initial state.
+   *
    * ### **Slots:**
    *  - _default_ - The default slot.
    *
@@ -2327,18 +2334,6 @@ export type CustomElements = {
    */
   "terra-dialog": DefineComponent<TerraDialogProps>;
 
-  /**
-   * Dividers are used to visually separate or group elements.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-divider-color** - The color of the divider. _(default: undefined)_
-   * - **--terra-divider-width** - The width of the divider. _(default: undefined)_
-   * - **--terra-divider-spacing** - The spacing of the divider. _(default: undefined)_
-   */
-  "terra-divider": DefineComponent<TerraDividerProps>;
-
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2368,6 +2363,18 @@ export type CustomElements = {
    */
   "terra-dropdown": DefineComponent<TerraDropdownProps>;
 
+  /**
+   * Dividers are used to visually separate or group elements.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-divider-color** - The color of the divider. _(default: undefined)_
+   * - **--terra-divider-width** - The width of the divider. _(default: undefined)_
+   * - **--terra-divider-spacing** - The spacing of the divider. _(default: undefined)_
+   */
+  "terra-divider": DefineComponent<TerraDividerProps>;
+
   /**
    * A form that logs in to Earthdata Login (EDL)
    * ---
@@ -2574,54 +2581,27 @@ export type CustomElements = {
    *  - **terra-page-change** - Emitted when the page changes.
    *
    * ### **Slots:**
-   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_
-   * - **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_
-   * - **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_
-   * - **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_
-   * - **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_
-   * - **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
-   * - **button** - The page button elements.
-   * - **button-current** - The current page button.
-   * - **ellipsis** - The ellipsis element.
-   * - **prev** - The previous button.
-   * - **next** - The next button.
-   * - **slot** - The right-side slot container.
-   */
-  "terra-pagination": DefineComponent<TerraPaginationProps>;
-
-  /**
-   * Short summary of the component's intended use.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
-
-  /**
-   * A web component for interactive graphs using Plotly.js.
-   * ---
+   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
    *
+   * ### **CSS Properties:**
+   *  - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_
+   * - **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_
+   * - **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_
+   * - **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_
+   * - **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_
+   * - **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **nav** - The navigation container.
+   * - **button** - The page button elements.
+   * - **button-current** - The current page button.
+   * - **ellipsis** - The ellipsis element.
+   * - **prev** - The previous button.
+   * - **next** - The next button.
+   * - **slot** - The right-side slot container.
    */
-  "terra-plot": DefineComponent<TerraPlotProps>;
+  "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2651,6 +2631,33 @@ export type CustomElements = {
    */
   "terra-popup": DefineComponent<TerraPopupProps>;
 
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
+
+  /**
+   * Short summary of the component's intended use.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+
   /**
    * Progress bars are used to show the status of an ongoing operation.
    * ---
@@ -2822,6 +2829,19 @@ export type CustomElements = {
    */
   "terra-select": DefineComponent<TerraSelectProps>;
 
+  /**
+   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
+
   /**
    * Site headers provide a consistent navigation structure at the top of pages.
    * ---
@@ -2862,19 +2882,6 @@ export type CustomElements = {
    */
   "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
-  /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
-
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
    * ---
@@ -2911,57 +2918,38 @@ export type CustomElements = {
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
   /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
-   *
    * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
+   *  - _default_ - The step's caption (optional, only shown in default variant).
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
+   * - **bar** - The progress bar indicator.
+   * - **content** - The content area containing title and caption.
+   * - **title** - The step's title.
+   * - **caption** - The step's caption.
+   * - **icon** - The checkmark icon (shown when completed).
    */
-  "terra-tab": DefineComponent<TerraTabProps>;
+  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
-   * Tabs organize content into a container that shows one section at a time.
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-tab-show** - Emitted when a tab is shown.
-   * - **terra-tab-hide** - Emitted when a tab is hidden.
-   *
-   * ### **Methods:**
-   *  - **show(panel: _string_)** - Shows the specified tab panel.
-   *
    * ### **Slots:**
-   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
-   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
+   *  - _default_ - The tab panel's content.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
-   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
-   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   *  - **--padding** - The tab panel's padding. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **nav** - The tabs' navigation container where tabs are slotted in.
-   * - **tabs** - The container that wraps the tabs.
-   * - **active-tab-indicator** - The line that highlights the currently selected tab.
-   * - **body** - The tabs' body where tab panels are slotted in.
-   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
-   * - **scroll-button--start** - The starting scroll button.
-   * - **scroll-button--end** - The ending scroll button.
    */
-  "terra-tabs": DefineComponent<TerraTabsProps>;
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
    * Tags are simple labels that help categorize items.
@@ -3008,51 +2996,57 @@ export type CustomElements = {
   "terra-tag": DefineComponent<TerraTagProps>;
 
   /**
-   * A step within a stepper component that displays progress through a multi-step workflow.
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
+   *
    * ### **Slots:**
-   *  - _default_ - The step's caption (optional, only shown in default variant).
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **bar** - The progress bar indicator.
-   * - **content** - The content area containing title and caption.
-   * - **title** - The step's title.
-   * - **caption** - The step's caption.
-   * - **icon** - The checkmark icon (shown when completed).
+   * - **close-button** - The close button icon.
    */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
-   * A textarea component with consistent styling across the design system.
+   * Tabs organize content into a container that shows one section at a time.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-input** - Emitted when the textarea receives input.
-   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
-   * - **terra-focus** - Emitted when the textarea gains focus.
-   * - **terra-blur** - Emitted when the textarea loses focus.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *  - **terra-tab-show** - Emitted when a tab is shown.
+   * - **terra-tab-hide** - Emitted when a tab is hidden.
    *
    * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
+   *  - **show(panel: _string_)** - Shows the specified tab panel.
    *
    * ### **Slots:**
-   *  - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.
+   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
+   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
+   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **textarea** - The internal textarea control.
-   * - **form-control-help-text** - The help text's wrapper.
+   * - **nav** - The tabs' navigation container where tabs are slotted in.
+   * - **tabs** - The container that wraps the tabs.
+   * - **active-tab-indicator** - The line that highlights the currently selected tab.
+   * - **body** - The tabs' body where tab panels are slotted in.
+   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
+   * - **scroll-button--start** - The starting scroll button.
+   * - **scroll-button--end** - The ending scroll button.
    */
-  "terra-textarea": DefineComponent<TerraTextareaProps>;
+  "terra-tabs": DefineComponent<TerraTabsProps>;
 
   /**
    *
@@ -3062,31 +3056,44 @@ export type CustomElements = {
   "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
   /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * A component for visualizing time series data using the GES DISC Giovanni API.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The tab panel's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   * ### **Events:**
+   *  - **terra-date-range-change** - Emitted whenever the date range is modified
+   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
    */
-  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
 
   /**
-   * A component for visualizing time series data using the GES DISC Giovanni API.
+   * A textarea component with consistent styling across the design system.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-date-range-change** - Emitted whenever the date range is modified
-   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
+   *  - **terra-input** - Emitted when the textarea receives input.
+   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
+   * - **terra-focus** - Emitted when the textarea gains focus.
+   * - **terra-blur** - Emitted when the textarea loses focus.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   *
+   * ### **Slots:**
+   *  - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **textarea** - The internal textarea control.
+   * - **form-control-help-text** - The help text's wrapper.
    */
-  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
+  "terra-textarea": DefineComponent<TerraTextareaProps>;
 
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
@@ -3159,31 +3166,6 @@ export type CustomElements = {
    */
   "terra-toggle": DefineComponent<TerraToggleProps>;
 
-  /**
-   * Fuzzy-search for dataset variables in combobox with list autocomplete.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-combobox-change** - Emitted when an option is selected.
-   *
-   * ### **Methods:**
-   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
-   * Internally, the variable metdata has slight differences that require adapting.
-   *
-   * ### **CSS Properties:**
-   *  - **--host-height** - The height of the host element. _(default: undefined)_
-   * - **--help-height** - The height of the search help element. _(default: undefined)_
-   * - **--label-height** - The height of the input's label element. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - A `search` element, the component's base.
-   * - **combobox** - An `input` element used for searching.
-   * - **button** - A `button` used for toggling the listbox's visibility.
-   * - **listbox** - A `ul` that holds the clickable options.
-   */
-  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
-
   /**
    * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
    * ---
@@ -3217,6 +3199,31 @@ export type CustomElements = {
    */
   "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
+  /**
+   * Fuzzy-search for dataset variables in combobox with list autocomplete.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-combobox-change** - Emitted when an option is selected.
+   *
+   * ### **Methods:**
+   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
+   * Internally, the variable metdata has slight differences that require adapting.
+   *
+   * ### **CSS Properties:**
+   *  - **--host-height** - The height of the host element. _(default: undefined)_
+   * - **--help-height** - The height of the search help element. _(default: undefined)_
+   * - **--label-height** - The height of the input's label element. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - A `search` element, the component's base.
+   * - **combobox** - An `input` element used for searching.
+   * - **button** - A `button` used for toggling the listbox's visibility.
+   * - **listbox** - A `ul` that holds the clickable options.
+   */
+  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
+
   /**
    * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---