@nasa-terra/components 0.0.140 → 0.0.142

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

@@ -1,10 +1,10 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
+import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
@@ -23,8 +23,8 @@ 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 { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraInput } from "../../components/input/input.component.js";
@@ -33,24 +33,24 @@ import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraPopup } from "../../components/popup/popup.component.js";
+import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
-import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
 import type { 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 { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
+import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
+import type { 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 { 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";
@@ -60,8 +60,8 @@ import type { TerraTimeAverageMap } from "../../components/time-average-map/time
 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 { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.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";
 
 type TerraAccordionProps = {
@@ -76,14 +76,6 @@ type TerraAccordionProps = {
   onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
 };
 
-type TerraBreadcrumbProps = {
-  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
-  href?: TerraBreadcrumb["href"];
-  /** Indicates that this breadcrumb represents the current page.
-When set, `aria-current="page"` will be applied to the underlying element. */
-  current?: TerraBreadcrumb["current"];
-};
-
 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. */
@@ -141,6 +133,14 @@ type TerraBadgeProps = {
   pulse?: TerraBadge["pulse"];
 };
 
+type TerraBreadcrumbProps = {
+  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
+  href?: TerraBreadcrumb["href"];
+  /** Indicates that this breadcrumb represents the current page.
+When set, `aria-current="page"` will be applied to the underlying element. */
+  current?: TerraBreadcrumb["current"];
+};
+
 type TerraBreadcrumbsProps = {
   /** Accessible label for the breadcrumb navigation. */
   "aria-label"?: TerraBreadcrumbs["ariaLabel"];
@@ -664,6 +664,38 @@ type TerraDividerProps = {
   vertical?: TerraDivider["vertical"];
 };
 
+type TerraEarthdataLoginProps = {
+  /** 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"?: TerraEarthdataLogin["loggedInMessage"];
+  /**  */
+  "logged-out-message"?: TerraEarthdataLogin["loggedOutMessage"];
+  /**  */
+  "loading-message"?: TerraEarthdataLogin["loadingMessage"];
+  /**  */
+  username?: TerraEarthdataLogin["username"];
+  /**  */
+  password?: TerraEarthdataLogin["password"];
+  /**  */
+  "hide-password-toggle"?: TerraEarthdataLogin["hidePasswordToggle"];
+  /** if true and the user has passed in a username and password, we will automatically log them in
+this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered */
+  "auto-login"?: TerraEarthdataLogin["autoLogin"];
+  /**  */
+  usernameError?: TerraEarthdataLogin["usernameError"];
+  /**  */
+  passwordError?: TerraEarthdataLogin["passwordError"];
+  /**  */
+  usernameInput?: TerraEarthdataLogin["usernameInput"];
+  /**  */
+  passwordInput?: TerraEarthdataLogin["passwordInput"];
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (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. */
@@ -706,38 +738,6 @@ components that use a dropdown internally. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
-type TerraEarthdataLoginProps = {
-  /** 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"?: TerraEarthdataLogin["loggedInMessage"];
-  /**  */
-  "logged-out-message"?: TerraEarthdataLogin["loggedOutMessage"];
-  /**  */
-  "loading-message"?: TerraEarthdataLogin["loadingMessage"];
-  /**  */
-  username?: TerraEarthdataLogin["username"];
-  /**  */
-  password?: TerraEarthdataLogin["password"];
-  /**  */
-  "hide-password-toggle"?: TerraEarthdataLogin["hidePasswordToggle"];
-  /** if true and the user has passed in a username and password, we will automatically log them in
-this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered */
-  "auto-login"?: TerraEarthdataLogin["autoLogin"];
-  /**  */
-  usernameError?: TerraEarthdataLogin["usernameError"];
-  /**  */
-  passwordError?: TerraEarthdataLogin["passwordError"];
-  /**  */
-  usernameInput?: TerraEarthdataLogin["usernameInput"];
-  /**  */
-  passwordInput?: TerraEarthdataLogin["passwordInput"];
-  /** Emitted when a bearer token has been received from EDL. */
-  onTerraLogin?: (e: CustomEvent<never>) => void;
-};
-
 type TerraFileUploadProps = {
   /** The file upload's label. */
   label?: TerraFileUpload["label"];
@@ -896,6 +896,8 @@ type TerraLoaderProps = {
   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"];
 };
@@ -975,6 +977,20 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
+type TerraPaginationProps = {
+  /** The current page number (1-indexed). */
+  current?: TerraPagination["current"];
+  /** The total number of pages. */
+  total?: TerraPagination["total"];
+  /** The pagination variant. */
+  variant?: TerraPagination["variant"];
+  /** Whether the pagination is centered. */
+  centered?: TerraPagination["centered"];
+
+  /** Emitted when the page changes. */
+  onTerraPageChange?: (e: CustomEvent<never>) => void;
+};
+
 type TerraOptionProps = {
   /** The option's value. When selected, the containing form control will receive this value. The value must be unique
 from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
@@ -992,18 +1008,64 @@ 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"];
+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"];
+};
 
-  /** Emitted when the page changes. */
-  onTerraPageChange?: (e: CustomEvent<never>) => void;
+type TerraPlotToolbarProps = {
+  /**  */
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
+  /**  */
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
+  /**  */
+  plot?: TerraPlotToolbar["plot"];
+  /**  */
+  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
+  /**  */
+  location?: TerraPlotToolbar["location"];
+  /**  */
+  startDate?: TerraPlotToolbar["startDate"];
+  /**  */
+  endDate?: TerraPlotToolbar["endDate"];
+  /**  */
+  cacheKey?: TerraPlotToolbar["cacheKey"];
+  /**  */
+  dataType?: TerraPlotToolbar["dataType"];
+  /**  */
+  "show-location"?: TerraPlotToolbar["showLocation"];
+  /**  */
+  "show-date-range"?: TerraPlotToolbar["showDateRange"];
+  /**  */
+  colormaps?: TerraPlotToolbar["colormaps"];
+  /**  */
+  "color-map-name"?: TerraPlotToolbar["colorMapName"];
+  /**  */
+  opacity?: TerraPlotToolbar["opacity"];
+  /**  */
+  "show-citation"?: TerraPlotToolbar["showCitation"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraPlotToolbar["applicationCitation"];
+  /**  */
+  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  /**  */
+  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
+  /**  */
+  locationMapValue?: TerraPlotToolbar["locationMapValue"];
+  /**  */
+  menu?: TerraPlotToolbar["menu"];
+  /**  */
+  _authController?: TerraPlotToolbar["_authController"];
 };
 
 type TerraPopupProps = {
@@ -1081,79 +1143,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"];
-  /** 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 TerraPlotToolbarProps = {
-  /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
-  /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
-  /**  */
-  opacity?: TerraPlotToolbar["opacity"];
-  /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraPlotToolbar["applicationCitation"];
-  /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
-  /**  */
-  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
-  /**  */
-  locationMapValue?: TerraPlotToolbar["locationMapValue"];
-  /**  */
-  menu?: TerraPlotToolbar["menu"];
-  /**  */
-  _authController?: TerraPlotToolbar["_authController"];
-};
-
 type TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -1194,9 +1183,22 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (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. */
+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 TerraRadioGroupProps = {
+  /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+instead. */
   label?: TerraRadioGroup["label"];
   /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
   "help-text"?: TerraRadioGroup["helpText"];
@@ -1242,11 +1244,6 @@ type TerraScrollHintProps = {
   onTerraScroll?: (e: CustomEvent<never>) => void;
 };
 
-type TerraSiteHeaderProps = {
-  /** The default site name displayed in the title slot if no content is provided. */
-  "site-name"?: TerraSiteHeader["siteName"];
-};
-
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1338,11 +1335,58 @@ 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 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"];
@@ -1394,46 +1438,11 @@ the default is false, the map is positioned absolute under the input */
   map?: TerraSpatialPicker["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 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 = {
@@ -1454,13 +1463,6 @@ and "upcoming" shows the step as not yet reached. */
   "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 = {
   /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
   panel?: TerraTab["panel"];
@@ -1752,41 +1754,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraVariableComboboxProps = {
-  /** Label the combobox with this. */
-  label?: TerraVariableCombobox["label"];
-  /** Set a placeholder for the combobox with this.
-Defaults to the label's value. */
-  placeholder?: TerraVariableCombobox["placeholder"];
-  /** Hide the combobox's help text.
-When hidden, not rendered at all. */
-  "hide-help"?: TerraVariableCombobox["hideHelp"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraVariableCombobox["hideLabel"];
-  /** Determines if the variable combobox uses tags or plain text to display the query. */
-  "use-tags"?: TerraVariableCombobox["useTags"];
-  /** Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.
-Other components (like the time-series graphing component) will use this. */
-  value?: TerraVariableCombobox["value"];
-  /** The token to be used for authentication with remote servers.
-The component provides the header "Authorization: Bearer" (the request header and authentication scheme).
-The property's value will be inserted after "Bearer" (the authentication scheme). */
-  "bearer-token"?: TerraVariableCombobox["bearerToken"];
-  /**  */
-  isExpanded?: TerraVariableCombobox["isExpanded"];
-  /**  */
-  query?: TerraVariableCombobox["query"];
-  /**  */
-  searchResults?: TerraVariableCombobox["searchResults"];
-  /**  */
-  tags?: TerraVariableCombobox["tags"];
-  /**  */
-  tagContainerWidth?: TerraVariableCombobox["tagContainerWidth"];
-  /** Emitted when an option is selected. */
-  onTerraComboboxChange?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTooltipProps = {
   /** The tooltip or popover content. If you need to display HTML, use the `content` slot instead. */
   content?: TerraTooltip["content"];
@@ -1828,6 +1795,41 @@ scenarios. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
+type TerraVariableComboboxProps = {
+  /** Label the combobox with this. */
+  label?: TerraVariableCombobox["label"];
+  /** Set a placeholder for the combobox with this.
+Defaults to the label's value. */
+  placeholder?: TerraVariableCombobox["placeholder"];
+  /** Hide the combobox's help text.
+When hidden, not rendered at all. */
+  "hide-help"?: TerraVariableCombobox["hideHelp"];
+  /** Hide the combobox's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraVariableCombobox["hideLabel"];
+  /** Determines if the variable combobox uses tags or plain text to display the query. */
+  "use-tags"?: TerraVariableCombobox["useTags"];
+  /** Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.
+Other components (like the time-series graphing component) will use this. */
+  value?: TerraVariableCombobox["value"];
+  /** The token to be used for authentication with remote servers.
+The component provides the header "Authorization: Bearer" (the request header and authentication scheme).
+The property's value will be inserted after "Bearer" (the authentication scheme). */
+  "bearer-token"?: TerraVariableCombobox["bearerToken"];
+  /**  */
+  isExpanded?: TerraVariableCombobox["isExpanded"];
+  /**  */
+  query?: TerraVariableCombobox["query"];
+  /**  */
+  searchResults?: TerraVariableCombobox["searchResults"];
+  /**  */
+  tags?: TerraVariableCombobox["tags"];
+  /**  */
+  tagContainerWidth?: TerraVariableCombobox["tagContainerWidth"];
+  /** Emitted when an option is selected. */
+  onTerraComboboxChange?: (e: CustomEvent<never>) => void;
+};
+
 type TerraVariableKeywordSearchProps = {
   /** Label the combobox with this. */
   label?: TerraVariableKeywordSearch["label"];
@@ -1868,26 +1870,6 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
-  /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
-   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
-   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **link** - The breadcrumb link element.
-   * - **label** - The breadcrumb label element when not a link.
-   */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
-
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -1951,6 +1933,26 @@ export type CustomElements = {
    */
   "terra-badge": DefineComponent<TerraBadgeProps>;
 
+  /**
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
+   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
+   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **link** - The breadcrumb link element.
+   * - **label** - The breadcrumb label element when not a link.
+   */
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+
   /**
    * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
    * ---
@@ -2305,6 +2307,16 @@ export type CustomElements = {
    */
   "terra-divider": DefineComponent<TerraDividerProps>;
 
+  /**
+   * A form that logs in to Earthdata Login (EDL)
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   */
+  "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
+
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2334,16 +2346,6 @@ export type CustomElements = {
    */
   "terra-dropdown": DefineComponent<TerraDropdownProps>;
 
-  /**
-   * A form that logs in to Earthdata Login (EDL)
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
-   */
-  "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
-
   /**
    * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
    * ---
@@ -2506,31 +2508,6 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
-  /**
-   * Options define the selectable items within various form controls such as [select](/components/select).
-   * ---
-   *
-   *
-   * ### **Methods:**
-   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
-   *
-   * ### **Slots:**
-   *  - _default_ - The option's label.
-   * - **prefix** - Used to prepend an icon or similar element to the menu item.
-   * - **suffix** - Used to append an icon or similar element to the menu item.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
-   * - **base** - The component's base wrapper.
-   * - **label** - The option's label.
-   * - **prefix** - The container that wraps the prefix.
-   * - **suffix** - The container that wraps the suffix.
-   */
-  "terra-option": DefineComponent<TerraOptionProps>;
-
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
@@ -2563,32 +2540,29 @@ export type CustomElements = {
   "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
-   * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
+   * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.
-   *
    * ### **Methods:**
-   *  - **reposition()** - Forces the popup to recalculate and reposition itself.
+   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
    *
    * ### **Slots:**
-   *  - _default_ - The popup's content.
-   * - **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.
+   *  - _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:**
-   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
-   * - **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_
-   * - **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
-   * - **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
+   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.
-   * - **popup** - The popup's container. Useful for setting a background color, box shadow, etc.
-   * - **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.
+   *  - **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-popup": DefineComponent<TerraPopupProps>;
+  "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
    * A web component for interactive graphs using Plotly.js.
@@ -2601,42 +2575,49 @@ export type CustomElements = {
   "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
-   * Progress bars are used to show the status of an ongoing operation.
+   * Short summary of the component's intended use.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
    *
    * ### **CSS Properties:**
-   *  - **--height** - The progress bar's height. _(default: undefined)_
-   * - **--track-color** - The color of the track. _(default: undefined)_
-   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
-   * - **--label-color** - The color of the label. _(default: undefined)_
+   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
    */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.
+   *
+   * ### **Methods:**
+   *  - **reposition()** - Forces the popup to recalculate and reposition itself.
+   *
    * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
+   *  - _default_ - The popup's content.
+   * - **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.
    *
    * ### **CSS Properties:**
-   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
+   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
+   * - **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_
+   * - **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
+   * - **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   *  - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.
+   * - **popup** - The popup's container. Useful for setting a background color, box shadow, etc.
+   * - **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.
    */
-  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+  "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
@@ -2675,6 +2656,27 @@ export type CustomElements = {
    */
   "terra-radio": DefineComponent<TerraRadioProps>;
 
+  /**
+   * Progress bars are used to show the status of an ongoing operation.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - A label to show inside the progress indicator.
+   *
+   * ### **CSS Properties:**
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
+   */
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+
   /**
    * Radio groups are used to group multiple radio buttons so they function as a single form control.
    * ---
@@ -2732,25 +2734,6 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
-  /**
-   * Site headers provide a consistent navigation structure at the top of pages.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
-   * - **center** - Content displayed in the center of the header (e.g., navigation).
-   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **logo** - The NASA logo container.
-   * - **title** - The site title container.
-   * - **center** - The center content container.
-   * - **right** - The right content container.
-   */
-  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
-
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2808,24 +2791,36 @@ export type CustomElements = {
   "terra-select": DefineComponent<TerraSelectProps>;
 
   /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * Site headers provide a consistent navigation structure at the top of pages.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *  - **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-navigation": DefineComponent<TerraSiteNavigationProps>;
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
-   * A component that allows input of coordinates and rendering of map.
+   * Site navigation provides a flexible navigation structure with dropdown menus.
    * ---
    *
+   *
+   * ### **Slots:**
+   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
    */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
   /**
    * Skeletons are loading indicators to represent where content will eventually be drawn.
@@ -2841,6 +2836,35 @@ 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.
+   * ---
+   *
+   *
+   * ### **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)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **dot** - The colored status dot.
+   * - **label** - The text label.
+   */
+  "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
+
   /**
    * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
    * ---
@@ -2872,28 +2896,6 @@ export type CustomElements = {
    */
   "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
-  /**
-   * Status indicators are dynamic labels that indicate the current state of a mission or project.
-   * ---
-   *
-   *
-   * ### **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)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **dot** - The colored status dot.
-   * - **label** - The text label.
-   */
-  "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
-
   /**
    * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
@@ -3125,31 +3127,6 @@ export type CustomElements = {
    */
   "terra-toggle": DefineComponent<TerraToggleProps>;
 
-  /**
-   * Fuzzy-search for dataset variables in combobox with list autocomplete.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-combobox-change** - Emitted when an option is selected.
-   *
-   * ### **Methods:**
-   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
-   * Internally, the variable metdata has slight differences that require adapting.
-   *
-   * ### **CSS Properties:**
-   *  - **--host-height** - The height of the host element. _(default: undefined)_
-   * - **--help-height** - The height of the search help element. _(default: undefined)_
-   * - **--label-height** - The height of the input's label element. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - A `search` element, the component's base.
-   * - **combobox** - An `input` element used for searching.
-   * - **button** - A `button` used for toggling the listbox's visibility.
-   * - **listbox** - A `ul` that holds the clickable options.
-   */
-  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
-
   /**
    * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
    * ---
@@ -3183,6 +3160,31 @@ export type CustomElements = {
    */
   "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
+  /**
+   * Fuzzy-search for dataset variables in combobox with list autocomplete.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-combobox-change** - Emitted when an option is selected.
+   *
+   * ### **Methods:**
+   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
+   * Internally, the variable metdata has slight differences that require adapting.
+   *
+   * ### **CSS Properties:**
+   *  - **--host-height** - The height of the host element. _(default: undefined)_
+   * - **--help-height** - The height of the search help element. _(default: undefined)_
+   * - **--label-height** - The height of the input's label element. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - A `search` element, the component's base.
+   * - **combobox** - An `input` element used for searching.
+   * - **button** - A `button` used for toggling the listbox's visibility.
+   * - **listbox** - A `ul` that holds the clickable options.
+   */
+  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
+
   /**
    * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---