@nasa-terra/components 0.0.158 → 0.0.160

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

@@ -1,9 +1,9 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraAlert } from "../../components/alert/alert.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 { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
@@ -14,8 +14,8 @@ 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 { TerraDataGrid } from "../../components/data-grid/data-grid.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 { 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";
@@ -30,24 +30,24 @@ import type { TerraIcon } from "../../components/icon/icon.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 { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraMap } from "../../components/map/map.component.js";
+import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPopup } from "../../components/popup/popup.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 { TerraProgressBar } from "../../components/progress-bar/progress-bar.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 { TerraSelect } from "../../components/select/select.component.js";
+import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.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 { 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";
@@ -56,13 +56,13 @@ import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.compone
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
 import type { TerraTag } from "../../components/tag/tag.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 { TerraToggle } from "../../components/toggle/toggle.component.js";
-import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
+import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
+import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
 
 type TerraAccordionProps = {
   /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
@@ -76,20 +76,13 @@ type TerraAccordionProps = {
   onTerraAccordionToggle?: (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 TerraAlertProps = {
@@ -124,13 +117,20 @@ Typically used to indicate the remaining time before a whole app refresh. */
   onTerraAfterHide?: (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 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 TerraBreadcrumbProps = {
@@ -333,6 +333,39 @@ 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.
@@ -380,39 +413,6 @@ 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"];
@@ -938,30 +938,6 @@ You can use the following placeholders:
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraMenuProps = {
-  /**  */
-  defaultSlot?: TerraMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  onTerraSelect?: (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"];
-  /** Draws the item in a checked state. */
-  checked?: TerraMenuItem["checked"];
-  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
-  value?: TerraMenuItem["value"];
-  /** Draws the menu item in a loading state. */
-  loading?: TerraMenuItem["loading"];
-  /** Draws the menu item in a disabled state, preventing selection. */
-  disabled?: TerraMenuItem["disabled"];
-  /**  */
-  defaultSlot?: TerraMenuItem["defaultSlot"];
-  /**  */
-  menuItem?: TerraMenuItem["menuItem"];
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -998,6 +974,44 @@ Format: 'west, south, east, north' */
   _mapController?: TerraMap["_mapController"];
 };
 
+type TerraMenuProps = {
+  /**  */
+  defaultSlot?: TerraMenu["defaultSlot"];
+  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
+  onTerraSelect?: (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"];
+  /** Draws the item in a checked state. */
+  checked?: TerraMenuItem["checked"];
+  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
+  value?: TerraMenuItem["value"];
+  /** Draws the menu item in a loading state. */
+  loading?: TerraMenuItem["loading"];
+  /** Draws the menu item in a disabled state, preventing selection. */
+  disabled?: TerraMenuItem["disabled"];
+  /**  */
+  defaultSlot?: TerraMenuItem["defaultSlot"];
+  /**  */
+  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
@@ -1030,18 +1044,55 @@ type TerraPlotProps = {
   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 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 TerraPopupProps = {
@@ -1119,55 +1170,17 @@ 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"];
-  /**  */
-  hideTitle?: TerraPlotToolbar["hideTitle"];
-  /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
-  /**  */
-  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
-  /**  */
-  locationMapValue?: TerraPlotToolbar["locationMapValue"];
-  /**  */
-  menu?: TerraPlotToolbar["menu"];
+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 = {
@@ -1246,29 +1259,9 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (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"];
-  /**  */
-  title?: TerraProgressBar["title"];
-};
-
-type TerraScrollHintProps = {
-  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
-  inline?: TerraScrollHint["inline"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraScrollHint["dark"];
-  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
-  inactivityDelay?: TerraScrollHint["inactivityDelay"];
-
-  /** Emitted when the scroll hint is clicked and scrolling begins. */
-  onTerraScroll?: (e: CustomEvent<never>) => void;
+type TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
 };
 
 type TerraSelectProps = {
@@ -1362,9 +1355,16 @@ be an array. **For this reason, values must not contain spaces.** */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraSiteHeaderProps = {
-  /** The default site name displayed in the title slot if no content is provided. */
-  "site-name"?: TerraSiteHeader["siteName"];
+type TerraScrollHintProps = {
+  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
+  inline?: TerraScrollHint["inline"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraScrollHint["dark"];
+  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
+  inactivityDelay?: TerraScrollHint["inactivityDelay"];
+
+  /** Emitted when the scroll hint is clicked and scrolling begins. */
+  onTerraScroll?: (e: CustomEvent<never>) => void;
 };
 
 type TerraSiteNavigationProps = {
@@ -1381,39 +1381,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,6 +1434,39 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
+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 TerraStatusIndicatorProps = {
   /** The status variant. Determines the color of the indicator dot. */
   variant?: TerraStatusIndicator["variant"];
@@ -1619,59 +1619,6 @@ 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"];
-  /**  */
-  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 TerraToastProps = {
   /** The toast's theme variant. */
   variant?: TerraToast["variant"];
@@ -1789,6 +1736,41 @@ 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"];
@@ -1830,41 +1812,6 @@ 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"];
@@ -1890,6 +1837,59 @@ When hidden, still presents to screen readers. */
   onTerraSearch?: (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"];
+};
+
 export type CustomElements = {
   /**
    * A collapsible content panel for showing and hiding content.
@@ -1906,26 +1906,17 @@ export type CustomElements = {
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
   /**
-   * 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>;
 
   /**
    * Alerts are used to display important messages inline or as toast notifications.
@@ -1956,17 +1947,26 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * 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 badge's content.
+   *  - **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)_
    *
    * ### **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-badge": DefineComponent<TerraBadgeProps>;
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.
@@ -2178,6 +2178,13 @@ 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.
    * ---
@@ -2214,13 +2221,6 @@ 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>;
-
   /**
    *
    * ---
@@ -2491,6 +2491,13 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Menus provide a list of options for the user to choose from.
    * ---
@@ -2534,11 +2541,35 @@ export type CustomElements = {
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
+   * 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-map": DefineComponent<TerraMapProps>;
+  "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
@@ -2576,35 +2607,21 @@ export type CustomElements = {
   "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
-   * Pagination is a navigational element that allows users to navigate between content or pages.
+   * Short summary of the component's intended use.
    * ---
    *
    *
-   * ### **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".
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
    *
    * ### **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)_
+   *  - **--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.
-   * - **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>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2635,21 +2652,25 @@ export type CustomElements = {
   "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * 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.
@@ -2722,49 +2743,23 @@ export type CustomElements = {
   "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
 
   /**
-   * Progress bars are used to show the status of an ongoing operation.
+   * Site headers provide a consistent navigation structure at the top of pages.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
-   *
-   * ### **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)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
-   */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
-
-  /**
-   * Scroll hint is an animated button that prompts visitors to scroll.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_
-   * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
-   * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
-   * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
+   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
+   * - **center** - Content displayed in the center of the header (e.g., navigation).
+   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **button** - The clickable button element.
-   * - **icon-container** - The container for the icon and pulsing ring.
-   * - **icon** - The chevron icon.
-   * - **ring** - The pulsing ring around the icon.
-   * - **text** - The "SCROLL TO CONTINUE" text.
+   * - **logo** - The NASA logo container.
+   * - **title** - The site title container.
+   * - **center** - The center content container.
+   * - **right** - The right content container.
    */
-  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
    * Select fields are a form field used to select one option from a list.
@@ -2823,23 +2818,28 @@ export type CustomElements = {
   "terra-select": DefineComponent<TerraSelectProps>;
 
   /**
-   * Site headers provide a consistent navigation structure at the top of pages.
+   * Scroll hint is an animated button that prompts visitors to scroll.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
-   * - **center** - Content displayed in the center of the header (e.g., navigation).
-   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
+   * ### **Events:**
+   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_
+   * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
+   * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
+   * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **logo** - The NASA logo container.
-   * - **title** - The site title container.
-   * - **center** - The center content container.
-   * - **right** - The right content container.
+   * - **button** - The clickable button element.
+   * - **icon-container** - The container for the icon and pulsing ring.
+   * - **icon** - The chevron icon.
+   * - **ring** - The pulsing ring around the icon.
+   * - **text** - The "SCROLL TO CONTINUE" text.
    */
-  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
+  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
   /**
    * Site navigation provides a flexible navigation structure with dropdown menus.
@@ -2862,18 +2862,18 @@ export type CustomElements = {
   "terra-skeleton": DefineComponent<TerraSkeletonProps>;
 
   /**
-   *
+   * A component that allows input of coordinates and rendering of map.
    * ---
    *
    */
-  "terra-slider": DefineComponent<TerraSliderProps>;
+  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
   /**
-   * 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.
@@ -3070,13 +3070,6 @@ export type CustomElements = {
    */
   "terra-textarea": DefineComponent<TerraTextareaProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
-
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
@@ -3159,6 +3152,31 @@ 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.
    * ---
@@ -3193,20 +3211,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,28 +3229,14 @@ 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.
-   * ---
    *
+   * ---
    *
-   * ### **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).
-   *
-   * ### **CSS Properties:**
-   *  - **--host-height** - The height of the host 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-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
+  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 };
 
 declare module "vue" {