@nasa-terra/components 0.0.162 → 0.0.164

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

@@ -1,21 +1,21 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraBadge } from "../../components/badge/badge.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 { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
+import type { TerraAvatar } from "../../components/avatar/avatar.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 { TerraButton } from "../../components/button/button.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";
 import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
-import type { TerraDataAccess } from "../../components/data-access/data-access.component.js";
 import type { TerraDataGrid } from "../../components/data-grid/data-grid.component.js";
+import type { TerraDataAccess } from "../../components/data-access/data-access.component.js";
 import type { TerraDataRods } from "../../components/data-rods/data-rods.component.js";
 import type { TerraDataSubsetter } from "../../components/data-subsetter/data-subsetter.component.js";
 import type { TerraDataSubsetterHistory } from "../../components/data-subsetter-history/data-subsetter-history.component.js";
@@ -25,44 +25,44 @@ 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 { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
-import type { TerraInput } from "../../components/input/input.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
-import type { TerraLogin } from "../../components/login/login.component.js";
+import type { TerraInput } from "../../components/input/input.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
-import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
+import type { TerraPagination } from "../../components/pagination/pagination.component.js";
+import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
+import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
-import type { TerraPopup } from "../../components/popup/popup.component.js";
-import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
+import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
-import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.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 { TerraSlider } from "../../components/slider/slider.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 { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.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 { TerraTab } from "../../components/tab/tab.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 { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
+import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
-import type { TerraToast } from "../../components/toast/toast.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";
+import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 
 type TerraAccordionProps = {
   /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
@@ -76,15 +76,6 @@ type TerraAccordionProps = {
   onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
 };
 
-type TerraBadgeProps = {
-  /** The badge's theme variant. */
-  variant?: TerraBadge["variant"];
-  /** Draws a pill-style badge with rounded edges. */
-  pill?: TerraBadge["pill"];
-  /** Makes the badge pulsate to draw attention. */
-  pulse?: TerraBadge["pulse"];
-};
-
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -117,20 +108,13 @@ Typically used to indicate the remaining time before a whole app refresh. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
-type TerraAvatarProps = {
-  /** The image source to use for the avatar. */
-  image?: TerraAvatar["image"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
-
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  onTerraError?: (e: CustomEvent<never>) => void;
+type TerraBadgeProps = {
+  /** The badge's theme variant. */
+  variant?: TerraBadge["variant"];
+  /** Draws a pill-style badge with rounded edges. */
+  pill?: TerraBadge["pill"];
+  /** Makes the badge pulsate to draw attention. */
+  pulse?: TerraBadge["pulse"];
 };
 
 type TerraBreadcrumbProps = {
@@ -148,6 +132,22 @@ type TerraBreadcrumbsProps = {
   theme?: TerraBreadcrumbs["theme"];
 };
 
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -164,6 +164,16 @@ TODO: add support for CMR catalog and make it the default */
   showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
 };
 
+type TerraButtonGroupProps = {
+  /** A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
+devices when interacting with the control and is strongly recommended. */
+  label?: TerraButtonGroup["label"];
+  /**  */
+  defaultSlot?: TerraButtonGroup["defaultSlot"];
+  /**  */
+  disableRole?: TerraButtonGroup["disableRole"];
+};
+
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -237,16 +247,6 @@ value of this attribute must be an id of a form in the same document or shadow r
   onTerraFocus?: (e: CustomEvent<never>) => void;
 };
 
-type TerraButtonGroupProps = {
-  /** A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
-devices when interacting with the control and is strongly recommended. */
-  label?: TerraButtonGroup["label"];
-  /**  */
-  defaultSlot?: TerraButtonGroup["defaultSlot"];
-  /**  */
-  disableRole?: TerraButtonGroup["disableRole"];
-};
-
 type TerraCaptionProps = {};
 
 type TerraCardProps = {};
@@ -333,39 +333,6 @@ When hidden, still presents to screen readers. */
   searchResults?: TerraCombobox["searchResults"];
 };
 
-type TerraDataAccessProps = {
-  /** Collection short name used to build the Collection Entry ID. */
-  "short-name"?: TerraDataAccess["shortName"];
-  /** Collection version used to build the Collection Entry ID. */
-  version?: TerraDataAccess["version"];
-  /** When true, the footer will be rendered with slot="footer" for use in a dialog. */
-  "footer-slot"?: TerraDataAccess["footerSlot"];
-  /**  */
-  limit?: TerraDataAccess["limit"];
-  /**  */
-  page?: TerraDataAccess["page"];
-  /**  */
-  search?: TerraDataAccess["search"];
-  /**  */
-  startDate?: TerraDataAccess["startDate"];
-  /**  */
-  endDate?: TerraDataAccess["endDate"];
-  /**  */
-  location?: TerraDataAccess["location"];
-  /**  */
-  cloudCover?: TerraDataAccess["cloudCover"];
-  /**  */
-  cloudCoverPickerOpen?: TerraDataAccess["cloudCoverPickerOpen"];
-  /**  */
-  datePickerRef?: TerraDataAccess["datePickerRef"];
-  /**  */
-  spatialPickerRef?: TerraDataAccess["spatialPickerRef"];
-  /**  */
-  cloudCoverSliderRef?: TerraDataAccess["cloudCoverSliderRef"];
-  /**  */
-  gridRef?: TerraDataAccess["gridRef"];
-};
-
 type TerraDataGridProps = {
   /** AG Grid options configuration object.
 This is the primary way to configure the grid.
@@ -413,6 +380,39 @@ Default: false */
   onTerraCellValueChanged?: (e: CustomEvent<never>) => void;
 };
 
+type TerraDataAccessProps = {
+  /** Collection short name used to build the Collection Entry ID. */
+  "short-name"?: TerraDataAccess["shortName"];
+  /** Collection version used to build the Collection Entry ID. */
+  version?: TerraDataAccess["version"];
+  /** When true, the footer will be rendered with slot="footer" for use in a dialog. */
+  "footer-slot"?: TerraDataAccess["footerSlot"];
+  /**  */
+  limit?: TerraDataAccess["limit"];
+  /**  */
+  page?: TerraDataAccess["page"];
+  /**  */
+  search?: TerraDataAccess["search"];
+  /**  */
+  startDate?: TerraDataAccess["startDate"];
+  /**  */
+  endDate?: TerraDataAccess["endDate"];
+  /**  */
+  location?: TerraDataAccess["location"];
+  /**  */
+  cloudCover?: TerraDataAccess["cloudCover"];
+  /**  */
+  cloudCoverPickerOpen?: TerraDataAccess["cloudCoverPickerOpen"];
+  /**  */
+  datePickerRef?: TerraDataAccess["datePickerRef"];
+  /**  */
+  spatialPickerRef?: TerraDataAccess["spatialPickerRef"];
+  /**  */
+  cloudCoverSliderRef?: TerraDataAccess["cloudCoverSliderRef"];
+  /**  */
+  gridRef?: TerraDataAccess["gridRef"];
+};
+
 type TerraDataRodsProps = {
   /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
   "variable-entry-id"?: TerraDataRods["variableEntryId"];
@@ -609,13 +609,13 @@ type TerraDatePickerProps = {
   /**  */
   startMinute?: TerraDatePicker["startMinute"];
   /**  */
+  startSecond?: TerraDatePicker["startSecond"];
+  /**  */
   endHour?: TerraDatePicker["endHour"];
   /**  */
   endMinute?: TerraDatePicker["endMinute"];
   /**  */
-  timePeriod?: TerraDatePicker["timePeriod"];
-  /**  */
-  endTimePeriod?: TerraDatePicker["endTimePeriod"];
+  endSecond?: TerraDatePicker["endSecond"];
   /**  */
   selectedDates?: TerraDatePicker["selectedDates"];
   /**  */
@@ -756,6 +756,29 @@ this is useful for Jupyter Notebooks where we may want to automatically log the
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
+type TerraIconProps = {
+  /** The name of the icon to draw. Available names depend on the icon library being used. */
+  name?: TerraIcon["name"];
+  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
+can result in XSS attacks. */
+  src?: TerraIcon["src"];
+  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
+ignored by assistive devices. */
+  label?: TerraIcon["label"];
+  /** The name of a registered custom icon library. */
+  library?: TerraIcon["library"];
+  /** The CSS color to assign to the SVG. */
+  color?: TerraIcon["color"];
+  /** The CSS font-size to assign to the SVG. */
+  "font-size"?: TerraIcon["fontSize"];
+  /**  */
+  svg?: TerraIcon["svg"];
+  /** Emitted when the icon has loaded. */
+  onTerraLoad?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -853,27 +876,17 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (e: CustomEvent<never>) => void;
 };
 
-type TerraIconProps = {
-  /** The name of the icon to draw. Available names depend on the icon library being used. */
-  name?: TerraIcon["name"];
-  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
-can result in XSS attacks. */
-  src?: TerraIcon["src"];
-  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
-ignored by assistive devices. */
-  label?: TerraIcon["label"];
-  /** The name of a registered custom icon library. */
-  library?: TerraIcon["library"];
-  /** The CSS color to assign to the SVG. */
-  color?: TerraIcon["color"];
-  /** The CSS font-size to assign to the SVG. */
-  "font-size"?: TerraIcon["fontSize"];
+type TerraLoaderProps = {
+  /** The loader's variant */
+  variant?: TerraLoader["variant"];
+  /** The percent complete for the loader to display */
+  percent?: TerraLoader["percent"];
+  /** an indeterminate loader has an unknown progress and will show a spinner */
+  indeterminate?: TerraLoader["indeterminate"];
+  /** The ARIA role for the loader */
+  role?: TerraLoader["role"];
   /**  */
-  svg?: TerraIcon["svg"];
-  /** Emitted when the icon has loaded. */
-  onTerraLoad?: (e: CustomEvent<never>) => void;
-  /** Emitted when the icon fails to load due to an error. */
-  onTerraError?: (e: CustomEvent<never>) => void;
+  _currentPercent?: TerraLoader["_currentPercent"];
 };
 
 type TerraLoginProps = {
@@ -894,19 +907,6 @@ You can use the following placeholders:
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraLoaderProps = {
-  /** The loader's variant */
-  variant?: TerraLoader["variant"];
-  /** The percent complete for the loader to display */
-  percent?: TerraLoader["percent"];
-  /** an indeterminate loader has an unknown progress and will show a spinner */
-  indeterminate?: TerraLoader["indeterminate"];
-  /** The ARIA role for the loader */
-  role?: TerraLoader["role"];
-  /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
 type TerraMenuProps = {
   /**  */
   defaultSlot?: TerraMenu["defaultSlot"];
@@ -950,37 +950,6 @@ Format: 'west, south, east, north' */
   _mapController?: TerraMap["_mapController"];
 };
 
-type TerraFileUploadProps = {
-  /** The file upload's label. */
-  label?: TerraFileUpload["label"];
-  /** The file upload's help text. */
-  "help-text"?: TerraFileUpload["helpText"];
-  /** The name of the file input, submitted as a name/value pair with form data. */
-  name?: TerraFileUpload["name"];
-  /** Allows multiple files to be selected. */
-  multiple?: TerraFileUpload["multiple"];
-  /** Disables the file upload. */
-  disabled?: TerraFileUpload["disabled"];
-  /** Makes the file upload a required field. */
-  required?: TerraFileUpload["required"];
-  /** Accepted file types (e.g., "image/*", ".pdf", "image/png,image/jpeg"). */
-  accept?: TerraFileUpload["accept"];
-  /** Maximum file size in bytes. */
-  "max-file-size"?: TerraFileUpload["maxFileSize"];
-  /** Maximum number of files allowed when multiple is enabled. */
-  "max-files"?: TerraFileUpload["maxFiles"];
-  /**  */
-  fileInput?: TerraFileUpload["fileInput"];
-  /**  */
-  dropzone?: TerraFileUpload["dropzone"];
-  /** Emitted when files are selected or removed. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
-};
-
 type TerraMenuItemProps = {
   /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
   type?: TerraMenuItem["type"];
@@ -998,20 +967,6 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-type TerraPaginationProps = {
-  /** The current page number (1-indexed). */
-  current?: TerraPagination["current"];
-  /** The total number of pages. */
-  total?: TerraPagination["total"];
-  /** The pagination variant. */
-  variant?: TerraPagination["variant"];
-  /** Whether the pagination is centered. */
-  centered?: TerraPagination["centered"];
-
-  /** Emitted when the page changes. */
-  onTerraPageChange?: (e: CustomEvent<never>) => void;
-};
-
 type TerraOptionProps = {
   /** The option's value. When selected, the containing form control will receive this value. The value must be unique
 from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
@@ -1029,32 +984,49 @@ multiple values. */
   hasHover?: TerraOption["hasHover"];
 };
 
-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 TerraPaginationProps = {
+  /** The current page number (1-indexed). */
+  current?: TerraPagination["current"];
+  /** The total number of pages. */
+  total?: TerraPagination["total"];
+  /** The pagination variant. */
+  variant?: TerraPagination["variant"];
+  /** Whether the pagination is centered. */
+  centered?: TerraPagination["centered"];
+
+  /** Emitted when the page changes. */
+  onTerraPageChange?: (e: CustomEvent<never>) => void;
 };
 
-type TerraProgressBarProps = {
-  /** The current progress as a percentage, 0 to 100. */
-  value?: TerraProgressBar["value"];
-  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-  indeterminate?: TerraProgressBar["indeterminate"];
-  /** A custom label for assistive devices. */
-  label?: TerraProgressBar["label"];
-  /** The progress bar's theme variant. */
-  variant?: TerraProgressBar["variant"];
+type TerraFileUploadProps = {
+  /** The file upload's label. */
+  label?: TerraFileUpload["label"];
+  /** The file upload's help text. */
+  "help-text"?: TerraFileUpload["helpText"];
+  /** The name of the file input, submitted as a name/value pair with form data. */
+  name?: TerraFileUpload["name"];
+  /** Allows multiple files to be selected. */
+  multiple?: TerraFileUpload["multiple"];
+  /** Disables the file upload. */
+  disabled?: TerraFileUpload["disabled"];
+  /** Makes the file upload a required field. */
+  required?: TerraFileUpload["required"];
+  /** Accepted file types (e.g., "image/*", ".pdf", "image/png,image/jpeg"). */
+  accept?: TerraFileUpload["accept"];
+  /** Maximum file size in bytes. */
+  "max-file-size"?: TerraFileUpload["maxFileSize"];
+  /** Maximum number of files allowed when multiple is enabled. */
+  "max-files"?: TerraFileUpload["maxFiles"];
   /**  */
-  title?: TerraProgressBar["title"];
+  fileInput?: TerraFileUpload["fileInput"];
+  /**  */
+  dropzone?: TerraFileUpload["dropzone"];
+  /** Emitted when files are selected or removed. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control gains focus. */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control loses focus. */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
 };
 
 type TerraPopupProps = {
@@ -1132,55 +1104,32 @@ active. */
   onTerraReposition?: (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"];
+type TerraPlotProps = {
   /**  */
-  hideTitle?: TerraPlotToolbar["hideTitle"];
+  plotTitle?: TerraPlot["plotTitle"];
   /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  layout?: TerraPlot["layout"];
   /**  */
-  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
+  config?: TerraPlot["config"];
   /**  */
-  locationMapValue?: TerraPlotToolbar["locationMapValue"];
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
   /**  */
-  menu?: TerraPlotToolbar["menu"];
+  base?: TerraPlot["base"];
+};
+
+type TerraProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: TerraProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: TerraProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: TerraProgressBar["label"];
+  /** The progress bar's theme variant. */
+  variant?: TerraProgressBar["variant"];
   /**  */
-  _authController?: TerraPlotToolbar["_authController"];
+  title?: TerraProgressBar["title"];
 };
 
 type TerraRadioProps = {
@@ -1259,6 +1208,57 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (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 TerraScrollHintProps = {
   /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
   inline?: TerraScrollHint["inline"];
@@ -1367,11 +1367,6 @@ type TerraSiteHeaderProps = {
   "site-name"?: TerraSiteHeader["siteName"];
 };
 
-type TerraSiteNavigationProps = {
-  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
-  "full-width"?: TerraSiteNavigation["fullWidth"];
-};
-
 type TerraSkeletonProps = {
   /**  */
   rows?: TerraSkeleton["rows"];
@@ -1381,39 +1376,6 @@ type TerraSkeletonProps = {
   variableWidths?: TerraSkeleton["variableWidths"];
 };
 
-type TerraSliderProps = {
-  /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
-  mode?: TerraSlider["mode"];
-  /** The minimum value of the slider. */
-  min?: TerraSlider["min"];
-  /** The maximum value of the slider. */
-  max?: TerraSlider["max"];
-  /** The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps. */
-  step?: TerraSlider["step"];
-  /** Disables the slider. */
-  disabled?: TerraSlider["disabled"];
-  /** Shows tick marks and labels on the slider. */
-  "has-pips"?: TerraSlider["hasPips"];
-  /** Shows tooltips on the slider handles.
-When false (default), selected values are shown in the top right instead. */
-  "has-tooltips"?: TerraSlider["hasTooltips"];
-  /** Shows input fields below the slider for precise value entry. */
-  "show-inputs"?: TerraSlider["showInputs"];
-  /** The current value for single mode sliders. */
-  value?: TerraSlider["value"];
-  /** The start value for range mode sliders. */
-  "start-value"?: TerraSlider["startValue"];
-  /** The end value for range mode sliders. */
-  "end-value"?: TerraSlider["endValue"];
-  /** The label text for the slider. */
-  label?: TerraSlider["label"];
-  /** Hide the slider's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraSlider["hideLabel"];
-  /**  */
-  slider?: TerraSlider["slider"];
-};
-
 type TerraSpatialPickerProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
@@ -1467,46 +1429,57 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
-type TerraStatusIndicatorProps = {
-  /** The status variant. Determines the color of the indicator dot. */
-  variant?: TerraStatusIndicator["variant"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraStatusIndicator["dark"];
-};
-
-type TerraStepperProps = {
-  /** The stepper's variant. The default variant includes titles and optional captions for each step.
-The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
-  variant?: TerraStepper["variant"];
-  /**  */
-  defaultSlot?: TerraStepper["defaultSlot"];
+type TerraSiteNavigationProps = {
+  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
+  "full-width"?: TerraSiteNavigation["fullWidth"];
 };
 
-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 TerraSliderProps = {
+  /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
+  mode?: TerraSlider["mode"];
+  /** The minimum value of the slider. */
+  min?: TerraSlider["min"];
+  /** The maximum value of the slider. */
+  max?: TerraSlider["max"];
+  /** The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps. */
+  step?: TerraSlider["step"];
+  /** Disables the slider. */
+  disabled?: TerraSlider["disabled"];
+  /** Shows tick marks and labels on the slider. */
+  "has-pips"?: TerraSlider["hasPips"];
+  /** Shows tooltips on the slider handles.
+When false (default), selected values are shown in the top right instead. */
+  "has-tooltips"?: TerraSlider["hasTooltips"];
+  /** Shows input fields below the slider for precise value entry. */
+  "show-inputs"?: TerraSlider["showInputs"];
+  /** The current value for single mode sliders. */
+  value?: TerraSlider["value"];
+  /** The start value for range mode sliders. */
+  "start-value"?: TerraSlider["startValue"];
+  /** The end value for range mode sliders. */
+  "end-value"?: TerraSlider["endValue"];
+  /** The label text for the slider. */
+  label?: TerraSlider["label"];
+  /** Hide the slider's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraSlider["hideLabel"];
+  /**  */
+  slider?: TerraSlider["slider"];
 };
 
-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"];
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
+};
+
+type TerraStepperProps = {
+  /** The stepper's variant. The default variant includes titles and optional captions for each step.
+The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
+  variant?: TerraStepper["variant"];
   /**  */
-  tab?: TerraTab["tab"];
-  /** Emitted when the tab is closable and the close button is activated. */
-  onTerraClose?: (e: CustomEvent<never>) => void;
+  defaultSlot?: TerraStepper["defaultSlot"];
 };
 
 type TerraTabPanelProps = {
@@ -1542,24 +1515,31 @@ manual, the tab will receive focus but will not show until the user presses spac
   onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
 };
 
-type TerraTagProps = {
-  /** The tag variant. Determines the styling and behavior. */
-  variant?: TerraTag["variant"];
-  /** The size of the tag. */
-  size?: TerraTag["size"];
-  /** The icon name for content tags. Used with the default icon library. */
-  icon?: TerraTag["icon"];
-  /** The icon library to use for content tags. */
-  iconLibrary?: TerraTag["iconLibrary"];
-  /** When true, tags will stack vertically instead of sitting side by side. */
-  stack?: TerraTag["stack"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraTag["dark"];
-  /** The href for topic tags. If provided, the tag will be rendered as a link. */
-  href?: TerraTag["href"];
+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"];
+};
 
-  /** Emitted when a topic tag is clicked (unless href is provided). */
-  onTerraClick?: (e: CustomEvent<never>) => void;
+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 = {
@@ -1619,57 +1599,27 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTimeAverageMapProps = {
-  /**  */
-  collection?: TerraTimeAverageMap["collection"];
-  /**  */
-  variable?: TerraTimeAverageMap["variable"];
-  /**  */
-  "start-date"?: TerraTimeAverageMap["startDate"];
-  /**  */
-  "end-date"?: TerraTimeAverageMap["endDate"];
-  /**  */
-  location?: TerraTimeAverageMap["location"];
-  /**  */
-  "bearer-token"?: TerraTimeAverageMap["bearerToken"];
-  /**  */
-  long_name?: TerraTimeAverageMap["long_name"];
-  /**  */
-  "color-map-name"?: TerraTimeAverageMap["colorMapName"];
-  /**  */
-  opacity?: TerraTimeAverageMap["opacity"];
-  /**  */
-  catalogVariable?: TerraTimeAverageMap["catalogVariable"];
-  /**  */
-  pixelValue?: TerraTimeAverageMap["pixelValue"];
-  /**  */
-  pixelCoordinates?: TerraTimeAverageMap["pixelCoordinates"];
-  /**  */
-  metadata?: TerraTimeAverageMap["metadata"];
-  /**  */
-  toggleState?: TerraTimeAverageMap["toggleState"];
-  /**  */
-  minimized?: TerraTimeAverageMap["minimized"];
-  /**  */
-  noDataValue?: TerraTimeAverageMap["noDataValue"];
-  /**  */
-  min?: TerraTimeAverageMap["min"];
-  /**  */
-  max?: TerraTimeAverageMap["max"];
-  /**  */
-  legendValues?: TerraTimeAverageMap["legendValues"];
-  /**  */
-  _authController?: TerraTimeAverageMap["_authController"];
-  /**  */
-  colormaps?: TerraTimeAverageMap["colormaps"];
-  /**  */
-  plotData?: TerraTimeAverageMap["plotData"];
-  /**  */
-  layout?: TerraTimeAverageMap["layout"];
+type TerraToastProps = {
+  /** The toast's theme variant. */
+  variant?: TerraToast["variant"];
+  /** The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with
+the toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds). */
+  duration?: TerraToast["duration"];
+  /** Enables a close button that allows the user to dismiss the toast. */
+  closable?: TerraToast["closable"];
+  /** Enables a countdown that indicates the remaining time the toast will be displayed.
+Typically used for toasts with relatively long duration. */
+  countdown?: TerraToast["countdown"];
   /**  */
-  harmonyJobId?: TerraTimeAverageMap["harmonyJobId"];
-  /** anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata */
-  _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
+  alert?: TerraToast["alert"];
+  /** Emitted when the toast opens. */
+  onTerraShow?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast opens and all animations are complete. */
+  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  /** Emitted when the toast closes. */
+  onTerraHide?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast closes and all animations are complete. */
+  onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
 type TerraTimeSeriesProps = {
@@ -1725,6 +1675,79 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTagProps = {
+  /** The tag variant. Determines the styling and behavior. */
+  variant?: TerraTag["variant"];
+  /** The size of the tag. */
+  size?: TerraTag["size"];
+  /** The icon name for content tags. Used with the default icon library. */
+  icon?: TerraTag["icon"];
+  /** The icon library to use for content tags. */
+  iconLibrary?: TerraTag["iconLibrary"];
+  /** When true, tags will stack vertically instead of sitting side by side. */
+  stack?: TerraTag["stack"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraTag["dark"];
+  /** The href for topic tags. If provided, the tag will be rendered as a link. */
+  href?: TerraTag["href"];
+
+  /** Emitted when a topic tag is clicked (unless href is provided). */
+  onTerraClick?: (e: CustomEvent<never>) => void;
+};
+
+type TerraTimeAverageMapProps = {
+  /**  */
+  collection?: TerraTimeAverageMap["collection"];
+  /**  */
+  variable?: TerraTimeAverageMap["variable"];
+  /**  */
+  "start-date"?: TerraTimeAverageMap["startDate"];
+  /**  */
+  "end-date"?: TerraTimeAverageMap["endDate"];
+  /**  */
+  location?: TerraTimeAverageMap["location"];
+  /**  */
+  "bearer-token"?: TerraTimeAverageMap["bearerToken"];
+  /**  */
+  long_name?: TerraTimeAverageMap["long_name"];
+  /**  */
+  "color-map-name"?: TerraTimeAverageMap["colorMapName"];
+  /**  */
+  opacity?: TerraTimeAverageMap["opacity"];
+  /**  */
+  catalogVariable?: TerraTimeAverageMap["catalogVariable"];
+  /**  */
+  pixelValue?: TerraTimeAverageMap["pixelValue"];
+  /**  */
+  pixelCoordinates?: TerraTimeAverageMap["pixelCoordinates"];
+  /**  */
+  metadata?: TerraTimeAverageMap["metadata"];
+  /**  */
+  toggleState?: TerraTimeAverageMap["toggleState"];
+  /**  */
+  minimized?: TerraTimeAverageMap["minimized"];
+  /**  */
+  noDataValue?: TerraTimeAverageMap["noDataValue"];
+  /**  */
+  min?: TerraTimeAverageMap["min"];
+  /**  */
+  max?: TerraTimeAverageMap["max"];
+  /**  */
+  legendValues?: TerraTimeAverageMap["legendValues"];
+  /**  */
+  _authController?: TerraTimeAverageMap["_authController"];
+  /**  */
+  colormaps?: TerraTimeAverageMap["colormaps"];
+  /**  */
+  plotData?: TerraTimeAverageMap["plotData"];
+  /**  */
+  layout?: TerraTimeAverageMap["layout"];
+  /**  */
+  harmonyJobId?: TerraTimeAverageMap["harmonyJobId"];
+  /** anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata */
+  _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
+};
+
 type TerraToggleProps = {
   /**  */
   title?: TerraToggle["title"];
@@ -1766,29 +1789,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraToastProps = {
-  /** The toast's theme variant. */
-  variant?: TerraToast["variant"];
-  /** The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with
-the toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds). */
-  duration?: TerraToast["duration"];
-  /** Enables a close button that allows the user to dismiss the toast. */
-  closable?: TerraToast["closable"];
-  /** Enables a countdown that indicates the remaining time the toast will be displayed.
-Typically used for toasts with relatively long duration. */
-  countdown?: TerraToast["countdown"];
-  /**  */
-  alert?: TerraToast["alert"];
-  /** Emitted when the toast opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
-  /** Emitted when the toast closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast closes and all animations are complete. */
-  onTerraAfterHide?: (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"];
@@ -1830,6 +1830,31 @@ scenarios. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
+type TerraVariableKeywordSearchProps = {
+  /** Label the combobox with this. */
+  label?: TerraVariableKeywordSearch["label"];
+  /** Set a placeholder for the combobox with this.
+Defaults to the label's value. */
+  placeholder?: TerraVariableKeywordSearch["placeholder"];
+  /** Hide the combobox's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraVariableKeywordSearch["hideLabel"];
+  /** type can be `Boolean`, `String`, `Number`, `Object`, or `Array` */
+  searchConfig?: TerraVariableKeywordSearch["searchConfig"];
+  /**  */
+  value?: TerraVariableKeywordSearch["value"];
+  /**  */
+  isExpanded?: TerraVariableKeywordSearch["isExpanded"];
+  /**  */
+  query?: TerraVariableKeywordSearch["query"];
+  /**  */
+  searchResults?: TerraVariableKeywordSearch["searchResults"];
+  /** Emitted when an option is selected. */
+  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the component is triggering a search (like a form triggering submit). */
+  onTerraSearch?: (e: CustomEvent<never>) => void;
+};
+
 type TerraVariableComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraVariableCombobox["label"];
@@ -1865,31 +1890,6 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraComboboxChange?: (e: CustomEvent<never>) => void;
 };
 
-type TerraVariableKeywordSearchProps = {
-  /** Label the combobox with this. */
-  label?: TerraVariableKeywordSearch["label"];
-  /** Set a placeholder for the combobox with this.
-Defaults to the label's value. */
-  placeholder?: TerraVariableKeywordSearch["placeholder"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraVariableKeywordSearch["hideLabel"];
-  /** type can be `Boolean`, `String`, `Number`, `Object`, or `Array` */
-  searchConfig?: TerraVariableKeywordSearch["searchConfig"];
-  /**  */
-  value?: TerraVariableKeywordSearch["value"];
-  /**  */
-  isExpanded?: TerraVariableKeywordSearch["isExpanded"];
-  /**  */
-  query?: TerraVariableKeywordSearch["query"];
-  /**  */
-  searchResults?: TerraVariableKeywordSearch["searchResults"];
-  /** Emitted when an option is selected. */
-  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the component is triggering a search (like a form triggering submit). */
-  onTerraSearch?: (e: CustomEvent<never>) => void;
-};
-
 export type CustomElements = {
   /**
    * A collapsible content panel for showing and hiding content.
@@ -1905,19 +1905,6 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
-  /**
-   * 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>;
-
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -1947,26 +1934,17 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Avatars are used to represent a person or object.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
    * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *  - _default_ - The badge's content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
    */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.
@@ -1986,24 +1964,46 @@ export type CustomElements = {
    * - **link** - The breadcrumb link element.
    * - **label** - The breadcrumb label element when not a link.
    */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+
+  /**
+   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **nav** - The navigation container.
+   */
+  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
-   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * Avatars are used to represent a person or object.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
    * ### **Slots:**
-   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
+   *  - **--size** - The size of the avatar. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
+   * - **icon** - The container that wraps the avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
    */
-  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
@@ -2012,6 +2012,19 @@ export type CustomElements = {
    */
   "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
 
+  /**
+   * Button groups can be used to group related buttons into sections.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
+
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -2045,19 +2058,6 @@ export type CustomElements = {
    */
   "terra-button": DefineComponent<TerraButtonProps>;
 
-  /**
-   * Button groups can be used to group related buttons into sections.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
-
   /**
    * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
    * ---
@@ -2178,13 +2178,6 @@ export type CustomElements = {
    */
   "terra-combobox": DefineComponent<TerraComboboxProps>;
 
-  /**
-   * Discover and export collection granules with search, temporal, spatial, and cloud cover filters.
-   * ---
-   *
-   */
-  "terra-data-access": DefineComponent<TerraDataAccessProps>;
-
   /**
    * A flexible data grid component built on AG Grid with support for various data sources and row models.
    * ---
@@ -2221,6 +2214,13 @@ export type CustomElements = {
    */
   "terra-data-grid": DefineComponent<TerraDataGridProps>;
 
+  /**
+   * Discover and export collection granules with search, temporal, spatial, and cloud cover filters.
+   * ---
+   *
+   */
+  "terra-data-access": DefineComponent<TerraDataAccessProps>;
+
   /**
    *
    * ---
@@ -2378,6 +2378,20 @@ export type CustomElements = {
    */
   "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
 
+  /**
+   * Icons are symbols that can be used to represent various options within an application.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   *
+   * ### **CSS Parts:**
+   *  - **svg** - The internal SVG element.
+   */
+  "terra-icon": DefineComponent<TerraIconProps>;
+
   /**
    * A text input component with consistent styling across the design system.
    * ---
@@ -2423,18 +2437,17 @@ export type CustomElements = {
   "terra-input": DefineComponent<TerraInputProps>;
 
   /**
-   * Icons are symbols that can be used to represent various options within an application.
+   * Loaders are used to indicate there is content that is loading.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
+   *  - **base** - The component's base wrapper.
    */
-  "terra-icon": DefineComponent<TerraIconProps>;
+  "terra-loader": DefineComponent<TerraLoaderProps>;
 
   /**
    * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
@@ -2446,19 +2459,6 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
-  /**
-   * Loaders are used to indicate there is content that is loading.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-loader": DefineComponent<TerraLoaderProps>;
-
   /**
    * Menus provide a list of options for the user to choose from.
    * ---
@@ -2479,38 +2479,6 @@ export type CustomElements = {
    */
   "terra-map": DefineComponent<TerraMapProps>;
 
-  /**
-   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when files are selected or removed.
-   * - **terra-focus** - Emitted when the control gains focus.
-   * - **terra-blur** - Emitted when the control loses focus.
-   *
-   * ### **Methods:**
-   *  - **getFiles(): _File[]_** - Gets the current files.
-   * - **clearFiles()** - Clears all selected files.
-   *
-   * ### **Slots:**
-   *  - _default_ - Custom content to display inside the drop zone.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-file-upload-*** - All file upload design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **dropzone** - The drop zone area.
-   * - **file-input** - The hidden file input element.
-   * - **file-list** - The container for file previews.
-   * - **file-item** - Individual file preview item.
-   * - **file-thumbnail** - The file thumbnail image.
-   * - **file-name** - The file name text.
-   * - **change-link** - The "Change files" link.
-   */
-  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
-
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2540,37 +2508,6 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
-  /**
-   * Pagination is a navigational element that allows users to navigate between content or pages.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **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>;
-
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -2597,35 +2534,67 @@ export type CustomElements = {
   "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
-   * A web component for interactive graphs using Plotly.js.
+   * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **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-plot": DefineComponent<TerraPlotProps>;
+  "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
-   * Progress bars are used to show the status of an ongoing operation.
+   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when files are selected or removed.
+   * - **terra-focus** - Emitted when the control gains focus.
+   * - **terra-blur** - Emitted when the control loses focus.
+   *
+   * ### **Methods:**
+   *  - **getFiles(): _File[]_** - Gets the current files.
+   * - **clearFiles()** - Clears all selected files.
+   *
    * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
+   *  - _default_ - Custom content to display inside the drop zone.
    *
    * ### **CSS Properties:**
-   *  - **--height** - The progress bar's height. _(default: undefined)_
-   * - **--track-color** - The color of the track. _(default: undefined)_
-   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
-   * - **--label-color** - The color of the label. _(default: undefined)_
+   *  - **--terra-file-upload-*** - All file upload design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
+   * - **dropzone** - The drop zone area.
+   * - **file-input** - The hidden file input element.
+   * - **file-list** - The container for file previews.
+   * - **file-item** - Individual file preview item.
+   * - **file-thumbnail** - The file thumbnail image.
+   * - **file-name** - The file name text.
+   * - **change-link** - The "Change files" link.
    */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2656,21 +2625,35 @@ export type CustomElements = {
   "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
+
+  /**
+   * Progress bars are used to show the status of an ongoing operation.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
+   *  - _default_ - A label to show inside the progress indicator.
    *
    * ### **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)_
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
    */
-  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
 
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
@@ -2735,12 +2718,29 @@ export type CustomElements = {
    *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **form-control** - The form control that wraps the label, input, and help text.
-   * - **form-control-label** - The label's wrapper.
-   * - **form-control-input** - The input's wrapper.
-   * - **form-control-help-text** - The help text's wrapper.
+   *  - **form-control** - The form control that wraps the label, input, and help text.
+   * - **form-control-label** - The label's wrapper.
+   * - **form-control-input** - The input's wrapper.
+   * - **form-control-help-text** - The help text's wrapper.
+   */
+  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
+
+  /**
+   * 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-radio-group": DefineComponent<TerraRadioGroupProps>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
    * Scroll hint is an animated button that prompts visitors to scroll.
@@ -2842,38 +2842,38 @@ export type CustomElements = {
   "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
    * ---
    *
-   *
-   * ### **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>;
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
 
   /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * A component that allows input of coordinates and rendering of map.
    * ---
    *
    */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+  "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-slider": DefineComponent<TerraSliderProps>;
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
   /**
-   * A component that allows input of coordinates and rendering of map.
+   *
    * ---
    *
    */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+  "terra-slider": DefineComponent<TerraSliderProps>;
 
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
@@ -2910,6 +2910,55 @@ export type CustomElements = {
    */
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
+  /**
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * ---
+   *
+   *
+   * ### **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.
+   */
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+
+  /**
+   * Tabs organize content into a container that shows one section at a time.
+   * ---
+   *
+   *
+   * ### **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.
+   *
+   * ### **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.
+   * - **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>;
+
   /**
    * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
@@ -2949,53 +2998,76 @@ export type CustomElements = {
   "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * A textarea component with consistent styling across the design system.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The tab panel's content.
+   * ### **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.
    *
-   * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
+   * ### **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-tab-panel": DefineComponent<TerraTabPanelProps>;
+  "terra-textarea": DefineComponent<TerraTextareaProps>;
 
   /**
-   * Tabs organize content into a container that shows one section at a time.
+   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-tab-show** - Emitted when a tab is shown.
-   * - **terra-tab-hide** - Emitted when a tab is hidden.
+   *  - **terra-show** - Emitted when the toast opens.
+   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
+   * - **terra-hide** - Emitted when the toast closes.
+   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
    *
    * ### **Methods:**
-   *  - **show(panel: _string_)** - Shows the specified tab panel.
+   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
+   * calling this method again. The returned promise will resolve after the toast is hidden.
+   * - **show()** - Shows the toast.
+   * - **hide()** - Hides the toast.
+   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
+   * body, and displays it as a notification.
    *
    * ### **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.
-   *
-   * ### **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)_
+   *  - _default_ - The toast's main content.
+   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
    *
    * ### **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.
+   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
+   * - **base__base** - The alert's exported `base` part.
+   * - **base__icon** - The alert's exported `icon` part.
+   * - **base__message** - The alert's exported `message` part.
    */
-  "terra-tabs": DefineComponent<TerraTabsProps>;
+  "terra-toast": DefineComponent<TerraToastProps>;
+
+  /**
+   * A component for visualizing time series data using the GES DISC Giovanni API.
+   * ---
+   *
+   *
+   * ### **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-time-series": DefineComponent<TerraTimeSeriesProps>;
 
   /**
    * Tags are simple labels that help categorize items.
@@ -3041,35 +3113,6 @@ export type CustomElements = {
    */
   "terra-tag": DefineComponent<TerraTagProps>;
 
-  /**
-   * A textarea component with consistent styling across the design system.
-   * ---
-   *
-   *
-   * ### **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.
-   *
-   * ### **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-textarea": DefineComponent<TerraTextareaProps>;
-
   /**
    *
    * ---
@@ -3077,17 +3120,6 @@ export type CustomElements = {
    */
   "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
-  /**
-   * A component for visualizing time series data using the GES DISC Giovanni API.
-   * ---
-   *
-   *
-   * ### **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-time-series": DefineComponent<TerraTimeSeriesProps>;
-
   /**
    * Switches allow the user to toggle an option on or off.
    * ---
@@ -3127,38 +3159,6 @@ export type CustomElements = {
    */
   "terra-toggle": DefineComponent<TerraToggleProps>;
 
-  /**
-   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the toast opens.
-   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
-   * - **terra-hide** - Emitted when the toast closes.
-   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   * - **show()** - Shows the toast.
-   * - **hide()** - Hides the toast.
-   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * ### **Slots:**
-   *  - _default_ - The toast's main content.
-   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
-   * - **base__base** - The alert's exported `base` part.
-   * - **base__icon** - The alert's exported `icon` part.
-   * - **base__message** - The alert's exported `message` part.
-   */
-  "terra-toast": DefineComponent<TerraToastProps>;
-
   /**
    * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
    * ---
@@ -3193,20 +3193,16 @@ export type CustomElements = {
   "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
   /**
-   * Fuzzy-search for dataset variables in combobox with list autocomplete.
+   * Fuzzy-search for dataset keywords 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.
+   *  - **terra-variable-keyword-search-change** - Emitted when an option is selected.
+   * - **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).
    *
    * ### **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:**
@@ -3215,19 +3211,23 @@ export type CustomElements = {
    * - **button** - A `button` used for toggling the listbox's visibility.
    * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
+  "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
 
   /**
-   * Fuzzy-search for dataset keywords in combobox with list autocomplete.
+   * Fuzzy-search for dataset variables in combobox with list autocomplete.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-variable-keyword-search-change** - Emitted when an option is selected.
-   * - **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).
+   *  - **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:**
@@ -3236,7 +3236,7 @@ export type CustomElements = {
    * - **button** - A `button` used for toggling the listbox's visibility.
    * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
+  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
 };
 
 declare module "vue" {