@nasa-terra/components 0.0.156 → 0.0.158

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

@@ -1,9 +1,9 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
+import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
-import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
@@ -14,8 +14,8 @@ import type { TerraCard } from "../../components/card/card.component.js";
 import type { TerraCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
-import type { 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";
@@ -23,46 +23,46 @@ import type { TerraDatePicker } from "../../components/date-picker/date-picker.c
 import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
 import type { TerraDialog } from "../../components/dialog/dialog.component.js";
 import type { TerraDivider } from "../../components/divider/divider.component.js";
+import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
 import type { 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 { TerraDropdown } from "../../components/dropdown/dropdown.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 { TerraInput } from "../../components/input/input.component.js";
-import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
+import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
-import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
+import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
-import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
 import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
+import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
-import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
-import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
+import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
 import type { TerraStepper } from "../../components/stepper/stepper.component.js";
 import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { 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 { TerraTextarea } from "../../components/textarea/textarea.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.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 { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
 import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
-import type { TerraTag } from "../../components/tag/tag.component.js";
 
 type TerraAccordionProps = {
   /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
@@ -76,6 +76,22 @@ type TerraAccordionProps = {
   onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
 };
 
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -117,22 +133,6 @@ type TerraBadgeProps = {
   pulse?: TerraBadge["pulse"];
 };
 
-type TerraAvatarProps = {
-  /** The image source to use for the avatar. */
-  image?: TerraAvatar["image"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
-
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  onTerraError?: (e: CustomEvent<never>) => void;
-};
-
 type TerraBreadcrumbProps = {
   /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
   href?: TerraBreadcrumb["href"];
@@ -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"];
@@ -498,6 +498,12 @@ type TerraDataSubsetterProps = {
   /**  */
   validationError?: TerraDataSubsetter["validationError"];
   /**  */
+  granuleMinDate?: TerraDataSubsetter["granuleMinDate"];
+  /**  */
+  granuleMaxDate?: TerraDataSubsetter["granuleMaxDate"];
+  /**  */
+  giovanniConfiguredVariables?: TerraDataSubsetter["giovanniConfiguredVariables"];
+  /**  */
   spatialPicker?: TerraDataSubsetter["spatialPicker"];
   /**  */
   dialogElement?: TerraDataSubsetter["dialogElement"];
@@ -676,6 +682,48 @@ type TerraDividerProps = {
   vertical?: TerraDivider["vertical"];
 };
 
+type TerraDropdownProps = {
+  /** Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
+can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state. */
+  open?: TerraDropdown["open"];
+  /** The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
+inside of the viewport. */
+  placement?: TerraDropdown["placement"];
+  /** Disables the dropdown so the panel will not open. */
+  disabled?: TerraDropdown["disabled"];
+  /** By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
+dropdowns that allow for multiple interactions. */
+  "stay-open-on-select"?: TerraDropdown["stayOpenOnSelect"];
+  /** The distance in pixels from which to offset the panel away from its trigger. */
+  distance?: TerraDropdown["distance"];
+  /** The distance in pixels from which to offset the panel along its trigger. */
+  skidding?: TerraDropdown["skidding"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: TerraDropdown["hoist"];
+  /** When true, the dropdown opens on mouse hover instead of click. */
+  hover?: TerraDropdown["hover"];
+  /** Syncs the popup width or height to that of the trigger element. */
+  sync?: TerraDropdown["sync"];
+  /**  */
+  popup?: TerraDropdown["popup"];
+  /**  */
+  trigger?: TerraDropdown["trigger"];
+  /**  */
+  panel?: TerraDropdown["panel"];
+  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
+components that use a dropdown internally. */
+  containingElement?: TerraDropdown["containingElement"];
+  /** Emitted when the dropdown opens. */
+  onTerraShow?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dropdown opens and all animations are complete. */
+  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dropdown closes. */
+  onTerraHide?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dropdown closes and all animations are complete. */
+  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+};
+
 type TerraEarthdataLoginProps = {
   /** The message to show when the user is logged in
 You can use the following placeholders:
@@ -762,79 +810,6 @@ ignored by assistive devices. */
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDropdownProps = {
-  /** Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
-can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state. */
-  open?: TerraDropdown["open"];
-  /** The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-inside of the viewport. */
-  placement?: TerraDropdown["placement"];
-  /** Disables the dropdown so the panel will not open. */
-  disabled?: TerraDropdown["disabled"];
-  /** By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
-dropdowns that allow for multiple interactions. */
-  "stay-open-on-select"?: TerraDropdown["stayOpenOnSelect"];
-  /** The distance in pixels from which to offset the panel away from its trigger. */
-  distance?: TerraDropdown["distance"];
-  /** The distance in pixels from which to offset the panel along its trigger. */
-  skidding?: TerraDropdown["skidding"];
-  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
-`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
-  hoist?: TerraDropdown["hoist"];
-  /** When true, the dropdown opens on mouse hover instead of click. */
-  hover?: TerraDropdown["hover"];
-  /** Syncs the popup width or height to that of the trigger element. */
-  sync?: TerraDropdown["sync"];
-  /**  */
-  popup?: TerraDropdown["popup"];
-  /**  */
-  trigger?: TerraDropdown["trigger"];
-  /**  */
-  panel?: TerraDropdown["panel"];
-  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
-components that use a dropdown internally. */
-  containingElement?: TerraDropdown["containingElement"];
-  /** Emitted when the dropdown opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dropdown opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dropdown closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dropdown closes and all animations are complete. */
-  onTerraAfterHide?: (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 TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -932,40 +907,35 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (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"];
+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"];
   /**  */
-  value?: TerraMap["value"];
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
+type TerraLoginProps = {
   /**  */
-  mapElement?: TerraMap["mapElement"];
+  "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"];
   /**  */
-  map?: TerraMap["map"];
-  /** List of geojson shapes */
-  shapes?: TerraMap["shapes"];
+  "logged-out-message"?: TerraLogin["loggedOutMessage"];
   /**  */
-  _mapController?: TerraMap["_mapController"];
+  "loading-message"?: TerraLogin["loadingMessage"];
+
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
 type TerraMenuProps = {
@@ -992,6 +962,42 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
+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 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
@@ -1009,20 +1015,6 @@ multiple values. */
   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 TerraPlotProps = {
   /**  */
   plotTitle?: TerraPlot["plotTitle"];
@@ -1038,6 +1030,20 @@ type TerraPlotProps = {
   base?: TerraPlot["base"];
 };
 
+type TerraPaginationProps = {
+  /** The current page number (1-indexed). */
+  current?: TerraPagination["current"];
+  /** The total number of pages. */
+  total?: TerraPagination["total"];
+  /** The pagination variant. */
+  variant?: TerraPagination["variant"];
+  /** Whether the pagination is centered. */
+  centered?: TerraPagination["centered"];
+
+  /** Emitted when the page changes. */
+  onTerraPageChange?: (e: CustomEvent<never>) => void;
+};
+
 type 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
@@ -1204,31 +1210,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraProgressBarProps = {
-  /** The current progress as a percentage, 0 to 100. */
-  value?: TerraProgressBar["value"];
-  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-  indeterminate?: TerraProgressBar["indeterminate"];
-  /** A custom label for assistive devices. */
-  label?: TerraProgressBar["label"];
-  /** The progress bar's theme variant. */
-  variant?: TerraProgressBar["variant"];
-  /**  */
-  title?: TerraProgressBar["title"];
-};
-
-type TerraScrollHintProps = {
-  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
-  inline?: TerraScrollHint["inline"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraScrollHint["dark"];
-  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
-  inactivityDelay?: TerraScrollHint["inactivityDelay"];
-
-  /** Emitted when the scroll hint is clicked and scrolling begins. */
-  onTerraScroll?: (e: CustomEvent<never>) => void;
-};
-
 type TerraRadioGroupProps = {
   /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
 instead. */
@@ -1265,6 +1246,31 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
+type TerraProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: TerraProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: TerraProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: TerraProgressBar["label"];
+  /** The progress bar's theme variant. */
+  variant?: TerraProgressBar["variant"];
+  /**  */
+  title?: TerraProgressBar["title"];
+};
+
+type TerraScrollHintProps = {
+  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
+  inline?: TerraScrollHint["inline"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraScrollHint["dark"];
+  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
+  inactivityDelay?: TerraScrollHint["inactivityDelay"];
+
+  /** Emitted when the scroll hint is clicked and scrolling begins. */
+  onTerraScroll?: (e: CustomEvent<never>) => void;
+};
+
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1366,6 +1372,15 @@ type TerraSiteNavigationProps = {
   "full-width"?: TerraSiteNavigation["fullWidth"];
 };
 
+type TerraSkeletonProps = {
+  /**  */
+  rows?: TerraSkeleton["rows"];
+  /**  */
+  effect?: TerraSkeleton["effect"];
+  /**  */
+  variableWidths?: TerraSkeleton["variableWidths"];
+};
+
 type TerraSliderProps = {
   /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
   mode?: TerraSlider["mode"];
@@ -1399,13 +1414,6 @@ When hidden, still presents to screen readers. */
   slider?: TerraSlider["slider"];
 };
 
-type TerraStatusIndicatorProps = {
-  /** The status variant. Determines the color of the indicator dot. */
-  variant?: TerraStatusIndicator["variant"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraStatusIndicator["dark"];
-};
-
 type TerraSpatialPickerProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
@@ -1459,13 +1467,11 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
-type TerraSkeletonProps = {
-  /**  */
-  rows?: TerraSkeleton["rows"];
-  /**  */
-  effect?: TerraSkeleton["effect"];
-  /**  */
-  variableWidths?: TerraSkeleton["variableWidths"];
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
 };
 
 type TerraStepperProps = {
@@ -1486,13 +1492,6 @@ and "upcoming" shows the step as not yet reached. */
   "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
 };
 
-type TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
-};
-
 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"];
@@ -1510,6 +1509,13 @@ 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"];
@@ -1536,6 +1542,26 @@ 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"];
+
+  /** Emitted when a topic tag is clicked (unless href is provided). */
+  onTerraClick?: (e: CustomEvent<never>) => void;
+};
+
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1646,6 +1672,29 @@ 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 TerraTimeSeriesProps = {
   /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
   "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
@@ -1699,30 +1748,7 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (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 TerraToggleProps = {
+type TerraToggleProps = {
   /**  */
   title?: TerraToggle["title"];
   /** The name of the switch, submitted as a name/value pair with form data. */
@@ -1864,26 +1890,6 @@ When hidden, still presents to screen readers. */
   onTerraSearch?: (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;
-};
-
 export type CustomElements = {
   /**
    * A collapsible content panel for showing and hiding content.
@@ -1899,6 +1905,28 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
+  /**
+   * 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>;
+
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -1940,28 +1968,6 @@ export type CustomElements = {
    */
   "terra-badge": DefineComponent<TerraBadgeProps>;
 
-  /**
-   * 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>;
-
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
@@ -2172,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.
    * ---
@@ -2215,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>;
+
   /**
    *
    * ---
@@ -2333,6 +2339,35 @@ export type CustomElements = {
    */
   "terra-divider": DefineComponent<TerraDividerProps>;
 
+  /**
+   * Dropdowns expose additional content that "drops down" in a panel.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the dropdown opens.
+   * - **terra-after-show** - Emitted after the dropdown opens and all animations are complete.
+   * - **terra-hide** - Emitted when the dropdown closes.
+   * - **terra-after-hide** - Emitted after the dropdown closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **show()** - Shows the dropdown panel.
+   * - **hide()** - Hides the dropdown panel
+   * - **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
+   * is activated.
+   *
+   * ### **Slots:**
+   *  - _default_ - The dropdown's main content, typically a `<terra-menu>` element.
+   * - **trigger** - The dropdown's trigger, usually a `<terra-button>` element.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, an `<terra-popup>` element.
+   * - **base__popup** - The popup's exported `popup` part. Use this to target the dropdown's popup container.
+   * - **trigger** - The container that wraps the trigger.
+   * - **panel** - The panel that gets shown when the dropdown is open.
+   */
+  "terra-dropdown": DefineComponent<TerraDropdownProps>;
+
   /**
    * A form that logs in to Earthdata Login (EDL)
    * ---
@@ -2389,58 +2424,6 @@ export type CustomElements = {
    */
   "terra-icon": DefineComponent<TerraIconProps>;
 
-  /**
-   * Dropdowns expose additional content that "drops down" in a panel.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the dropdown opens.
-   * - **terra-after-show** - Emitted after the dropdown opens and all animations are complete.
-   * - **terra-hide** - Emitted when the dropdown closes.
-   * - **terra-after-hide** - Emitted after the dropdown closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **show()** - Shows the dropdown panel.
-   * - **hide()** - Hides the dropdown panel
-   * - **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-   * is activated.
-   *
-   * ### **Slots:**
-   *  - _default_ - The dropdown's main content, typically a `<terra-menu>` element.
-   * - **trigger** - The dropdown's trigger, usually a `<terra-button>` element.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<terra-popup>` element.
-   * - **base__popup** - The popup's exported `popup` part. Use this to target the dropdown's popup container.
-   * - **trigger** - The container that wraps the trigger.
-   * - **panel** - The panel that gets shown when the dropdown is open.
-   */
-  "terra-dropdown": DefineComponent<TerraDropdownProps>;
-
-  /**
-   * Loaders are used to indicate there is content that is loading.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-loader": DefineComponent<TerraLoaderProps>;
-
-  /**
-   * 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 text input component with consistent styling across the design system.
    * ---
@@ -2486,11 +2469,27 @@ export type CustomElements = {
   "terra-input": DefineComponent<TerraInputProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
+   * Loaders are used to indicate there is content that is loading.
    * ---
    *
+   *
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
    */
-  "terra-map": DefineComponent<TerraMapProps>;
+  "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.
@@ -2534,6 +2533,13 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -2559,6 +2565,16 @@ export type CustomElements = {
    */
   "terra-option": DefineComponent<TerraOptionProps>;
 
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
+
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
@@ -2590,16 +2606,6 @@ export type CustomElements = {
    */
   "terra-pagination": DefineComponent<TerraPaginationProps>;
 
-  /**
-   * 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.
    * ---
@@ -2682,6 +2688,39 @@ export type CustomElements = {
    */
   "terra-radio": DefineComponent<TerraRadioProps>;
 
+  /**
+   * Radio groups are used to group multiple radio buttons so they function as a single form control.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when the radio group's selected value changes.
+   * - **terra-input** - Emitted when the radio group receives user input.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
+   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
+   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **form-control** - The form control that wraps the label, input, and help text.
+   * - **form-control-label** - The label's wrapper.
+   * - **form-control-input** - The input's wrapper.
+   * - **form-control-help-text** - The help text's wrapper.
+   */
+  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
+
   /**
    * Progress bars are used to show the status of an ongoing operation.
    * ---
@@ -2727,39 +2766,6 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
-  /**
-   * Radio groups are used to group multiple radio buttons so they function as a single form control.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when the radio group's selected value changes.
-   * - **terra-input** - Emitted when the radio group receives user input.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
-   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
-   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **form-control** - The form control that wraps the label, input, and help text.
-   * - **form-control-label** - The label's wrapper.
-   * - **form-control-input** - The input's wrapper.
-   * - **form-control-help-text** - The help text's wrapper.
-   */
-  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
-
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2848,6 +2854,13 @@ export type CustomElements = {
    */
   "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
+  /**
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * ---
+   *
+   */
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+
   /**
    *
    * ---
@@ -2855,6 +2868,13 @@ export type CustomElements = {
    */
   "terra-slider": DefineComponent<TerraSliderProps>;
 
+  /**
+   * A component that allows input of coordinates and rendering of map.
+   * ---
+   *
+   */
+  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
    * ---
@@ -2877,20 +2897,6 @@ export type CustomElements = {
    */
   "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
-  /**
-   * A component that allows input of coordinates and rendering of map.
-   * ---
-   *
-   */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
-
-  /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
-   * ---
-   *
-   */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
-
   /**
    * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
    * ---
@@ -2923,40 +2929,40 @@ export type CustomElements = {
   "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * 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 panel's content.
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
    *
    * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
+   *  - **--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-panel": DefineComponent<TerraTabPanelProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
    * ---
    *
    *
-   * ### **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.
+   *  - _default_ - The tab panel's content.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
+   *  - **--padding** - The tab panel's padding. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
    */
-  "terra-tab": DefineComponent<TerraTabProps>;
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
    * Tabs organize content into a container that shows one section at a time.
@@ -2991,6 +2997,50 @@ export type CustomElements = {
    */
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
+  /**
+   * 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>;
+
   /**
    * A textarea component with consistent styling across the design system.
    * ---
@@ -3027,17 +3077,6 @@ export type CustomElements = {
    */
   "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
-  /**
-   * A component for visualizing time series data using the GES DISC Giovanni API.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-date-range-change** - Emitted whenever the date range is modified
-   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
-   */
-  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
-
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
@@ -3070,6 +3109,17 @@ 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>;
+
   /**
    * Switches allow the user to toggle an option on or off.
    * ---
@@ -3187,50 +3237,6 @@ export type CustomElements = {
    * - **listbox** - A `ul` that holds the clickable options.
    */
   "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
-
-  /**
-   * 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>;
 };
 
 declare module "vue" {