@nasa-terra/components 0.0.137 → 0.0.139

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 { 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 { 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";
@@ -22,47 +22,47 @@ import type { TerraDataSubsetterHistory } from "../../components/data-subsetter-
 import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 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 { TerraDivider } from "../../components/divider/divider.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";
+import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
 import type { TerraLogin } from "../../components/login/login.component.js";
-import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
-import type { TerraPagination } from "../../components/pagination/pagination.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 { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPopup } from "../../components/popup/popup.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 { 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 { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
 import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
+import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { 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 { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
+import type { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
-import type { TerraTag } from "../../components/tag/tag.component.js";
-import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
 import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
+import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
 import type { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
 import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
-import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
+import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
 type TerraAccordionProps = {
   /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
@@ -76,6 +76,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 TerraAvatarProps = {
   /** The image source to use for the avatar. */
   image?: TerraAvatar["image"];
@@ -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 */
@@ -219,6 +219,8 @@ value of this attribute must be an id of a form in the same document or shadow r
   formtarget?: TerraButton["formTarget"];
   /** Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity */
   "for-dialog"?: TerraButton["forDialog"];
+  /** The ARIA role for the button. Defaults to 'button'. */
+  role?: TerraButton["role"];
   /**  */
   button?: TerraButton["button"];
   /**  */
@@ -229,6 +231,10 @@ value of this attribute must be an id of a form in the same document or shadow r
   validity?: TerraButton["validity"];
   /** Gets the validation message */
   validationMessage?: TerraButton["validationMessage"];
+  /** emitted when the button is blurred */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+  /** emitted when the button is focused */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
 };
 
 type TerraButtonGroupProps = {
@@ -296,6 +302,9 @@ type TerraChipProps = {
   closeable?: TerraChip["closeable"];
   /** When true, chips will stack vertically instead of sitting side by side. */
   stack?: TerraChip["stack"];
+
+  /** emitted when the chip's close button is clicked */
+  onTerraRemove?: (e: CustomEvent<never>) => void;
 };
 
 type TerraComboboxProps = {
@@ -650,6 +659,11 @@ accessible way for users to dismiss the dialog. */
   onTerraDialogRequestClose?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
 };
 
+type TerraDividerProps = {
+  /** Draws the divider in a vertical orientation. */
+  vertical?: TerraDivider["vertical"];
+};
+
 type TerraDropdownProps = {
   /** Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
 can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state. */
@@ -724,11 +738,6 @@ this is useful for Jupyter Notebooks where we may want to automatically log the
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDividerProps = {
-  /** Draws the divider in a vertical orientation. */
-  vertical?: TerraDivider["vertical"];
-};
-
 type TerraFileUploadProps = {
   /** The file upload's label. */
   label?: TerraFileUpload["label"];
@@ -760,29 +769,6 @@ type TerraFileUploadProps = {
   onTerraBlur?: (e: CustomEvent<never>) => void;
 };
 
-type TerraIconProps = {
-  /** The name of the icon to draw. Available names depend on the icon library being used. */
-  name?: TerraIcon["name"];
-  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
-can result in XSS attacks. */
-  src?: TerraIcon["src"];
-  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
-ignored by assistive devices. */
-  label?: TerraIcon["label"];
-  /** The name of a registered custom icon library. */
-  library?: TerraIcon["library"];
-  /** The CSS color to assign to the SVG. */
-  color?: TerraIcon["color"];
-  /** The CSS font-size to assign to the SVG. */
-  "font-size"?: TerraIcon["fontSize"];
-  /**  */
-  svg?: TerraIcon["svg"];
-  /** Emitted when the icon has loaded. */
-  onTerraLoad?: (e: CustomEvent<never>) => void;
-  /** Emitted when the icon fails to load due to an error. */
-  onTerraError?: (e: CustomEvent<never>) => void;
-};
-
 type TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -880,6 +866,29 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (e: CustomEvent<never>) => void;
 };
 
+type TerraIconProps = {
+  /** The name of the icon to draw. Available names depend on the icon library being used. */
+  name?: TerraIcon["name"];
+  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
+can result in XSS attacks. */
+  src?: TerraIcon["src"];
+  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
+ignored by assistive devices. */
+  label?: TerraIcon["label"];
+  /** The name of a registered custom icon library. */
+  library?: TerraIcon["library"];
+  /** The CSS color to assign to the SVG. */
+  color?: TerraIcon["color"];
+  /** The CSS font-size to assign to the SVG. */
+  "font-size"?: TerraIcon["fontSize"];
+  /**  */
+  svg?: TerraIcon["svg"];
+  /** Emitted when the icon has loaded. */
+  onTerraLoad?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraLoaderProps = {
   /** The loader's variant */
   variant?: TerraLoader["variant"];
@@ -909,23 +918,6 @@ You can use the following placeholders:
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraMenuItemProps = {
-  /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
-  type?: TerraMenuItem["type"];
-  /** Draws the item in a checked state. */
-  checked?: TerraMenuItem["checked"];
-  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
-  value?: TerraMenuItem["value"];
-  /** Draws the menu item in a loading state. */
-  loading?: TerraMenuItem["loading"];
-  /** Draws the menu item in a disabled state, preventing selection. */
-  disabled?: TerraMenuItem["disabled"];
-  /**  */
-  defaultSlot?: TerraMenuItem["defaultSlot"];
-  /**  */
-  menuItem?: TerraMenuItem["menuItem"];
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -945,6 +937,8 @@ type TerraMapProps = {
   "hide-point-selection"?: TerraMap["hidePointSelection"];
   /**  */
   staticMode?: TerraMap["staticMode"];
+  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  "no-world-wrap"?: TerraMap["noWorldWrap"];
   /**  */
   value?: TerraMap["value"];
   /**  */
@@ -964,18 +958,21 @@ type TerraMenuProps = {
   onTerraSelect?: (e: CustomEvent<never>) => void;
 };
 
-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 TerraMenuItemProps = {
+  /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
+  type?: TerraMenuItem["type"];
+  /** Draws the item in a checked state. */
+  checked?: TerraMenuItem["checked"];
+  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
+  value?: TerraMenuItem["value"];
+  /** Draws the menu item in a loading state. */
+  loading?: TerraMenuItem["loading"];
+  /** Draws the menu item in a disabled state, preventing selection. */
+  disabled?: TerraMenuItem["disabled"];
+  /**  */
+  defaultSlot?: TerraMenuItem["defaultSlot"];
+  /**  */
+  menuItem?: TerraMenuItem["menuItem"];
 };
 
 type TerraOptionProps = {
@@ -995,6 +992,20 @@ multiple values. */
   hasHover?: TerraOption["hasHover"];
 };
 
+type TerraPaginationProps = {
+  /** The current page number (1-indexed). */
+  current?: TerraPagination["current"];
+  /** The total number of pages. */
+  total?: TerraPagination["total"];
+  /** The pagination variant. */
+  variant?: TerraPagination["variant"];
+  /** Whether the pagination is centered. */
+  centered?: TerraPagination["centered"];
+
+  /** Emitted when the page changes. */
+  onTerraPageChange?: (e: CustomEvent<never>) => void;
+};
+
 type TerraPlotProps = {
   /**  */
   plotTitle?: TerraPlot["plotTitle"];
@@ -1010,6 +1021,51 @@ type TerraPlotProps = {
   base?: TerraPlot["base"];
 };
 
+type TerraPlotToolbarProps = {
+  /**  */
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
+  /**  */
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
+  /**  */
+  plot?: TerraPlotToolbar["plot"];
+  /**  */
+  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
+  /**  */
+  location?: TerraPlotToolbar["location"];
+  /**  */
+  startDate?: TerraPlotToolbar["startDate"];
+  /**  */
+  endDate?: TerraPlotToolbar["endDate"];
+  /**  */
+  cacheKey?: TerraPlotToolbar["cacheKey"];
+  /**  */
+  dataType?: TerraPlotToolbar["dataType"];
+  /**  */
+  "show-location"?: TerraPlotToolbar["showLocation"];
+  /**  */
+  "show-date-range"?: TerraPlotToolbar["showDateRange"];
+  /**  */
+  colormaps?: TerraPlotToolbar["colormaps"];
+  /**  */
+  "color-map-name"?: TerraPlotToolbar["colorMapName"];
+  /**  */
+  opacity?: TerraPlotToolbar["opacity"];
+  /**  */
+  "show-citation"?: TerraPlotToolbar["showCitation"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraPlotToolbar["applicationCitation"];
+  /**  */
+  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  /**  */
+  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
+  /**  */
+  locationMapValue?: TerraPlotToolbar["locationMapValue"];
+  /**  */
+  menu?: TerraPlotToolbar["menu"];
+  /**  */
+  _authController?: TerraPlotToolbar["_authController"];
+};
+
 type TerraPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -1085,51 +1141,6 @@ active. */
   onTerraReposition?: (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 TerraProgressBarProps = {
   /** The current progress as a percentage, 0 to 100. */
   value?: TerraProgressBar["value"];
@@ -1143,6 +1154,42 @@ type TerraProgressBarProps = {
   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"];
+  /** The name of the radio group, submitted as a name/value pair with form data. */
+  name?: TerraRadioGroup["name"];
+  /** The current value of the radio group, submitted as a name/value pair with form data. */
+  value?: TerraRadioGroup["value"];
+  /** The radio group's size. This size will be applied to all child radios and radio buttons. */
+  size?: TerraRadioGroup["size"];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  form?: TerraRadioGroup["form"];
+  /** Ensures a child radio is checked before allowing the containing form to submit. */
+  required?: TerraRadioGroup["required"];
+  /**  */
+  defaultSlot?: TerraRadioGroup["defaultSlot"];
+  /**  */
+  validationInput?: TerraRadioGroup["validationInput"];
+  /**  */
+  defaultValue?: TerraRadioGroup["defaultValue"];
+  /** Gets the validity state object */
+  validity?: TerraRadioGroup["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraRadioGroup["validationMessage"];
+  /** Emitted when the radio group's selected value changes. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the radio group receives user input. */
+  onTerraInput?: (e: CustomEvent<never>) => void;
+  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
+  onTerraInvalid?: (e: CustomEvent<never>) => void;
+};
+
 type TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -1195,42 +1242,6 @@ type TerraScrollHintProps = {
   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. */
-  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"];
-  /** The name of the radio group, submitted as a name/value pair with form data. */
-  name?: TerraRadioGroup["name"];
-  /** The current value of the radio group, submitted as a name/value pair with form data. */
-  value?: TerraRadioGroup["value"];
-  /** The radio group's size. This size will be applied to all child radios and radio buttons. */
-  size?: TerraRadioGroup["size"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: TerraRadioGroup["form"];
-  /** Ensures a child radio is checked before allowing the containing form to submit. */
-  required?: TerraRadioGroup["required"];
-  /**  */
-  defaultSlot?: TerraRadioGroup["defaultSlot"];
-  /**  */
-  validationInput?: TerraRadioGroup["validationInput"];
-  /**  */
-  defaultValue?: TerraRadioGroup["defaultValue"];
-  /** Gets the validity state object */
-  validity?: TerraRadioGroup["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraRadioGroup["validationMessage"];
-  /** Emitted when the radio group's selected value changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio group receives user input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
-  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
-};
-
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1322,15 +1333,6 @@ be an array. **For this reason, values must not contain spaces.** */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraSkeletonProps = {
-  /**  */
-  rows?: TerraSkeleton["rows"];
-  /**  */
-  effect?: TerraSkeleton["effect"];
-  /**  */
-  variableWidths?: TerraSkeleton["variableWidths"];
-};
-
 type TerraSiteHeaderProps = {
   /** The default site name displayed in the title slot if no content is provided. */
   "site-name"?: TerraSiteHeader["siteName"];
@@ -1341,6 +1343,15 @@ type TerraSiteNavigationProps = {
   "full-width"?: TerraSiteNavigation["fullWidth"];
 };
 
+type TerraSkeletonProps = {
+  /**  */
+  rows?: TerraSkeleton["rows"];
+  /**  */
+  effect?: TerraSkeleton["effect"];
+  /**  */
+  variableWidths?: TerraSkeleton["variableWidths"];
+};
+
 type TerraSliderProps = {
   /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
   mode?: TerraSlider["mode"];
@@ -1402,6 +1413,8 @@ When hidden, still presents to screen readers. */
   "spatial-constraints"?: TerraSpatialPicker["spatialConstraints"];
   /**  */
   "is-expanded"?: TerraSpatialPicker["isExpanded"];
+  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  "no-world-wrap"?: TerraSpatialPicker["noWorldWrap"];
   /** Whether the map should be shown inline, or as part of the normal content flow
 the default is false, the map is positioned absolute under the input */
   inline?: TerraSpatialPicker["inline"];
@@ -1438,6 +1451,16 @@ The condensed variant uses colored bars to represent each step and is useful whe
   defaultSlot?: TerraStepper["defaultSlot"];
 };
 
+type TerraStepperStepProps = {
+  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
+and "upcoming" shows the step as not yet reached. */
+  state?: TerraStepperStep["state"];
+  /** The step's title. Should be short, preferably 1-2 words. */
+  title?: TerraStepperStep["title"];
+  /** When true, hides the checkmark icon for completed steps. */
+  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
+};
+
 type TerraTabProps = {
   /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
   panel?: TerraTab["panel"];
@@ -1455,16 +1478,6 @@ type TerraTabProps = {
   onTerraClose?: (e: CustomEvent<never>) => void;
 };
 
-type TerraStepperStepProps = {
-  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
-and "upcoming" shows the step as not yet reached. */
-  state?: TerraStepperStep["state"];
-  /** The step's title. Should be short, preferably 1-2 words. */
-  title?: TerraStepperStep["title"];
-  /** When true, hides the checkmark icon for completed steps. */
-  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
-};
-
 type TerraTabPanelProps = {
   /** The tab panel's name. */
   name?: TerraTabPanel["name"];
@@ -1498,79 +1511,6 @@ manual, the tab will receive focus but will not show until the user presses spac
   onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
 };
 
-type TerraTagProps = {
-  /** The tag variant. Determines the styling and behavior. */
-  variant?: TerraTag["variant"];
-  /** The size of the tag. */
-  size?: TerraTag["size"];
-  /** The icon name for content tags. Used with the default icon library. */
-  icon?: TerraTag["icon"];
-  /** The icon library to use for content tags. */
-  iconLibrary?: TerraTag["iconLibrary"];
-  /** When true, tags will stack vertically instead of sitting side by side. */
-  stack?: TerraTag["stack"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraTag["dark"];
-  /** The href for topic tags. If provided, the tag will be rendered as a link. */
-  href?: TerraTag["href"];
-
-  /** Emitted when a topic tag is clicked (unless href is provided). */
-  onTerraClick?: (e: CustomEvent<never>) => void;
-};
-
-type TerraTimeAverageMapProps = {
-  /**  */
-  collection?: TerraTimeAverageMap["collection"];
-  /**  */
-  variable?: TerraTimeAverageMap["variable"];
-  /**  */
-  "start-date"?: TerraTimeAverageMap["startDate"];
-  /**  */
-  "end-date"?: TerraTimeAverageMap["endDate"];
-  /**  */
-  location?: TerraTimeAverageMap["location"];
-  /**  */
-  "bearer-token"?: TerraTimeAverageMap["bearerToken"];
-  /**  */
-  long_name?: TerraTimeAverageMap["long_name"];
-  /**  */
-  "color-map-name"?: TerraTimeAverageMap["colorMapName"];
-  /**  */
-  opacity?: TerraTimeAverageMap["opacity"];
-  /**  */
-  catalogVariable?: TerraTimeAverageMap["catalogVariable"];
-  /**  */
-  pixelValue?: TerraTimeAverageMap["pixelValue"];
-  /**  */
-  pixelCoordinates?: TerraTimeAverageMap["pixelCoordinates"];
-  /**  */
-  metadata?: TerraTimeAverageMap["metadata"];
-  /**  */
-  toggleState?: TerraTimeAverageMap["toggleState"];
-  /**  */
-  minimized?: TerraTimeAverageMap["minimized"];
-  /**  */
-  noDataValue?: TerraTimeAverageMap["noDataValue"];
-  /**  */
-  min?: TerraTimeAverageMap["min"];
-  /**  */
-  max?: TerraTimeAverageMap["max"];
-  /**  */
-  legendValues?: TerraTimeAverageMap["legendValues"];
-  /**  */
-  _authController?: TerraTimeAverageMap["_authController"];
-  /**  */
-  colormaps?: TerraTimeAverageMap["colormaps"];
-  /**  */
-  plotData?: TerraTimeAverageMap["plotData"];
-  /**  */
-  layout?: TerraTimeAverageMap["layout"];
-  /**  */
-  harmonyJobId?: TerraTimeAverageMap["harmonyJobId"];
-  /** anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata */
-  _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
-};
-
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1628,6 +1568,59 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTimeAverageMapProps = {
+  /**  */
+  collection?: TerraTimeAverageMap["collection"];
+  /**  */
+  variable?: TerraTimeAverageMap["variable"];
+  /**  */
+  "start-date"?: TerraTimeAverageMap["startDate"];
+  /**  */
+  "end-date"?: TerraTimeAverageMap["endDate"];
+  /**  */
+  location?: TerraTimeAverageMap["location"];
+  /**  */
+  "bearer-token"?: TerraTimeAverageMap["bearerToken"];
+  /**  */
+  long_name?: TerraTimeAverageMap["long_name"];
+  /**  */
+  "color-map-name"?: TerraTimeAverageMap["colorMapName"];
+  /**  */
+  opacity?: TerraTimeAverageMap["opacity"];
+  /**  */
+  catalogVariable?: TerraTimeAverageMap["catalogVariable"];
+  /**  */
+  pixelValue?: TerraTimeAverageMap["pixelValue"];
+  /**  */
+  pixelCoordinates?: TerraTimeAverageMap["pixelCoordinates"];
+  /**  */
+  metadata?: TerraTimeAverageMap["metadata"];
+  /**  */
+  toggleState?: TerraTimeAverageMap["toggleState"];
+  /**  */
+  minimized?: TerraTimeAverageMap["minimized"];
+  /**  */
+  noDataValue?: TerraTimeAverageMap["noDataValue"];
+  /**  */
+  min?: TerraTimeAverageMap["min"];
+  /**  */
+  max?: TerraTimeAverageMap["max"];
+  /**  */
+  legendValues?: TerraTimeAverageMap["legendValues"];
+  /**  */
+  _authController?: TerraTimeAverageMap["_authController"];
+  /**  */
+  colormaps?: TerraTimeAverageMap["colormaps"];
+  /**  */
+  plotData?: TerraTimeAverageMap["plotData"];
+  /**  */
+  layout?: TerraTimeAverageMap["layout"];
+  /**  */
+  harmonyJobId?: TerraTimeAverageMap["harmonyJobId"];
+  /** anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata */
+  _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
+};
+
 type TerraToastProps = {
   /** The toast's theme variant. */
   variant?: TerraToast["variant"];
@@ -1698,6 +1691,26 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTagProps = {
+  /** The tag variant. Determines the styling and behavior. */
+  variant?: TerraTag["variant"];
+  /** The size of the tag. */
+  size?: TerraTag["size"];
+  /** The icon name for content tags. Used with the default icon library. */
+  icon?: TerraTag["icon"];
+  /** The icon library to use for content tags. */
+  iconLibrary?: TerraTag["iconLibrary"];
+  /** When true, tags will stack vertically instead of sitting side by side. */
+  stack?: TerraTag["stack"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraTag["dark"];
+  /** The href for topic tags. If provided, the tag will be rendered as a link. */
+  href?: TerraTag["href"];
+
+  /** Emitted when a topic tag is clicked (unless href is provided). */
+  onTerraClick?: (e: CustomEvent<never>) => void;
+};
+
 type TerraToggleProps = {
   /**  */
   title?: TerraToggle["title"];
@@ -1780,31 +1793,6 @@ scenarios. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
-type TerraVariableKeywordSearchProps = {
-  /** Label the combobox with this. */
-  label?: TerraVariableKeywordSearch["label"];
-  /** Set a placeholder for the combobox with this.
-Defaults to the label's value. */
-  placeholder?: TerraVariableKeywordSearch["placeholder"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraVariableKeywordSearch["hideLabel"];
-  /** type can be `Boolean`, `String`, `Number`, `Object`, or `Array` */
-  searchConfig?: TerraVariableKeywordSearch["searchConfig"];
-  /**  */
-  value?: TerraVariableKeywordSearch["value"];
-  /**  */
-  isExpanded?: TerraVariableKeywordSearch["isExpanded"];
-  /**  */
-  query?: TerraVariableKeywordSearch["query"];
-  /**  */
-  searchResults?: TerraVariableKeywordSearch["searchResults"];
-  /** Emitted when an option is selected. */
-  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the component is triggering a search (like a form triggering submit). */
-  onTerraSearch?: (e: CustomEvent<never>) => void;
-};
-
 type TerraVariableComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraVariableCombobox["label"];
@@ -1840,6 +1828,31 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraComboboxChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraVariableKeywordSearchProps = {
+  /** Label the combobox with this. */
+  label?: TerraVariableKeywordSearch["label"];
+  /** Set a placeholder for the combobox with this.
+Defaults to the label's value. */
+  placeholder?: TerraVariableKeywordSearch["placeholder"];
+  /** Hide the combobox's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraVariableKeywordSearch["hideLabel"];
+  /** type can be `Boolean`, `String`, `Number`, `Object`, or `Array` */
+  searchConfig?: TerraVariableKeywordSearch["searchConfig"];
+  /**  */
+  value?: TerraVariableKeywordSearch["value"];
+  /**  */
+  isExpanded?: TerraVariableKeywordSearch["isExpanded"];
+  /**  */
+  query?: TerraVariableKeywordSearch["query"];
+  /**  */
+  searchResults?: TerraVariableKeywordSearch["searchResults"];
+  /** Emitted when an option is selected. */
+  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the component is triggering a search (like a form triggering submit). */
+  onTerraSearch?: (e: CustomEvent<never>) => void;
+};
+
 export type CustomElements = {
   /**
    * A collapsible content panel for showing and hiding content.
@@ -1855,6 +1868,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>;
+
   /**
    * Avatars are used to represent a person or object.
    * ---
@@ -1927,34 +1968,6 @@ export type CustomElements = {
    */
   "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
-  /**
-   * 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>;
-
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
    * ---
@@ -1967,6 +1980,10 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-blur** - emitted when the button is blurred
+   * - **terra-focus** - emitted when the button is focused
+   *
    * ### **Methods:**
    *  - **click()** - Simulates a click on the button.
    * - **focus(options: _FocusOptions_)** - Sets focus on the button.
@@ -2094,6 +2111,9 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-remove** - emitted when the chip's close button is clicked
+   *
    * ### **Slots:**
    *  - _default_ - The chip's label.
    *
@@ -2273,6 +2293,18 @@ export type CustomElements = {
    */
   "terra-dialog": DefineComponent<TerraDialogProps>;
 
+  /**
+   * Dividers are used to visually separate or group elements.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-divider-color** - The color of the divider. _(default: undefined)_
+   * - **--terra-divider-width** - The width of the divider. _(default: undefined)_
+   * - **--terra-divider-spacing** - The spacing of the divider. _(default: undefined)_
+   */
+  "terra-divider": DefineComponent<TerraDividerProps>;
+
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2312,18 +2344,6 @@ export type CustomElements = {
    */
   "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
 
-  /**
-   * Dividers are used to visually separate or group elements.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-divider-color** - The color of the divider. _(default: undefined)_
-   * - **--terra-divider-width** - The width of the divider. _(default: undefined)_
-   * - **--terra-divider-spacing** - The spacing of the divider. _(default: undefined)_
-   */
-  "terra-divider": DefineComponent<TerraDividerProps>;
-
   /**
    * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
    * ---
@@ -2356,20 +2376,6 @@ export type CustomElements = {
    */
   "terra-file-upload": DefineComponent<TerraFileUploadProps>;
 
-  /**
-   * Icons are symbols that can be used to represent various options within an application.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
-   *
-   * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
-   */
-  "terra-icon": DefineComponent<TerraIconProps>;
-
   /**
    * A text input component with consistent styling across the design system.
    * ---
@@ -2414,6 +2420,20 @@ export type CustomElements = {
    */
   "terra-input": DefineComponent<TerraInputProps>;
 
+  /**
+   * Icons are symbols that can be used to represent various options within an application.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   *
+   * ### **CSS Parts:**
+   *  - **svg** - The internal SVG element.
+   */
+  "terra-icon": DefineComponent<TerraIconProps>;
+
   /**
    * Loaders are used to indicate there is content that is loading.
    * ---
@@ -2437,6 +2457,26 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
+  /**
+   * Menus provide a list of options for the user to choose from.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
+   *
+   * ### **Slots:**
+   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
+   */
+  "terra-menu": DefineComponent<TerraMenuProps>;
+
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2467,24 +2507,29 @@ export type CustomElements = {
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
-   * ---
-   *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
-  /**
-   * Menus provide a list of options for the user to choose from.
+   * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
+   * ### **Methods:**
+   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
    *
    * ### **Slots:**
-   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
+   *  - _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-menu": DefineComponent<TerraMenuProps>;
+  "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
@@ -2518,39 +2563,31 @@ export type CustomElements = {
   "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
-   * Options define the selectable items within various form controls such as [select](/components/select).
+   * A web component for interactive graphs using Plotly.js.
    * ---
    *
    *
-   * ### **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.
+   *  - **base** - The component's base wrapper.
    */
-  "terra-option": DefineComponent<TerraOptionProps>;
+  "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
-   * A web component for interactive graphs using Plotly.js.
+   * Short summary of the component's intended use.
    * ---
    *
    *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
+   *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
    */
-  "terra-plot": DefineComponent<TerraPlotProps>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2581,42 +2618,58 @@ export type CustomElements = {
   "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * Progress bars are used to show the status of an ongoing operation.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
+   *  - _default_ - A label to show inside the progress indicator.
    *
    * ### **CSS Properties:**
-   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
    */
-  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
 
   /**
-   * Progress bars are used to show the status of an ongoing operation.
+   * Radio groups are used to group multiple radio buttons so they function as a single form control.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when the radio group's selected value changes.
+   * - **terra-input** - Emitted when the radio group receives user input.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
+   *
    * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
+   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
+   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
+   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
    *
    * ### **CSS Properties:**
-   *  - **--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-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
+   *  - **form-control** - The form control that wraps the label, input, and help text.
+   * - **form-control-label** - The label's wrapper.
+   * - **form-control-input** - The input's wrapper.
+   * - **form-control-help-text** - The help text's wrapper.
    */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
 
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
@@ -2679,39 +2732,6 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
-  /**
-   * Radio groups are used to group multiple radio buttons so they function as a single form control.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when the radio group's selected value changes.
-   * - **terra-input** - Emitted when the radio group receives user input.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
-   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
-   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **form-control** - The form control that wraps the label, input, and help text.
-   * - **form-control-label** - The label's wrapper.
-   * - **form-control-input** - The input's wrapper.
-   * - **form-control-help-text** - The help text's wrapper.
-   */
-  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
-
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2768,13 +2788,6 @@ export type CustomElements = {
    */
   "terra-select": DefineComponent<TerraSelectProps>;
 
-  /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
-   * ---
-   *
-   */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
-
   /**
    * Site headers provide a consistent navigation structure at the top of pages.
    * ---
@@ -2807,6 +2820,13 @@ export type CustomElements = {
    */
   "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
+  /**
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * ---
+   *
+   */
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+
   /**
    *
    * ---
@@ -2857,42 +2877,42 @@ export type CustomElements = {
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
   /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
-   *
    * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
+   *  - _default_ - The step's caption (optional, only shown in default variant).
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
+   * - **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-tab": DefineComponent<TerraTabProps>;
+  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
-   * A step within a stepper component that displays progress through a multi-step workflow.
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
+   *
    * ### **Slots:**
-   *  - _default_ - The step's caption (optional, only shown in default variant).
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **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).
+   * - **close-button** - The close button icon.
    */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
    * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
@@ -2943,57 +2963,6 @@ export type CustomElements = {
    */
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
-  /**
-   * Tags are simple labels that help categorize items.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
-   *
-   * ### **Slots:**
-   *  - _default_ - The tag label text.
-   * - **icon** - Optional icon slot for content tags (overrides icon prop).
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
-   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
-   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
-   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
-   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
-   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
-   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
-   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
-   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
-   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
-   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **icon** - The icon element (content tags only).
-   * - **label** - The text label.
-   */
-  "terra-tag": DefineComponent<TerraTagProps>;
-
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
-
   /**
    * A textarea component with consistent styling across the design system.
    * ---
@@ -3023,6 +2992,13 @@ export type CustomElements = {
    */
   "terra-textarea": DefineComponent<TerraTextareaProps>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
+
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
@@ -3066,6 +3042,50 @@ export type CustomElements = {
    */
   "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
 
+  /**
+   * Tags are simple labels that help categorize items.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
+   *
+   * ### **Slots:**
+   *  - _default_ - The tag label text.
+   * - **icon** - Optional icon slot for content tags (overrides icon prop).
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
+   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
+   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
+   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
+   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
+   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
+   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
+   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
+   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
+   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
+   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The icon element (content tags only).
+   * - **label** - The text label.
+   */
+  "terra-tag": DefineComponent<TerraTagProps>;
+
   /**
    * Switches allow the user to toggle an option on or off.
    * ---
@@ -3139,16 +3159,20 @@ export type CustomElements = {
   "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
   /**
-   * Fuzzy-search for dataset keywords in combobox with list autocomplete.
+   * Fuzzy-search for dataset variables in combobox with list autocomplete.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-variable-keyword-search-change** - Emitted when an option is selected.
-   * - **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).
+   *  - **terra-combobox-change** - Emitted when an option is selected.
+   *
+   * ### **Methods:**
+   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
+   * Internally, the variable metdata has slight differences that require adapting.
    *
    * ### **CSS Properties:**
    *  - **--host-height** - The height of the host element. _(default: undefined)_
+   * - **--help-height** - The height of the search help element. _(default: undefined)_
    * - **--label-height** - The height of the input's label element. _(default: undefined)_
    *
    * ### **CSS Parts:**
@@ -3157,23 +3181,19 @@ export type CustomElements = {
    * - **button** - A `button` used for toggling the listbox's visibility.
    * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
+  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
 
   /**
-   * Fuzzy-search for dataset variables in combobox with list autocomplete.
+   * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-combobox-change** - Emitted when an option is selected.
-   *
-   * ### **Methods:**
-   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
-   * Internally, the variable metdata has slight differences that require adapting.
+   *  - **terra-variable-keyword-search-change** - Emitted when an option is selected.
+   * - **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).
    *
    * ### **CSS Properties:**
    *  - **--host-height** - The height of the host element. _(default: undefined)_
-   * - **--help-height** - The height of the search help element. _(default: undefined)_
    * - **--label-height** - The height of the input's label element. _(default: undefined)_
    *
    * ### **CSS Parts:**
@@ -3182,7 +3202,7 @@ export type CustomElements = {
    * - **button** - A `button` used for toggling the listbox's visibility.
    * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
+  "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
 };
 
 declare module "vue" {