@nasa-terra/components 0.0.148 → 0.0.149

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

@@ -1,11 +1,11 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
+import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
-import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraButtonGroup } from "../../components/button-group/button-group.component.js";
@@ -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 { TerraLogin } from "../../components/login/login.component.js";
-import type { TerraLoader } from "../../components/loader/loader.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 { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
-import type { TerraOption } from "../../components/option/option.component.js";
+import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
+import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.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 { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
+import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
-import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
-import type { TerraSlider } from "../../components/slider/slider.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 { TerraSlider } from "../../components/slider/slider.component.js";
+import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
+import type { TerraStepper } from "../../components/stepper/stepper.component.js";
+import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.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 { TerraTabs } from "../../components/tabs/tabs.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 { 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 { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
 type TerraAccordionProps = {
@@ -76,6 +76,38 @@ type TerraAccordionProps = {
   onTerraAccordionToggle?: (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. */
+  open?: TerraAlert["open"];
+  /** Enables a close button that allows the user to dismiss the alert. */
+  closable?: TerraAlert["closable"];
+  /** The alert's theme variant. */
+  variant?: TerraAlert["variant"];
+  /** The alert's appearance style. "filled" uses a colored background with white text (HDS default).
+"white" uses a white background with a colored top border and dark text. */
+  appearance?: TerraAlert["appearance"];
+  /** The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
+the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning
+the alert will not close on its own. */
+  duration?: TerraAlert["duration"];
+  /** Enables a countdown that indicates the remaining time the alert will be displayed.
+Typically used to indicate the remaining time before a whole app refresh. */
+  countdown?: TerraAlert["countdown"];
+  /**  */
+  base?: TerraAlert["base"];
+  /**  */
+  countdownElement?: TerraAlert["countdownElement"];
+  /** Emitted when the alert opens. */
+  onTerraShow?: (e: CustomEvent<never>) => void;
+  /** Emitted after the alert opens and all animations are complete. */
+  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  /** Emitted when the alert closes. */
+  onTerraHide?: (e: CustomEvent<never>) => void;
+  /** Emitted after the alert closes and all animations are complete. */
+  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+};
+
 type TerraBreadcrumbProps = {
   /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
   href?: TerraBreadcrumb["href"];
@@ -116,38 +148,6 @@ type TerraBreadcrumbsProps = {
   theme?: TerraBreadcrumbs["theme"];
 };
 
-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. */
-  open?: TerraAlert["open"];
-  /** Enables a close button that allows the user to dismiss the alert. */
-  closable?: TerraAlert["closable"];
-  /** The alert's theme variant. */
-  variant?: TerraAlert["variant"];
-  /** The alert's appearance style. "filled" uses a colored background with white text (HDS default).
-"white" uses a white background with a colored top border and dark text. */
-  appearance?: TerraAlert["appearance"];
-  /** The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
-the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning
-the alert will not close on its own. */
-  duration?: TerraAlert["duration"];
-  /** Enables a countdown that indicates the remaining time the alert will be displayed.
-Typically used to indicate the remaining time before a whole app refresh. */
-  countdown?: TerraAlert["countdown"];
-  /**  */
-  base?: TerraAlert["base"];
-  /**  */
-  countdownElement?: TerraAlert["countdownElement"];
-  /** Emitted when the alert opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
-  /** Emitted after the alert opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
-  /** Emitted when the alert closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
-  /** Emitted after the alert closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
-};
-
 type TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -804,37 +804,6 @@ ignored by assistive devices. */
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
-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 TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -932,6 +901,37 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (e: CustomEvent<never>) => void;
 };
 
+type TerraLoaderProps = {
+  /** The loader's variant */
+  variant?: TerraLoader["variant"];
+  /** The percent complete for the loader to display */
+  percent?: TerraLoader["percent"];
+  /** an indeterminate loader has an unknown progress and will show a spinner */
+  indeterminate?: TerraLoader["indeterminate"];
+  /** The ARIA role for the loader */
+  role?: TerraLoader["role"];
+  /**  */
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
+type TerraLoginProps = {
+  /**  */
+  "button-label"?: TerraLogin["buttonLabel"];
+  /** The message to show when the user is logged in
+You can use the following placeholders:
+{username} - The username of the user
+{first_name} - The first name of the user
+{last_name} - The last name of the user */
+  "logged-in-message"?: TerraLogin["loggedInMessage"];
+  /**  */
+  "logged-out-message"?: TerraLogin["loggedOutMessage"];
+  /**  */
+  "loading-message"?: TerraLogin["loadingMessage"];
+
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (e: CustomEvent<never>) => void;
+};
+
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -968,6 +968,13 @@ Format: 'west, south, east, north' */
   _mapController?: TerraMap["_mapController"];
 };
 
+type TerraMenuProps = {
+  /**  */
+  defaultSlot?: TerraMenu["defaultSlot"];
+  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
+  onTerraSelect?: (e: CustomEvent<never>) => void;
+};
+
 type TerraMenuItemProps = {
   /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
   type?: TerraMenuItem["type"];
@@ -985,11 +992,33 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-type TerraMenuProps = {
+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 = {
   /**  */
-  defaultSlot?: TerraMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  onTerraSelect?: (e: CustomEvent<never>) => void;
+  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 TerraOptionProps = {
@@ -1009,20 +1038,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 TerraPlotToolbarProps = {
   /**  */
   catalogVariable?: TerraPlotToolbar["catalogVariable"];
@@ -1149,21 +1164,6 @@ active. */
   onTerraReposition?: (e: CustomEvent<never>) => void;
 };
 
-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 TerraProgressBarProps = {
   /** The current progress as a percentage, 0 to 100. */
   value?: TerraProgressBar["value"];
@@ -1217,18 +1217,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-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 +1253,23 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
+type TerraScrollHintProps = {
+  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
+  inline?: TerraScrollHint["inline"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraScrollHint["dark"];
+  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
+  inactivityDelay?: TerraScrollHint["inactivityDelay"];
+
+  /** Emitted when the scroll hint is clicked and scrolling begins. */
+  onTerraScroll?: (e: CustomEvent<never>) => void;
+};
+
+type TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
+};
+
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1356,18 +1361,55 @@ be an array. **For this reason, values must not contain spaces.** */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraSiteHeaderProps = {
-  /** The default site name displayed in the title slot if no content is provided. */
-  "site-name"?: TerraSiteHeader["siteName"];
-};
-
 type TerraSiteNavigationProps = {
   /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
   "full-width"?: TerraSiteNavigation["fullWidth"];
 };
 
-type TerraSpatialPickerProps = {
-  /** Minimum zoom level of the map. */
+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"];
+  /** The minimum value of the slider. */
+  min?: TerraSlider["min"];
+  /** The maximum value of the slider. */
+  max?: TerraSlider["max"];
+  /** The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps. */
+  step?: TerraSlider["step"];
+  /** Disables the slider. */
+  disabled?: TerraSlider["disabled"];
+  /** Shows tick marks and labels on the slider. */
+  "has-pips"?: TerraSlider["hasPips"];
+  /** Shows tooltips on the slider handles.
+When false (default), selected values are shown in the top right instead. */
+  "has-tooltips"?: TerraSlider["hasTooltips"];
+  /** Shows input fields below the slider for precise value entry. */
+  "show-inputs"?: TerraSlider["showInputs"];
+  /** The current value for single mode sliders. */
+  value?: TerraSlider["value"];
+  /** The start value for range mode sliders. */
+  "start-value"?: TerraSlider["startValue"];
+  /** The end value for range mode sliders. */
+  "end-value"?: TerraSlider["endValue"];
+  /** The label text for the slider. */
+  label?: TerraSlider["label"];
+  /** Hide the slider's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraSlider["hideLabel"];
+  /**  */
+  slider?: TerraSlider["slider"];
+};
+
+type TerraSpatialPickerProps = {
+  /** Minimum zoom level of the map. */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
   /** Maximum zoom level of the map. */
   "max-zoom"?: TerraSpatialPicker["maxZoom"];
@@ -1419,53 +1461,14 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
-type TerraSliderProps = {
-  /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
-  mode?: TerraSlider["mode"];
-  /** The minimum value of the slider. */
-  min?: TerraSlider["min"];
-  /** The maximum value of the slider. */
-  max?: TerraSlider["max"];
-  /** The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps. */
-  step?: TerraSlider["step"];
-  /** Disables the slider. */
-  disabled?: TerraSlider["disabled"];
-  /** Shows tick marks and labels on the slider. */
-  "has-pips"?: TerraSlider["hasPips"];
-  /** Shows tooltips on the slider handles.
-When false (default), selected values are shown in the top right instead. */
-  "has-tooltips"?: TerraSlider["hasTooltips"];
-  /** Shows input fields below the slider for precise value entry. */
-  "show-inputs"?: TerraSlider["showInputs"];
-  /** The current value for single mode sliders. */
-  value?: TerraSlider["value"];
-  /** The start value for range mode sliders. */
-  "start-value"?: TerraSlider["startValue"];
-  /** The end value for range mode sliders. */
-  "end-value"?: TerraSlider["endValue"];
-  /** The label text for the slider. */
-  label?: TerraSlider["label"];
-  /** Hide the slider's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraSlider["hideLabel"];
-  /**  */
-  slider?: TerraSlider["slider"];
-};
-
-type 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 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 TerraStepperProps = {
@@ -1476,14 +1479,11 @@ 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 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 TerraTabProps = {
@@ -1510,6 +1510,32 @@ type TerraTabPanelProps = {
   active?: TerraTabPanel["active"];
 };
 
+type TerraTabsProps = {
+  /** The placement of the tabs. */
+  placement?: TerraTabs["placement"];
+  /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
+manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
+  activation?: TerraTabs["activation"];
+  /** Disables the scroll arrows that appear when tabs overflow. */
+  "no-scroll-controls"?: TerraTabs["noScrollControls"];
+  /** Prevent scroll buttons from being hidden when inactive. */
+  "fixed-scroll-controls"?: TerraTabs["fixedScrollControls"];
+  /** The size of the tabs. Can be overridden by individual tab components. */
+  size?: TerraTabs["size"];
+  /**  */
+  tabsElement?: TerraTabs["tabsElement"];
+  /**  */
+  body?: TerraTabs["body"];
+  /**  */
+  nav?: TerraTabs["nav"];
+  /**  */
+  indicator?: TerraTabs["indicator"];
+  /** Emitted when a tab is shown. */
+  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
+  /** Emitted when a tab is hidden. */
+  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
+};
+
 type TerraTagProps = {
   /** The tag variant. Determines the styling and behavior. */
   variant?: TerraTag["variant"];
@@ -1587,32 +1613,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTabsProps = {
-  /** The placement of the tabs. */
-  placement?: TerraTabs["placement"];
-  /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
-manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
-  activation?: TerraTabs["activation"];
-  /** Disables the scroll arrows that appear when tabs overflow. */
-  "no-scroll-controls"?: TerraTabs["noScrollControls"];
-  /** Prevent scroll buttons from being hidden when inactive. */
-  "fixed-scroll-controls"?: TerraTabs["fixedScrollControls"];
-  /** The size of the tabs. Can be overridden by individual tab components. */
-  size?: TerraTabs["size"];
-  /**  */
-  tabsElement?: TerraTabs["tabsElement"];
-  /**  */
-  body?: TerraTabs["body"];
-  /**  */
-  nav?: TerraTabs["nav"];
-  /**  */
-  indicator?: TerraTabs["indicator"];
-  /** Emitted when a tab is shown. */
-  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
-  /** Emitted when a tab is hidden. */
-  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
-};
-
 type TerraTimeAverageMapProps = {
   /**  */
   collection?: TerraTimeAverageMap["collection"];
@@ -1719,6 +1719,29 @@ 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 = {
   /**  */
   title?: TerraToggle["title"];
@@ -1836,29 +1859,6 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraComboboxChange?: (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 TerraVariableKeywordSearchProps = {
   /** Label the combobox with this. */
   label?: TerraVariableKeywordSearch["label"];
@@ -1899,6 +1899,34 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
+  /**
+   * Alerts are used to display important messages inline or as toast notifications.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the alert opens.
+   * - **terra-after-show** - Emitted after the alert opens and all animations are complete.
+   * - **terra-hide** - Emitted when the alert closes.
+   * - **terra-after-hide** - Emitted after the alert closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **show()** - Shows the alert.
+   * - **hide()** - Hides the alert
+   * - **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+   * calling this method again. The returned promise will resolve after the alert is hidden.
+   *
+   * ### **Slots:**
+   *  - _default_ - The alert's main content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the optional icon.
+   * - **message** - The container that wraps the alert's main content.
+   */
+  "terra-alert": DefineComponent<TerraAlertProps>;
+
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
@@ -1972,48 +2000,20 @@ export type CustomElements = {
   "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
-   * Alerts are used to display important messages inline or as toast notifications.
+   * Browse through the NASA CMR or Giovanni catalogs.
+   * ---
+   *
+   */
+  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
+
+  /**
+   * Buttons represent actions that are available to the user.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-show** - Emitted when the alert opens.
-   * - **terra-after-show** - Emitted after the alert opens and all animations are complete.
-   * - **terra-hide** - Emitted when the alert closes.
-   * - **terra-after-hide** - Emitted after the alert closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **show()** - Shows the alert.
-   * - **hide()** - Hides the alert
-   * - **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
-   *
-   * ### **Slots:**
-   *  - _default_ - The alert's main content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the optional icon.
-   * - **message** - The container that wraps the alert's main content.
-   */
-  "terra-alert": DefineComponent<TerraAlertProps>;
-
-  /**
-   * Browse through the NASA CMR or Giovanni catalogs.
-   * ---
-   *
-   */
-  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
-
-  /**
-   * Buttons represent actions that are available to the user.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-blur** - emitted when the button is blurred
-   * - **terra-focus** - emitted when the button is focused
+   *  - **terra-blur** - emitted when the button is blurred
+   * - **terra-focus** - emitted when the button is focused
    *
    * ### **Methods:**
    *  - **click()** - Simulates a click on the button.
@@ -2418,29 +2418,6 @@ export type CustomElements = {
    */
   "terra-icon": DefineComponent<TerraIconProps>;
 
-  /**
-   * 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>;
-
-  /**
-   * 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 text input component with consistent styling across the design system.
    * ---
@@ -2486,40 +2463,34 @@ 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>;
 
   /**
-   * Menu items provide options for the user to pick from in a menu.
+   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
    * ---
    *
    *
-   * ### **Methods:**
-   *  - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.
-   *
-   * ### **Slots:**
-   *  - _default_ - The menu item's label.
-   * - **prefix** - Used to prepend an icon or similar element to the menu item.
-   * - **suffix** - Used to append an icon or similar element to the menu item.
-   * - **submenu** - Used to denote a nested menu.
-   *
-   * ### **CSS Properties:**
-   *  - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_
+   * ### **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.
+   * ---
    *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **checked-icon** - The checked icon, which is only visible when the menu item is checked.
-   * - **prefix** - The prefix container.
-   * - **label** - The menu item label.
-   * - **suffix** - The suffix container.
-   * - **spinner** - The spinner that shows when the menu item is in the loading state.
-   * - **spinner__base** - The spinner's base part.
-   * - **submenu-icon** - The submenu icon, visible only when the menu item has a submenu.
    */
-  "terra-menu-item": DefineComponent<TerraMenuItemProps>;
+  "terra-map": DefineComponent<TerraMapProps>;
 
   /**
    * Menus provide a list of options for the user to choose from.
@@ -2535,29 +2506,33 @@ export type CustomElements = {
   "terra-menu": DefineComponent<TerraMenuProps>;
 
   /**
-   * Options define the selectable items within various form controls such as [select](/components/select).
+   * Menu items provide options for the user to pick from in a menu.
    * ---
    *
    *
    * ### **Methods:**
-   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
+   *  - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.
    *
    * ### **Slots:**
-   *  - _default_ - The option's label.
+   *  - _default_ - The menu item's label.
    * - **prefix** - Used to prepend an icon or similar element to the menu item.
    * - **suffix** - Used to append an icon or similar element to the menu item.
+   * - **submenu** - Used to denote a nested menu.
    *
    * ### **CSS Properties:**
-   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
+   *  - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_
    *
    * ### **CSS Parts:**
-   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
-   * - **base** - The component's base wrapper.
-   * - **label** - The option's label.
-   * - **prefix** - The container that wraps the prefix.
-   * - **suffix** - The container that wraps the suffix.
+   *  - **base** - The component's base wrapper.
+   * - **checked-icon** - The checked icon, which is only visible when the menu item is checked.
+   * - **prefix** - The prefix container.
+   * - **label** - The menu item label.
+   * - **suffix** - The suffix container.
+   * - **spinner** - The spinner that shows when the menu item is in the loading state.
+   * - **spinner__base** - The spinner's base part.
+   * - **submenu-icon** - The submenu icon, visible only when the menu item has a submenu.
    */
-  "terra-option": DefineComponent<TerraOptionProps>;
+  "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
@@ -2590,6 +2565,41 @@ 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>;
+
+  /**
+   * Options define the selectable items within various form controls such as [select](/components/select).
+   * ---
+   *
+   *
+   * ### **Methods:**
+   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
+   *
+   * ### **Slots:**
+   *  - _default_ - The option's label.
+   * - **prefix** - Used to prepend an icon or similar element to the menu item.
+   * - **suffix** - Used to append an icon or similar element to the menu item.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
+   * - **base** - The component's base wrapper.
+   * - **label** - The option's label.
+   * - **prefix** - The container that wraps the prefix.
+   * - **suffix** - The container that wraps the suffix.
+   */
+  "terra-option": DefineComponent<TerraOptionProps>;
+
   /**
    * Short summary of the component's intended use.
    * ---
@@ -2635,16 +2645,6 @@ 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>;
-
   /**
    * Progress bars are used to show the status of an ongoing operation.
    * ---
@@ -2703,30 +2703,6 @@ export type CustomElements = {
    */
   "terra-radio": DefineComponent<TerraRadioProps>;
 
-  /**
-   * Scroll hint is an animated button that prompts visitors to scroll.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_
-   * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
-   * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
-   * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **button** - The clickable button element.
-   * - **icon-container** - The container for the icon and pulsing ring.
-   * - **icon** - The chevron icon.
-   * - **ring** - The pulsing ring around the icon.
-   * - **text** - The "SCROLL TO CONTINUE" text.
-   */
-  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
-
   /**
    * Radio groups are used to group multiple radio buttons so they function as a single form control.
    * ---
@@ -2760,6 +2736,49 @@ export type CustomElements = {
    */
   "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
 
+  /**
+   * Scroll hint is an animated button that prompts visitors to scroll.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_
+   * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
+   * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
+   * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **button** - The clickable button element.
+   * - **icon-container** - The container for the icon and pulsing ring.
+   * - **icon** - The chevron icon.
+   * - **ring** - The pulsing ring around the icon.
+   * - **text** - The "SCROLL TO CONTINUE" text.
+   */
+  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
+
+  /**
+   * Site headers provide a consistent navigation structure at the top of pages.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
+   * - **center** - Content displayed in the center of the header (e.g., navigation).
+   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
+   *
+   * ### **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>;
+
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2816,25 +2835,6 @@ export type CustomElements = {
    */
   "terra-select": DefineComponent<TerraSelectProps>;
 
-  /**
-   * 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.
    * ---
@@ -2849,11 +2849,11 @@ export type CustomElements = {
   "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
   /**
-   * A component that allows input of coordinates and rendering of map.
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
    * ---
    *
    */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
 
   /**
    *
@@ -2863,33 +2863,29 @@ export type CustomElements = {
   "terra-slider": DefineComponent<TerraSliderProps>;
 
   /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * A component that allows input of coordinates and rendering of map.
    * ---
    *
    */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
   /**
-   * Status indicators are dynamic labels that indicate the current state of a mission or project.
+   * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The status label text.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-status-indicator-dot-color** - The color of the status dot. _(default: undefined)_
-   * - **--terra-status-indicator-label-color** - The color of the label text. _(default: undefined)_
-   * - **--terra-status-indicator-font-family** - The font family for the label. _(default: undefined)_
-   * - **--terra-status-indicator-font-size** - The font size for the label. _(default: undefined)_
-   * - **--terra-status-indicator-font-weight** - The font weight for the label. _(default: undefined)_
+   *  - _default_ - The step's caption (optional, only shown in default variant).
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **dot** - The colored status dot.
-   * - **label** - The text label.
+   * - **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-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
+  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
    * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
@@ -2905,22 +2901,26 @@ export type CustomElements = {
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
   /**
-   * A step within a stepper component that displays progress through a multi-step workflow.
+   * Status indicators are dynamic labels that indicate the current state of a mission or project.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The step's caption (optional, only shown in default variant).
+   *  - _default_ - The status label text.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-status-indicator-dot-color** - The color of the status dot. _(default: undefined)_
+   * - **--terra-status-indicator-label-color** - The color of the label text. _(default: undefined)_
+   * - **--terra-status-indicator-font-family** - The font family for the label. _(default: undefined)_
+   * - **--terra-status-indicator-font-size** - The font size for the label. _(default: undefined)_
+   * - **--terra-status-indicator-font-weight** - The font weight for the label. _(default: undefined)_
    *
    * ### **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).
+   * - **dot** - The colored status dot.
+   * - **label** - The text label.
    */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+  "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
   /**
    * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
@@ -2958,6 +2958,39 @@ export type CustomElements = {
    */
   "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
+  /**
+   * Tabs organize content into a container that shows one section at a time.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-tab-show** - Emitted when a tab is shown.
+   * - **terra-tab-hide** - Emitted when a tab is hidden.
+   *
+   * ### **Methods:**
+   *  - **show(panel: _string_)** - Shows the specified tab panel.
+   *
+   * ### **Slots:**
+   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
+   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
+   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **nav** - The tabs' navigation container where tabs are slotted in.
+   * - **tabs** - The container that wraps the tabs.
+   * - **active-tab-indicator** - The line that highlights the currently selected tab.
+   * - **body** - The tabs' body where tab panels are slotted in.
+   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
+   * - **scroll-button--start** - The starting scroll button.
+   * - **scroll-button--end** - The ending scroll button.
+   */
+  "terra-tabs": DefineComponent<TerraTabsProps>;
+
   /**
    * Tags are simple labels that help categorize items.
    * ---
@@ -3031,39 +3064,6 @@ export type CustomElements = {
    */
   "terra-textarea": DefineComponent<TerraTextareaProps>;
 
-  /**
-   * Tabs organize content into a container that shows one section at a time.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-tab-show** - Emitted when a tab is shown.
-   * - **terra-tab-hide** - Emitted when a tab is hidden.
-   *
-   * ### **Methods:**
-   *  - **show(panel: _string_)** - Shows the specified tab panel.
-   *
-   * ### **Slots:**
-   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
-   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
-   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
-   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **nav** - The tabs' navigation container where tabs are slotted in.
-   * - **tabs** - The container that wraps the tabs.
-   * - **active-tab-indicator** - The line that highlights the currently selected tab.
-   * - **body** - The tabs' body where tab panels are slotted in.
-   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
-   * - **scroll-button--start** - The starting scroll button.
-   * - **scroll-button--end** - The ending scroll button.
-   */
-  "terra-tabs": DefineComponent<TerraTabsProps>;
-
   /**
    *
    * ---
@@ -3082,6 +3082,38 @@ export type CustomElements = {
    */
   "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
 
+  /**
+   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the toast opens.
+   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
+   * - **terra-hide** - Emitted when the toast closes.
+   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
+   * calling this method again. The returned promise will resolve after the toast is hidden.
+   * - **show()** - Shows the toast.
+   * - **hide()** - Hides the toast.
+   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
+   * body, and displays it as a notification.
+   *
+   * ### **Slots:**
+   *  - _default_ - The toast's main content.
+   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
+   * - **base__base** - The alert's exported `base` part.
+   * - **base__icon** - The alert's exported `icon` part.
+   * - **base__message** - The alert's exported `message` part.
+   */
+  "terra-toast": DefineComponent<TerraToastProps>;
+
   /**
    * Switches allow the user to toggle an option on or off.
    * ---
@@ -3179,38 +3211,6 @@ export type CustomElements = {
    */
   "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
 
-  /**
-   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the toast opens.
-   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
-   * - **terra-hide** - Emitted when the toast closes.
-   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   * - **show()** - Shows the toast.
-   * - **hide()** - Hides the toast.
-   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * ### **Slots:**
-   *  - _default_ - The toast's main content.
-   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
-   * - **base__base** - The alert's exported `base` part.
-   * - **base__icon** - The alert's exported `icon` part.
-   * - **base__message** - The alert's exported `message` part.
-   */
-  "terra-toast": DefineComponent<TerraToastProps>;
-
   /**
    * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---