@nasa-terra/components 0.0.163 → 0.0.165

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

@@ -27,41 +27,41 @@ import type { TerraDropdown } from "../../components/dropdown/dropdown.component
 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 { 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 { 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 { TerraPopup } from "../../components/popup/popup.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraPopup } from "../../components/popup/popup.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
-import type { 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 { 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 { TerraTextarea } from "../../components/textarea/textarea.component.js";
-import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
+import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
+import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { 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 { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
 type TerraAccordionProps = {
@@ -810,128 +810,6 @@ 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"];
-  /**  */
-  "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 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 TerraLoaderProps = {
-  /** The loader's variant */
-  variant?: TerraLoader["variant"];
-  /** The percent complete for the loader to display */
-  percent?: TerraLoader["percent"];
-  /** an indeterminate loader has an unknown progress and will show a spinner */
-  indeterminate?: TerraLoader["indeterminate"];
-  /** The ARIA role for the loader */
-  role?: TerraLoader["role"];
-  /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
-type TerraMenuProps = {
-  /**  */
-  defaultSlot?: TerraMenu["defaultSlot"];
-  /** 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"];
@@ -1029,97 +907,129 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (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
-`anchor` slot instead. */
-  anchor?: TerraPopup["anchor"];
-  /** Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
-down and the popup will be hidden. */
-  active?: TerraPopup["active"];
-  /** The preferred placement of the popup. Note that the actual placement will vary as configured to keep the
-panel inside of the viewport. */
-  placement?: TerraPopup["placement"];
-  /** Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is
-clipped, using a `fixed` position strategy can often workaround it. */
-  strategy?: TerraPopup["strategy"];
-  /** The distance in pixels from which to offset the panel away from its anchor. */
-  distance?: TerraPopup["distance"];
-  /** The distance in pixels from which to offset the panel along its anchor. */
-  skidding?: TerraPopup["skidding"];
-  /** Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
-`--arrow-color` custom properties. For additional customizations, you can also target the arrow using
-`::part(arrow)` in your stylesheet. */
-  arrow?: TerraPopup["arrow"];
-  /** The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
-anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
-align the arrow to the start, end, or center of the popover instead. */
-  "arrow-placement"?: TerraPopup["arrowPlacement"];
-  /** The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
-this will prevent it from overflowing the corners. */
-  "arrow-padding"?: TerraPopup["arrowPadding"];
-  /** When set, placement of the popup will flip to the opposite site to keep it in view. You can use
-`flipFallbackPlacements` to further configure how the fallback placement is determined. */
-  flip?: TerraPopup["flip"];
-  /** If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a
-string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip
-fallback strategy will be used instead. */
-  "flip-fallback-placements"?: TerraPopup["flipFallbackPlacements"];
-  /** When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether
-the popup should be positioned using the best available fit based on available space or as it was initially
-preferred. */
-  "flip-fallback-strategy"?: TerraPopup["flipFallbackStrategy"];
-  /** The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By
-default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
-change the boundary by passing a reference to one or more elements to this property. */
-  flipBoundary?: TerraPopup["flipBoundary"];
-  /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
-  "flip-padding"?: TerraPopup["flipPadding"];
-  /** Moves the popup along the axis to keep it in view when clipped. */
-  shift?: TerraPopup["shift"];
-  /** The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By
-default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
-change the boundary by passing a reference to one or more elements to this property. */
-  shiftBoundary?: TerraPopup["shiftBoundary"];
-  /** The amount of padding, in pixels, to exceed before the shift behavior will occur. */
-  "shift-padding"?: TerraPopup["shiftPadding"];
-  /** When set, this will cause the popup to automatically resize itself to prevent it from overflowing. */
-  "auto-size"?: TerraPopup["autoSize"];
-  /** Syncs the popup's width or height to that of the anchor element. */
-  sync?: TerraPopup["sync"];
-  /** The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By
-default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
-change the boundary by passing a reference to one or more elements to this property. */
-  autoSizeBoundary?: TerraPopup["autoSizeBoundary"];
-  /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
-  "auto-size-padding"?: TerraPopup["autoSizePadding"];
-  /** When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
-gap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane
-because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is
-active. */
-  "hover-bridge"?: TerraPopup["hoverBridge"];
-  /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
-  popup?: TerraPopup["popup"];
-  /** Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it. */
-  onTerraReposition?: (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 TerraPlotProps = {
-  /**  */
-  plotTitle?: TerraPlot["plotTitle"];
-  /**  */
-  layout?: TerraPlot["layout"];
+type TerraLoginProps = {
   /**  */
-  config?: TerraPlot["config"];
+  "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"];
   /**  */
-  data?: TerraPlot["data"];
-  /** Optional: Colors to assign to each time series line */
-  colors?: TerraPlot["colors"];
+  "logged-out-message"?: TerraLogin["loggedOutMessage"];
   /**  */
-  base?: TerraPlot["base"];
+  "loading-message"?: TerraLogin["loadingMessage"];
+
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraPlotToolbarProps = {
+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 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 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 TerraPlotToolbarProps = {
   /**  */
   catalogVariable?: TerraPlotToolbar["catalogVariable"];
   /**  */
@@ -1170,6 +1080,109 @@ type TerraPlotToolbarProps = {
   _authController?: TerraPlotToolbar["_authController"];
 };
 
+type TerraPlotProps = {
+  /**  */
+  plotTitle?: TerraPlot["plotTitle"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
+type TerraPopupProps = {
+  /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
+element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
+`anchor` slot instead. */
+  anchor?: TerraPopup["anchor"];
+  /** Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
+down and the popup will be hidden. */
+  active?: TerraPopup["active"];
+  /** The preferred placement of the popup. Note that the actual placement will vary as configured to keep the
+panel inside of the viewport. */
+  placement?: TerraPopup["placement"];
+  /** Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is
+clipped, using a `fixed` position strategy can often workaround it. */
+  strategy?: TerraPopup["strategy"];
+  /** The distance in pixels from which to offset the panel away from its anchor. */
+  distance?: TerraPopup["distance"];
+  /** The distance in pixels from which to offset the panel along its anchor. */
+  skidding?: TerraPopup["skidding"];
+  /** Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
+`--arrow-color` custom properties. For additional customizations, you can also target the arrow using
+`::part(arrow)` in your stylesheet. */
+  arrow?: TerraPopup["arrow"];
+  /** The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
+align the arrow to the start, end, or center of the popover instead. */
+  "arrow-placement"?: TerraPopup["arrowPlacement"];
+  /** The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
+this will prevent it from overflowing the corners. */
+  "arrow-padding"?: TerraPopup["arrowPadding"];
+  /** When set, placement of the popup will flip to the opposite site to keep it in view. You can use
+`flipFallbackPlacements` to further configure how the fallback placement is determined. */
+  flip?: TerraPopup["flip"];
+  /** If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a
+string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip
+fallback strategy will be used instead. */
+  "flip-fallback-placements"?: TerraPopup["flipFallbackPlacements"];
+  /** When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether
+the popup should be positioned using the best available fit based on available space or as it was initially
+preferred. */
+  "flip-fallback-strategy"?: TerraPopup["flipFallbackStrategy"];
+  /** The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By
+default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+change the boundary by passing a reference to one or more elements to this property. */
+  flipBoundary?: TerraPopup["flipBoundary"];
+  /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
+  "flip-padding"?: TerraPopup["flipPadding"];
+  /** Moves the popup along the axis to keep it in view when clipped. */
+  shift?: TerraPopup["shift"];
+  /** The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By
+default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+change the boundary by passing a reference to one or more elements to this property. */
+  shiftBoundary?: TerraPopup["shiftBoundary"];
+  /** The amount of padding, in pixels, to exceed before the shift behavior will occur. */
+  "shift-padding"?: TerraPopup["shiftPadding"];
+  /** When set, this will cause the popup to automatically resize itself to prevent it from overflowing. */
+  "auto-size"?: TerraPopup["autoSize"];
+  /** Syncs the popup's width or height to that of the anchor element. */
+  sync?: TerraPopup["sync"];
+  /** The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By
+default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+change the boundary by passing a reference to one or more elements to this property. */
+  autoSizeBoundary?: TerraPopup["autoSizeBoundary"];
+  /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
+  "auto-size-padding"?: TerraPopup["autoSizePadding"];
+  /** When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
+gap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane
+because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is
+active. */
+  "hover-bridge"?: TerraPopup["hoverBridge"];
+  /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
+  popup?: TerraPopup["popup"];
+  /** Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it. */
+  onTerraReposition?: (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 TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -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 = {
@@ -1467,6 +1462,11 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
+type TerraSiteNavigationProps = {
+  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
+  "full-width"?: TerraSiteNavigation["fullWidth"];
+};
+
 type TerraStatusIndicatorProps = {
   /** The status variant. Determines the color of the indicator dot. */
   variant?: TerraStatusIndicator["variant"];
@@ -1482,16 +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"];
@@ -1509,13 +1499,6 @@ type TerraTabProps = {
   onTerraClose?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
-};
-
 type TerraTabsProps = {
   /** The placement of the tabs. */
   placement?: TerraTabs["placement"];
@@ -1562,6 +1545,16 @@ type TerraTagProps = {
   onTerraClick?: (e: CustomEvent<never>) => void;
 };
 
+type TerraStepperStepProps = {
+  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
+and "upcoming" shows the step as not yet reached. */
+  state?: TerraStepperStep["state"];
+  /** The step's title. Should be short, preferably 1-2 words. */
+  title?: TerraStepperStep["title"];
+  /** When true, hides the checkmark icon for completed steps. */
+  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
+};
+
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1619,59 +1612,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTimeSeriesProps = {
-  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
-  "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
-  /** a collection entry id (ex: GPM_3IMERGHH_06)
-only required if you don't include a variableEntryId */
-  collection?: TerraTimeSeries["collection"];
-  /** a variable short name to plot (ex: precipitationCal)
-only required if you don't include a variableEntryId */
-  variable?: TerraTimeSeries["variable"];
-  /** The start date for the time series plot. (ex: 2021-01-01) */
-  "start-date"?: TerraTimeSeries["startDate"];
-  /** The end date for the time series plot. (ex: 2021-01-01) */
-  "end-date"?: TerraTimeSeries["endDate"];
-  /** The point location in "lat,lon" format.
-Or the bounding box in "west,south,east,north" format. */
-  location?: TerraTimeSeries["location"];
-  /**  */
-  "show-citation"?: TerraTimeSeries["showCitation"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraTimeSeries["applicationCitation"];
-  /** When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.
-When disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions. */
-  "disable-auto-fetch"?: TerraTimeSeries["disableAutoFetch"];
-  /** 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"?: TerraTimeSeries["bearerToken"];
-  /**  */
-  "mobile-view"?: TerraTimeSeries["mobileView"];
-  /**  */
-  "hide-toolbar"?: TerraTimeSeries["hideToolbar"];
-  /**  */
-  "product-label"?: TerraTimeSeries["productLabel"];
-  /**  */
-  plot?: TerraTimeSeries["plot"];
-  /**  */
-  plotToolbar?: TerraTimeSeries["plotToolbar"];
-  /**  */
-  catalogVariable?: TerraTimeSeries["catalogVariable"];
-  /** if true, we'll show a warning to the user about them requesting a large number of data points */
-  showDataPointWarning?: TerraTimeSeries["showDataPointWarning"];
-  /** stores the estimated */
-  estimatedDataPoints?: TerraTimeSeries["estimatedDataPoints"];
-  /**  */
-  _authController?: TerraTimeSeries["_authController"];
-  /**  */
-  _fetchVariableTask?: TerraTimeSeries["_fetchVariableTask"];
-  /** Emitted whenever the date range is modified */
-  onTerraDateRangeChange?: (e: CustomEvent<CustomEvent>) => void;
-  /** Emitted whenever time series data has been fetched from Giovanni */
-  onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTimeAverageMapProps = {
   /**  */
   collection?: TerraTimeAverageMap["collection"];
@@ -1704,25 +1644,85 @@ type TerraTimeAverageMapProps = {
   /**  */
   minimized?: TerraTimeAverageMap["minimized"];
   /**  */
-  noDataValue?: TerraTimeAverageMap["noDataValue"];
+  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 TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
+};
+
+type TerraTimeSeriesProps = {
+  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
+  "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
+  /** a collection entry id (ex: GPM_3IMERGHH_06)
+only required if you don't include a variableEntryId */
+  collection?: TerraTimeSeries["collection"];
+  /** a variable short name to plot (ex: precipitationCal)
+only required if you don't include a variableEntryId */
+  variable?: TerraTimeSeries["variable"];
+  /** The start date for the time series plot. (ex: 2021-01-01) */
+  "start-date"?: TerraTimeSeries["startDate"];
+  /** The end date for the time series plot. (ex: 2021-01-01) */
+  "end-date"?: TerraTimeSeries["endDate"];
+  /** The point location in "lat,lon" format.
+Or the bounding box in "west,south,east,north" format. */
+  location?: TerraTimeSeries["location"];
+  /**  */
+  "show-citation"?: TerraTimeSeries["showCitation"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraTimeSeries["applicationCitation"];
+  /** When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.
+When disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions. */
+  "disable-auto-fetch"?: TerraTimeSeries["disableAutoFetch"];
+  /** 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"?: TerraTimeSeries["bearerToken"];
   /**  */
-  min?: TerraTimeAverageMap["min"];
+  "mobile-view"?: TerraTimeSeries["mobileView"];
   /**  */
-  max?: TerraTimeAverageMap["max"];
+  "hide-toolbar"?: TerraTimeSeries["hideToolbar"];
   /**  */
-  legendValues?: TerraTimeAverageMap["legendValues"];
+  "product-label"?: TerraTimeSeries["productLabel"];
   /**  */
-  _authController?: TerraTimeAverageMap["_authController"];
+  plot?: TerraTimeSeries["plot"];
   /**  */
-  colormaps?: TerraTimeAverageMap["colormaps"];
+  plotToolbar?: TerraTimeSeries["plotToolbar"];
   /**  */
-  plotData?: TerraTimeAverageMap["plotData"];
+  catalogVariable?: TerraTimeSeries["catalogVariable"];
+  /** if true, we'll show a warning to the user about them requesting a large number of data points */
+  showDataPointWarning?: TerraTimeSeries["showDataPointWarning"];
+  /** stores the estimated */
+  estimatedDataPoints?: TerraTimeSeries["estimatedDataPoints"];
   /**  */
-  layout?: TerraTimeAverageMap["layout"];
+  _authController?: TerraTimeSeries["_authController"];
   /**  */
-  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"];
+  _fetchVariableTask?: TerraTimeSeries["_fetchVariableTask"];
+  /** Emitted whenever the date range is modified */
+  onTerraDateRangeChange?: (e: CustomEvent<CustomEvent>) => void;
+  /** Emitted whenever time series data has been fetched from Giovanni */
+  onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
 };
 
 type TerraToastProps = {
@@ -1789,6 +1789,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 +1865,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"];
@@ -2425,21 +2425,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 +2481,23 @@ 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>;
+
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Menus provide a list of options for the user to choose from.
    * ---
@@ -2496,37 +2540,6 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
-  /**
-   * Pagination is a navigational element that allows users to navigate between content or pages.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-page-change** - Emitted when the page changes.
-   *
-   * ### **Slots:**
-   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_
-   * - **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_
-   * - **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_
-   * - **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_
-   * - **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_
-   * - **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
-   * - **button** - The page button elements.
-   * - **button-current** - The current page button.
-   * - **ellipsis** - The ellipsis element.
-   * - **prev** - The previous button.
-   * - **next** - The next button.
-   * - **slot** - The right-side slot container.
-   */
-  "terra-pagination": DefineComponent<TerraPaginationProps>;
-
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -2553,48 +2566,62 @@ export type CustomElements = {
   "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
-   * A text input component with consistent styling across the design system.
+   * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
    *
    *
    * ### **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-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.
+   *  - **terra-page-change** - Emitted when the page changes.
+   *
+   * ### **Slots:**
+   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_
+   * - **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_
+   * - **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_
+   * - **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_
+   * - **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_
+   * - **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **nav** - The navigation container.
+   * - **button** - The page button elements.
+   * - **button-current** - The current page button.
+   * - **ellipsis** - The ellipsis element.
+   * - **prev** - The previous button.
+   * - **next** - The next button.
+   * - **slot** - The right-side slot container.
+   */
+  "terra-pagination": DefineComponent<TerraPaginationProps>;
+
+  /**
+   * Short summary of the component's intended use.
+   * ---
    *
-   * ### **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.
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **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-input": DefineComponent<TerraInputProps>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2625,31 +2652,25 @@ export type CustomElements = {
   "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
-   * A web component for interactive graphs using Plotly.js.
-   * ---
-   *
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-plot": DefineComponent<TerraPlotProps>;
-
-  /**
-   * Short summary of the component's intended use.
+   * 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.
@@ -2745,38 +2766,6 @@ export type CustomElements = {
    */
   "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.
-   *
-   * ### **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>;
-
-  /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
-
   /**
    * 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.
@@ -2875,6 +2862,19 @@ export type CustomElements = {
    */
   "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
+  /**
+   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
+
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
    * ---
@@ -2910,24 +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).
    * ---
@@ -2948,22 +2930,6 @@ export type CustomElements = {
    */
   "terra-tab": DefineComponent<TerraTabProps>;
 
-  /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The tab panel's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
-
   /**
    * Tabs organize content into a container that shows one section at a time.
    * ---
@@ -3041,6 +3007,24 @@ export type CustomElements = {
    */
   "terra-tag": DefineComponent<TerraTagProps>;
 
+  /**
+   * 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>;
+
   /**
    * A textarea component with consistent styling across the design system.
    * ---
@@ -3071,22 +3055,38 @@ 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>;
 
   /**
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The tab panel's content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - The tab panel's padding. _(default: undefined)_
    *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+
+  /**
+   * 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-average-map": DefineComponent<TerraTimeAverageMapProps>;
+  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
 
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
@@ -3159,6 +3159,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.
    * ---
@@ -3192,31 +3217,6 @@ export type CustomElements = {
    */
   "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
-  /**
-   * Fuzzy-search for dataset variables in combobox with list autocomplete.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-combobox-change** - Emitted when an option is selected.
-   *
-   * ### **Methods:**
-   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
-   * Internally, the variable metdata has slight differences that require adapting.
-   *
-   * ### **CSS Properties:**
-   *  - **--host-height** - The height of the host element. _(default: undefined)_
-   * - **--help-height** - The height of the search help element. _(default: undefined)_
-   * - **--label-height** - The height of the input's label element. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - A `search` element, the component's base.
-   * - **combobox** - An `input` element used for searching.
-   * - **button** - A `button` used for toggling the listbox's visibility.
-   * - **listbox** - A `ul` that holds the clickable options.
-   */
-  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
-
   /**
    * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---