@nasa-terra/components 0.0.197 → 0.0.199

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

@@ -2,66 +2,66 @@ import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraBanner } from "../../components/banner/banner.component.js";
-import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
-import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
-import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
+import type { TerraBadge } from "../../components/badge/badge.component.js";
+import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
+import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { TerraBanner } from "../../components/banner/banner.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";
+import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraCaption } from "../../components/caption/caption.component.js";
 import type { TerraCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { TerraCard } from "../../components/card/card.component.js";
+import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
 import type { TerraDataAccess } from "../../components/data-access/data-access.component.js";
-import type { TerraDataGrid } from "../../components/data-grid/data-grid.component.js";
-import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraDataSubsetter } from "../../components/data-subsetter/data-subsetter.component.js";
+import type { TerraDataRods } from "../../components/data-rods/data-rods.component.js";
+import type { TerraDataGrid } from "../../components/data-grid/data-grid.component.js";
+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 { TerraDataSubsetterHistory } from "../../components/data-subsetter-history/data-subsetter-history.component.js";
 import type { TerraDialog } from "../../components/dialog/dialog.component.js";
-import type { TerraDataRods } from "../../components/data-rods/data-rods.component.js";
 import type { TerraDivider } from "../../components/divider/divider.component.js";
-import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
-import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
 import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
-import type { TerraInput } from "../../components/input/input.component.js";
+import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraHarmonyHistory } from "../../components/harmony-history/harmony-history.component.js";
+import type { TerraInput } from "../../components/input/input.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
 import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
-import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraIcon } from "../../components/icon/icon.component.js";
+import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
-import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
+import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
-import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.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 { 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 { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
+import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
+import type { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
-import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
-import type { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraTag } from "../../components/tag/tag.component.js";
+import type { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
+import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.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";
@@ -94,52 +94,6 @@ type TerraAvatarProps = {
   "onterra-error"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraBannerProps = {
-  /** Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can
-use the `show()` and `hide()` methods and this attribute will reflect the banner's open state. */
-  open?: TerraBanner["open"];
-  /** Enables a close button that allows the user to dismiss the banner. */
-  closable?: TerraBanner["closable"];
-  /** The banner's theme variant. */
-  variant?: TerraBanner["variant"];
-  /**  */
-  sticky?: TerraBanner["sticky"];
-  /**  */
-  base?: TerraBanner["base"];
-  /** Emitted when the banner opens. */
-  "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the banner opens and all animations are complete. */
-  "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the banner closes. */
-  "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the banner closes and all animations are complete. */
-  "onterra-after-hide"?: (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 TerraBreadcrumbsProps = {
-  /** Accessible label for the breadcrumb navigation. */
-  "aria-label"?: TerraBreadcrumbs["ariaLabel"];
-  /** Color theme of the breadcrumbs, matching the Horizon Design System. */
-  theme?: TerraBreadcrumbs["theme"];
-};
-
-type TerraBadgeProps = {
-  /** The badge's theme variant. */
-  variant?: TerraBadge["variant"];
-  /** Draws a pill-style badge with rounded edges. */
-  pill?: TerraBadge["pill"];
-  /** Makes the badge pulsate to draw attention. */
-  pulse?: TerraBadge["pulse"];
-};
-
 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. */
@@ -173,6 +127,52 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraBadgeProps = {
+  /** The badge's theme variant. */
+  variant?: TerraBadge["variant"];
+  /** Draws a pill-style badge with rounded edges. */
+  pill?: TerraBadge["pill"];
+  /** Makes the badge pulsate to draw attention. */
+  pulse?: TerraBadge["pulse"];
+};
+
+type TerraBreadcrumbsProps = {
+  /** Accessible label for the breadcrumb navigation. */
+  "aria-label"?: TerraBreadcrumbs["ariaLabel"];
+  /** Color theme of the breadcrumbs, matching the Horizon Design System. */
+  theme?: TerraBreadcrumbs["theme"];
+};
+
+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 TerraBannerProps = {
+  /** Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can
+use the `show()` and `hide()` methods and this attribute will reflect the banner's open state. */
+  open?: TerraBanner["open"];
+  /** Enables a close button that allows the user to dismiss the banner. */
+  closable?: TerraBanner["closable"];
+  /** The banner's theme variant. */
+  variant?: TerraBanner["variant"];
+  /**  */
+  sticky?: TerraBanner["sticky"];
+  /**  */
+  base?: TerraBanner["base"];
+  /** Emitted when the banner opens. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the banner opens and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the banner closes. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the banner closes and all animations are complete. */
+  "onterra-after-hide"?: (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 */
@@ -189,6 +189,16 @@ TODO: add support for CMR catalog and make it the default */
   showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
 };
 
+type TerraButtonGroupProps = {
+  /** A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
+devices when interacting with the control and is strongly recommended. */
+  label?: TerraButtonGroup["label"];
+  /**  */
+  defaultSlot?: TerraButtonGroup["defaultSlot"];
+  /**  */
+  disableRole?: TerraButtonGroup["disableRole"];
+};
+
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -262,16 +272,6 @@ value of this attribute must be an id of a form in the same document or shadow r
   "onterra-focus"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraButtonGroupProps = {
-  /** A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
-devices when interacting with the control and is strongly recommended. */
-  label?: TerraButtonGroup["label"];
-  /**  */
-  defaultSlot?: TerraButtonGroup["defaultSlot"];
-  /**  */
-  disableRole?: TerraButtonGroup["disableRole"];
-};
-
 type TerraCaptionProps = {};
 
 type TerraCheckboxProps = {
@@ -320,6 +320,18 @@ the same document or shadow root for this to work. */
 
 type TerraCardProps = {};
 
+type TerraChipProps = {
+  /** The size of the chip. */
+  size?: TerraChip["size"];
+  /** When true, the chip will have a close button that can be used to remove the chip. */
+  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 */
+  "onterra-remove"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraCombobox["label"];
@@ -387,65 +399,6 @@ type TerraDataAccessProps = {
   spatialConstraints?: TerraDataAccess["spatialConstraints"];
 };
 
-type TerraDataGridProps = {
-  /** AG Grid options configuration object.
-This is the primary way to configure the grid.
-Must be set via JavaScript (not as an attribute). */
-  gridOptions?: TerraDataGrid["gridOptions"];
-  /** Column definitions for the grid.
-Alternative to setting columnDefs in gridOptions.
-Must be set via JavaScript (not as an attribute). */
-  columnDefs?: TerraDataGrid["columnDefs"];
-  /** Row data for client-side row model.
-Must be set via JavaScript (not as an attribute). */
-  rowData?: TerraDataGrid["rowData"];
-  /** Datasource for infinite scroll row model.
-Must be set via JavaScript (not as an attribute). */
-  datasource?: TerraDataGrid["datasource"];
-  /** Height of the grid in pixels or CSS units.
-Default: 400px */
-  height?: TerraDataGrid["height"];
-  /** Row model type: 'clientSide', 'infinite', or 'serverSide'.
-Default: 'clientSide' */
-  "row-model-type"?: TerraDataGrid["rowModelType"];
-  /** Theme for AG Grid: 'alpine', 'alpine-dark', 'balham', 'balham-dark', 'material', 'quartz'.
-Default: 'alpine' */
-  theme?: TerraDataGrid["theme"];
-  /** Whether to show loading overlay when data is being fetched.
-Default: false */
-  "show-loading"?: TerraDataGrid["showLoading"];
-  /**  */
-  isLoading?: TerraDataGrid["isLoading"];
-  /** Emitted when the grid is initialized and ready. */
-  "onterra-grid-ready"?: (e: CustomEvent<never>) => void;
-  /** Emitted when row selection changes. */
-  "onterra-selection-changed"?: (e: CustomEvent<never>) => void;
-  /** Emitted when column sorting changes. */
-  "onterra-sort-changed"?: (e: CustomEvent<never>) => void;
-  /** Emitted when column filters change. */
-  "onterra-filter-changed"?: (e: CustomEvent<never>) => void;
-  /** Emitted when a row is clicked. */
-  "onterra-row-clicked"?: (e: CustomEvent<never>) => void;
-  /** Emitted when a row is double-clicked. */
-  "onterra-row-double-clicked"?: (e: CustomEvent<never>) => void;
-  /** Emitted when a cell is clicked. */
-  "onterra-cell-clicked"?: (e: CustomEvent<never>) => void;
-  /** Emitted when a cell value is edited. */
-  "onterra-cell-value-changed"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraChipProps = {
-  /** The size of the chip. */
-  size?: TerraChip["size"];
-  /** When true, the chip will have a close button that can be used to remove the chip. */
-  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 */
-  "onterra-remove"?: (e: CustomEvent<never>) => void;
-};
-
 type TerraDataSubsetterProps = {
   /**  */
   "collection-entry-id"?: TerraDataSubsetter["collectionEntryId"];
@@ -472,6 +425,8 @@ Supported flags:
   /**  */
   "is-history-view"?: TerraDataSubsetter["isHistoryView"];
   /**  */
+  onLoginClick?: TerraDataSubsetter["onLoginClick"];
+  /**  */
   collectionWithServices?: TerraDataSubsetter["collectionWithServices"];
   /**  */
   selectedVariables?: TerraDataSubsetter["selectedVariables"];
@@ -533,94 +488,78 @@ Supported flags:
   "onterra-subset-job-complete"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDataSubsetterHistoryProps = {
+type TerraDataRodsProps = {
+  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
+  "variable-entry-id"?: TerraDataRods["variableEntryId"];
+  /** a collection entry id (ex: GPM_3IMERGHH_06)
+only required if you don't include a variableEntryId */
+  collection?: TerraDataRods["collection"];
+  /** a variable short name to plot (ex: precipitationCal)
+only required if you don't include a variableEntryId */
+  variable?: TerraDataRods["variable"];
+  /** The start date for the time series plot. (ex: 2021-01-01) */
+  "start-date"?: TerraDataRods["startDate"];
+  /** The end date for the time series plot. (ex: 2021-01-01) */
+  "end-date"?: TerraDataRods["endDate"];
+  /** The point location in "lat,lon" format. */
+  location?: TerraDataRods["location"];
+  /** 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"?: TerraDataRods["bearerToken"];
   /**  */
-  label?: TerraDataSubsetterHistory["label"];
+  catalogVariable?: TerraDataRods["catalogVariable"];
   /**  */
-  "bearer-token"?: TerraDataSubsetterHistory["bearerToken"];
-  /** if a user has never done a subset request, by default they don't see the history panel at all
-this prop allows you to override that behavior and always show the history panel */
-  "always-show"?: TerraDataSubsetterHistory["alwaysShow"];
-  /**  */
-  collapsed?: TerraDataSubsetterHistory["collapsed"];
-  /**  */
-  selectedJob?: TerraDataSubsetterHistory["selectedJob"];
-  /**  */
-  selectedCollectionEntryId?: TerraDataSubsetterHistory["selectedCollectionEntryId"];
-  /**  */
-  hideCancelled?: TerraDataSubsetterHistory["hideCancelled"];
-  /**  */
-  dialog?: TerraDataSubsetterHistory["dialog"];
-  /**  */
-  subsetter?: TerraDataSubsetterHistory["subsetter"];
-  /**  */
-  jobsQuery?: TerraDataSubsetterHistory["jobsQuery"];
-  /**  */
-  _authController?: TerraDataSubsetterHistory["_authController"];
-};
-
-type TerraDialogProps = {
-  /** Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
-use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state. */
-  open?: TerraDialog["open"];
-  /** The dialog's label as displayed in the header. You should always include a relevant label even when using
-`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead. */
-  label?: TerraDialog["label"];
-  /** Disables the header. This will also remove the default close button, so please ensure you provide an easy,
-accessible way for users to dismiss the dialog. */
-  "no-header"?: TerraDialog["noHeader"];
-  /** Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Terra modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Terra's focus trapping. */
-  modal?: TerraDialog["modal"];
-  /**  */
-  dialog?: TerraDialog["dialog"];
-  /**  */
-  panel?: TerraDialog["panel"];
-  /**  */
-  overlay?: TerraDialog["overlay"];
-  /** Emitted when the dialog opens. */
-  "onterra-dialog-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dialog opens and all animations are complete. */
-  "onterra-dialog-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dialog closes. */
-  "onterra-dialog-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dialog closes and all animations are complete. */
-  "onterra-dialog-after-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input. */
-  "onterra-dialog-initial-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss. */
-  "onterra-dialog-request-close"?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
-};
-
-type TerraDataRodsProps = {
-  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
-  "variable-entry-id"?: TerraDataRods["variableEntryId"];
-  /** a collection entry id (ex: GPM_3IMERGHH_06)
-only required if you don't include a variableEntryId */
-  collection?: TerraDataRods["collection"];
-  /** a variable short name to plot (ex: precipitationCal)
-only required if you don't include a variableEntryId */
-  variable?: TerraDataRods["variable"];
-  /** The start date for the time series plot. (ex: 2021-01-01) */
-  "start-date"?: TerraDataRods["startDate"];
-  /** The end date for the time series plot. (ex: 2021-01-01) */
-  "end-date"?: TerraDataRods["endDate"];
-  /** The point location in "lat,lon" format. */
-  location?: TerraDataRods["location"];
-  /** 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"?: TerraDataRods["bearerToken"];
-  /**  */
-  catalogVariable?: TerraDataRods["catalogVariable"];
-  /**  */
-  _fetchVariableTask?: TerraDataRods["_fetchVariableTask"];
+  _fetchVariableTask?: TerraDataRods["_fetchVariableTask"];
   /**  */
   variableBoundingBox?: TerraDataRods["variableBoundingBox"];
 };
 
-type TerraDividerProps = {
-  /** Draws the divider in a vertical orientation. */
-  vertical?: TerraDivider["vertical"];
+type TerraDataGridProps = {
+  /** AG Grid options configuration object.
+This is the primary way to configure the grid.
+Must be set via JavaScript (not as an attribute). */
+  gridOptions?: TerraDataGrid["gridOptions"];
+  /** Column definitions for the grid.
+Alternative to setting columnDefs in gridOptions.
+Must be set via JavaScript (not as an attribute). */
+  columnDefs?: TerraDataGrid["columnDefs"];
+  /** Row data for client-side row model.
+Must be set via JavaScript (not as an attribute). */
+  rowData?: TerraDataGrid["rowData"];
+  /** Datasource for infinite scroll row model.
+Must be set via JavaScript (not as an attribute). */
+  datasource?: TerraDataGrid["datasource"];
+  /** Height of the grid in pixels or CSS units.
+Default: 400px */
+  height?: TerraDataGrid["height"];
+  /** Row model type: 'clientSide', 'infinite', or 'serverSide'.
+Default: 'clientSide' */
+  "row-model-type"?: TerraDataGrid["rowModelType"];
+  /** Theme for AG Grid: 'alpine', 'alpine-dark', 'balham', 'balham-dark', 'material', 'quartz'.
+Default: 'alpine' */
+  theme?: TerraDataGrid["theme"];
+  /** Whether to show loading overlay when data is being fetched.
+Default: false */
+  "show-loading"?: TerraDataGrid["showLoading"];
+  /**  */
+  isLoading?: TerraDataGrid["isLoading"];
+  /** Emitted when the grid is initialized and ready. */
+  "onterra-grid-ready"?: (e: CustomEvent<never>) => void;
+  /** Emitted when row selection changes. */
+  "onterra-selection-changed"?: (e: CustomEvent<never>) => void;
+  /** Emitted when column sorting changes. */
+  "onterra-sort-changed"?: (e: CustomEvent<never>) => void;
+  /** Emitted when column filters change. */
+  "onterra-filter-changed"?: (e: CustomEvent<never>) => void;
+  /** Emitted when a row is clicked. */
+  "onterra-row-clicked"?: (e: CustomEvent<never>) => void;
+  /** Emitted when a row is double-clicked. */
+  "onterra-row-double-clicked"?: (e: CustomEvent<never>) => void;
+  /** Emitted when a cell is clicked. */
+  "onterra-cell-clicked"?: (e: CustomEvent<never>) => void;
+  /** Emitted when a cell value is edited. */
+  "onterra-cell-value-changed"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraDatePickerProps = {
@@ -724,6 +663,88 @@ type TerraDatePickerProps = {
   "onterra-date-range-change"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraDateRangeSliderProps = {
+  /**  */
+  "time-scale"?: TerraDateRangeSlider["timeScale"];
+  /**  */
+  "min-date"?: TerraDateRangeSlider["minDate"];
+  /**  */
+  "max-date"?: TerraDateRangeSlider["maxDate"];
+  /** The start date for the time series plot. */
+  "start-date"?: TerraDateRangeSlider["startDate"];
+  /**  */
+  "end-date"?: TerraDateRangeSlider["endDate"];
+  /**  */
+  disabled?: TerraDateRangeSlider["disabled"];
+  /**  */
+  "has-pips"?: TerraDateRangeSlider["hasPips"];
+  /**  */
+  slider?: TerraDateRangeSlider["slider"];
+};
+
+type TerraDataSubsetterHistoryProps = {
+  /**  */
+  label?: TerraDataSubsetterHistory["label"];
+  /**  */
+  "bearer-token"?: TerraDataSubsetterHistory["bearerToken"];
+  /** if a user has never done a subset request, by default they don't see the history panel at all
+this prop allows you to override that behavior and always show the history panel */
+  "always-show"?: TerraDataSubsetterHistory["alwaysShow"];
+  /**  */
+  collapsed?: TerraDataSubsetterHistory["collapsed"];
+  /**  */
+  selectedJob?: TerraDataSubsetterHistory["selectedJob"];
+  /**  */
+  selectedCollectionEntryId?: TerraDataSubsetterHistory["selectedCollectionEntryId"];
+  /**  */
+  hideCancelled?: TerraDataSubsetterHistory["hideCancelled"];
+  /**  */
+  dialog?: TerraDataSubsetterHistory["dialog"];
+  /**  */
+  subsetter?: TerraDataSubsetterHistory["subsetter"];
+  /**  */
+  jobsQuery?: TerraDataSubsetterHistory["jobsQuery"];
+  /**  */
+  _authController?: TerraDataSubsetterHistory["_authController"];
+};
+
+type TerraDialogProps = {
+  /** Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
+use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state. */
+  open?: TerraDialog["open"];
+  /** The dialog's label as displayed in the header. You should always include a relevant label even when using
+`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead. */
+  label?: TerraDialog["label"];
+  /** Disables the header. This will also remove the default close button, so please ensure you provide an easy,
+accessible way for users to dismiss the dialog. */
+  "no-header"?: TerraDialog["noHeader"];
+  /** Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Terra modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Terra's focus trapping. */
+  modal?: TerraDialog["modal"];
+  /**  */
+  dialog?: TerraDialog["dialog"];
+  /**  */
+  panel?: TerraDialog["panel"];
+  /**  */
+  overlay?: TerraDialog["overlay"];
+  /** Emitted when the dialog opens. */
+  "onterra-dialog-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dialog opens and all animations are complete. */
+  "onterra-dialog-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dialog closes. */
+  "onterra-dialog-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dialog closes and all animations are complete. */
+  "onterra-dialog-after-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input. */
+  "onterra-dialog-initial-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss. */
+  "onterra-dialog-request-close"?: (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. */
@@ -766,25 +787,6 @@ components that use a dropdown internally. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDateRangeSliderProps = {
-  /**  */
-  "time-scale"?: TerraDateRangeSlider["timeScale"];
-  /**  */
-  "min-date"?: TerraDateRangeSlider["minDate"];
-  /**  */
-  "max-date"?: TerraDateRangeSlider["maxDate"];
-  /** The start date for the time series plot. */
-  "start-date"?: TerraDateRangeSlider["startDate"];
-  /**  */
-  "end-date"?: TerraDateRangeSlider["endDate"];
-  /**  */
-  disabled?: TerraDateRangeSlider["disabled"];
-  /**  */
-  "has-pips"?: TerraDateRangeSlider["hasPips"];
-  /**  */
-  slider?: TerraDateRangeSlider["slider"];
-};
-
 type TerraEarthdataLoginProps = {
   /** The message to show when the user is logged in
 You can use the following placeholders:
@@ -848,6 +850,54 @@ type TerraFileUploadProps = {
   "onterra-blur"?: (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. */
+  "onterra-load"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  "onterra-error"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraHarmonyHistoryProps = {
+  /**  */
+  "bearer-token"?: TerraHarmonyHistory["bearerToken"];
+  /**  */
+  limit?: TerraHarmonyHistory["limit"];
+  /**  */
+  "filter-by-labels"?: TerraHarmonyHistory["filterByLabels"];
+  /** When true and `filter-by-labels` is set, clicking the delete button on a thumbnail
+will call the Harmony /labels DELETE endpoint to remove the active filter labels from
+that job (causing it to disappear from the filtered list). When false, a
+`terra-harmony-job-delete` event is emitted instead and the consumer handles deletion. */
+  "remove-labels-on-delete"?: TerraHarmonyHistory["removeLabelsOnDelete"];
+  /**  */
+  _authController?: TerraHarmonyHistory["_authController"];
+  /**  */
+  _removeLabelsOnDeleteMutation?: TerraHarmonyHistory["_removeLabelsOnDeleteMutation"];
+  /** Page 1 is always managed by this QueryController (includes polling for non-final jobs).
+Other pages are fetched imperatively via _fetchPage(). */
+  jobsQuery?: TerraHarmonyHistory["jobsQuery"];
+  /** Emitted when a thumbnail is clicked. */
+  "onterra-harmony-job-select"?: (e: CustomEvent<{ job: SubsetJobStatus }>) => void;
+  /** Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false). */
+  "onterra-harmony-job-delete"?: (e: CustomEvent<{ jobId: string }>) => void;
+};
+
 type TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -945,31 +995,6 @@ This will use the native `<input type="{{type}}">` implementation and may result
   "onterra-clear"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraHarmonyHistoryProps = {
-  /**  */
-  "bearer-token"?: TerraHarmonyHistory["bearerToken"];
-  /**  */
-  limit?: TerraHarmonyHistory["limit"];
-  /**  */
-  "filter-by-labels"?: TerraHarmonyHistory["filterByLabels"];
-  /** When true and `filter-by-labels` is set, clicking the delete button on a thumbnail
-will call the Harmony /labels DELETE endpoint to remove the active filter labels from
-that job (causing it to disappear from the filtered list). When false, a
-`terra-harmony-job-delete` event is emitted instead and the consumer handles deletion. */
-  "remove-labels-on-delete"?: TerraHarmonyHistory["removeLabelsOnDelete"];
-  /**  */
-  _authController?: TerraHarmonyHistory["_authController"];
-  /**  */
-  _removeLabelsOnDeleteMutation?: TerraHarmonyHistory["_removeLabelsOnDeleteMutation"];
-  /** Page 1 is always managed by this QueryController (includes polling for non-final jobs).
-Other pages are fetched imperatively via _fetchPage(). */
-  jobsQuery?: TerraHarmonyHistory["jobsQuery"];
-  /** Emitted when a thumbnail is clicked. */
-  "onterra-harmony-job-select"?: (e: CustomEvent<{ job: SubsetJobStatus }>) => void;
-  /** Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false). */
-  "onterra-harmony-job-delete"?: (e: CustomEvent<{ jobId: string }>) => void;
-};
-
 type TerraLoaderProps = {
   /** The loader's variant */
   variant?: TerraLoader["variant"];
@@ -996,7 +1021,8 @@ You can use the following placeholders:
   "logged-out-message"?: TerraLogin["loggedOutMessage"];
   /**  */
   "loading-message"?: TerraLogin["loadingMessage"];
-
+  /**  */
+  onLoginClick?: TerraLogin["onLoginClick"];
   /** Emitted when a bearer token has been received from EDL. */
   "onterra-login"?: (e: CustomEvent<never>) => void;
 };
@@ -1008,56 +1034,6 @@ type TerraMenuProps = {
   "onterra-select"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraMapProps = {
-  /** Minimum zoom level of the map. */
-  "min-zoom"?: TerraMap["minZoom"];
-  /** Maximum zoom level of the map. */
-  "max-zoom"?: TerraMap["maxZoom"];
-  /** Initial map zoom level */
-  zoom?: TerraMap["zoom"];
-  /** has map navigation toolbar */
-  "has-navigation"?: TerraMap["hasNavigation"];
-  /** shows mouse coordinates at bottom left of map as user moves mouse over map */
-  "show-mouse-coordinates"?: TerraMap["showMouseCoordinates"];
-  /** @deprecated has coordinate tracker (use show-mouse-coordinates instead) */
-  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
-  /** has shape selector */
-  "has-shape-selector"?: TerraMap["hasShapeSelector"];
-  /**  */
-  "show-graticule"?: TerraMap["showGraticule"];
-  /**  */
-  "show-bounding-box-selection"?: TerraMap["showBoundingBoxSelection"];
-  /** @deprecated hide bounding box selection (use show-bounding-box-selection instead) */
-  "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
-  /**  */
-  "show-point-selection"?: TerraMap["showPointSelection"];
-  /** @deprecated hide point selection (use show-point-selection instead) */
-  "hide-point-selection"?: TerraMap["hidePointSelection"];
-  /**  */
-  "show-polygon-selection"?: TerraMap["showPolygonSelection"];
-  /**  */
-  "show-circle-selection"?: TerraMap["showCircleSelection"];
-  /**  */
-  staticMode?: TerraMap["staticMode"];
-  /** Disables infinite horizontal scrolling on the map (world wrapping) */
-  "no-world-wrap"?: TerraMap["noWorldWrap"];
-  /** Spatial constraints for the map (default: '-180, -90, 180, 90')
-Format: 'west, south, east, north' */
-  "spatial-constraints"?: TerraMap["spatialConstraints"];
-  /**  */
-  value?: TerraMap["value"];
-  /** if true, when setting a value, the map will focus on the feature */
-  "fit-to-feature"?: TerraMap["fitToValue"];
-  /**  */
-  mapElement?: TerraMap["mapElement"];
-  /**  */
-  cursorCoordinates?: TerraMap["cursorCoordinates"];
-  /**  */
-  shapeLoading?: TerraMap["shapeLoading"];
-  /** List of geojson shapes */
-  shapesQuery?: TerraMap["shapesQuery"];
-};
-
 type TerraMenuItemProps = {
   /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
   type?: TerraMenuItem["type"];
@@ -1075,110 +1051,74 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-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. */
-  "onterra-load"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the icon fails to load due to an error. */
-  "onterra-error"?: (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. */
-  value?: TerraOption["value"];
-  /** Draws the option in a disabled state, preventing selection. */
-  disabled?: TerraOption["disabled"];
-  /**  */
-  defaultSlot?: TerraOption["defaultSlot"];
-  /**  */
-  current?: TerraOption["current"];
-  /**  */
-  selected?: TerraOption["selected"];
-  /**  */
-  hasHover?: TerraOption["hasHover"];
-};
-
-type TerraPaginationProps = {
-  /** The current page number (1-indexed). */
-  current?: TerraPagination["current"];
-  /** The total number of pages. */
-  total?: TerraPagination["total"];
-  /** The pagination variant. */
-  variant?: TerraPagination["variant"];
-  /** Whether the pagination is centered. */
-  centered?: TerraPagination["centered"];
-
-  /** Emitted when the page changes. */
-  "onterra-page-change"?: (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"];
+type TerraMapProps = {
+  /** Minimum zoom level of the map. */
+  "min-zoom"?: TerraMap["minZoom"];
+  /** Maximum zoom level of the map. */
+  "max-zoom"?: TerraMap["maxZoom"];
+  /** Initial map zoom level */
+  zoom?: TerraMap["zoom"];
+  /** has map navigation toolbar */
+  "has-navigation"?: TerraMap["hasNavigation"];
+  /** shows mouse coordinates at bottom left of map as user moves mouse over map */
+  "show-mouse-coordinates"?: TerraMap["showMouseCoordinates"];
+  /** @deprecated has coordinate tracker (use show-mouse-coordinates instead) */
+  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
+  /** has shape selector */
+  "has-shape-selector"?: TerraMap["hasShapeSelector"];
   /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
+  "show-graticule"?: TerraMap["showGraticule"];
   /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
+  "show-bounding-box-selection"?: TerraMap["showBoundingBoxSelection"];
+  /** @deprecated hide bounding box selection (use show-bounding-box-selection instead) */
+  "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
   /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
+  "show-point-selection"?: TerraMap["showPointSelection"];
+  /** @deprecated hide point selection (use show-point-selection instead) */
+  "hide-point-selection"?: TerraMap["hidePointSelection"];
   /**  */
-  opacity?: TerraPlotToolbar["opacity"];
+  "show-polygon-selection"?: TerraMap["showPolygonSelection"];
   /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
+  "show-circle-selection"?: TerraMap["showCircleSelection"];
   /**  */
-  "show-help"?: TerraPlotToolbar["showHelp"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraPlotToolbar["applicationCitation"];
+  staticMode?: TerraMap["staticMode"];
+  /** Removes the map's default card chrome (padding, border, fixed aspect
+ratio) so it stretches to fill its container. Useful when embedding
+this map inside another component. */
+  fill?: TerraMap["fill"];
+  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  "no-world-wrap"?: TerraMap["noWorldWrap"];
+  /** Spatial constraints for the map (default: '-180, -90, 180, 90')
+Format: 'west, south, east, north' */
+  "spatial-constraints"?: TerraMap["spatialConstraints"];
   /**  */
-  mobileView?: TerraPlotToolbar["mobileView"];
+  value?: TerraMap["value"];
+  /** if true, when setting a value, the map will focus on the feature */
+  "fit-to-feature"?: TerraMap["fitToValue"];
   /**  */
-  productLabel?: TerraPlotToolbar["productLabel"];
+  mapElement?: TerraMap["mapElement"];
   /**  */
-  bottomSheetDragY?: TerraPlotToolbar["bottomSheetDragY"];
+  cursorCoordinates?: TerraMap["cursorCoordinates"];
   /**  */
-  hideTitle?: TerraPlotToolbar["hideTitle"];
+  shapeLoading?: TerraMap["shapeLoading"];
+  /** List of geojson shapes */
+  shapesQuery?: TerraMap["shapesQuery"];
+};
+
+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. */
+  value?: TerraOption["value"];
+  /** Draws the option in a disabled state, preventing selection. */
+  disabled?: TerraOption["disabled"];
   /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  defaultSlot?: TerraOption["defaultSlot"];
   /**  */
-  menu?: TerraPlotToolbar["menu"];
+  current?: TerraOption["current"];
   /**  */
-  _authController?: TerraPlotToolbar["_authController"];
+  selected?: TerraOption["selected"];
   /**  */
-  metadata?: TerraPlotToolbar["metadata"];
+  hasHover?: TerraOption["hasHover"];
 };
 
 type TerraPopupProps = {
@@ -1256,6 +1196,73 @@ active. */
   "onterra-reposition"?: (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"];
+  /**  */
+  "show-help"?: TerraPlotToolbar["showHelp"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraPlotToolbar["applicationCitation"];
+  /**  */
+  mobileView?: TerraPlotToolbar["mobileView"];
+  /**  */
+  productLabel?: TerraPlotToolbar["productLabel"];
+  /**  */
+  bottomSheetDragY?: TerraPlotToolbar["bottomSheetDragY"];
+  /**  */
+  hideTitle?: TerraPlotToolbar["hideTitle"];
+  /**  */
+  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  /**  */
+  menu?: TerraPlotToolbar["menu"];
+  /**  */
+  _authController?: TerraPlotToolbar["_authController"];
+  /**  */
+  metadata?: TerraPlotToolbar["metadata"];
+};
+
+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. */
+  "onterra-page-change"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraPlotProps = {
   /**  */
   plotTitle?: TerraPlot["plotTitle"];
@@ -1271,19 +1278,6 @@ type TerraPlotProps = {
   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 TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -1324,6 +1318,19 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: TerraProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: TerraProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: TerraProgressBar["label"];
+  /** The progress bar's theme variant. */
+  variant?: TerraProgressBar["variant"];
+  /**  */
+  title?: TerraProgressBar["title"];
+};
+
 type TerraScrollHintProps = {
   /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
   inline?: TerraScrollHint["inline"];
@@ -1432,15 +1439,6 @@ type TerraSiteHeaderProps = {
   "site-name"?: TerraSiteHeader["siteName"];
 };
 
-type TerraSkeletonProps = {
-  /**  */
-  rows?: TerraSkeleton["rows"];
-  /**  */
-  effect?: TerraSkeleton["effect"];
-  /**  */
-  variableWidths?: TerraSkeleton["variableWidths"];
-};
-
 type TerraRadioGroupProps = {
   /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
 instead. */
@@ -1482,6 +1480,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"];
@@ -1517,6 +1524,31 @@ When hidden, still presents to screen readers. */
   slider?: TerraSlider["slider"];
 };
 
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
+};
+
+type TerraStepperProps = {
+  /** The stepper's variant. The default variant includes titles and optional captions for each step.
+The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
+  variant?: TerraStepper["variant"];
+  /**  */
+  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 TerraSpatialPickerProps = {
   /**  */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
@@ -1575,55 +1607,6 @@ Draws a visual overlay on the map and rejects draws outside this area. */
   map?: TerraSpatialPicker["map"];
 };
 
-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 = {
-  /** The stepper's variant. The default variant includes titles and optional captions for each step.
-The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
-  variant?: TerraStepper["variant"];
-  /**  */
-  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"];
-  /** Draws the tab in an active state. */
-  active?: TerraTab["active"];
-  /** Makes the tab closable and shows a close button. */
-  closable?: TerraTab["closable"];
-  /** Disables the tab and prevents selection. */
-  disabled?: TerraTab["disabled"];
-  /** The tab's size. Inherits from the parent tabs component if not specified. */
-  size?: TerraTab["size"];
-  /**  */
-  tab?: TerraTab["tab"];
-  /** Emitted when the tab is closable and the close button is activated. */
-  "onterra-close"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
-};
-
 type TerraTabsProps = {
   /** The placement of the tabs. */
   placement?: TerraTabs["placement"];
@@ -1650,6 +1633,30 @@ manual, the tab will receive focus but will not show until the user presses spac
   "onterra-tab-hide"?: (e: CustomEvent<{ name: String }>) => void;
 };
 
+type TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
+};
+
+type TerraTabProps = {
+  /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
+  panel?: TerraTab["panel"];
+  /** Draws the tab in an active state. */
+  active?: TerraTab["active"];
+  /** Makes the tab closable and shows a close button. */
+  closable?: TerraTab["closable"];
+  /** Disables the tab and prevents selection. */
+  disabled?: TerraTab["disabled"];
+  /** The tab's size. Inherits from the parent tabs component if not specified. */
+  size?: TerraTab["size"];
+  /**  */
+  tab?: TerraTab["tab"];
+  /** Emitted when the tab is closable and the close button is activated. */
+  "onterra-close"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1728,8 +1735,10 @@ type TerraTimeAverageMapProps = {
   opacity?: TerraTimeAverageMap["opacity"];
   /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
   "application-id"?: TerraTimeAverageMap["applicationId"];
-  /** When true, enables IndexedDB caching — data will be read from and written to the local cache.
-Defaults to false, meaning no caching is performed. */
+  /** When true, disables IndexedDB caching for this component — data will not be
+read from or written to the local cache. Caching is enabled by default. */
+  "no-cache"?: TerraTimeAverageMap["noCache"];
+  /** @deprecated Caching is now enabled by default. Set `no-cache` to disable it instead. */
   cache?: TerraTimeAverageMap["cache"];
   /** If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete. */
   "job-id"?: TerraTimeAverageMap["jobId"];
@@ -1756,6 +1765,8 @@ Defaults to false, meaning no caching is performed. */
   /**  */
   legendValues?: TerraTimeAverageMap["legendValues"];
   /**  */
+  innerMap?: TerraTimeAverageMap["innerMap"];
+  /**  */
   _authController?: TerraTimeAverageMap["_authController"];
   /**  */
   colormaps?: TerraTimeAverageMap["colormaps"];
@@ -1769,6 +1780,90 @@ Defaults to false, meaning no caching is performed. */
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
+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). */
+  "onterra-click"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraToastProps = {
+  /** The toast's theme variant. */
+  variant?: TerraToast["variant"];
+  /** The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with
+the toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds). */
+  duration?: TerraToast["duration"];
+  /** Enables a close button that allows the user to dismiss the toast. */
+  closable?: TerraToast["closable"];
+  /** Enables a countdown that indicates the remaining time the toast will be displayed.
+Typically used for toasts with relatively long duration. */
+  countdown?: TerraToast["countdown"];
+  /**  */
+  alert?: TerraToast["alert"];
+  /** Emitted when the toast opens. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast opens and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the toast closes. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast closes and all animations are complete. */
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraToggleProps = {
+  /**  */
+  title?: TerraToggle["title"];
+  /** The name of the switch, submitted as a name/value pair with form data. */
+  name?: TerraToggle["name"];
+  /** The current value of the switch, submitted as a name/value pair with form data. */
+  value?: TerraToggle["value"];
+  /** The switch's size. */
+  size?: TerraToggle["size"];
+  /** Disables the switch. */
+  disabled?: TerraToggle["disabled"];
+  /** Draws the switch in a checked state. */
+  checked?: TerraToggle["checked"];
+  /** 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?: TerraToggle["form"];
+  /** Makes the switch a required field. */
+  required?: TerraToggle["required"];
+  /** The switch's help text. If you need to display HTML, use the `help-text` slot instead. */
+  "help-text"?: TerraToggle["helpText"];
+  /**  */
+  input?: TerraToggle["input"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultChecked?: TerraToggle["defaultChecked"];
+  /** Gets the validity state object */
+  validity?: TerraToggle["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraToggle["validationMessage"];
+  /** Emitted when the control loses focus. */
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control's checked state changes. */
+  "onterra-change"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control receives input. */
+  "onterra-input"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control gains focus. */
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraTimeSeriesProps = {
   /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
   "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
@@ -1842,90 +1937,6 @@ Defaults to false, meaning no caching is performed. */
   "onterra-time-series-chunk-progress-change"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraToastProps = {
-  /** The toast's theme variant. */
-  variant?: TerraToast["variant"];
-  /** The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with
-the toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds). */
-  duration?: TerraToast["duration"];
-  /** Enables a close button that allows the user to dismiss the toast. */
-  closable?: TerraToast["closable"];
-  /** Enables a countdown that indicates the remaining time the toast will be displayed.
-Typically used for toasts with relatively long duration. */
-  countdown?: TerraToast["countdown"];
-  /**  */
-  alert?: TerraToast["alert"];
-  /** Emitted when the toast opens. */
-  "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast opens and all animations are complete. */
-  "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the toast closes. */
-  "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast closes and all animations are complete. */
-  "onterra-after-hide"?: (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). */
-  "onterra-click"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraToggleProps = {
-  /**  */
-  title?: TerraToggle["title"];
-  /** The name of the switch, submitted as a name/value pair with form data. */
-  name?: TerraToggle["name"];
-  /** The current value of the switch, submitted as a name/value pair with form data. */
-  value?: TerraToggle["value"];
-  /** The switch's size. */
-  size?: TerraToggle["size"];
-  /** Disables the switch. */
-  disabled?: TerraToggle["disabled"];
-  /** Draws the switch in a checked state. */
-  checked?: TerraToggle["checked"];
-  /** 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?: TerraToggle["form"];
-  /** Makes the switch a required field. */
-  required?: TerraToggle["required"];
-  /** The switch's help text. If you need to display HTML, use the `help-text` slot instead. */
-  "help-text"?: TerraToggle["helpText"];
-  /**  */
-  input?: TerraToggle["input"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultChecked?: TerraToggle["defaultChecked"];
-  /** Gets the validity state object */
-  validity?: TerraToggle["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraToggle["validationMessage"];
-  /** Emitted when the control loses focus. */
-  "onterra-blur"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control's checked state changes. */
-  "onterra-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control receives input. */
-  "onterra-input"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control gains focus. */
-  "onterra-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  "onterra-invalid"?: (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"];
@@ -2070,49 +2081,45 @@ export type CustomElements = {
   "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
-   * Banners are used to display important messages on top of the header.
+   * Alerts are used to display important messages inline or as toast notifications.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-show** - Emitted when the banner opens.
-   * - **terra-after-show** - Emitted after the banner opens and all animations are complete.
-   * - **terra-hide** - Emitted when the banner closes.
-   * - **terra-after-hide** - Emitted after the banner closes and all animations are complete.
+   *  - **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 banner.
-   * - **hide()** - Hides the banner
+   *  - **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 banner's main content.
+   *  - _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 banner's main content.
+   * - **message** - The container that wraps the alert's main content.
    */
-  "terra-banner": DefineComponent<TerraBannerProps>;
+  "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-breadcrumb-text-default** - The text color of inactive breadcrumbs. _(default: undefined)_
-   * - **--terra-breadcrumb-text-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
-   * - **--terra-breadcrumb-text-visited** - The text color of visited breadcrumb links. _(default: undefined)_
+   *  - _default_ - The badge's content.
    *
    * ### **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>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
    * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
@@ -2132,45 +2139,49 @@ export type CustomElements = {
   "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The badge's content.
+   *  - _default_ - The default slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-breadcrumb-text-default** - The text color of inactive breadcrumbs. _(default: undefined)_
+   * - **--terra-breadcrumb-text-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
+   * - **--terra-breadcrumb-text-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-badge": DefineComponent<TerraBadgeProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
   /**
-   * Alerts are used to display important messages inline or as toast notifications.
+   * Banners are used to display important messages on top of the header.
    * ---
    *
    *
    * ### **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.
+   *  - **terra-show** - Emitted when the banner opens.
+   * - **terra-after-show** - Emitted after the banner opens and all animations are complete.
+   * - **terra-hide** - Emitted when the banner closes.
+   * - **terra-after-hide** - Emitted after the banner 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.
+   *  - **show()** - Shows the banner.
+   * - **hide()** - Hides the banner
    *
    * ### **Slots:**
-   *  - _default_ - The alert's main content.
+   *  - _default_ - The banner'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.
+   * - **message** - The container that wraps the banner's main content.
    */
-  "terra-alert": DefineComponent<TerraAlertProps>;
+  "terra-banner": DefineComponent<TerraBannerProps>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
@@ -2179,6 +2190,19 @@ export type CustomElements = {
    */
   "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
 
+  /**
+   * Button groups can be used to group related buttons into sections.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
+
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -2212,19 +2236,6 @@ export type CustomElements = {
    */
   "terra-button": DefineComponent<TerraButtonProps>;
 
-  /**
-   * Button groups can be used to group related buttons into sections.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
-
   /**
    * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
    * ---
@@ -2310,6 +2321,23 @@ export type CustomElements = {
    */
   "terra-card": DefineComponent<TerraCardProps>;
 
+  /**
+   * Used for contacts and tags
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-remove** - emitted when the chip's close button is clicked
+   *
+   * ### **Slots:**
+   *  - _default_ - The chip's label.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-chip-background-color** - The background color of the chip. _(default: undefined)_
+   * - **--terra-chip-color** - The text color of the chip. _(default: undefined)_
+   */
+  "terra-chip": DefineComponent<TerraChipProps>;
+
   /**
    * Fuzzy-search for combobox with list autocomplete.
    * ---
@@ -2335,6 +2363,23 @@ export type CustomElements = {
    */
   "terra-data-access": DefineComponent<TerraDataAccessProps>;
 
+  /**
+   * Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-subset-job-complete** - called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)
+   */
+  "terra-data-subsetter": DefineComponent<TerraDataSubsetterProps>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-data-rods": DefineComponent<TerraDataRodsProps>;
+
   /**
    * A flexible data grid component built on AG Grid with support for various data sources and row models.
    * ---
@@ -2372,31 +2417,46 @@ export type CustomElements = {
   "terra-data-grid": DefineComponent<TerraDataGridProps>;
 
   /**
-   * Used for contacts and tags
+   * A date picker component that implements the Horizon Design System (HDS) Date Picker patterns. Supports single date selection or date range selection with calendar popup.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-remove** - emitted when the chip's close button is clicked
+   *  - **terra-date-range-change** - Emitted when a date selection is made or changed.
+   *
+   * ### **Methods:**
+   *  - **clear()** - Clears the selected date(s) and resets the date picker to its initial state.
    *
    * ### **Slots:**
-   *  - _default_ - The chip's label.
+   *  - _default_ - The default slot.
    *
    * ### **CSS Properties:**
-   *  - **--terra-chip-background-color** - The background color of the chip. _(default: undefined)_
-   * - **--terra-chip-color** - The text color of the chip. _(default: undefined)_
+   *  - **--terra-date-picker-*** - All date picker design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **input** - The date input element (terra-input).
+   * - **calendar** - The calendar dropdown.
+   * - **sidebar** - The preset ranges sidebar.
    */
-  "terra-chip": DefineComponent<TerraChipProps>;
+  "terra-date-picker": DefineComponent<TerraDatePickerProps>;
 
   /**
-   * Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.
+   * Short summary of the component's intended use.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-subset-job-complete** - called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
    */
-  "terra-data-subsetter": DefineComponent<TerraDataSubsetterProps>;
+  "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
 
   /**
    * Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.
@@ -2448,13 +2508,6 @@ export type CustomElements = {
    */
   "terra-dialog": DefineComponent<TerraDialogProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-data-rods": DefineComponent<TerraDataRodsProps>;
-
   /**
    * Dividers are used to visually separate or group elements.
    * ---
@@ -2467,31 +2520,6 @@ export type CustomElements = {
    */
   "terra-divider": DefineComponent<TerraDividerProps>;
 
-  /**
-   * A date picker component that implements the Horizon Design System (HDS) Date Picker patterns. Supports single date selection or date range selection with calendar popup.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-date-range-change** - Emitted when a date selection is made or changed.
-   *
-   * ### **Methods:**
-   *  - **clear()** - Clears the selected date(s) and resets the date picker to its initial state.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-date-picker-*** - All date picker design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **input** - The date input element (terra-input).
-   * - **calendar** - The calendar dropdown.
-   * - **sidebar** - The preset ranges sidebar.
-   */
-  "terra-date-picker": DefineComponent<TerraDatePickerProps>;
-
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2521,23 +2549,6 @@ export type CustomElements = {
    */
   "terra-dropdown": DefineComponent<TerraDropdownProps>;
 
-  /**
-   * Short summary of the component's intended use.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
-
   /**
    * A form that logs in to Earthdata Login (EDL)
    * ---
@@ -2580,6 +2591,38 @@ 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>;
+
+  /**
+   * Displays a horizontal scrolling strip of a user's recent Harmony job requests,
+   * fetching additional pages on demand as the user scrolls.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-harmony-job-select** - Emitted when a thumbnail is clicked.
+   * - **terra-harmony-job-delete** - Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false).
+   *
+   * ### **CSS Parts:**
+   *  - **nav-button** - The left/right navigation arrow buttons.
+   * - **viewport** - The overflow-hidden container that clips the thumbnail track.
+   * - **track** - The inner flex container that translates to implement scrolling.
+   * - **thumbnail** - Each individual job thumbnail wrapper.
+   */
+  "terra-harmony-history": DefineComponent<TerraHarmonyHistoryProps>;
+
   /**
    * A text input component with consistent styling across the design system.
    * ---
@@ -2624,24 +2667,6 @@ export type CustomElements = {
    */
   "terra-input": DefineComponent<TerraInputProps>;
 
-  /**
-   * Displays a horizontal scrolling strip of a user's recent Harmony job requests,
-   * fetching additional pages on demand as the user scrolls.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-harmony-job-select** - Emitted when a thumbnail is clicked.
-   * - **terra-harmony-job-delete** - Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false).
-   *
-   * ### **CSS Parts:**
-   *  - **nav-button** - The left/right navigation arrow buttons.
-   * - **viewport** - The overflow-hidden container that clips the thumbnail track.
-   * - **track** - The inner flex container that translates to implement scrolling.
-   * - **thumbnail** - Each individual job thumbnail wrapper.
-   */
-  "terra-harmony-history": DefineComponent<TerraHarmonyHistoryProps>;
-
   /**
    * Loaders are used to indicate there is content that is loading.
    * ---
@@ -2678,13 +2703,6 @@ export type CustomElements = {
    */
   "terra-menu": DefineComponent<TerraMenuProps>;
 
-  /**
-   * A map component for visualizing and selecting coordinates.
-   * ---
-   *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2715,18 +2733,23 @@ export type CustomElements = {
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
   /**
-   * Icons are symbols that can be used to represent various options within an application.
+   * A map component for visualizing and selecting coordinates.
    * ---
    *
    *
-   * ### **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.
+   * ### **Methods:**
+   *  - **addLayer(layer: _Parameters<MapService['addLayer']>[0]_, options: _AddLayerOptions_)** - Adds a custom layer to the map. By default the layer is placed below
+   * the borders/labels layers so they continue to render on top of it; pass
+   * `{ position: 'top' }` to place it above everything else instead.
+   * - **removeLayer(name: _string_)** - Removes a previously added layer by the `name` it was given.
+   * - **getLayer(name: _string_)** - Gets a layer (built-in or custom) by name.
+   * - **fitToExtent(extent: _Parameters<MapService['fitToExtent']>[0]_, options: _FitToExtentOptions_)** - Fits the map's view to the given extent, reprojecting from
+   * `options.projection` to the map's view projection if provided.
+   * - **getCanvasElements()** - Returns the map's rendered canvas/svg elements, in z-order, for
+   * consumers that need to composite the rendered map (e.g. exporting an
+   * image or capturing a thumbnail).
    */
-  "terra-icon": DefineComponent<TerraIconProps>;
+  "terra-map": DefineComponent<TerraMapProps>;
 
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
@@ -2744,67 +2767,19 @@ export type CustomElements = {
    * ### **CSS Properties:**
    *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
    * - **--terra-options-item-text** - The text color of the option. _(default: undefined)_
-   * - **--terra-options-item-text-hover** - The text color of the option on hover. _(default: undefined)_
-   * - **--terra-options-item-text-active** - The text color of the option when active. _(default: undefined)_
-   * - **--terra-options-item-background-hover** - The background color of the option on hover. _(default: undefined)_
-   * - **--terra-options-item-background-active** - The background color of the option when active. _(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.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-page-change** - Emitted when the page changes.
-   *
-   * ### **Slots:**
-   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-pagination-button-color** - The text color of page buttons. _(default: undefined)_
-   * - **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_
-   * - **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_
-   * - **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_
-   * - **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_
-   * - **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
-   * - **button** - The page button elements.
-   * - **button-current** - The current page button.
-   * - **ellipsis** - The ellipsis element.
-   * - **prev** - The previous button.
-   * - **next** - The next button.
-   * - **slot** - The right-side slot container.
-   */
-  "terra-pagination": DefineComponent<TerraPaginationProps>;
-
-  /**
-   * 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)_
+   * - **--terra-options-item-text-hover** - The text color of the option on hover. _(default: undefined)_
+   * - **--terra-options-item-text-active** - The text color of the option when active. _(default: undefined)_
+   * - **--terra-options-item-background-hover** - The background color of the option on hover. _(default: undefined)_
+   * - **--terra-options-item-background-active** - The background color of the option when active. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   *  - **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-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+  "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2835,35 +2810,62 @@ export type CustomElements = {
   "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
-   * 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>;
 
   /**
-   * Progress bars are used to show the status of an ongoing operation.
+   * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-page-change** - Emitted when the page changes.
+   *
    * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
+   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
    *
    * ### **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-pagination-button-color** - The text color of page buttons. _(default: undefined)_
+   * - **--terra-pagination-button-background-color** - The background color of page buttons. _(default: undefined)_
+   * - **--terra-pagination-button-color-hover** - The text color of page buttons on hover. _(default: undefined)_
+   * - **--terra-pagination-button-background-color-hover** - The background color of page buttons on hover. _(default: undefined)_
+   * - **--terra-pagination-button-color-current** - The text color of the current page button. _(default: undefined)_
+   * - **--terra-pagination-button-background-color-current** - The background color of the current page button. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
+   * - **nav** - The navigation container.
+   * - **button** - The page button elements.
+   * - **button-current** - The current page button.
+   * - **ellipsis** - The ellipsis element.
+   * - **prev** - The previous button.
+   * - **next** - The next button.
+   * - **slot** - The right-side slot container.
    */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+  "terra-pagination": DefineComponent<TerraPaginationProps>;
+
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
@@ -2902,6 +2904,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>;
+
   /**
    * Scroll hint is an animated button that prompts visitors to scroll.
    * ---
@@ -3004,13 +3027,6 @@ export type CustomElements = {
    */
   "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
-  /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
-   * ---
-   *
-   */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
-
   /**
    * Radio groups are used to group multiple radio buttons so they function as a single form control.
    * ---
@@ -3058,18 +3074,18 @@ export type CustomElements = {
   "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
   /**
-   *
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
    * ---
    *
    */
-  "terra-slider": DefineComponent<TerraSliderProps>;
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
 
   /**
-   * A component that allows input of coordinates and rendering of map.
+   *
    * ---
    *
    */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+  "terra-slider": DefineComponent<TerraSliderProps>;
 
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
@@ -3125,24 +3141,44 @@ export type CustomElements = {
   "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * A component that allows input of coordinates and rendering of map.
+   * ---
+   *
+   */
+  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+
+  /**
+   * Tabs organize content into a container that shows one section at a time.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
+   *  - **terra-tab-show** - Emitted when a tab is shown.
+   * - **terra-tab-hide** - Emitted when a tab is hidden.
+   *
+   * ### **Methods:**
+   *  - **show(panel: _string_)** - Shows the specified tab panel.
    *
    * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
+   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
+   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
+   *  - **--terra-tab-indicator-selected** - The color of the active tab indicator. _(default: undefined)_
+   * - **--terra-tab-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
+   * - **nav** - The tabs' navigation container where tabs are slotted in.
+   * - **tabs** - The container that wraps the tabs.
+   * - **active-tab-indicator** - The line that highlights the currently selected tab.
+   * - **body** - The tabs' body where tab panels are slotted in.
+   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
+   * - **scroll-button--start** - The starting scroll button.
+   * - **scroll-button--end** - The ending scroll button.
    */
-  "terra-tab": DefineComponent<TerraTabProps>;
+  "terra-tabs": DefineComponent<TerraTabsProps>;
 
   /**
    * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
@@ -3161,37 +3197,24 @@ export type CustomElements = {
   "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
-   * Tabs organize content into a container that shows one section at a time.
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-tab-show** - Emitted when a tab is shown.
-   * - **terra-tab-hide** - Emitted when a tab is hidden.
-   *
-   * ### **Methods:**
-   *  - **show(panel: _string_)** - Shows the specified tab panel.
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
    *
    * ### **Slots:**
-   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
-   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tab-indicator-selected** - The color of the active tab indicator. _(default: undefined)_
-   * - **--terra-tab-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
-   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **nav** - The tabs' navigation container where tabs are slotted in.
-   * - **tabs** - The container that wraps the tabs.
-   * - **active-tab-indicator** - The line that highlights the currently selected tab.
-   * - **body** - The tabs' body where tab panels are slotted in.
-   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
-   * - **scroll-button--start** - The starting scroll button.
-   * - **scroll-button--end** - The ending scroll button.
+   * - **close-button** - The close button icon.
    */
-  "terra-tabs": DefineComponent<TerraTabsProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
    * A textarea component with consistent styling across the design system.
@@ -3234,57 +3257,6 @@ export type CustomElements = {
    */
   "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
-  /**
-   * A component for visualizing time series data using the GES DISC Giovanni API.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-time-series-loading-change** - Emitted whenever loading starts or ends
-   * - **terra-date-range-change** - Emitted whenever the date range is modified
-   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
-   * - **terra-harmony-job-status-update** - Emitted whenever the status of a Harmony job is updated
-   * - **terra-time-series-chunk-progress-change** - Emitted whenever chunked Harmony requests advance
-   */
-  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
-
-  /**
-   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the toast opens.
-   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
-   * - **terra-hide** - Emitted when the toast closes.
-   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   * - **show()** - Shows the toast.
-   * - **hide()** - Hides the toast.
-   * - **notify(message: _string_, variant: _| 'primary'
-   *             | 'information'
-   *             | 'success'
-   *             | 'neutral'
-   *             | 'warning'
-   *             | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * ### **Slots:**
-   *  - _default_ - The toast's main content.
-   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
-   * - **base__base** - The alert's exported `base` part.
-   * - **base__icon** - The alert's exported `icon` part.
-   * - **base__message** - The alert's exported `message` part.
-   */
-  "terra-toast": DefineComponent<TerraToastProps>;
-
   /**
    * Tags are simple labels that help categorize items.
    * ---
@@ -3329,6 +3301,43 @@ export type CustomElements = {
    */
   "terra-tag": DefineComponent<TerraTagProps>;
 
+  /**
+   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the toast opens.
+   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
+   * - **terra-hide** - Emitted when the toast closes.
+   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
+   * calling this method again. The returned promise will resolve after the toast is hidden.
+   * - **show()** - Shows the toast.
+   * - **hide()** - Hides the toast.
+   * - **notify(message: _string_, variant: _| 'primary'
+   *             | 'information'
+   *             | 'success'
+   *             | 'neutral'
+   *             | 'warning'
+   *             | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
+   * body, and displays it as a notification.
+   *
+   * ### **Slots:**
+   *  - _default_ - The toast's main content.
+   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
+   * - **base__base** - The alert's exported `base` part.
+   * - **base__icon** - The alert's exported `icon` part.
+   * - **base__message** - The alert's exported `message` part.
+   */
+  "terra-toast": DefineComponent<TerraToastProps>;
+
   /**
    * Switches allow the user to toggle an option on or off.
    * ---
@@ -3368,6 +3377,20 @@ export type CustomElements = {
    */
   "terra-toggle": DefineComponent<TerraToggleProps>;
 
+  /**
+   * A component for visualizing time series data using the GES DISC Giovanni API.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-time-series-loading-change** - Emitted whenever loading starts or ends
+   * - **terra-date-range-change** - Emitted whenever the date range is modified
+   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
+   * - **terra-harmony-job-status-update** - Emitted whenever the status of a Harmony job is updated
+   * - **terra-time-series-chunk-progress-change** - Emitted whenever chunked Harmony requests advance
+   */
+  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
+
   /**
    * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
    * ---