@nasa-terra/components 0.0.195 → 0.0.197

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

@@ -1,71 +1,83 @@
 import type { DefineComponent } from "vue";
 
-import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraBadge } from "../../components/badge/badge.component.js";
+import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBanner } from "../../components/banner/banner.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
+import type { TerraBadge } from "../../components/badge/badge.component.js";
+import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { 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 { TerraButtonGroup } from "../../components/button-group/button-group.component.js";
 import type { TerraCaption } from "../../components/caption/caption.component.js";
-import type { TerraCard } from "../../components/card/card.component.js";
-import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraCheckbox } from "../../components/checkbox/checkbox.component.js";
+import type { TerraCard } from "../../components/card/card.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
+import type { TerraDataAccess } from "../../components/data-access/data-access.component.js";
 import type { TerraDataGrid } from "../../components/data-grid/data-grid.component.js";
 import type { TerraChip } from "../../components/chip/chip.component.js";
-import type { TerraDataRods } from "../../components/data-rods/data-rods.component.js";
-import type { TerraDataSubsetterHistory } from "../../components/data-subsetter-history/data-subsetter-history.component.js";
-import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 import type { TerraDataSubsetter } from "../../components/data-subsetter/data-subsetter.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 { TerraDataAccess } from "../../components/data-access/data-access.component.js";
+import type { TerraDataRods } from "../../components/data-rods/data-rods.component.js";
 import type { TerraDivider } from "../../components/divider/divider.component.js";
+import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
+import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
 import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
 import type { TerraInput } from "../../components/input/input.component.js";
-import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraHarmonyHistory } from "../../components/harmony-history/harmony-history.component.js";
+import type { TerraLoader } from "../../components/loader/loader.component.js";
 import type { TerraLogin } from "../../components/login/login.component.js";
-import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
-import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraMap } from "../../components/map/map.component.js";
+import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
+import type { TerraIcon } from "../../components/icon/icon.component.js";
+import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
-import type { TerraOption } from "../../components/option/option.component.js";
-import type { TerraRadio } from "../../components/radio/radio.component.js";
+import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
-import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
-import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
+import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
+import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
-import type { TerraStepper } from "../../components/stepper/stepper.component.js";
 import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
+import type { TerraStepper } from "../../components/stepper/stepper.component.js";
+import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
 import type { TerraTab } from "../../components/tab/tab.component.js";
-import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
+import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
-import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
-import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.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 { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.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 { TerraToast } from "../../components/toast/toast.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
+import type { TerraToggle } from "../../components/toggle/toggle.component.js";
+import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
+type TerraAccordionProps = {
+  /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
+  summary?: TerraAccordion["summary"];
+  /** Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction. */
+  open?: TerraAccordion["open"];
+  /**  */
+  showArrow?: TerraAccordion["showArrow"];
+
+  /** emitted when the accordion opens or closes */
+  "onterra-accordion-toggle"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraAvatarProps = {
   /** The image source to use for the avatar. */
   image?: TerraAvatar["image"];
@@ -82,6 +94,52 @@ type TerraAvatarProps = {
   "onterra-error"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraBannerProps = {
+  /** Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can
+use the `show()` and `hide()` methods and this attribute will reflect the banner's open state. */
+  open?: TerraBanner["open"];
+  /** Enables a close button that allows the user to dismiss the banner. */
+  closable?: TerraBanner["closable"];
+  /** The banner's theme variant. */
+  variant?: TerraBanner["variant"];
+  /**  */
+  sticky?: TerraBanner["sticky"];
+  /**  */
+  base?: TerraBanner["base"];
+  /** Emitted when the banner opens. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the banner opens and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the banner closes. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the banner closes and all animations are complete. */
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraBreadcrumbProps = {
+  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
+  href?: TerraBreadcrumb["href"];
+  /** Indicates that this breadcrumb represents the current page.
+When set, `aria-current="page"` will be applied to the underlying element. */
+  current?: TerraBreadcrumb["current"];
+};
+
+type TerraBreadcrumbsProps = {
+  /** Accessible label for the breadcrumb navigation. */
+  "aria-label"?: TerraBreadcrumbs["ariaLabel"];
+  /** Color theme of the breadcrumbs, matching the Horizon Design System. */
+  theme?: TerraBreadcrumbs["theme"];
+};
+
+type TerraBadgeProps = {
+  /** The badge's theme variant. */
+  variant?: TerraBadge["variant"];
+  /** Draws a pill-style badge with rounded edges. */
+  pill?: TerraBadge["pill"];
+  /** Makes the badge pulsate to draw attention. */
+  pulse?: TerraBadge["pulse"];
+};
+
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -115,57 +173,6 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraAccordionProps = {
-  /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
-  summary?: TerraAccordion["summary"];
-  /** Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction. */
-  open?: TerraAccordion["open"];
-  /**  */
-  showArrow?: TerraAccordion["showArrow"];
-
-  /** emitted when the accordion opens or closes */
-  "onterra-accordion-toggle"?: (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 TerraBannerProps = {
-  /** Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can
-use the `show()` and `hide()` methods and this attribute will reflect the banner's open state. */
-  open?: TerraBanner["open"];
-  /** Enables a close button that allows the user to dismiss the banner. */
-  closable?: TerraBanner["closable"];
-  /** The banner's theme variant. */
-  variant?: TerraBanner["variant"];
-  /**  */
-  sticky?: TerraBanner["sticky"];
-  /**  */
-  base?: TerraBanner["base"];
-  /** Emitted when the banner opens. */
-  "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the banner opens and all animations are complete. */
-  "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the banner closes. */
-  "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the banner closes and all animations are complete. */
-  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraBreadcrumbProps = {
-  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
-  href?: TerraBreadcrumb["href"];
-  /** Indicates that this breadcrumb represents the current page.
-When set, `aria-current="page"` will be applied to the underlying element. */
-  current?: TerraBreadcrumb["current"];
-};
-
 type TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -182,16 +189,6 @@ TODO: add support for CMR catalog and make it the default */
   showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
 };
 
-type TerraButtonGroupProps = {
-  /** A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
-devices when interacting with the control and is strongly recommended. */
-  label?: TerraButtonGroup["label"];
-  /**  */
-  defaultSlot?: TerraButtonGroup["defaultSlot"];
-  /**  */
-  disableRole?: TerraButtonGroup["disableRole"];
-};
-
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -265,17 +262,18 @@ 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 TerraCaptionProps = {};
-
-type TerraCardProps = {};
-
-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 TerraButtonGroupProps = {
+  /** A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
+devices when interacting with the control and is strongly recommended. */
+  label?: TerraButtonGroup["label"];
+  /**  */
+  defaultSlot?: TerraButtonGroup["defaultSlot"];
+  /**  */
+  disableRole?: TerraButtonGroup["disableRole"];
 };
 
+type TerraCaptionProps = {};
+
 type TerraCheckboxProps = {
   /**  */
   title?: TerraCheckbox["title"];
@@ -320,6 +318,8 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraCardProps = {};
+
 type TerraComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraCombobox["label"];
@@ -346,6 +346,47 @@ When hidden, still presents to screen readers. */
   searchResults?: TerraCombobox["searchResults"];
 };
 
+type TerraDataAccessProps = {
+  /** Collection short name used to build the Collection Entry ID. */
+  "short-name"?: TerraDataAccess["shortName"];
+  /** Collection version used to build the Collection Entry ID. */
+  version?: TerraDataAccess["version"];
+  /**  */
+  "collection-entry-id"?: TerraDataAccess["collectionEntryId"];
+  /** When true, the footer will be rendered with slot="footer" for use in a dialog. */
+  "footer-slot"?: TerraDataAccess["footerSlot"];
+  /**  */
+  service?: TerraDataAccess["service"];
+  /**  */
+  searchParams?: TerraDataAccess["searchParams"];
+  /**  */
+  loading?: TerraDataAccess["loading"];
+  /**  */
+  totalGranules?: TerraDataAccess["totalGranules"];
+  /**  */
+  estimatedSize?: TerraDataAccess["estimatedSize"];
+  /**  */
+  cloudCoverRange?: TerraDataAccess["cloudCoverRange"];
+  /**  */
+  cloudCoverPickerOpen?: TerraDataAccess["cloudCoverPickerOpen"];
+  /**  */
+  datePickerRef?: TerraDataAccess["datePickerRef"];
+  /**  */
+  spatialPickerRef?: TerraDataAccess["spatialPickerRef"];
+  /**  */
+  cloudCoverSliderRef?: TerraDataAccess["cloudCoverSliderRef"];
+  /**  */
+  gridRef?: TerraDataAccess["gridRef"];
+  /**  */
+  isSubDaily?: TerraDataAccess["isSubDaily"];
+  /**  */
+  granuleMinDate?: TerraDataAccess["granuleMinDate"];
+  /**  */
+  granuleMaxDate?: TerraDataAccess["granuleMaxDate"];
+  /**  */
+  spatialConstraints?: TerraDataAccess["spatialConstraints"];
+};
+
 type TerraDataGridProps = {
   /** AG Grid options configuration object.
 This is the primary way to configure the grid.
@@ -405,31 +446,91 @@ type TerraChipProps = {
   "onterra-remove"?: (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"];
+type TerraDataSubsetterProps = {
   /**  */
-  catalogVariable?: TerraDataRods["catalogVariable"];
+  "collection-entry-id"?: TerraDataSubsetter["collectionEntryId"];
   /**  */
-  _fetchVariableTask?: TerraDataRods["_fetchVariableTask"];
+  "short-name"?: TerraDataSubsetter["shortName"];
   /**  */
-  variableBoundingBox?: TerraDataRods["variableBoundingBox"];
+  version?: TerraDataSubsetter["version"];
+  /**  */
+  "show-collection-search"?: TerraDataSubsetter["showCollectionSearch"];
+  /**  */
+  "show-history-panel"?: TerraDataSubsetter["showHistoryPanel"];
+  /**  */
+  "job-id"?: TerraDataSubsetter["jobId"];
+  /**  */
+  "bearer-token"?: TerraDataSubsetter["bearerToken"];
+  /** Comma-separated list of feature flags to enable.
+Features can also be enabled via the `?terra-features=flag1,flag2` URL parameter.
+
+Supported flags:
+- `dimension-subset` — shows the dimension subsetting accordion */
+  features?: TerraDataSubsetter["features"];
+  /** Optional dialog ID. When set, the subsetter will render inside a dialog with this ID. */
+  dialog?: TerraDataSubsetter["dialog"];
+  /**  */
+  "is-history-view"?: TerraDataSubsetter["isHistoryView"];
+  /**  */
+  collectionWithServices?: TerraDataSubsetter["collectionWithServices"];
+  /**  */
+  selectedVariables?: TerraDataSubsetter["selectedVariables"];
+  /**  */
+  selectedDimensionIndexes?: TerraDataSubsetter["selectedDimensionIndexes"];
+  /**  */
+  expandedVariableGroups?: TerraDataSubsetter["expandedVariableGroups"];
+  /**  */
+  variableFilterText?: TerraDataSubsetter["variableFilterText"];
+  /**  */
+  touchedFields?: TerraDataSubsetter["touchedFields"];
+  /**  */
+  spatialSelection?: TerraDataSubsetter["spatialSelection"];
+  /**  */
+  shapeGeoJson?: TerraDataSubsetter["shapeGeoJson"];
+  /**  */
+  spatialLabel?: TerraDataSubsetter["spatialLabel"];
+  /**  */
+  selectedDateRange?: TerraDataSubsetter["selectedDateRange"];
+  /**  */
+  selectedFormat?: TerraDataSubsetter["selectedFormat"];
+  /**  */
+  cancelingGetData?: TerraDataSubsetter["cancelingGetData"];
+  /**  */
+  selectedTab?: TerraDataSubsetter["selectedTab"];
+  /**  */
+  refineParameters?: TerraDataSubsetter["refineParameters"];
+  /**  */
+  collectionSearchType?: TerraDataSubsetter["collectionSearchType"];
+  /**  */
+  collectionSearchQuery?: TerraDataSubsetter["collectionSearchQuery"];
+  /**  */
+  collectionSearchLoading?: TerraDataSubsetter["collectionSearchLoading"];
+  /**  */
+  collectionSearchResults?: TerraDataSubsetter["collectionSearchResults"];
+  /**  */
+  collectionLoading?: TerraDataSubsetter["collectionLoading"];
+  /**  */
+  collectionAccordionOpen?: TerraDataSubsetter["collectionAccordionOpen"];
+  /**  */
+  dataAccessMode?: TerraDataSubsetter["dataAccessMode"];
+  /**  */
+  validationError?: TerraDataSubsetter["validationError"];
+  /**  */
+  harmonyRequestError?: TerraDataSubsetter["harmonyRequestError"];
+  /**  */
+  granuleMinDate?: TerraDataSubsetter["granuleMinDate"];
+  /**  */
+  granuleMaxDate?: TerraDataSubsetter["granuleMaxDate"];
+  /**  */
+  giovanniConfiguredVariables?: TerraDataSubsetter["giovanniConfiguredVariables"];
+  /**  */
+  spatialPicker?: TerraDataSubsetter["spatialPicker"];
+  /**  */
+  dialogElement?: TerraDataSubsetter["dialogElement"];
+  /** True if the collection contains sub-daily granules. Used by DataSubsetterController to format dates. */
+  isSubDaily?: TerraDataSubsetter["isSubDaily"];
+  /** called when a subset job enters a final state (e.g. successful, failed, completed_with_errors) */
+  "onterra-subset-job-complete"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraDataSubsetterHistoryProps = {
@@ -458,6 +559,70 @@ this prop allows you to override that behavior and always show the history panel
   _authController?: TerraDataSubsetterHistory["_authController"];
 };
 
+type TerraDialogProps = {
+  /** Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
+use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state. */
+  open?: TerraDialog["open"];
+  /** The dialog's label as displayed in the header. You should always include a relevant label even when using
+`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead. */
+  label?: TerraDialog["label"];
+  /** Disables the header. This will also remove the default close button, so please ensure you provide an easy,
+accessible way for users to dismiss the dialog. */
+  "no-header"?: TerraDialog["noHeader"];
+  /** Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Terra modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Terra's focus trapping. */
+  modal?: TerraDialog["modal"];
+  /**  */
+  dialog?: TerraDialog["dialog"];
+  /**  */
+  panel?: TerraDialog["panel"];
+  /**  */
+  overlay?: TerraDialog["overlay"];
+  /** Emitted when the dialog opens. */
+  "onterra-dialog-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dialog opens and all animations are complete. */
+  "onterra-dialog-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dialog closes. */
+  "onterra-dialog-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dialog closes and all animations are complete. */
+  "onterra-dialog-after-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input. */
+  "onterra-dialog-initial-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss. */
+  "onterra-dialog-request-close"?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
+};
+
+type TerraDataRodsProps = {
+  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
+  "variable-entry-id"?: TerraDataRods["variableEntryId"];
+  /** a collection entry id (ex: GPM_3IMERGHH_06)
+only required if you don't include a variableEntryId */
+  collection?: TerraDataRods["collection"];
+  /** a variable short name to plot (ex: precipitationCal)
+only required if you don't include a variableEntryId */
+  variable?: TerraDataRods["variable"];
+  /** The start date for the time series plot. (ex: 2021-01-01) */
+  "start-date"?: TerraDataRods["startDate"];
+  /** The end date for the time series plot. (ex: 2021-01-01) */
+  "end-date"?: TerraDataRods["endDate"];
+  /** The point location in "lat,lon" format. */
+  location?: TerraDataRods["location"];
+  /** The token to be used for authentication with remote servers.
+The component provides the header "Authorization: Bearer" (the request header and authentication scheme).
+The property's value will be inserted after "Bearer" (the authentication scheme). */
+  "bearer-token"?: TerraDataRods["bearerToken"];
+  /**  */
+  catalogVariable?: TerraDataRods["catalogVariable"];
+  /**  */
+  _fetchVariableTask?: TerraDataRods["_fetchVariableTask"];
+  /**  */
+  variableBoundingBox?: TerraDataRods["variableBoundingBox"];
+};
+
+type TerraDividerProps = {
+  /** Draws the divider in a vertical orientation. */
+  vertical?: TerraDivider["vertical"];
+};
+
 type TerraDatePickerProps = {
   /**  */
   id?: TerraDatePicker["id"];
@@ -559,258 +724,93 @@ type TerraDatePickerProps = {
   "onterra-date-range-change"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDataSubsetterProps = {
-  /**  */
-  "collection-entry-id"?: TerraDataSubsetter["collectionEntryId"];
-  /**  */
-  "short-name"?: TerraDataSubsetter["shortName"];
-  /**  */
-  version?: TerraDataSubsetter["version"];
-  /**  */
-  "show-collection-search"?: TerraDataSubsetter["showCollectionSearch"];
+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. */
+  open?: TerraDropdown["open"];
+  /** The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
+inside of the viewport. */
+  placement?: TerraDropdown["placement"];
+  /** Disables the dropdown so the panel will not open. */
+  disabled?: TerraDropdown["disabled"];
+  /** By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
+dropdowns that allow for multiple interactions. */
+  "stay-open-on-select"?: TerraDropdown["stayOpenOnSelect"];
+  /** The distance in pixels from which to offset the panel away from its trigger. */
+  distance?: TerraDropdown["distance"];
+  /** The distance in pixels from which to offset the panel along its trigger. */
+  skidding?: TerraDropdown["skidding"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: TerraDropdown["hoist"];
+  /** When true, the dropdown opens on mouse hover instead of click. */
+  hover?: TerraDropdown["hover"];
+  /** Syncs the popup width or height to that of the trigger element. */
+  sync?: TerraDropdown["sync"];
   /**  */
-  "show-history-panel"?: TerraDataSubsetter["showHistoryPanel"];
+  popup?: TerraDropdown["popup"];
   /**  */
-  "job-id"?: TerraDataSubsetter["jobId"];
+  trigger?: TerraDropdown["trigger"];
   /**  */
-  "bearer-token"?: TerraDataSubsetter["bearerToken"];
-  /** Comma-separated list of feature flags to enable.
-Features can also be enabled via the `?terra-features=flag1,flag2` URL parameter.
+  panel?: TerraDropdown["panel"];
+  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
+components that use a dropdown internally. */
+  containingElement?: TerraDropdown["containingElement"];
+  /** Emitted when the dropdown opens. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dropdown opens and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dropdown closes. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dropdown closes and all animations are complete. */
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
 
-Supported flags:
-- `dimension-subset` — shows the dimension subsetting accordion */
-  features?: TerraDataSubsetter["features"];
-  /** Optional dialog ID. When set, the subsetter will render inside a dialog with this ID. */
-  dialog?: TerraDataSubsetter["dialog"];
-  /**  */
-  "is-history-view"?: TerraDataSubsetter["isHistoryView"];
-  /**  */
-  collectionWithServices?: TerraDataSubsetter["collectionWithServices"];
+type TerraDateRangeSliderProps = {
   /**  */
-  selectedVariables?: TerraDataSubsetter["selectedVariables"];
+  "time-scale"?: TerraDateRangeSlider["timeScale"];
   /**  */
-  selectedDimensionIndexes?: TerraDataSubsetter["selectedDimensionIndexes"];
+  "min-date"?: TerraDateRangeSlider["minDate"];
   /**  */
-  expandedVariableGroups?: TerraDataSubsetter["expandedVariableGroups"];
+  "max-date"?: TerraDateRangeSlider["maxDate"];
+  /** The start date for the time series plot. */
+  "start-date"?: TerraDateRangeSlider["startDate"];
   /**  */
-  variableFilterText?: TerraDataSubsetter["variableFilterText"];
+  "end-date"?: TerraDateRangeSlider["endDate"];
   /**  */
-  touchedFields?: TerraDataSubsetter["touchedFields"];
+  disabled?: TerraDateRangeSlider["disabled"];
   /**  */
-  spatialSelection?: TerraDataSubsetter["spatialSelection"];
+  "has-pips"?: TerraDateRangeSlider["hasPips"];
   /**  */
-  shapeGeoJson?: TerraDataSubsetter["shapeGeoJson"];
+  slider?: TerraDateRangeSlider["slider"];
+};
+
+type TerraEarthdataLoginProps = {
+  /** The message to show when the user is logged in
+You can use the following placeholders:
+{username} - The username of the user
+{first_name} - The first name of the user
+{last_name} - The last name of the user */
+  "logged-in-message"?: TerraEarthdataLogin["loggedInMessage"];
   /**  */
-  spatialLabel?: TerraDataSubsetter["spatialLabel"];
+  "logged-out-message"?: TerraEarthdataLogin["loggedOutMessage"];
   /**  */
-  selectedDateRange?: TerraDataSubsetter["selectedDateRange"];
+  "loading-message"?: TerraEarthdataLogin["loadingMessage"];
   /**  */
-  selectedFormat?: TerraDataSubsetter["selectedFormat"];
+  username?: TerraEarthdataLogin["username"];
   /**  */
-  cancelingGetData?: TerraDataSubsetter["cancelingGetData"];
+  password?: TerraEarthdataLogin["password"];
   /**  */
-  selectedTab?: TerraDataSubsetter["selectedTab"];
+  "hide-password-toggle"?: TerraEarthdataLogin["hidePasswordToggle"];
+  /** if true and the user has passed in a username and password, we will automatically log them in
+this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered */
+  "auto-login"?: TerraEarthdataLogin["autoLogin"];
   /**  */
-  refineParameters?: TerraDataSubsetter["refineParameters"];
+  usernameError?: TerraEarthdataLogin["usernameError"];
   /**  */
-  collectionSearchType?: TerraDataSubsetter["collectionSearchType"];
+  passwordError?: TerraEarthdataLogin["passwordError"];
   /**  */
-  collectionSearchQuery?: TerraDataSubsetter["collectionSearchQuery"];
-  /**  */
-  collectionSearchLoading?: TerraDataSubsetter["collectionSearchLoading"];
-  /**  */
-  collectionSearchResults?: TerraDataSubsetter["collectionSearchResults"];
-  /**  */
-  collectionLoading?: TerraDataSubsetter["collectionLoading"];
-  /**  */
-  collectionAccordionOpen?: TerraDataSubsetter["collectionAccordionOpen"];
-  /**  */
-  dataAccessMode?: TerraDataSubsetter["dataAccessMode"];
-  /**  */
-  validationError?: TerraDataSubsetter["validationError"];
-  /**  */
-  harmonyRequestError?: TerraDataSubsetter["harmonyRequestError"];
-  /**  */
-  granuleMinDate?: TerraDataSubsetter["granuleMinDate"];
-  /**  */
-  granuleMaxDate?: TerraDataSubsetter["granuleMaxDate"];
-  /**  */
-  giovanniConfiguredVariables?: TerraDataSubsetter["giovanniConfiguredVariables"];
-  /**  */
-  spatialPicker?: TerraDataSubsetter["spatialPicker"];
-  /**  */
-  dialogElement?: TerraDataSubsetter["dialogElement"];
-  /** True if the collection contains sub-daily granules. Used by DataSubsetterController to format dates. */
-  isSubDaily?: TerraDataSubsetter["isSubDaily"];
-  /** called when a subset job enters a final state (e.g. successful, failed, completed_with_errors) */
-  "onterra-subset-job-complete"?: (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 TerraDialogProps = {
-  /** Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
-use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state. */
-  open?: TerraDialog["open"];
-  /** The dialog's label as displayed in the header. You should always include a relevant label even when using
-`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead. */
-  label?: TerraDialog["label"];
-  /** Disables the header. This will also remove the default close button, so please ensure you provide an easy,
-accessible way for users to dismiss the dialog. */
-  "no-header"?: TerraDialog["noHeader"];
-  /** Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Terra modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Terra's focus trapping. */
-  modal?: TerraDialog["modal"];
-  /**  */
-  dialog?: TerraDialog["dialog"];
-  /**  */
-  panel?: TerraDialog["panel"];
-  /**  */
-  overlay?: TerraDialog["overlay"];
-  /** Emitted when the dialog opens. */
-  "onterra-dialog-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dialog opens and all animations are complete. */
-  "onterra-dialog-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dialog closes. */
-  "onterra-dialog-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dialog closes and all animations are complete. */
-  "onterra-dialog-after-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input. */
-  "onterra-dialog-initial-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss. */
-  "onterra-dialog-request-close"?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
-};
-
-type TerraDataAccessProps = {
-  /** Collection short name used to build the Collection Entry ID. */
-  "short-name"?: TerraDataAccess["shortName"];
-  /** Collection version used to build the Collection Entry ID. */
-  version?: TerraDataAccess["version"];
-  /**  */
-  "collection-entry-id"?: TerraDataAccess["collectionEntryId"];
-  /** When true, the footer will be rendered with slot="footer" for use in a dialog. */
-  "footer-slot"?: TerraDataAccess["footerSlot"];
-  /**  */
-  service?: TerraDataAccess["service"];
-  /**  */
-  searchParams?: TerraDataAccess["searchParams"];
-  /**  */
-  loading?: TerraDataAccess["loading"];
-  /**  */
-  totalGranules?: TerraDataAccess["totalGranules"];
-  /**  */
-  estimatedSize?: TerraDataAccess["estimatedSize"];
-  /**  */
-  cloudCoverRange?: TerraDataAccess["cloudCoverRange"];
-  /**  */
-  cloudCoverPickerOpen?: TerraDataAccess["cloudCoverPickerOpen"];
-  /**  */
-  datePickerRef?: TerraDataAccess["datePickerRef"];
-  /**  */
-  spatialPickerRef?: TerraDataAccess["spatialPickerRef"];
-  /**  */
-  cloudCoverSliderRef?: TerraDataAccess["cloudCoverSliderRef"];
-  /**  */
-  gridRef?: TerraDataAccess["gridRef"];
-  /**  */
-  isSubDaily?: TerraDataAccess["isSubDaily"];
-  /**  */
-  granuleMinDate?: TerraDataAccess["granuleMinDate"];
-  /**  */
-  granuleMaxDate?: TerraDataAccess["granuleMaxDate"];
-  /**  */
-  spatialConstraints?: TerraDataAccess["spatialConstraints"];
-};
-
-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. */
-  open?: TerraDropdown["open"];
-  /** The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-inside of the viewport. */
-  placement?: TerraDropdown["placement"];
-  /** Disables the dropdown so the panel will not open. */
-  disabled?: TerraDropdown["disabled"];
-  /** By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
-dropdowns that allow for multiple interactions. */
-  "stay-open-on-select"?: TerraDropdown["stayOpenOnSelect"];
-  /** The distance in pixels from which to offset the panel away from its trigger. */
-  distance?: TerraDropdown["distance"];
-  /** The distance in pixels from which to offset the panel along its trigger. */
-  skidding?: TerraDropdown["skidding"];
-  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
-`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
-  hoist?: TerraDropdown["hoist"];
-  /** When true, the dropdown opens on mouse hover instead of click. */
-  hover?: TerraDropdown["hover"];
-  /** Syncs the popup width or height to that of the trigger element. */
-  sync?: TerraDropdown["sync"];
-  /**  */
-  popup?: TerraDropdown["popup"];
-  /**  */
-  trigger?: TerraDropdown["trigger"];
-  /**  */
-  panel?: TerraDropdown["panel"];
-  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
-components that use a dropdown internally. */
-  containingElement?: TerraDropdown["containingElement"];
-  /** Emitted when the dropdown opens. */
-  "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dropdown opens and all animations are complete. */
-  "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dropdown closes. */
-  "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dropdown closes and all animations are complete. */
-  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraEarthdataLoginProps = {
-  /** The message to show when the user is logged in
-You can use the following placeholders:
-{username} - The username of the user
-{first_name} - The first name of the user
-{last_name} - The last name of the user */
-  "logged-in-message"?: TerraEarthdataLogin["loggedInMessage"];
-  /**  */
-  "logged-out-message"?: TerraEarthdataLogin["loggedOutMessage"];
-  /**  */
-  "loading-message"?: TerraEarthdataLogin["loadingMessage"];
-  /**  */
-  username?: TerraEarthdataLogin["username"];
-  /**  */
-  password?: TerraEarthdataLogin["password"];
-  /**  */
-  "hide-password-toggle"?: TerraEarthdataLogin["hidePasswordToggle"];
-  /** if true and the user has passed in a username and password, we will automatically log them in
-this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered */
-  "auto-login"?: TerraEarthdataLogin["autoLogin"];
-  /**  */
-  usernameError?: TerraEarthdataLogin["usernameError"];
-  /**  */
-  passwordError?: TerraEarthdataLogin["passwordError"];
-  /**  */
-  usernameInput?: TerraEarthdataLogin["usernameInput"];
+  usernameInput?: TerraEarthdataLogin["usernameInput"];
   /**  */
   passwordInput?: TerraEarthdataLogin["passwordInput"];
   /** Emitted when a bearer token has been received from EDL. */
@@ -945,29 +945,6 @@ This will use the native `<input type="{{type}}">` implementation and may result
   "onterra-clear"?: (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"];
@@ -993,6 +970,19 @@ Other pages are fetched imperatively via _fetchPage(). */
   "onterra-harmony-job-delete"?: (e: CustomEvent<{ jobId: string }>) => void;
 };
 
+type TerraLoaderProps = {
+  /** The loader's variant */
+  variant?: TerraLoader["variant"];
+  /** The percent complete for the loader to display */
+  percent?: TerraLoader["percent"];
+  /** an indeterminate loader has an unknown progress and will show a spinner */
+  indeterminate?: TerraLoader["indeterminate"];
+  /** The ARIA role for the loader */
+  role?: TerraLoader["role"];
+  /**  */
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
 type TerraLoginProps = {
   /**  */
   "button-label"?: TerraLogin["buttonLabel"];
@@ -1011,21 +1001,11 @@ You can use the following placeholders:
   "onterra-login"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraMenuItemProps = {
-  /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
-  type?: TerraMenuItem["type"];
-  /** Draws the item in a checked state. */
-  checked?: TerraMenuItem["checked"];
-  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
-  value?: TerraMenuItem["value"];
-  /** Draws the menu item in a loading state. */
-  loading?: TerraMenuItem["loading"];
-  /** Draws the menu item in a disabled state, preventing selection. */
-  disabled?: TerraMenuItem["disabled"];
-  /**  */
-  defaultSlot?: TerraMenuItem["defaultSlot"];
+type TerraMenuProps = {
   /**  */
-  menuItem?: TerraMenuItem["menuItem"];
+  defaultSlot?: TerraMenu["defaultSlot"];
+  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
+  "onterra-select"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraMapProps = {
@@ -1078,24 +1058,60 @@ Format: 'west, south, east, north' */
   shapesQuery?: TerraMap["shapesQuery"];
 };
 
-type TerraMenuProps = {
-  /**  */
-  defaultSlot?: TerraMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  "onterra-select"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraLoaderProps = {
-  /** The loader's variant */
-  variant?: TerraLoader["variant"];
-  /** The percent complete for the loader to display */
-  percent?: TerraLoader["percent"];
-  /** an indeterminate loader has an unknown progress and will show a spinner */
-  indeterminate?: TerraLoader["indeterminate"];
-  /** The ARIA role for the loader */
-  role?: TerraLoader["role"];
+type TerraMenuItemProps = {
+  /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
+  type?: TerraMenuItem["type"];
+  /** Draws the item in a checked state. */
+  checked?: TerraMenuItem["checked"];
+  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
+  value?: TerraMenuItem["value"];
+  /** Draws the menu item in a loading state. */
+  loading?: TerraMenuItem["loading"];
+  /** Draws the menu item in a disabled state, preventing selection. */
+  disabled?: TerraMenuItem["disabled"];
   /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
+  defaultSlot?: TerraMenuItem["defaultSlot"];
+  /**  */
+  menuItem?: TerraMenuItem["menuItem"];
+};
+
+type TerraIconProps = {
+  /** The name of the icon to draw. Available names depend on the icon library being used. */
+  name?: TerraIcon["name"];
+  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
+can result in XSS attacks. */
+  src?: TerraIcon["src"];
+  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
+ignored by assistive devices. */
+  label?: TerraIcon["label"];
+  /** The name of a registered custom icon library. */
+  library?: TerraIcon["library"];
+  /** The CSS color to assign to the SVG. */
+  color?: TerraIcon["color"];
+  /** The CSS font-size to assign to the SVG. */
+  "font-size"?: TerraIcon["fontSize"];
+  /**  */
+  svg?: TerraIcon["svg"];
+  /** Emitted when the icon has loaded. */
+  "onterra-load"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  "onterra-error"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraOptionProps = {
+  /** The option's value. When selected, the containing form control will receive this value. The value must be unique
+from other options in the same group. */
+  value?: TerraOption["value"];
+  /** Draws the option in a disabled state, preventing selection. */
+  disabled?: TerraOption["disabled"];
+  /**  */
+  defaultSlot?: TerraOption["defaultSlot"];
+  /**  */
+  current?: TerraOption["current"];
+  /**  */
+  selected?: TerraOption["selected"];
+  /**  */
+  hasHover?: TerraOption["hasHover"];
 };
 
 type TerraPaginationProps = {
@@ -1112,19 +1128,57 @@ type TerraPaginationProps = {
   "onterra-page-change"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraPlotProps = {
+type TerraPlotToolbarProps = {
   /**  */
-  plotTitle?: TerraPlot["plotTitle"];
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
   /**  */
-  layout?: TerraPlot["layout"];
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
   /**  */
-  config?: TerraPlot["config"];
+  plot?: TerraPlotToolbar["plot"];
   /**  */
-  data?: TerraPlot["data"];
-  /** Optional: Colors to assign to each time series line */
-  colors?: TerraPlot["colors"];
+  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
   /**  */
-  base?: TerraPlot["base"];
+  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 TerraPopupProps = {
@@ -1202,20 +1256,32 @@ active. */
   "onterra-reposition"?: (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"];
+type TerraPlotProps = {
   /**  */
-  defaultSlot?: TerraOption["defaultSlot"];
+  plotTitle?: TerraPlot["plotTitle"];
   /**  */
-  current?: TerraOption["current"];
+  layout?: TerraPlot["layout"];
   /**  */
-  selected?: TerraOption["selected"];
+  config?: TerraPlot["config"];
   /**  */
-  hasHover?: TerraOption["hasHover"];
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
+type TerraProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: TerraProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: TerraProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: TerraProgressBar["label"];
+  /** The progress bar's theme variant. */
+  variant?: TerraProgressBar["variant"];
+  /**  */
+  title?: TerraProgressBar["title"];
 };
 
 type TerraRadioProps = {
@@ -1247,131 +1313,29 @@ the same document or shadow root for this to work. */
   /** Gets the validation message */
   validationMessage?: TerraRadio["validationMessage"];
   /** Emitted when the radio loses focus. */
-  "onterra-blur"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the checked state changes. */
-  "onterra-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio gains focus. */
-  "onterra-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio receives 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 TerraProgressBarProps = {
-  /** The current progress as a percentage, 0 to 100. */
-  value?: TerraProgressBar["value"];
-  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-  indeterminate?: TerraProgressBar["indeterminate"];
-  /** A custom label for assistive devices. */
-  label?: TerraProgressBar["label"];
-  /** The progress bar's theme variant. */
-  variant?: TerraProgressBar["variant"];
-  /**  */
-  title?: TerraProgressBar["title"];
-};
-
-type TerraPlotToolbarProps = {
-  /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
-  /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
-  /**  */
-  opacity?: TerraPlotToolbar["opacity"];
-  /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
-  /**  */
-  "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 TerraScrollHintProps = {
-  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
-  inline?: TerraScrollHint["inline"];
-  /** When true, forces inverse mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  inverse?: TerraScrollHint["inverse"];
-  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
-  inactivityDelay?: TerraScrollHint["inactivityDelay"];
-
-  /** Emitted when the scroll hint is clicked and scrolling begins. */
-  "onterra-scroll"?: (e: CustomEvent<never>) => void;
-};
-
-type TerraRadioGroupProps = {
-  /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-instead. */
-  label?: TerraRadioGroup["label"];
-  /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
-  "help-text"?: TerraRadioGroup["helpText"];
-  /** The name of the radio group, submitted as a name/value pair with form data. */
-  name?: TerraRadioGroup["name"];
-  /** The current value of the radio group, submitted as a name/value pair with form data. */
-  value?: TerraRadioGroup["value"];
-  /** The radio group's size. This size will be applied to all child radios and radio buttons. */
-  size?: TerraRadioGroup["size"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: TerraRadioGroup["form"];
-  /** Ensures a child radio is checked before allowing the containing form to submit. */
-  required?: TerraRadioGroup["required"];
-  /**  */
-  defaultSlot?: TerraRadioGroup["defaultSlot"];
-  /**  */
-  validationInput?: TerraRadioGroup["validationInput"];
-  /**  */
-  defaultValue?: TerraRadioGroup["defaultValue"];
-  /** Gets the validity state object */
-  validity?: TerraRadioGroup["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraRadioGroup["validationMessage"];
-  /** Emitted when the radio group's selected value changes. */
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the checked state changes. */
   "onterra-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio group receives user input. */
+  /** Emitted when the radio gains focus. */
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the radio receives 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 TerraScrollHintProps = {
+  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
+  inline?: TerraScrollHint["inline"];
+  /** When true, forces inverse mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  inverse?: TerraScrollHint["inverse"];
+  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
+  inactivityDelay?: TerraScrollHint["inactivityDelay"];
+
+  /** Emitted when the scroll hint is clicked and scrolling begins. */
+  "onterra-scroll"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1468,6 +1432,51 @@ type TerraSiteHeaderProps = {
   "site-name"?: TerraSiteHeader["siteName"];
 };
 
+type TerraSkeletonProps = {
+  /**  */
+  rows?: TerraSkeleton["rows"];
+  /**  */
+  effect?: TerraSkeleton["effect"];
+  /**  */
+  variableWidths?: TerraSkeleton["variableWidths"];
+};
+
+type TerraRadioGroupProps = {
+  /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+instead. */
+  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"];
@@ -1566,6 +1575,13 @@ Draws a visual overlay on the map and rejects draws outside this area. */
   map?: TerraSpatialPicker["map"];
 };
 
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
+};
+
 type TerraStepperProps = {
   /** The stepper's variant. The default variant includes titles and optional captions for each step.
 The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
@@ -1574,11 +1590,14 @@ The condensed variant uses colored bars to represent each step and is useful whe
   defaultSlot?: TerraStepper["defaultSlot"];
 };
 
-type TerraStatusIndicatorProps = {
-  /** The status variant. Determines the color of the indicator dot. */
-  variant?: TerraStatusIndicator["variant"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraStatusIndicator["dark"];
+type TerraStepperStepProps = {
+  /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
+and "upcoming" shows the step as not yet reached. */
+  state?: TerraStepperStep["state"];
+  /** The step's title. Should be short, preferably 1-2 words. */
+  title?: TerraStepperStep["title"];
+  /** When true, hides the checkmark icon for completed steps. */
+  "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
 };
 
 type TerraTabProps = {
@@ -1598,13 +1617,11 @@ type TerraTabProps = {
   "onterra-close"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraSkeletonProps = {
-  /**  */
-  rows?: TerraSkeleton["rows"];
-  /**  */
-  effect?: TerraSkeleton["effect"];
-  /**  */
-  variableWidths?: TerraSkeleton["variableWidths"];
+type TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
 };
 
 type TerraTabsProps = {
@@ -1633,26 +1650,6 @@ 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"];
-
-  /** Emitted when a topic tag is clicked (unless href is provided). */
-  "onterra-click"?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1701,147 +1698,13 @@ the same document or shadow root for this to work. */
   /** Emitted when the textarea receives input. */
   "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when an alteration to the control's value is committed by the user. */
-  "onterra-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the textarea gains focus. */
-  "onterra-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the textarea loses focus. */
-  "onterra-blur"?: (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 TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
-};
-
-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 TerraTimeSeriesProps = {
-  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
-  "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
-  /** variable entry IDs for multi-variable time series plotting
-(ex: ["GPM_3IMERGHH_06_precipitationCal", "GPM_3IMERGHH_06_probLiquidPrecipitation"]) */
-  "variable-entry-ids"?: TerraTimeSeries["variableEntryIds"];
-  /** a collection entry id (ex: GPM_3IMERGHH_06)
-only required if you don't include a variableEntryId */
-  collection?: TerraTimeSeries["collection"];
-  /** a variable short name to plot (ex: precipitationCal)
-only required if you don't include a variableEntryId */
-  variable?: TerraTimeSeries["variable"];
-  /** The start date for the time series plot. (ex: 2021-01-01) */
-  "start-date"?: TerraTimeSeries["startDate"];
-  /** The end date for the time series plot. (ex: 2021-01-01) */
-  "end-date"?: TerraTimeSeries["endDate"];
-  /** The point location in "lat,lon" format.
-Or the bounding box in "west,south,east,north" format. */
-  location?: TerraTimeSeries["location"];
-  /**  */
-  "show-citation"?: TerraTimeSeries["showCitation"];
-  /**  */
-  "show-help"?: TerraTimeSeries["showHelp"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraTimeSeries["applicationCitation"];
-  /** When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.
-When disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions. */
-  "disable-auto-fetch"?: TerraTimeSeries["disableAutoFetch"];
-  /** 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"?: TerraTimeSeries["bearerToken"];
-  /**  */
-  "mobile-view"?: TerraTimeSeries["mobileView"];
-  /**  */
-  "hide-toolbar"?: TerraTimeSeries["hideToolbar"];
-  /**  */
-  "product-label"?: TerraTimeSeries["productLabel"];
-  /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
-  "application-id"?: TerraTimeSeries["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. */
-  cache?: TerraTimeSeries["cache"];
-  /** If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete. */
-  "job-id"?: TerraTimeSeries["jobId"];
-  /**  */
-  plot?: TerraTimeSeries["plot"];
-  /**  */
-  plotToolbar?: TerraTimeSeries["plotToolbar"];
-  /**  */
-  catalogVariable?: TerraTimeSeries["catalogVariable"];
-  /**  */
-  catalogVariables?: TerraTimeSeries["catalogVariables"];
-  /** if true, we'll show a warning to the user about them requesting a large number of data points */
-  showDataPointWarning?: TerraTimeSeries["showDataPointWarning"];
-  /** stores the estimated */
-  estimatedDataPoints?: TerraTimeSeries["estimatedDataPoints"];
-  /**  */
-  _authController?: TerraTimeSeries["_authController"];
-  /**  */
-  _fetchVariableTask?: TerraTimeSeries["_fetchVariableTask"];
-  /** Emitted whenever loading starts or ends */
-  "onterra-time-series-loading-change"?: (e: CustomEvent<CustomEvent>) => void;
-  /** Emitted whenever the date range is modified */
-  "onterra-date-range-change"?: (e: CustomEvent<CustomEvent>) => void;
-  /** Emitted whenever time series data has been fetched from Giovanni */
-  "onterra-time-series-data-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted whenever the status of a Harmony job is updated */
-  "onterra-harmony-job-status-update"?: (e: CustomEvent<never>) => void;
-  /** Emitted whenever chunked Harmony requests advance */
-  "onterra-time-series-chunk-progress-change"?: (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"];
-  /** The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel
-that can contain images and links. */
-  variant?: TerraTooltip["variant"];
-  /** The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
-inside of the viewport. */
-  placement?: TerraTooltip["placement"];
-  /** Disables the tooltip so it won't show when triggered. */
-  disabled?: TerraTooltip["disabled"];
-  /** The distance in pixels from which to offset the tooltip or popover away from its target. */
-  distance?: TerraTooltip["distance"];
-  /** Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods. */
-  open?: TerraTooltip["open"];
-  /** The distance in pixels from which to offset the tooltip along its target. */
-  skidding?: TerraTooltip["skidding"];
-  /** Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-programmatically. */
-  trigger?: TerraTooltip["trigger"];
-  /** Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
-`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
-scenarios. */
-  hoist?: TerraTooltip["hoist"];
-  /** Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body
-so the user can interact with its content. */
-  interactive?: TerraTooltip["interactive"];
-  /**  */
-  defaultSlot?: TerraTooltip["defaultSlot"];
-  /**  */
-  body?: TerraTooltip["body"];
-  /**  */
-  popup?: TerraTooltip["popup"];
-  /** Emitted when the tooltip or popover begins to show. */
-  "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after it has shown and all animations are complete. */
-  "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the tooltip or popover begins to hide. */
-  "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after it has hidden and all animations are complete. */
-  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the textarea gains focus. */
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the textarea loses focus. */
+  "onterra-blur"?: (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 TerraTimeAverageMapProps = {
@@ -1906,6 +1769,122 @@ Defaults to false, meaning no caching is performed. */
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
+type TerraTimeSeriesProps = {
+  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
+  "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
+  /** variable entry IDs for multi-variable time series plotting
+(ex: ["GPM_3IMERGHH_06_precipitationCal", "GPM_3IMERGHH_06_probLiquidPrecipitation"]) */
+  "variable-entry-ids"?: TerraTimeSeries["variableEntryIds"];
+  /** a collection entry id (ex: GPM_3IMERGHH_06)
+only required if you don't include a variableEntryId */
+  collection?: TerraTimeSeries["collection"];
+  /** a variable short name to plot (ex: precipitationCal)
+only required if you don't include a variableEntryId */
+  variable?: TerraTimeSeries["variable"];
+  /** The start date for the time series plot. (ex: 2021-01-01) */
+  "start-date"?: TerraTimeSeries["startDate"];
+  /** The end date for the time series plot. (ex: 2021-01-01) */
+  "end-date"?: TerraTimeSeries["endDate"];
+  /** The point location in "lat,lon" format.
+Or the bounding box in "west,south,east,north" format. */
+  location?: TerraTimeSeries["location"];
+  /**  */
+  "show-citation"?: TerraTimeSeries["showCitation"];
+  /**  */
+  "show-help"?: TerraTimeSeries["showHelp"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraTimeSeries["applicationCitation"];
+  /** When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.
+When disabled, the plot will only show the data for the initial date range and won't fetch new data on plot interactions. */
+  "disable-auto-fetch"?: TerraTimeSeries["disableAutoFetch"];
+  /** 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"?: TerraTimeSeries["bearerToken"];
+  /**  */
+  "mobile-view"?: TerraTimeSeries["mobileView"];
+  /**  */
+  "hide-toolbar"?: TerraTimeSeries["hideToolbar"];
+  /**  */
+  "product-label"?: TerraTimeSeries["productLabel"];
+  /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
+  "application-id"?: TerraTimeSeries["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. */
+  cache?: TerraTimeSeries["cache"];
+  /** If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete. */
+  "job-id"?: TerraTimeSeries["jobId"];
+  /**  */
+  plot?: TerraTimeSeries["plot"];
+  /**  */
+  plotToolbar?: TerraTimeSeries["plotToolbar"];
+  /**  */
+  catalogVariable?: TerraTimeSeries["catalogVariable"];
+  /**  */
+  catalogVariables?: TerraTimeSeries["catalogVariables"];
+  /** if true, we'll show a warning to the user about them requesting a large number of data points */
+  showDataPointWarning?: TerraTimeSeries["showDataPointWarning"];
+  /** stores the estimated */
+  estimatedDataPoints?: TerraTimeSeries["estimatedDataPoints"];
+  /**  */
+  _authController?: TerraTimeSeries["_authController"];
+  /**  */
+  _fetchVariableTask?: TerraTimeSeries["_fetchVariableTask"];
+  /** Emitted whenever loading starts or ends */
+  "onterra-time-series-loading-change"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Emitted whenever the date range is modified */
+  "onterra-date-range-change"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Emitted whenever time series data has been fetched from Giovanni */
+  "onterra-time-series-data-change"?: (e: CustomEvent<never>) => void;
+  /** Emitted whenever the status of a Harmony job is updated */
+  "onterra-harmony-job-status-update"?: (e: CustomEvent<never>) => void;
+  /** Emitted whenever chunked Harmony requests advance */
+  "onterra-time-series-chunk-progress-change"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraToastProps = {
+  /** The toast's theme variant. */
+  variant?: TerraToast["variant"];
+  /** The length of time, in milliseconds, the toast will show before closing itself. If the user interacts with
+the toast before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `3000` (3 seconds). */
+  duration?: TerraToast["duration"];
+  /** Enables a close button that allows the user to dismiss the toast. */
+  closable?: TerraToast["closable"];
+  /** Enables a countdown that indicates the remaining time the toast will be displayed.
+Typically used for toasts with relatively long duration. */
+  countdown?: TerraToast["countdown"];
+  /**  */
+  alert?: TerraToast["alert"];
+  /** Emitted when the toast opens. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast opens and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the toast closes. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast closes and all animations are complete. */
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraTagProps = {
+  /** The tag variant. Determines the styling and behavior. */
+  variant?: TerraTag["variant"];
+  /** The size of the tag. */
+  size?: TerraTag["size"];
+  /** The icon name for content tags. Used with the default icon library. */
+  icon?: TerraTag["icon"];
+  /** The icon library to use for content tags. */
+  iconLibrary?: TerraTag["iconLibrary"];
+  /** When true, tags will stack vertically instead of sitting side by side. */
+  stack?: TerraTag["stack"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraTag["dark"];
+  /** The href for topic tags. If provided, the tag will be rendered as a link. */
+  href?: TerraTag["href"];
+
+  /** Emitted when a topic tag is clicked (unless href is provided). */
+  "onterra-click"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraToggleProps = {
   /**  */
   title?: TerraToggle["title"];
@@ -1947,26 +1926,47 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (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"];
+type TerraTooltipProps = {
+  /** The tooltip or popover content. If you need to display HTML, use the `content` slot instead. */
+  content?: TerraTooltip["content"];
+  /** The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel
+that can contain images and links. */
+  variant?: TerraTooltip["variant"];
+  /** The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+inside of the viewport. */
+  placement?: TerraTooltip["placement"];
+  /** Disables the tooltip so it won't show when triggered. */
+  disabled?: TerraTooltip["disabled"];
+  /** The distance in pixels from which to offset the tooltip or popover away from its target. */
+  distance?: TerraTooltip["distance"];
+  /** Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods. */
+  open?: TerraTooltip["open"];
+  /** The distance in pixels from which to offset the tooltip along its target. */
+  skidding?: TerraTooltip["skidding"];
+  /** Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+programmatically. */
+  trigger?: TerraTooltip["trigger"];
+  /** Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
+`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
+scenarios. */
+  hoist?: TerraTooltip["hoist"];
+  /** Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body
+so the user can interact with its content. */
+  interactive?: TerraTooltip["interactive"];
   /**  */
-  alert?: TerraToast["alert"];
-  /** Emitted when the toast opens. */
+  defaultSlot?: TerraTooltip["defaultSlot"];
+  /**  */
+  body?: TerraTooltip["body"];
+  /**  */
+  popup?: TerraTooltip["popup"];
+  /** Emitted when the tooltip or popover begins to show. */
   "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast opens and all animations are complete. */
+  /** Emitted after it has shown and all animations are complete. */
   "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the toast closes. */
+  /** Emitted when the tooltip or popover begins to hide. */
   "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast closes and all animations are complete. */
+  /** Emitted after it has hidden and all animations are complete. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
@@ -2033,6 +2033,20 @@ When hidden, still presents to screen readers. */
 };
 
 export type CustomElements = {
+  /**
+   * A collapsible content panel for showing and hiding content.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot for accordion content.
+   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
+   */
+  "terra-accordion": DefineComponent<TerraAccordionProps>;
+
   /**
    * Avatars are used to represent a person or object.
    * ---
@@ -2056,104 +2070,107 @@ export type CustomElements = {
   "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
-   * Alerts are used to display important messages inline or as toast notifications.
+   * Banners are used to display important messages on top of the header.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-show** - Emitted when the alert opens.
-   * - **terra-after-show** - Emitted after the alert opens and all animations are complete.
-   * - **terra-hide** - Emitted when the alert closes.
-   * - **terra-after-hide** - Emitted after the alert closes and all animations are complete.
+   *  - **terra-show** - Emitted when the banner opens.
+   * - **terra-after-show** - Emitted after the banner opens and all animations are complete.
+   * - **terra-hide** - Emitted when the banner closes.
+   * - **terra-after-hide** - Emitted after the banner closes and all animations are complete.
    *
    * ### **Methods:**
-   *  - **show()** - Shows the alert.
-   * - **hide()** - Hides the alert
-   * - **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
+   *  - **show()** - Shows the banner.
+   * - **hide()** - Hides the banner
    *
    * ### **Slots:**
-   *  - _default_ - The alert's main content.
+   *  - _default_ - The banner's main content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
    * - **icon** - The container that wraps the optional icon.
-   * - **message** - The container that wraps the alert's main content.
+   * - **message** - The container that wraps the banner's main content.
    */
-  "terra-alert": DefineComponent<TerraAlertProps>;
+  "terra-banner": DefineComponent<TerraBannerProps>;
 
   /**
-   * A collapsible content panel for showing and hiding content.
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
-   *
    * ### **Slots:**
-   *  - _default_ - The default slot for accordion content.
-   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
+   *  - _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-accordion": DefineComponent<TerraAccordionProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The badge's content.
+   *  - _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-badge": DefineComponent<TerraBadgeProps>;
+  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
-   * Banners are used to display important messages on top of the header.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the banner opens.
-   * - **terra-after-show** - Emitted after the banner opens and all animations are complete.
-   * - **terra-hide** - Emitted when the banner closes.
-   * - **terra-after-hide** - Emitted after the banner closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **show()** - Shows the banner.
-   * - **hide()** - Hides the banner
-   *
+   *
    * ### **Slots:**
-   *  - _default_ - The banner's main content.
+   *  - _default_ - The badge's content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the optional icon.
-   * - **message** - The container that wraps the banner's main content.
    */
-  "terra-banner": DefineComponent<TerraBannerProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * Alerts are used to display important messages inline or as toast notifications.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the alert opens.
+   * - **terra-after-show** - Emitted after the alert opens and all animations are complete.
+   * - **terra-hide** - Emitted when the alert closes.
+   * - **terra-after-hide** - Emitted after the alert closes and all animations are complete.
    *
-   * ### **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)_
+   * ### **Methods:**
+   *  - **show()** - Shows the alert.
+   * - **hide()** - Hides the alert
+   * - **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+   * calling this method again. The returned promise will resolve after the alert is hidden.
+   *
+   * ### **Slots:**
+   *  - _default_ - The alert's main content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **link** - The breadcrumb link element.
-   * - **label** - The breadcrumb label element when not a link.
+   * - **icon** - The container that wraps the optional icon.
+   * - **message** - The container that wraps the alert's main content.
    */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+  "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
@@ -2162,19 +2179,6 @@ export type CustomElements = {
    */
   "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
 
-  /**
-   * Button groups can be used to group related buttons into sections.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
-
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -2209,65 +2213,35 @@ export type CustomElements = {
   "terra-button": DefineComponent<TerraButtonProps>;
 
   /**
-   * 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)_
-   */
-  "terra-caption": DefineComponent<TerraCaptionProps>;
-
-  /**
-   * Cards can be used to group related subjects in a container.
+   * Button groups can be used to group related buttons into sections.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The card's main content.
-   * - **header** - An optional header for the card.
-   * - **footer** - An optional footer for the card.
-   * - **image** - An optional image to render at the start of the card.
-   *
-   * ### **CSS Properties:**
-   *  - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_
-   * - **--border-radius** - The border radius for the card's edges. _(default: undefined)_
-   * - **--border-width** - The width of the card's borders. _(default: undefined)_
-   * - **--padding** - The padding to use for the card's sections. _(default: undefined)_
+   *  - _default_ - One or more `<terra-button>` elements to display in the button group.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **image** - The container that wraps the card's image.
-   * - **header** - The container that wraps the card's header.
-   * - **body** - The container that wraps the card's main content.
-   * - **footer** - The container that wraps the card's footer.
    */
-  "terra-card": DefineComponent<TerraCardProps>;
+  "terra-button-group": DefineComponent<TerraButtonGroupProps>;
 
   /**
-   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * 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 breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *  - _default_ - The caption content. Use a `<span class="credit">` element for credits, which will be displayed with higher contrast.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
+   *  - **--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-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
+  "terra-caption": DefineComponent<TerraCaptionProps>;
 
   /**
    * Checkboxes are a form field used when there are multiple options to select from a list.
@@ -2310,6 +2284,32 @@ export type CustomElements = {
    */
   "terra-checkbox": DefineComponent<TerraCheckboxProps>;
 
+  /**
+   * Cards can be used to group related subjects in a container.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The card's main content.
+   * - **header** - An optional header for the card.
+   * - **footer** - An optional footer for the card.
+   * - **image** - An optional image to render at the start of the card.
+   *
+   * ### **CSS Properties:**
+   *  - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_
+   * - **--border-radius** - The border radius for the card's edges. _(default: undefined)_
+   * - **--border-width** - The width of the card's borders. _(default: undefined)_
+   * - **--padding** - The padding to use for the card's sections. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **image** - The container that wraps the card's image.
+   * - **header** - The container that wraps the card's header.
+   * - **body** - The container that wraps the card's main content.
+   * - **footer** - The container that wraps the card's footer.
+   */
+  "terra-card": DefineComponent<TerraCardProps>;
+
   /**
    * Fuzzy-search for combobox with list autocomplete.
    * ---
@@ -2328,6 +2328,13 @@ export type CustomElements = {
    */
   "terra-combobox": DefineComponent<TerraComboboxProps>;
 
+  /**
+   * Discover and export collection granules with search, temporal, spatial, and cloud cover filters.
+   * ---
+   *
+   */
+  "terra-data-access": DefineComponent<TerraDataAccessProps>;
+
   /**
    * A flexible data grid component built on AG Grid with support for various data sources and row models.
    * ---
@@ -2381,45 +2388,6 @@ export type CustomElements = {
    */
   "terra-chip": DefineComponent<TerraChipProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-data-rods": DefineComponent<TerraDataRodsProps>;
-
-  /**
-   * 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>;
-
-  /**
-   * A date picker component that implements the Horizon Design System (HDS) Date Picker patterns. Supports single date selection or date range selection with calendar popup.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-date-range-change** - Emitted when a date selection is made or changed.
-   *
-   * ### **Methods:**
-   *  - **clear()** - Clears the selected date(s) and resets the date picker to its initial state.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-date-picker-*** - All date picker design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **input** - The date input element (terra-input).
-   * - **calendar** - The calendar dropdown.
-   * - **sidebar** - The preset ranges sidebar.
-   */
-  "terra-date-picker": DefineComponent<TerraDatePickerProps>;
-
   /**
    * Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.
    * ---
@@ -2431,21 +2399,11 @@ export type CustomElements = {
   "terra-data-subsetter": DefineComponent<TerraDataSubsetterProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.
    * ---
    *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
    */
-  "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
+  "terra-data-subsetter-history": DefineComponent<TerraDataSubsetterHistoryProps>;
 
   /**
    * Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
@@ -2491,11 +2449,11 @@ export type CustomElements = {
   "terra-dialog": DefineComponent<TerraDialogProps>;
 
   /**
-   * Discover and export collection granules with search, temporal, spatial, and cloud cover filters.
+   *
    * ---
    *
    */
-  "terra-data-access": DefineComponent<TerraDataAccessProps>;
+  "terra-data-rods": DefineComponent<TerraDataRodsProps>;
 
   /**
    * Dividers are used to visually separate or group elements.
@@ -2509,6 +2467,31 @@ export type CustomElements = {
    */
   "terra-divider": DefineComponent<TerraDividerProps>;
 
+  /**
+   * A date picker component that implements the Horizon Design System (HDS) Date Picker patterns. Supports single date selection or date range selection with calendar popup.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-date-range-change** - Emitted when a date selection is made or changed.
+   *
+   * ### **Methods:**
+   *  - **clear()** - Clears the selected date(s) and resets the date picker to its initial state.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-date-picker-*** - All date picker design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **input** - The date input element (terra-input).
+   * - **calendar** - The calendar dropdown.
+   * - **sidebar** - The preset ranges sidebar.
+   */
+  "terra-date-picker": DefineComponent<TerraDatePickerProps>;
+
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2538,6 +2521,23 @@ export type CustomElements = {
    */
   "terra-dropdown": DefineComponent<TerraDropdownProps>;
 
+  /**
+   * Short summary of the component's intended use.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
+
   /**
    * A form that logs in to Earthdata Login (EDL)
    * ---
@@ -2610,33 +2610,19 @@ export type CustomElements = {
    * - **clear-icon** - An icon to use in lieu of the default clear icon.
    * - **show-password-icon** - An icon to use in lieu of the default show password icon.
    * - **hide-password-icon** - An icon to use in lieu of the default hide password icon.
-   * - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **input** - The internal input control.
-   * - **prefix** - The container for prefix content.
-   * - **suffix** - The container for suffix content.
-   * - **clear-button** - The clear button.
-   * - **password-toggle-button** - The password toggle button.
-   * - **form-control-help-text** - The help text's wrapper.
-   * - **form-control-error-text** - The error text's wrapper.
-   */
-  "terra-input": DefineComponent<TerraInputProps>;
-
-  /**
-   * Icons are symbols that can be used to represent various options within an application.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   * - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
    *
    * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
+   *  - **base** - The component's base wrapper.
+   * - **input** - The internal input control.
+   * - **prefix** - The container for prefix content.
+   * - **suffix** - The container for suffix content.
+   * - **clear-button** - The clear button.
+   * - **password-toggle-button** - The password toggle button.
+   * - **form-control-help-text** - The help text's wrapper.
+   * - **form-control-error-text** - The error text's wrapper.
    */
-  "terra-icon": DefineComponent<TerraIconProps>;
+  "terra-input": DefineComponent<TerraInputProps>;
 
   /**
    * Displays a horizontal scrolling strip of a user's recent Harmony job requests,
@@ -2656,6 +2642,19 @@ export type CustomElements = {
    */
   "terra-harmony-history": DefineComponent<TerraHarmonyHistoryProps>;
 
+  /**
+   * Loaders are used to indicate there is content that is loading.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-loader": DefineComponent<TerraLoaderProps>;
+
   /**
    * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
    * ---
@@ -2666,6 +2665,26 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
+  /**
+   * Menus provide a list of options for the user to choose from.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
+   *
+   * ### **Slots:**
+   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
+   */
+  "terra-menu": DefineComponent<TerraMenuProps>;
+
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2696,37 +2715,48 @@ export type CustomElements = {
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
-   * ---
-   *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
-  /**
-   * Menus provide a list of options for the user to choose from.
+   * Icons are symbols that can be used to represent various options within an application.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
    *
-   * ### **Slots:**
-   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
+   * ### **CSS Parts:**
+   *  - **svg** - The internal SVG element.
    */
-  "terra-menu": DefineComponent<TerraMenuProps>;
+  "terra-icon": DefineComponent<TerraIconProps>;
 
   /**
-   * Loaders are used to indicate there is content that is loading.
+   * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
    *
    *
+   * ### **Methods:**
+   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
+   *
+   * ### **Slots:**
+   *  - _default_ - The option's label.
+   * - **prefix** - Used to prepend an icon or similar element to the menu item.
+   * - **suffix** - Used to append an icon or similar element to the menu item.
+   *
    * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
+   * - **--terra-options-item-text** - The text color of the option. _(default: undefined)_
+   * - **--terra-options-item-text-hover** - The text color of the option on hover. _(default: undefined)_
+   * - **--terra-options-item-text-active** - The text color of the option when active. _(default: undefined)_
+   * - **--terra-options-item-background-hover** - The background color of the option on hover. _(default: undefined)_
+   * - **--terra-options-item-background-active** - The background color of the option when active. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
+   * - **base** - The component's base wrapper.
+   * - **label** - The option's label.
+   * - **prefix** - The container that wraps the prefix.
+   * - **suffix** - The container that wraps the suffix.
    */
-  "terra-loader": DefineComponent<TerraLoaderProps>;
+  "terra-option": DefineComponent<TerraOptionProps>;
 
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
@@ -2760,14 +2790,21 @@ export type CustomElements = {
   "terra-pagination": DefineComponent<TerraPaginationProps>;
 
   /**
-   * A web component for interactive graphs using Plotly.js.
+   * Short summary of the component's intended use.
    * ---
    *
    *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
+   *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
    */
-  "terra-plot": DefineComponent<TerraPlotProps>;
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
@@ -2798,34 +2835,35 @@ export type CustomElements = {
   "terra-popup": DefineComponent<TerraPopupProps>;
 
   /**
-   * Options define the selectable items within various form controls such as [select](/components/select).
+   * A web component for interactive graphs using Plotly.js.
    * ---
    *
    *
-   * ### **Methods:**
-   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
+
+  /**
+   * Progress bars are used to show the status of an ongoing operation.
+   * ---
+   *
    *
    * ### **Slots:**
-   *  - _default_ - The option's label.
-   * - **prefix** - Used to prepend an icon or similar element to the menu item.
-   * - **suffix** - Used to append an icon or similar element to the menu item.
+   *  - _default_ - A label to show inside the progress indicator.
    *
    * ### **CSS Properties:**
-   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
-   * - **--terra-options-item-text** - The text color of the option. _(default: undefined)_
-   * - **--terra-options-item-text-hover** - The text color of the option on hover. _(default: undefined)_
-   * - **--terra-options-item-text-active** - The text color of the option when active. _(default: undefined)_
-   * - **--terra-options-item-background-hover** - The background color of the option on hover. _(default: undefined)_
-   * - **--terra-options-item-background-active** - The background color of the option when active. _(default: undefined)_
+   *  - **--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:**
-   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
-   * - **base** - The component's base wrapper.
-   * - **label** - The option's label.
-   * - **prefix** - The container that wraps the prefix.
-   * - **suffix** - The container that wraps the suffix.
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
    */
-  "terra-option": DefineComponent<TerraOptionProps>;
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
 
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
@@ -2864,44 +2902,6 @@ export type CustomElements = {
    */
   "terra-radio": DefineComponent<TerraRadioProps>;
 
-  /**
-   * Progress bars are used to show the status of an ongoing operation.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
-   *
-   * ### **CSS Properties:**
-   *  - **--height** - The progress bar's height. _(default: undefined)_
-   * - **--track-color** - The color of the track. _(default: undefined)_
-   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
-   * - **--label-color** - The color of the label. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
-   */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
-
-  /**
-   * Short summary of the component's intended use.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
-
   /**
    * Scroll hint is an animated button that prompts visitors to scroll.
    * ---
@@ -2929,39 +2929,6 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
-  /**
-   * Radio groups are used to group multiple radio buttons so they function as a single form control.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when the radio group's selected value changes.
-   * - **terra-input** - Emitted when the radio group receives user input.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
-   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
-   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **form-control** - The form control that wraps the label, input, and help text.
-   * - **form-control-label** - The label's wrapper.
-   * - **form-control-input** - The input's wrapper.
-   * - **form-control-help-text** - The help text's wrapper.
-   */
-  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
-
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -3037,6 +3004,46 @@ export type CustomElements = {
    */
   "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
+  /**
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * ---
+   *
+   */
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+
+  /**
+   * Radio groups are used to group multiple radio buttons so they function as a single form control.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when the radio group's selected value changes.
+   * - **terra-input** - Emitted when the radio group receives user input.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
+   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
+   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **form-control** - The form control that wraps the label, input, and help text.
+   * - **form-control-label** - The label's wrapper.
+   * - **form-control-input** - The input's wrapper.
+   * - **form-control-help-text** - The help text's wrapper.
+   */
+  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
+
   /**
    * Site navigation provides a flexible navigation structure with dropdown menus.
    * ---
@@ -3062,7 +3069,29 @@ export type CustomElements = {
    * ---
    *
    */
-  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+  "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
+
+  /**
+   * Status indicators are dynamic labels that indicate the current state of a mission or project.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The status label text.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-status-indicator-dot-color** - The color of the status dot. _(default: undefined)_
+   * - **--terra-status-indicator-label-color** - The color of the label text. _(default: undefined)_
+   * - **--terra-status-indicator-font-family** - The font family for the label. _(default: undefined)_
+   * - **--terra-status-indicator-font-size** - The font size for the label. _(default: undefined)_
+   * - **--terra-status-indicator-font-weight** - The font weight for the label. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **dot** - The colored status dot.
+   * - **label** - The text label.
+   */
+  "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
   /**
    * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
@@ -3078,26 +3107,22 @@ export type CustomElements = {
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
   /**
-   * Status indicators are dynamic labels that indicate the current state of a mission or project.
+   * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The status label text.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-status-indicator-dot-color** - The color of the status dot. _(default: undefined)_
-   * - **--terra-status-indicator-label-color** - The color of the label text. _(default: undefined)_
-   * - **--terra-status-indicator-font-family** - The font family for the label. _(default: undefined)_
-   * - **--terra-status-indicator-font-size** - The font size for the label. _(default: undefined)_
-   * - **--terra-status-indicator-font-weight** - The font weight for the label. _(default: undefined)_
+   *  - _default_ - The step's caption (optional, only shown in default variant).
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **dot** - The colored status dot.
-   * - **label** - The text label.
+   * - **bar** - The progress bar indicator.
+   * - **content** - The content area containing title and caption.
+   * - **title** - The step's title.
+   * - **caption** - The step's caption.
+   * - **icon** - The checkmark icon (shown when completed).
    */
-  "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
+  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
    * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
@@ -3120,11 +3145,20 @@ export type CustomElements = {
   "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * 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-skeleton": DefineComponent<TerraSkeletonProps>;
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
    * Tabs organize content into a container that shows one section at a time.
@@ -3159,50 +3193,6 @@ export type CustomElements = {
    */
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
-  /**
-   * Tags are simple labels that help categorize items.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
-   *
-   * ### **Slots:**
-   *  - _default_ - The tag label text.
-   * - **icon** - Optional icon slot for content tags (overrides icon prop).
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
-   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
-   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
-   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
-   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
-   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
-   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
-   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
-   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
-   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
-   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
-   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
-   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
-   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **icon** - The icon element (content tags only).
-   * - **label** - The text label.
-   */
-  "terra-tag": DefineComponent<TerraTagProps>;
-
   /**
    * A textarea component with consistent styling across the design system.
    * ---
@@ -3233,38 +3223,16 @@ export type CustomElements = {
   "terra-textarea": DefineComponent<TerraTextareaProps>;
 
   /**
-   * 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>;
-
-  /**
-   * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The step's caption (optional, only shown in default variant).
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **bar** - The progress bar indicator.
-   * - **content** - The content area containing title and caption.
-   * - **title** - The step's title.
-   * - **caption** - The step's caption.
-   * - **icon** - The checkmark icon (shown when completed).
+   * ### **Methods:**
+   *  - **captureMapThumbnail(thumbWidth, thumbHeight): _Promise<Blob | undefined>_** - Captures the current map view as a thumbnail Blob (JPEG, 200×200).
+   * Composites all OpenLayers canvas layers without text overlay or legend.
+   * Returns undefined if the map is not ready.
    */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
   /**
    * A component for visualizing time series data using the GES DISC Giovanni API.
@@ -3281,49 +3249,85 @@ export type CustomElements = {
   "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
 
   /**
-   * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
+   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-show** - Emitted when the tooltip or popover begins to show.
-   * - **terra-after-show** - Emitted after it has shown and all animations are complete.
-   * - **terra-hide** - Emitted when the tooltip or popover begins to hide.
-   * - **terra-after-hide** - Emitted after it has hidden and all animations are complete.
+   *  - **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:**
-   *  - **show()** - Shows the tooltip or popover.
-   * - **hide()** - Hides the tooltip or popover.
+   *  - **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 tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
-   * - **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.
-   * - **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.
-   *
-   * ### **CSS Properties:**
-   *  - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_
-   * - **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_
-   * - **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_
+   *  - _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-popup>` element.
-   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
-   * - **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
-   * - **body** - The tooltip or popover body where its content is rendered.
+   *  - **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-tooltip": DefineComponent<TerraTooltipProps>;
+  "terra-toast": DefineComponent<TerraToastProps>;
 
   /**
-   *
+   * Tags are simple labels that help categorize items.
    * ---
    *
    *
-   * ### **Methods:**
-   *  - **captureMapThumbnail(thumbWidth, thumbHeight): _Promise<Blob | undefined>_** - Captures the current map view as a thumbnail Blob (JPEG, 200×200).
-   * Composites all OpenLayers canvas layers without text overlay or legend.
-   * Returns undefined if the map is not ready.
+   * ### **Events:**
+   *  - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).
+   *
+   * ### **Slots:**
+   *  - _default_ - The tag label text.
+   * - **icon** - Optional icon slot for content tags (overrides icon prop).
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_
+   * - **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_
+   * - **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_
+   * - **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_
+   * - **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_
+   * - **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_
+   * - **--terra-tag-color** - The text color of the tag. _(default: undefined)_
+   * - **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_
+   * - **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_
+   * - **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_
+   * - **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_
+   * - **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_
+   * - **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_
+   * - **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The icon element (content tags only).
+   * - **label** - The text label.
    */
-  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
+  "terra-tag": DefineComponent<TerraTagProps>;
 
   /**
    * Switches allow the user to toggle an option on or off.
@@ -3365,41 +3369,37 @@ export type CustomElements = {
   "terra-toggle": DefineComponent<TerraToggleProps>;
 
   /**
-   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
+   * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
    * ---
    *
    *
    * ### **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.
+   *  - **terra-show** - Emitted when the tooltip or popover begins to show.
+   * - **terra-after-show** - Emitted after it has shown and all animations are complete.
+   * - **terra-hide** - Emitted when the tooltip or popover begins to hide.
+   * - **terra-after-hide** - Emitted after it has hidden 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.
+   *  - **show()** - Shows the tooltip or popover.
+   * - **hide()** - Hides the tooltip or popover.
    *
    * ### **Slots:**
-   *  - _default_ - The toast's main content.
-   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
+   *  - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
+   * - **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.
+   * - **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.
+   *
+   * ### **CSS Properties:**
+   *  - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_
+   * - **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_
+   * - **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_
    *
    * ### **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.
+   *  - **base** - The component's base wrapper, an `<terra-popup>` element.
+   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
+   * - **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+   * - **body** - The tooltip or popover body where its content is rendered.
    */
-  "terra-toast": DefineComponent<TerraToastProps>;
+  "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
   /**
    * Fuzzy-search for dataset variables in combobox with list autocomplete.