@nasa-terra/components 0.0.198 → 0.0.199

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

@@ -1,69 +1,69 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraBanner } from "../../components/banner/banner.component.js";
+import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
-import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
-import type { TerraButton } from "../../components/button/button.component.js";
-import type { TerraButtonGroup } from "../../components/button-group/button-group.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 { 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 { TerraCheckbox } from "../../components/checkbox/checkbox.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 { TerraDataRods } from "../../components/data-rods/data-rods.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 { TerraDataSubsetterHistory } from "../../components/data-subsetter-history/data-subsetter-history.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 { TerraDivider } from "../../components/divider/divider.component.js";
 import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
 import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
-import type { TerraDivider } from "../../components/divider/divider.component.js";
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
+import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { 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 { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
+import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPagination } from "../../components/pagination/pagination.component.js";
+import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
-import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
+import type { TerraSiteHeader } from "../../components/site-header/site-header.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 { TerraSiteHeader } from "../../components/site-header/site-header.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 { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
-import type { TerraTag } from "../../components/tag/tag.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 { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
-import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
+import type { 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 { TerraToast } from "../../components/toast/toast.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
-import type { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
 type TerraAccordionProps = {
@@ -78,6 +78,22 @@ type TerraAccordionProps = {
   "onterra-accordion-toggle"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  "onterra-error"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -111,20 +127,28 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraAvatarProps = {
-  /** The image source to use for the avatar. */
-  image?: TerraAvatar["image"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
+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"];
+};
 
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  "onterra-error"?: (e: CustomEvent<never>) => void;
+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 = {
@@ -149,21 +173,30 @@ use the `show()` and `hide()` methods and this attribute will reflect the banner
   "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 TerraBrowseVariablesProps = {
+  /** Allows the user to switch the catalog between different providers
+TODO: add support for CMR catalog and make it the default */
+  catalog?: TerraBrowseVariables["catalog"];
+  /**  */
+  "selected-variable-entry-ids"?: TerraBrowseVariables["selectedVariableEntryIds"];
+  /**  */
+  searchQuery?: TerraBrowseVariables["searchQuery"];
+  /**  */
+  selectedFacets?: TerraBrowseVariables["selectedFacets"];
+  /**  */
+  selectedVariables?: TerraBrowseVariables["selectedVariables"];
+  /**  */
+  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
 };
 
-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 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 = {
@@ -239,55 +272,8 @@ 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 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 TerraBrowseVariablesProps = {
-  /** Allows the user to switch the catalog between different providers
-TODO: add support for CMR catalog and make it the default */
-  catalog?: TerraBrowseVariables["catalog"];
-  /**  */
-  "selected-variable-entry-ids"?: TerraBrowseVariables["selectedVariableEntryIds"];
-  /**  */
-  searchQuery?: TerraBrowseVariables["searchQuery"];
-  /**  */
-  selectedFacets?: TerraBrowseVariables["selectedFacets"];
-  /**  */
-  selectedVariables?: TerraBrowseVariables["selectedVariables"];
-  /**  */
-  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
-};
-
 type TerraCaptionProps = {};
 
-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 TerraCheckboxProps = {
   /**  */
   title?: TerraCheckbox["title"];
@@ -332,6 +318,20 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+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"];
@@ -399,81 +399,7 @@ 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 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"];
-  /**  */
-  variableBoundingBox?: TerraDataRods["variableBoundingBox"];
-};
-
-type TerraDataSubsetterProps = {
+type TerraDataSubsetterProps = {
   /**  */
   "collection-entry-id"?: TerraDataSubsetter["collectionEntryId"];
   /**  */
@@ -562,6 +488,80 @@ Supported flags:
   "onterra-subset-job-complete"?: (e: CustomEvent<never>) => 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"];
+  /**  */
+  variableBoundingBox?: TerraDataRods["variableBoundingBox"];
+};
+
+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 = {
   /**  */
   id?: TerraDatePicker["id"];
@@ -663,6 +663,25 @@ 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"];
@@ -689,25 +708,6 @@ this prop allows you to override that behavior and always show the history panel
   _authController?: TerraDataSubsetterHistory["_authController"];
 };
 
-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 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. */
@@ -740,6 +740,11 @@ accessible way for users to dismiss the dialog. */
   "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. */
@@ -814,11 +819,6 @@ this is useful for Jupyter Notebooks where we may want to automatically log the
   "onterra-login"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDividerProps = {
-  /** Draws the divider in a vertical orientation. */
-  vertical?: TerraDivider["vertical"];
-};
-
 type TerraFileUploadProps = {
   /** The file upload's label. */
   label?: TerraFileUpload["label"];
@@ -850,6 +850,29 @@ 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"];
@@ -985,29 +1008,6 @@ type TerraLoaderProps = {
   _currentPercent?: TerraLoader["_currentPercent"];
 };
 
-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 TerraLoginProps = {
   /**  */
   "button-label"?: TerraLogin["buttonLabel"];
@@ -1051,36 +1051,6 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-type TerraPaginationProps = {
-  /** The current page number (1-indexed). */
-  current?: TerraPagination["current"];
-  /** The total number of pages. */
-  total?: TerraPagination["total"];
-  /** The pagination variant. */
-  variant?: TerraPagination["variant"];
-  /** Whether the pagination is centered. */
-  centered?: TerraPagination["centered"];
-
-  /** Emitted when the page changes. */
-  "onterra-page-change"?: (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 TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -1112,6 +1082,10 @@ type TerraMapProps = {
   "show-circle-selection"?: TerraMap["showCircleSelection"];
   /**  */
   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')
@@ -1131,72 +1105,20 @@ Format: 'west, south, east, north' */
   shapesQuery?: TerraMap["shapesQuery"];
 };
 
-type TerraPlotProps = {
-  /**  */
-  plotTitle?: TerraPlot["plotTitle"];
+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"];
   /**  */
-  layout?: TerraPlot["layout"];
+  defaultSlot?: TerraOption["defaultSlot"];
   /**  */
-  config?: TerraPlot["config"];
+  current?: TerraOption["current"];
   /**  */
-  data?: TerraPlot["data"];
-  /** Optional: Colors to assign to each time series line */
-  colors?: TerraPlot["colors"];
+  selected?: TerraOption["selected"];
   /**  */
-  base?: TerraPlot["base"];
-};
-
-type TerraPlotToolbarProps = {
-  /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
-  /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
-  /**  */
-  opacity?: TerraPlotToolbar["opacity"];
-  /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
-  /**  */
-  "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"];
+  hasHover?: TerraOption["hasHover"];
 };
 
 type TerraPopupProps = {
@@ -1274,17 +1196,86 @@ active. */
   "onterra-reposition"?: (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"];
+type TerraPlotToolbarProps = {
   /**  */
-  title?: TerraProgressBar["title"];
+  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"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
+  /**  */
+  base?: TerraPlot["base"];
 };
 
 type TerraRadioProps = {
@@ -1327,40 +1318,17 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraRadioGroupProps = {
-  /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-instead. */
-  label?: TerraRadioGroup["label"];
-  /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
-  "help-text"?: TerraRadioGroup["helpText"];
-  /** The name of the radio group, submitted as a name/value pair with form data. */
-  name?: TerraRadioGroup["name"];
-  /** The current value of the radio group, submitted as a name/value pair with form data. */
-  value?: TerraRadioGroup["value"];
-  /** The radio group's size. This size will be applied to all child radios and radio buttons. */
-  size?: TerraRadioGroup["size"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: TerraRadioGroup["form"];
-  /** Ensures a child radio is checked before allowing the containing form to submit. */
-  required?: TerraRadioGroup["required"];
-  /**  */
-  defaultSlot?: TerraRadioGroup["defaultSlot"];
-  /**  */
-  validationInput?: TerraRadioGroup["validationInput"];
+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"];
   /**  */
-  defaultValue?: TerraRadioGroup["defaultValue"];
-  /** Gets the validity state object */
-  validity?: TerraRadioGroup["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraRadioGroup["validationMessage"];
-  /** Emitted when the radio group's selected value changes. */
-  "onterra-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio group receives user input. */
-  "onterra-input"?: (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;
+  title?: TerraProgressBar["title"];
 };
 
 type TerraScrollHintProps = {
@@ -1466,6 +1434,52 @@ be an array. **For this reason, values must not contain spaces.** */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
+};
+
+type TerraRadioGroupProps = {
+  /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+instead. */
+  label?: TerraRadioGroup["label"];
+  /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
+  "help-text"?: TerraRadioGroup["helpText"];
+  /** The name of the radio group, submitted as a name/value pair with form data. */
+  name?: TerraRadioGroup["name"];
+  /** The current value of the radio group, submitted as a name/value pair with form data. */
+  value?: TerraRadioGroup["value"];
+  /** The radio group's size. This size will be applied to all child radios and radio buttons. */
+  size?: TerraRadioGroup["size"];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  form?: TerraRadioGroup["form"];
+  /** Ensures a child radio is checked before allowing the containing form to submit. */
+  required?: TerraRadioGroup["required"];
+  /**  */
+  defaultSlot?: TerraRadioGroup["defaultSlot"];
+  /**  */
+  validationInput?: TerraRadioGroup["validationInput"];
+  /**  */
+  defaultValue?: TerraRadioGroup["defaultValue"];
+  /** Gets the validity state object */
+  validity?: TerraRadioGroup["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraRadioGroup["validationMessage"];
+  /** Emitted when the radio group's selected value changes. */
+  "onterra-change"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the radio group receives user input. */
+  "onterra-input"?: (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 TerraSiteNavigationProps = {
+  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
+  "full-width"?: TerraSiteNavigation["fullWidth"];
+};
+
 type TerraSkeletonProps = {
   /**  */
   rows?: TerraSkeleton["rows"];
@@ -1510,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"];
@@ -1568,36 +1607,6 @@ Draws a visual overlay on the map and rejects draws outside this area. */
   map?: TerraSpatialPicker["map"];
 };
 
-type TerraSiteHeaderProps = {
-  /** The default site name displayed in the title slot if no content is provided. */
-  "site-name"?: TerraSiteHeader["siteName"];
-};
-
-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 TerraTabsProps = {
   /** The placement of the tabs. */
   placement?: TerraTabs["placement"];
@@ -1624,24 +1633,28 @@ manual, the tab will receive focus but will not show until the user presses spac
   "onterra-tab-hide"?: (e: CustomEvent<{ name: String }>) => void;
 };
 
-type TerraTagProps = {
-  /** The tag variant. Determines the styling and behavior. */
-  variant?: TerraTag["variant"];
-  /** The size of the tag. */
-  size?: TerraTag["size"];
-  /** The icon name for content tags. Used with the default icon library. */
-  icon?: TerraTag["icon"];
-  /** The icon library to use for content tags. */
-  iconLibrary?: TerraTag["iconLibrary"];
-  /** When true, tags will stack vertically instead of sitting side by side. */
-  stack?: TerraTag["stack"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraTag["dark"];
-  /** The href for topic tags. If provided, the tag will be rendered as a link. */
-  href?: TerraTag["href"];
+type TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
+};
 
-  /** Emitted when a topic tag is clicked (unless href is provided). */
-  "onterra-click"?: (e: CustomEvent<never>) => void;
+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 = {
@@ -1722,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"];
@@ -1750,6 +1765,8 @@ Defaults to false, meaning no caching is performed. */
   /**  */
   legendValues?: TerraTimeAverageMap["legendValues"];
   /**  */
+  innerMap?: TerraTimeAverageMap["innerMap"];
+  /**  */
   _authController?: TerraTimeAverageMap["_authController"];
   /**  */
   colormaps?: TerraTimeAverageMap["colormaps"];
@@ -1763,9 +1780,88 @@ Defaults to false, meaning no caching is performed. */
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
-type TerraSiteNavigationProps = {
-  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
-  "full-width"?: TerraSiteNavigation["fullWidth"];
+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 = {
@@ -1841,47 +1937,6 @@ Defaults to false, meaning no caching is performed. */
   "onterra-time-series-chunk-progress-change"?: (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"];
@@ -1963,53 +2018,6 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   "onterra-combobox-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 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 TerraVariableKeywordSearchProps = {
   /** Label the combobox with this. */
   label?: TerraVariableKeywordSearch["label"];
@@ -2050,6 +2058,28 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
+  /**
+   * Avatars are used to represent a person or object.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
+   * ### **Slots:**
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   */
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
+
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -2079,26 +2109,54 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Avatars are used to represent a person or object.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
    * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *  - _default_ - The badge's content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
    */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
+
+  /**
+   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **nav** - The navigation container.
+   */
+  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
+
+  /**
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * ---
+   *
+   *
+   * ### **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)_
+   *
+   * ### **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>;
 
   /**
    * Banners are used to display important messages on top of the header.
@@ -2126,37 +2184,24 @@ export type CustomElements = {
   "terra-banner": DefineComponent<TerraBannerProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * Browse through the NASA CMR or Giovanni catalogs.
    * ---
    *
-   *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
    */
-  "terra-badge": DefineComponent<TerraBadgeProps>;
+  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * Button groups can be used to group related buttons into sections.
    * ---
    *
    *
    * ### **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_ - One or more `<terra-button>` elements to display in the button group.
    *
    * ### **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-button-group": DefineComponent<TerraButtonGroupProps>;
 
   /**
    * Buttons represent actions that are available to the user.
@@ -2192,59 +2237,63 @@ export type CustomElements = {
   "terra-button": DefineComponent<TerraButtonProps>;
 
   /**
-   * Button groups can be used to group related buttons into sections.
+   * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
+   *  - _default_ - The caption content. Use a `<span class="credit">` element for credits, which will be displayed with higher contrast.
    *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   * ### **CSS Properties:**
+   *  - **--terra-caption-font-family** - The font family for the caption. _(default: undefined)_
+   * - **--terra-caption-font-size** - The font size for the caption. _(default: undefined)_
+   * - **--terra-caption-font-weight** - The font weight for the caption. _(default: undefined)_
+   * - **--terra-caption-line-height** - The line height for the caption. _(default: undefined)_
+   * - **--terra-caption-color** - The text color for the caption. _(default: undefined)_
+   * - **--terra-caption-credit-color** - The text color for credits within the caption. _(default: undefined)_
    */
-  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
+  "terra-caption": DefineComponent<TerraCaptionProps>;
 
   /**
-   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * Checkboxes are a form field used when there are multiple options to select from a list.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-blur** - Emitted when the checkbox loses focus.
+   * - **terra-change** - Emitted when the checked state changes.
+   * - **terra-focus** - Emitted when the checkbox gains focus.
+   * - **terra-input** - Emitted when the checkbox receives input.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **click()** - Simulates a click on the checkbox.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the checkbox.
+   * - **blur()** - Removes focus from the checkbox.
+   * - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   *
    * ### **Slots:**
-   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *  - _default_ - The checkbox's label.
+   * - **help-text** - Text that describes how to use the checkbox. Alternatively, you can use the `help-text` attribute.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
+   *  - **--terra-checkbox-*** - All checkbox design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
-   */
-  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
-
-  /**
-   * Browse through the NASA CMR or Giovanni catalogs.
-   * ---
-   *
-   */
-  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
-
-  /**
-   * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The caption content. Use a `<span class="credit">` element for credits, which will be displayed with higher contrast.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-caption-font-family** - The font family for the caption. _(default: undefined)_
-   * - **--terra-caption-font-size** - The font size for the caption. _(default: undefined)_
-   * - **--terra-caption-font-weight** - The font weight for the caption. _(default: undefined)_
-   * - **--terra-caption-line-height** - The line height for the caption. _(default: undefined)_
-   * - **--terra-caption-color** - The text color for the caption. _(default: undefined)_
-   * - **--terra-caption-credit-color** - The text color for credits within the caption. _(default: undefined)_
+   * - **control** - The square container that wraps the checkbox's checked state.
+   * - **control--checked** - Matches the control part when the checkbox is checked.
+   * - **control--indeterminate** - Matches the control part when the checkbox is indeterminate.
+   * - **checked-icon** - The checked icon, an `<terra-icon>` element.
+   * - **indeterminate-icon** - The indeterminate icon, an `<terra-icon>` element.
+   * - **label** - The container that wraps the checkbox's label.
+   * - **form-control-help-text** - The help text's wrapper.
    */
-  "terra-caption": DefineComponent<TerraCaptionProps>;
+  "terra-checkbox": DefineComponent<TerraCheckboxProps>;
 
   /**
    * Cards can be used to group related subjects in a container.
@@ -2289,47 +2338,6 @@ export type CustomElements = {
    */
   "terra-chip": DefineComponent<TerraChipProps>;
 
-  /**
-   * Checkboxes are a form field used when there are multiple options to select from a list.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-blur** - Emitted when the checkbox loses focus.
-   * - **terra-change** - Emitted when the checked state changes.
-   * - **terra-focus** - Emitted when the checkbox gains focus.
-   * - **terra-input** - Emitted when the checkbox receives input.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **click()** - Simulates a click on the checkbox.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the checkbox.
-   * - **blur()** - Removes focus from the checkbox.
-   * - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   *
-   * ### **Slots:**
-   *  - _default_ - The checkbox's label.
-   * - **help-text** - Text that describes how to use the checkbox. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-checkbox-*** - All checkbox design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **control** - The square container that wraps the checkbox's checked state.
-   * - **control--checked** - Matches the control part when the checkbox is checked.
-   * - **control--indeterminate** - Matches the control part when the checkbox is indeterminate.
-   * - **checked-icon** - The checked icon, an `<terra-icon>` element.
-   * - **indeterminate-icon** - The indeterminate icon, an `<terra-icon>` element.
-   * - **label** - The container that wraps the checkbox's label.
-   * - **form-control-help-text** - The help text's wrapper.
-   */
-  "terra-checkbox": DefineComponent<TerraCheckboxProps>;
-
   /**
    * Fuzzy-search for combobox with list autocomplete.
    * ---
@@ -2355,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.
    * ---
@@ -2391,23 +2416,6 @@ export type CustomElements = {
    */
   "terra-data-grid": DefineComponent<TerraDataGridProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-data-rods": DefineComponent<TerraDataRodsProps>;
-
-  /**
-   * 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>;
-
   /**
    * 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.
    * ---
@@ -2433,13 +2441,6 @@ export type CustomElements = {
    */
   "terra-date-picker": DefineComponent<TerraDatePickerProps>;
 
-  /**
-   * Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.
-   * ---
-   *
-   */
-  "terra-data-subsetter-history": DefineComponent<TerraDataSubsetterHistoryProps>;
-
   /**
    * Short summary of the component's intended use.
    * ---
@@ -2457,6 +2458,13 @@ export type CustomElements = {
    */
   "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.
+   * ---
+   *
+   */
+  "terra-data-subsetter-history": DefineComponent<TerraDataSubsetterHistoryProps>;
+
   /**
    * Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
    * ---
@@ -2500,6 +2508,18 @@ export type CustomElements = {
    */
   "terra-dialog": DefineComponent<TerraDialogProps>;
 
+  /**
+   * Dividers are used to visually separate or group elements.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-divider-color** - The color of the divider. _(default: undefined)_
+   * - **--terra-divider-width** - The width of the divider. _(default: undefined)_
+   * - **--terra-divider-spacing** - The spacing of the divider. _(default: undefined)_
+   */
+  "terra-divider": DefineComponent<TerraDividerProps>;
+
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2539,18 +2559,6 @@ export type CustomElements = {
    */
   "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
 
-  /**
-   * Dividers are used to visually separate or group elements.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-divider-color** - The color of the divider. _(default: undefined)_
-   * - **--terra-divider-width** - The width of the divider. _(default: undefined)_
-   * - **--terra-divider-spacing** - The spacing of the divider. _(default: undefined)_
-   */
-  "terra-divider": DefineComponent<TerraDividerProps>;
-
   /**
    * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
    * ---
@@ -2584,14 +2592,28 @@ export type CustomElements = {
   "terra-file-upload": DefineComponent<TerraFileUploadProps>;
 
   /**
-   * Displays a horizontal scrolling strip of a user's recent Harmony job requests,
-   * fetching additional pages on demand as the user scrolls.
+   * Icons are symbols that can be used to represent various options within an application.
    * ---
    *
    *
    * ### **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).
+   *  - **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.
@@ -2658,20 +2680,6 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
-  /**
-   * Icons are symbols that can be used to represent various options within an application.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
-   *
-   * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
-   */
-  "terra-icon": DefineComponent<TerraIconProps>;
-
   /**
    * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
    * ---
@@ -2725,35 +2733,23 @@ export type CustomElements = {
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
   /**
-   * Pagination is a navigational element that allows users to navigate between content or pages.
+   * A map component for visualizing and selecting coordinates.
    * ---
    *
    *
-   * ### **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.
+   * ### **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-pagination": DefineComponent<TerraPaginationProps>;
+  "terra-map": DefineComponent<TerraMapProps>;
 
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
@@ -2786,21 +2782,32 @@ export type CustomElements = {
   "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
+   * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
    * ---
    *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
-  /**
-   * A web component for interactive graphs using Plotly.js.
-   * ---
    *
+   * ### **Events:**
+   *  - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.
+   *
+   * ### **Methods:**
+   *  - **reposition()** - Forces the popup to recalculate and reposition itself.
+   *
+   * ### **Slots:**
+   *  - _default_ - The popup's content.
+   * - **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.
+   *
+   * ### **CSS Properties:**
+   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
+   * - **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_
+   * - **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
+   * - **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   *  - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.
+   * - **popup** - The popup's container. Useful for setting a background color, box shadow, etc.
+   * - **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.
    */
-  "terra-plot": DefineComponent<TerraPlotProps>;
+  "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
    * Short summary of the component's intended use.
@@ -2820,53 +2827,45 @@ export type CustomElements = {
   "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
-   * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
+   * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.
-   *
-   * ### **Methods:**
-   *  - **reposition()** - Forces the popup to recalculate and reposition itself.
+   *  - **terra-page-change** - Emitted when the page changes.
    *
    * ### **Slots:**
-   *  - _default_ - The popup's content.
-   * - **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.
+   *  - _default_ - Content to display on the right side (e.g., rows per page dropdown). Only visible when variant is "left".
    *
    * ### **CSS Properties:**
-   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
-   * - **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_
-   * - **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
-   * - **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
+   *  - **--terra-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:**
-   *  - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.
-   * - **popup** - The popup's container. Useful for setting a background color, box shadow, etc.
-   * - **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.
+   *  - **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-popup": DefineComponent<TerraPopupProps>;
+  "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
-   * Progress bars are used to show the status of an ongoing operation.
+   * A web component for interactive graphs using Plotly.js.
    * ---
    *
    *
-   * ### **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>;
+  "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
@@ -2906,37 +2905,25 @@ export type CustomElements = {
   "terra-radio": DefineComponent<TerraRadioProps>;
 
   /**
-   * Radio groups are used to group multiple radio buttons so they function as a single form control.
+   * Progress bars are used to show the status of an ongoing operation.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when the radio group's selected value changes.
-   * - **terra-input** - Emitted when the radio group receives user input.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
-   *
    * ### **Slots:**
-   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
-   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
-   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
+   *  - _default_ - A label to show inside the progress indicator.
    *
    * ### **CSS Properties:**
-   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **form-control** - The form control that wraps the label, input, and help text.
-   * - **form-control-label** - The label's wrapper.
-   * - **form-control-input** - The input's wrapper.
-   * - **form-control-help-text** - The help text's wrapper.
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
    */
-  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
 
   /**
    * Scroll hint is an animated button that prompts visitors to scroll.
@@ -3022,44 +3009,83 @@ export type CustomElements = {
   "terra-select": DefineComponent<TerraSelectProps>;
 
   /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * Site headers provide a consistent navigation structure at the top of pages.
    * ---
    *
-   */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
-
-  /**
    *
-   * ---
+   * ### **Slots:**
+   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
+   * - **center** - Content displayed in the center of the header (e.g., navigation).
+   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
    *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **logo** - The NASA logo container.
+   * - **title** - The site title container.
+   * - **center** - The center content container.
+   * - **right** - The right content container.
    */
-  "terra-slider": DefineComponent<TerraSliderProps>;
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
-   * A component that allows input of coordinates and rendering of map.
+   * Radio groups are used to group multiple radio buttons so they function as a single form control.
    * ---
    *
+   *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when the radio group's selected value changes.
+   * - **terra-input** - Emitted when the radio group receives user input.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
+   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
+   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **form-control** - The form control that wraps the label, input, and help text.
+   * - **form-control-label** - The label's wrapper.
+   * - **form-control-input** - The input's wrapper.
+   * - **form-control-help-text** - The help text's wrapper.
    */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
 
   /**
-   * Site headers provide a consistent navigation structure at the top of pages.
+   * Site navigation provides a flexible navigation structure with dropdown menus.
    * ---
    *
    *
    * ### **Slots:**
-   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
-   * - **center** - Content displayed in the center of the header (e.g., navigation).
-   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
+   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **logo** - The NASA logo container.
-   * - **title** - The site title container.
-   * - **center** - The center content container.
-   * - **right** - The right content container.
    */
-  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
+
+  /**
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * ---
+   *
+   */
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-slider": DefineComponent<TerraSliderProps>;
 
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
@@ -3114,6 +3140,13 @@ export type CustomElements = {
    */
   "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
+  /**
+   * 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.
    * ---
@@ -3148,48 +3181,40 @@ export type CustomElements = {
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
   /**
-   * Tags are simple labels that help categorize items.
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The tab panel's content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - The tab panel's padding. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+
+  /**
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
    *
    * ### **Slots:**
-   *  - _default_ - The tag label text.
-   * - **icon** - Optional icon slot for content tags (overrides icon prop).
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
-   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
-   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
-   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
-   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
-   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
-   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
-   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
-   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
-   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
-   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The icon element (content tags only).
-   * - **label** - The text label.
+   * - **close-button** - The close button icon.
    */
-  "terra-tag": DefineComponent<TerraTagProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
    * A textarea component with consistent styling across the design system.
@@ -3233,31 +3258,85 @@ export type CustomElements = {
   "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
   /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * Tags are simple labels that help categorize items.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
+   *
    * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *  - _default_ - The tag label text.
+   * - **icon** - Optional icon slot for content tags (overrides icon prop).
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
+   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
+   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
+   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
+   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
+   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
+   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
+   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
+   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
+   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
+   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **icon** - The icon element (content tags only).
+   * - **label** - The text label.
    */
-  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
+  "terra-tag": DefineComponent<TerraTagProps>;
 
   /**
-   * A component for visualizing time series data using the GES DISC Giovanni API.
+   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
    *
    *
    * ### **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-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-time-series": DefineComponent<TerraTimeSeriesProps>;
+  "terra-toast": DefineComponent<TerraToastProps>;
 
   /**
    * Switches allow the user to toggle an option on or off.
@@ -3298,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.
    * ---
@@ -3356,79 +3449,6 @@ export type CustomElements = {
    */
   "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
 
-  /**
-   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the toast opens.
-   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
-   * - **terra-hide** - Emitted when the toast closes.
-   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   * - **show()** - Shows the toast.
-   * - **hide()** - Hides the toast.
-   * - **notify(message: _string_, variant: _| 'primary'
-   *             | '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>;
-
-  /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The tab panel's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
-
-  /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
-   *
-   * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
-   */
-  "terra-tab": DefineComponent<TerraTabProps>;
-
   /**
    * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---