@nasa-terra/components 0.0.163 → 0.0.164

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

@@ -2,20 +2,20 @@ import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
-import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { 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 { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
-import type { TerraMap } from "../../components/map/map.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 { 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 { TerraInput } from "../../components/input/input.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 { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
+import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.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 { TerraSelect } from "../../components/select/select.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
+import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
-import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
+import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
+import type { 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 { 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 { TerraToast } from "../../components/toast/toast.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 { 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. */
@@ -108,22 +108,6 @@ 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"];
@@ -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"];
@@ -756,37 +756,6 @@ this is useful for Jupyter Notebooks where we may want to automatically log the
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-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 TerraIconProps = {
   /** The name of the icon to draw. Available names depend on the icon library being used. */
   name?: TerraIcon["name"];
@@ -810,151 +779,29 @@ ignored by assistive devices. */
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
-type TerraMapProps = {
-  /** Minimum zoom level of the map. */
-  "min-zoom"?: TerraMap["minZoom"];
-  /** Maximum zoom level of the map. */
-  "max-zoom"?: TerraMap["maxZoom"];
-  /** Initial map zoom level */
-  zoom?: TerraMap["zoom"];
-  /** has map navigation toolbar */
-  "has-navigation"?: TerraMap["hasNavigation"];
-  /** has coordinate tracker */
-  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
-  /** has shape selector */
-  "has-shape-selector"?: TerraMap["hasShapeSelector"];
+type TerraInputProps = {
   /**  */
-  "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
+  title?: TerraInput["title"];
   /**  */
-  "hide-point-selection"?: TerraMap["hidePointSelection"];
+  type?: TerraInput["type"];
   /**  */
-  staticMode?: TerraMap["staticMode"];
-  /** Disables infinite horizontal scrolling on the map (world wrapping) */
-  "no-world-wrap"?: TerraMap["noWorldWrap"];
-  /** Spatial constraints for the map (default: '-180, -90, 180, 90')
-Format: 'west, south, east, north' */
-  "spatial-constraints"?: TerraMap["spatialConstraints"];
+  name?: TerraInput["name"];
   /**  */
-  value?: TerraMap["value"];
+  value?: TerraInput["value"];
   /**  */
-  mapElement?: TerraMap["mapElement"];
+  placeholder?: TerraInput["placeholder"];
   /**  */
-  map?: TerraMap["map"];
-  /** List of geojson shapes */
-  shapes?: TerraMap["shapes"];
+  size?: TerraInput["size"];
   /**  */
-  _mapController?: TerraMap["_mapController"];
-};
-
-type TerraLoginProps = {
+  filled?: TerraInput["filled"];
   /**  */
-  "button-label"?: TerraLogin["buttonLabel"];
-  /** The message to show when the user is logged in
-You can use the following placeholders:
-{username} - The username of the user
-{first_name} - The first name of the user
-{last_name} - The last name of the user */
-  "logged-in-message"?: TerraLogin["loggedInMessage"];
+  pill?: TerraInput["pill"];
   /**  */
-  "logged-out-message"?: TerraLogin["loggedOutMessage"];
+  disabled?: TerraInput["disabled"];
   /**  */
-  "loading-message"?: TerraLogin["loadingMessage"];
-
-  /** Emitted when a bearer token has been received from EDL. */
-  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"];
+  readonly?: TerraInput["readonly"];
   /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
-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
-multiple values. */
-  value?: TerraOption["value"];
-  /** Draws the option in a disabled state, preventing selection. */
-  disabled?: TerraOption["disabled"];
-  /**  */
-  defaultSlot?: TerraOption["defaultSlot"];
-  /**  */
-  current?: TerraOption["current"];
-  /**  */
-  selected?: TerraOption["selected"];
-  /**  */
-  hasHover?: TerraOption["hasHover"];
-};
-
-type TerraInputProps = {
-  /**  */
-  title?: TerraInput["title"];
-  /**  */
-  type?: TerraInput["type"];
-  /**  */
-  name?: TerraInput["name"];
-  /**  */
-  value?: TerraInput["value"];
-  /**  */
-  placeholder?: TerraInput["placeholder"];
-  /**  */
-  size?: TerraInput["size"];
-  /**  */
-  filled?: TerraInput["filled"];
-  /**  */
-  pill?: TerraInput["pill"];
-  /**  */
-  disabled?: TerraInput["disabled"];
-  /**  */
-  readonly?: TerraInput["readonly"];
-  /**  */
-  required?: TerraInput["required"];
+  required?: TerraInput["required"];
   /**  */
   autocomplete?: TerraInput["autocomplete"];
   /**  */
@@ -1029,6 +876,159 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (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 TerraLoginProps = {
+  /**  */
+  "button-label"?: TerraLogin["buttonLabel"];
+  /** The message to show when the user is logged in
+You can use the following placeholders:
+{username} - The username of the user
+{first_name} - The first name of the user
+{last_name} - The last name of the user */
+  "logged-in-message"?: TerraLogin["loggedInMessage"];
+  /**  */
+  "logged-out-message"?: TerraLogin["loggedOutMessage"];
+  /**  */
+  "loading-message"?: TerraLogin["loadingMessage"];
+
+  /** Emitted when a bearer token has been received from EDL. */
+  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 TerraMapProps = {
+  /** Minimum zoom level of the map. */
+  "min-zoom"?: TerraMap["minZoom"];
+  /** Maximum zoom level of the map. */
+  "max-zoom"?: TerraMap["maxZoom"];
+  /** Initial map zoom level */
+  zoom?: TerraMap["zoom"];
+  /** has map navigation toolbar */
+  "has-navigation"?: TerraMap["hasNavigation"];
+  /** has coordinate tracker */
+  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
+  /** has shape selector */
+  "has-shape-selector"?: TerraMap["hasShapeSelector"];
+  /**  */
+  "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
+  /**  */
+  "hide-point-selection"?: TerraMap["hidePointSelection"];
+  /**  */
+  staticMode?: TerraMap["staticMode"];
+  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  "no-world-wrap"?: TerraMap["noWorldWrap"];
+  /** Spatial constraints for the map (default: '-180, -90, 180, 90')
+Format: 'west, south, east, north' */
+  "spatial-constraints"?: TerraMap["spatialConstraints"];
+  /**  */
+  value?: TerraMap["value"];
+  /**  */
+  mapElement?: TerraMap["mapElement"];
+  /**  */
+  map?: TerraMap["map"];
+  /** List of geojson shapes */
+  shapes?: TerraMap["shapes"];
+  /**  */
+  _mapController?: TerraMap["_mapController"];
+};
+
+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 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
+multiple values. */
+  value?: TerraOption["value"];
+  /** Draws the option in a disabled state, preventing selection. */
+  disabled?: TerraOption["disabled"];
+  /**  */
+  defaultSlot?: TerraOption["defaultSlot"];
+  /**  */
+  current?: TerraOption["current"];
+  /**  */
+  selected?: TerraOption["selected"];
+  /**  */
+  hasHover?: TerraOption["hasHover"];
+};
+
+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 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 TerraPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -1119,55 +1119,17 @@ type TerraPlotProps = {
   base?: TerraPlot["base"];
 };
 
-type TerraPlotToolbarProps = {
-  /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
-  /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
-  /**  */
-  opacity?: TerraPlotToolbar["opacity"];
-  /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraPlotToolbar["applicationCitation"];
-  /**  */
-  "mobile-view"?: TerraPlotToolbar["mobileView"];
-  /**  */
-  "product-label"?: TerraPlotToolbar["productLabel"];
-  /**  */
-  hideTitle?: TerraPlotToolbar["hideTitle"];
-  /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
-  /**  */
-  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
-  /**  */
-  locationMapValue?: TerraPlotToolbar["locationMapValue"];
-  /**  */
-  menu?: TerraPlotToolbar["menu"];
+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,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"];
@@ -1258,16 +1271,6 @@ type TerraScrollHintProps = {
   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 TerraSiteNavigationProps = {
-  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
-  "full-width"?: TerraSiteNavigation["fullWidth"];
-};
-
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1359,17 +1362,9 @@ be an array. **For this reason, values must not contain spaces.** */
   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 TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
 };
 
 type TerraSkeletonProps = {
@@ -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"];
@@ -1464,7 +1426,45 @@ the default is false, the map is positioned absolute under the input */
   /**  */
   map?: TerraSpatialPicker["map"];
   /**  */
-  parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
+  parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
+};
+
+type TerraSiteNavigationProps = {
+  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
+  "full-width"?: TerraSiteNavigation["fullWidth"];
+};
+
+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 = {
@@ -1482,33 +1482,6 @@ The condensed variant uses colored bars to represent each step and is useful whe
   defaultSlot?: TerraStepper["defaultSlot"];
 };
 
-type TerraStepperStepProps = {
-  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
-and "upcoming" shows the step as not yet reached. */
-  state?: TerraStepperStep["state"];
-  /** The step's title. Should be short, preferably 1-2 words. */
-  title?: TerraStepperStep["title"];
-  /** When true, hides the checkmark icon for completed steps. */
-  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
-};
-
-type TerraTabProps = {
-  /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
-  panel?: TerraTab["panel"];
-  /** Draws the tab in an active state. */
-  active?: TerraTab["active"];
-  /** Makes the tab closable and shows a close button. */
-  closable?: TerraTab["closable"];
-  /** Disables the tab and prevents selection. */
-  disabled?: TerraTab["disabled"];
-  /** The tab's size. Inherits from the parent tabs component if not specified. */
-  size?: TerraTab["size"];
-  /**  */
-  tab?: TerraTab["tab"];
-  /** Emitted when the tab is closable and the close button is activated. */
-  onTerraClose?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTabPanelProps = {
   /** The tab panel's name. */
   name?: TerraTabPanel["name"];
@@ -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,6 +1599,29 @@ 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 TerraTimeSeriesProps = {
   /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
   "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
@@ -1672,6 +1675,26 @@ 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"];
@@ -1725,29 +1748,6 @@ type TerraTimeAverageMapProps = {
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
-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 TerraToggleProps = {
   /**  */
   title?: TerraToggle["title"];
@@ -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.
@@ -1933,28 +1933,6 @@ export type CustomElements = {
    */
   "terra-alert": DefineComponent<TerraAlertProps>;
 
-  /**
-   * 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:**
-   *  - **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-avatar": DefineComponent<TerraAvatarProps>;
-
   /**
    * Badges are used to draw attention and display statuses or counts.
    * ---
@@ -2005,6 +1983,28 @@ export type CustomElements = {
    */
   "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
+  /**
+   * 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:**
+   *  - **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-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.
    * ---
@@ -2043,20 +2056,7 @@ export type CustomElements = {
    * - **caret** - The button's caret icon, an `<terra-icon>` element.
    * - **spinner** - The spinner that shows when the button is in the loading state.
    */
-  "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>;
+  "terra-button": DefineComponent<TerraButtonProps>;
 
   /**
    * 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,38 +2378,6 @@ export type CustomElements = {
    */
   "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
 
-  /**
-   * 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>;
-
   /**
    * Icons are symbols that can be used to represent various options within an application.
    * ---
@@ -2425,21 +2393,48 @@ export type CustomElements = {
   "terra-icon": DefineComponent<TerraIconProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
-   * ---
-   *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
-  /**
-   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * A text input component with consistent styling across the design system.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   *  - **terra-input** - Emitted when the input receives input.
+   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
+   * - **terra-focus** - Emitted when the control gains focus.
+   * - **terra-blur** - Emitted when the control loses focus.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   * - **terra-clear** - Emitted when the clear button is activated.
+   *
+   * ### **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.
+   * - **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.
+   * - **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).
+   * - **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.
+   * - **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.
+   *
+   * ### **Slots:**
+   *  - **prefix** - Used to prepend content (like an icon) to the input.
+   * - **suffix** - Used to append content (like an icon) to the input. When `clearable` or `resettable` is true, this slot is overridden.
+   * - **clear-icon** - An icon to use in lieu of the default clear icon.
+   * - **show-password-icon** - An icon to use in lieu of the default show password icon.
+   * - **hide-password-icon** - An icon to use in lieu of the default hide password icon.
+   * - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **input** - The internal input control.
+   * - **prefix** - The container for prefix content.
+   * - **suffix** - The container for suffix content.
+   * - **clear-button** - The clear button.
+   * - **password-toggle-button** - The password toggle button.
+   * - **form-control-help-text** - The help text's wrapper.
+   * - **form-control-error-text** - The error text's wrapper.
    */
-  "terra-login": DefineComponent<TerraLoginProps>;
+  "terra-input": DefineComponent<TerraInputProps>;
 
   /**
    * Loaders are used to indicate there is content that is loading.
@@ -2454,6 +2449,16 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
+  /**
+   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   */
+  "terra-login": DefineComponent<TerraLoginProps>;
+
   /**
    * Menus provide a list of options for the user to choose from.
    * ---
@@ -2467,6 +2472,13 @@ export type CustomElements = {
    */
   "terra-menu": DefineComponent<TerraMenuProps>;
 
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2496,6 +2508,31 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
+  /**
+   * Options define the selectable items within various form controls such as [select](/components/select).
+   * ---
+   *
+   *
+   * ### **Methods:**
+   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
+   *
+   * ### **Slots:**
+   *  - _default_ - The option's label.
+   * - **prefix** - Used to prepend an icon or similar element to the menu item.
+   * - **suffix** - Used to append an icon or similar element to the menu item.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
+   * - **base** - The component's base wrapper.
+   * - **label** - The option's label.
+   * - **prefix** - The container that wraps the prefix.
+   * - **suffix** - The container that wraps the suffix.
+   */
+  "terra-option": DefineComponent<TerraOptionProps>;
+
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
@@ -2528,73 +2565,36 @@ export type CustomElements = {
   "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
-   * Options define the selectable items within various form controls such as [select](/components/select).
-   * ---
-   *
-   *
-   * ### **Methods:**
-   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
-   *
-   * ### **Slots:**
-   *  - _default_ - The option's label.
-   * - **prefix** - Used to prepend an icon or similar element to the menu item.
-   * - **suffix** - Used to append an icon or similar element to the menu item.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
-   * - **base** - The component's base wrapper.
-   * - **label** - The option's label.
-   * - **prefix** - The container that wraps the prefix.
-   * - **suffix** - The container that wraps the suffix.
-   */
-  "terra-option": DefineComponent<TerraOptionProps>;
-
-  /**
-   * A text input component with consistent styling across the design system.
+   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-input** - Emitted when the input receives input.
-   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
+   *  - **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.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   * - **terra-clear** - Emitted when the clear button is activated.
    *
    * ### **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.
-   * - **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.
-   * - **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).
-   * - **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.
-   * - **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.
+   *  - **getFiles(): _File[]_** - Gets the current files.
+   * - **clearFiles()** - Clears all selected files.
    *
    * ### **Slots:**
-   *  - **prefix** - Used to prepend content (like an icon) to the input.
-   * - **suffix** - Used to append content (like an icon) to the input. When `clearable` or `resettable` is true, this slot is overridden.
-   * - **clear-icon** - An icon to use in lieu of the default clear icon.
-   * - **show-password-icon** - An icon to use in lieu of the default show password icon.
-   * - **hide-password-icon** - An icon to use in lieu of the default hide password icon.
-   * - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+   *  - _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.
-   * - **input** - The internal input control.
-   * - **prefix** - The container for prefix content.
-   * - **suffix** - The container for suffix content.
-   * - **clear-button** - The clear button.
-   * - **password-toggle-button** - The password toggle button.
-   * - **form-control-help-text** - The help text's wrapper.
-   * - **form-control-error-text** - The error text's 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-input": DefineComponent<TerraInputProps>;
+  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2635,21 +2635,25 @@ export type CustomElements = {
   "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
-   * 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,60 +2726,45 @@ export type CustomElements = {
   "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
 
   /**
-   * Scroll hint is an animated button that prompts visitors to scroll.
+   * Short summary of the component's intended use.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
    *
    * ### **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.
-   * - **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-scroll-hint": DefineComponent<TerraScrollHintProps>;
-
-  /**
-   * Site headers provide a consistent navigation structure at the top of pages.
-   * ---
-   *
-   *
-   * ### **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.
+   *  - **--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.
-   * - **logo** - The NASA logo container.
-   * - **title** - The site title container.
-   * - **center** - The center content container.
-   * - **right** - The right content container.
    */
-  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * Scroll hint is an animated button that prompts visitors to scroll.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   * ### **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.
+   * - **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-navigation": DefineComponent<TerraSiteNavigationProps>;
+  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
   /**
    * Select fields are a form field used to select one option from a list.
@@ -2834,25 +2823,23 @@ export type CustomElements = {
   "terra-select": DefineComponent<TerraSelectProps>;
 
   /**
-   * 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)_
+   *  - **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.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
+   * - **logo** - The NASA logo container.
+   * - **title** - The site title container.
+   * - **center** - The center content container.
+   * - **right** - The right content container.
    */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
    * Skeletons are loading indicators to represent where content will eventually be drawn.
@@ -2862,18 +2849,31 @@ export type CustomElements = {
   "terra-skeleton": DefineComponent<TerraSkeletonProps>;
 
   /**
+   * A component that allows input of coordinates and rendering of map.
+   * ---
    *
+   */
+  "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,44 +2910,6 @@ export type CustomElements = {
    */
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
-  /**
-   * A step within a stepper component that displays progress through a multi-step workflow.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The step's caption (optional, only shown in default variant).
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **bar** - The progress bar indicator.
-   * - **content** - The content area containing title and caption.
-   * - **title** - The step's title.
-   * - **caption** - The step's caption.
-   * - **icon** - The checkmark icon (shown when completed).
-   */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
-
-  /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
-   *
-   * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
-   */
-  "terra-tab": DefineComponent<TerraTabProps>;
-
   /**
    * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
    * ---
@@ -2998,48 +2960,42 @@ export type CustomElements = {
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
   /**
-   * Tags are simple labels that help categorize items.
+   * A step within a stepper component that displays progress through a multi-step workflow.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The step's caption (optional, only shown in default variant).
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **bar** - The progress bar indicator.
+   * - **content** - The content area containing title and caption.
+   * - **title** - The step's title.
+   * - **caption** - The step's caption.
+   * - **icon** - The checkmark icon (shown when completed).
+   */
+  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+
+  /**
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
    *
    * ### **Slots:**
-   *  - _default_ - The tag label text.
-   * - **icon** - Optional icon slot for content tags (overrides icon prop).
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
-   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
-   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
-   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
-   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
-   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
-   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
-   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
-   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
-   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
-   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The icon element (content tags only).
-   * - **label** - The text label.
+   * - **close-button** - The close button icon.
    */
-  "terra-tag": DefineComponent<TerraTagProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
    * A textarea component with consistent styling across the design system.
@@ -3070,24 +3026,6 @@ export type CustomElements = {
    */
   "terra-textarea": DefineComponent<TerraTextareaProps>;
 
-  /**
-   * 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>;
-
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
-
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
@@ -3120,6 +3058,68 @@ export type CustomElements = {
    */
   "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.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
+   *
+   * ### **Slots:**
+   *  - _default_ - The tag label text.
+   * - **icon** - Optional icon slot for content tags (overrides icon prop).
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
+   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
+   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
+   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
+   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
+   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
+   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
+   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
+   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
+   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
+   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The icon element (content tags only).
+   * - **label** - The text label.
+   */
+  "terra-tag": DefineComponent<TerraTagProps>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
+
   /**
    * Switches allow the user to toggle an option on or off.
    * ---
@@ -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" {