@nasa-terra/components 0.0.147 → 0.0.149

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

@@ -2,9 +2,9 @@ import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
-import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { TerraBadge } from "../../components/badge/badge.component.js";
+import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
@@ -24,40 +24,40 @@ import type { TerraDateRangeSlider } from "../../components/date-range-slider/da
 import type { TerraDialog } from "../../components/dialog/dialog.component.js";
 import type { TerraDivider } from "../../components/divider/divider.component.js";
 import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
-import type { TerraInput } from "../../components/input/input.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 { TerraIcon } from "../../components/icon/icon.component.js";
+import type { TerraInput } from "../../components/input/input.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
 import type { TerraLogin } from "../../components/login/login.component.js";
-import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
-import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
-import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
-import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
+import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
-import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
-import type { TerraStepper } from "../../components/stepper/stepper.component.js";
 import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
+import type { TerraStepper } from "../../components/stepper/stepper.component.js";
+import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
 import type { TerraTab } from "../../components/tab/tab.component.js";
+import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
 import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
-import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
+import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
 import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
@@ -108,6 +108,23 @@ Typically used to indicate the remaining time before a whole app refresh. */
   onTerraAfterHide?: (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 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 TerraAvatarProps = {
   /** The image source to use for the avatar. */
   image?: TerraAvatar["image"];
@@ -124,23 +141,6 @@ type TerraAvatarProps = {
   onTerraError?: (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 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"];
@@ -718,6 +718,92 @@ components that use a dropdown internally. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
+type TerraEarthdataLoginProps = {
+  /** The message to show when the user is logged in
+You can use the following placeholders:
+{username} - The username of the user
+{first_name} - The first name of the user
+{last_name} - The last name of the user */
+  "logged-in-message"?: TerraEarthdataLogin["loggedInMessage"];
+  /**  */
+  "logged-out-message"?: TerraEarthdataLogin["loggedOutMessage"];
+  /**  */
+  "loading-message"?: TerraEarthdataLogin["loadingMessage"];
+  /**  */
+  username?: TerraEarthdataLogin["username"];
+  /**  */
+  password?: TerraEarthdataLogin["password"];
+  /**  */
+  "hide-password-toggle"?: TerraEarthdataLogin["hidePasswordToggle"];
+  /** if true and the user has passed in a username and password, we will automatically log them in
+this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered */
+  "auto-login"?: TerraEarthdataLogin["autoLogin"];
+  /**  */
+  usernameError?: TerraEarthdataLogin["usernameError"];
+  /**  */
+  passwordError?: TerraEarthdataLogin["passwordError"];
+  /**  */
+  usernameInput?: TerraEarthdataLogin["usernameInput"];
+  /**  */
+  passwordInput?: TerraEarthdataLogin["passwordInput"];
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (e: CustomEvent<never>) => void;
+};
+
+type TerraFileUploadProps = {
+  /** The file upload's label. */
+  label?: TerraFileUpload["label"];
+  /** The file upload's help text. */
+  "help-text"?: TerraFileUpload["helpText"];
+  /** The name of the file input, submitted as a name/value pair with form data. */
+  name?: TerraFileUpload["name"];
+  /** Allows multiple files to be selected. */
+  multiple?: TerraFileUpload["multiple"];
+  /** Disables the file upload. */
+  disabled?: TerraFileUpload["disabled"];
+  /** Makes the file upload a required field. */
+  required?: TerraFileUpload["required"];
+  /** Accepted file types (e.g., "image/*", ".pdf", "image/png,image/jpeg"). */
+  accept?: TerraFileUpload["accept"];
+  /** Maximum file size in bytes. */
+  "max-file-size"?: TerraFileUpload["maxFileSize"];
+  /** Maximum number of files allowed when multiple is enabled. */
+  "max-files"?: TerraFileUpload["maxFiles"];
+  /**  */
+  fileInput?: TerraFileUpload["fileInput"];
+  /**  */
+  dropzone?: TerraFileUpload["dropzone"];
+  /** Emitted when files are selected or removed. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control gains focus. */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control loses focus. */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+};
+
+type TerraIconProps = {
+  /** The name of the icon to draw. Available names depend on the icon library being used. */
+  name?: TerraIcon["name"];
+  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
+can result in XSS attacks. */
+  src?: TerraIcon["src"];
+  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
+ignored by assistive devices. */
+  label?: TerraIcon["label"];
+  /** The name of a registered custom icon library. */
+  library?: TerraIcon["library"];
+  /** The CSS color to assign to the SVG. */
+  color?: TerraIcon["color"];
+  /** The CSS font-size to assign to the SVG. */
+  "font-size"?: TerraIcon["fontSize"];
+  /**  */
+  svg?: TerraIcon["svg"];
+  /** Emitted when the icon has loaded. */
+  onTerraLoad?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -815,29 +901,6 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (e: CustomEvent<never>) => void;
 };
 
-type TerraIconProps = {
-  /** The name of the icon to draw. Available names depend on the icon library being used. */
-  name?: TerraIcon["name"];
-  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
-can result in XSS attacks. */
-  src?: TerraIcon["src"];
-  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
-ignored by assistive devices. */
-  label?: TerraIcon["label"];
-  /** The name of a registered custom icon library. */
-  library?: TerraIcon["library"];
-  /** The CSS color to assign to the SVG. */
-  color?: TerraIcon["color"];
-  /** The CSS font-size to assign to the SVG. */
-  "font-size"?: TerraIcon["fontSize"];
-  /**  */
-  svg?: TerraIcon["svg"];
-  /** Emitted when the icon has loaded. */
-  onTerraLoad?: (e: CustomEvent<never>) => void;
-  /** Emitted when the icon fails to load due to an error. */
-  onTerraError?: (e: CustomEvent<never>) => void;
-};
-
 type TerraLoaderProps = {
   /** The loader's variant */
   variant?: TerraLoader["variant"];
@@ -869,69 +932,6 @@ You can use the following placeholders:
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraFileUploadProps = {
-  /** The file upload's label. */
-  label?: TerraFileUpload["label"];
-  /** The file upload's help text. */
-  "help-text"?: TerraFileUpload["helpText"];
-  /** The name of the file input, submitted as a name/value pair with form data. */
-  name?: TerraFileUpload["name"];
-  /** Allows multiple files to be selected. */
-  multiple?: TerraFileUpload["multiple"];
-  /** Disables the file upload. */
-  disabled?: TerraFileUpload["disabled"];
-  /** Makes the file upload a required field. */
-  required?: TerraFileUpload["required"];
-  /** Accepted file types (e.g., "image/*", ".pdf", "image/png,image/jpeg"). */
-  accept?: TerraFileUpload["accept"];
-  /** Maximum file size in bytes. */
-  "max-file-size"?: TerraFileUpload["maxFileSize"];
-  /** Maximum number of files allowed when multiple is enabled. */
-  "max-files"?: TerraFileUpload["maxFiles"];
-  /**  */
-  fileInput?: TerraFileUpload["fileInput"];
-  /**  */
-  dropzone?: TerraFileUpload["dropzone"];
-  /** Emitted when files are selected or removed. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
-};
-
-type TerraEarthdataLoginProps = {
-  /** The message to show when the user is logged in
-You can use the following placeholders:
-{username} - The username of the user
-{first_name} - The first name of the user
-{last_name} - The last name of the user */
-  "logged-in-message"?: TerraEarthdataLogin["loggedInMessage"];
-  /**  */
-  "logged-out-message"?: TerraEarthdataLogin["loggedOutMessage"];
-  /**  */
-  "loading-message"?: TerraEarthdataLogin["loadingMessage"];
-  /**  */
-  username?: TerraEarthdataLogin["username"];
-  /**  */
-  password?: TerraEarthdataLogin["password"];
-  /**  */
-  "hide-password-toggle"?: TerraEarthdataLogin["hidePasswordToggle"];
-  /** if true and the user has passed in a username and password, we will automatically log them in
-this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered */
-  "auto-login"?: TerraEarthdataLogin["autoLogin"];
-  /**  */
-  usernameError?: TerraEarthdataLogin["usernameError"];
-  /**  */
-  passwordError?: TerraEarthdataLogin["passwordError"];
-  /**  */
-  usernameInput?: TerraEarthdataLogin["usernameInput"];
-  /**  */
-  passwordInput?: TerraEarthdataLogin["passwordInput"];
-  /** Emitted when a bearer token has been received from EDL. */
-  onTerraLogin?: (e: CustomEvent<never>) => void;
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -992,23 +992,6 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-type TerraOptionProps = {
-  /** The option's value. When selected, the containing form control will receive this value. The value must be unique
-from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
-multiple values. */
-  value?: TerraOption["value"];
-  /** Draws the option in a disabled state, preventing selection. */
-  disabled?: TerraOption["disabled"];
-  /**  */
-  defaultSlot?: TerraOption["defaultSlot"];
-  /**  */
-  current?: TerraOption["current"];
-  /**  */
-  selected?: TerraOption["selected"];
-  /**  */
-  hasHover?: TerraOption["hasHover"];
-};
-
 type TerraPaginationProps = {
   /** The current page number (1-indexed). */
   current?: TerraPagination["current"];
@@ -1038,11 +1021,28 @@ type TerraPlotProps = {
   base?: TerraPlot["base"];
 };
 
-type TerraPlotToolbarProps = {
+type TerraOptionProps = {
+  /** The option's value. When selected, the containing form control will receive this value. The value must be unique
+from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
+multiple values. */
+  value?: TerraOption["value"];
+  /** Draws the option in a disabled state, preventing selection. */
+  disabled?: TerraOption["disabled"];
   /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
+  defaultSlot?: TerraOption["defaultSlot"];
   /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
+  current?: TerraOption["current"];
+  /**  */
+  selected?: TerraOption["selected"];
+  /**  */
+  hasHover?: TerraOption["hasHover"];
+};
+
+type TerraPlotToolbarProps = {
+  /**  */
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
+  /**  */
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
   /**  */
   plot?: TerraPlotToolbar["plot"];
   /**  */
@@ -1265,6 +1265,11 @@ type TerraScrollHintProps = {
   onTerraScroll?: (e: CustomEvent<never>) => void;
 };
 
+type TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
+};
+
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1356,11 +1361,6 @@ be an array. **For this reason, values must not contain spaces.** */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraSiteHeaderProps = {
-  /** The default site name displayed in the title slot if no content is provided. */
-  "site-name"?: TerraSiteHeader["siteName"];
-};
-
 type TerraSiteNavigationProps = {
   /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
   "full-width"?: TerraSiteNavigation["fullWidth"];
@@ -1461,21 +1461,6 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
-type TerraStatusIndicatorProps = {
-  /** The status variant. Determines the color of the indicator dot. */
-  variant?: TerraStatusIndicator["variant"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraStatusIndicator["dark"];
-};
-
-type TerraStepperProps = {
-  /** The stepper's variant. The default variant includes titles and optional captions for each step.
-The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
-  variant?: TerraStepper["variant"];
-  /**  */
-  defaultSlot?: TerraStepper["defaultSlot"];
-};
-
 type TerraStepperStepProps = {
   /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
 and "upcoming" shows the step as not yet reached. */
@@ -1486,11 +1471,19 @@ and "upcoming" shows the step as not yet reached. */
   "hide-checkmark"?: TerraStepperStep["hideCheckmark"];
 };
 
-type TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
+type TerraStepperProps = {
+  /** The stepper's variant. The default variant includes titles and optional captions for each step.
+The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
+  variant?: TerraStepper["variant"];
+  /**  */
+  defaultSlot?: TerraStepper["defaultSlot"];
+};
+
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
 };
 
 type TerraTabProps = {
@@ -1510,6 +1503,13 @@ type TerraTabProps = {
   onTerraClose?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
+};
+
 type TerraTabsProps = {
   /** The placement of the tabs. */
   placement?: TerraTabs["placement"];
@@ -1613,59 +1613,6 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTimeSeriesProps = {
-  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
-  "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
-  /** 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"];
-  /** 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"];
-  /**  */
-  plot?: TerraTimeSeries["plot"];
-  /**  */
-  plotToolbar?: TerraTimeSeries["plotToolbar"];
-  /**  */
-  catalogVariable?: TerraTimeSeries["catalogVariable"];
-  /** 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 the date range is modified */
-  onTerraDateRangeChange?: (e: CustomEvent<CustomEvent>) => void;
-  /** Emitted whenever time series data has been fetched from Giovanni */
-  onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTimeAverageMapProps = {
   /**  */
   collection?: TerraTimeAverageMap["collection"];
@@ -1719,6 +1666,59 @@ type TerraTimeAverageMapProps = {
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
+type TerraTimeSeriesProps = {
+  /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
+  "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
+  /** 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"];
+  /** 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"];
+  /**  */
+  plot?: TerraTimeSeries["plot"];
+  /**  */
+  plotToolbar?: TerraTimeSeries["plotToolbar"];
+  /**  */
+  catalogVariable?: TerraTimeSeries["catalogVariable"];
+  /** 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 the date range is modified */
+  onTerraDateRangeChange?: (e: CustomEvent<CustomEvent>) => void;
+  /** Emitted whenever time series data has been fetched from Giovanni */
+  onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
+};
+
 type TerraToastProps = {
   /** The toast's theme variant. */
   variant?: TerraToast["variant"];
@@ -1928,26 +1928,24 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Avatars are used to represent a person or object.
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
    * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *  - _default_ - The default slot.
    *
    * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
+   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
+   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   * - **link** - The breadcrumb link element.
+   * - **label** - The breadcrumb label element when not a link.
    */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
   /**
    * Badges are used to draw attention and display statuses or counts.
@@ -1963,24 +1961,26 @@ export type CustomElements = {
   "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * Avatars are used to represent a person or object.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
    * ### **Slots:**
-   *  - _default_ - The default slot.
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
-   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
-   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
+   *  - **--size** - The size of the avatar. _(default: undefined)_
    *
    * ### **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 avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
    */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
    * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
@@ -2362,6 +2362,62 @@ export type CustomElements = {
    */
   "terra-dropdown": DefineComponent<TerraDropdownProps>;
 
+  /**
+   * A form that logs in to Earthdata Login (EDL)
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   */
+  "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
+
+  /**
+   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when files are selected or removed.
+   * - **terra-focus** - Emitted when the control gains focus.
+   * - **terra-blur** - Emitted when the control loses focus.
+   *
+   * ### **Methods:**
+   *  - **getFiles(): _File[]_** - Gets the current files.
+   * - **clearFiles()** - Clears all selected files.
+   *
+   * ### **Slots:**
+   *  - _default_ - Custom content to display inside the drop zone.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-file-upload-*** - All file upload design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **dropzone** - The drop zone area.
+   * - **file-input** - The hidden file input element.
+   * - **file-list** - The container for file previews.
+   * - **file-item** - Individual file preview item.
+   * - **file-thumbnail** - The file thumbnail image.
+   * - **file-name** - The file name text.
+   * - **change-link** - The "Change files" link.
+   */
+  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
+
+  /**
+   * Icons are symbols that can be used to represent various options within an application.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   *
+   * ### **CSS Parts:**
+   *  - **svg** - The internal SVG element.
+   */
+  "terra-icon": DefineComponent<TerraIconProps>;
+
   /**
    * A text input component with consistent styling across the design system.
    * ---
@@ -2406,20 +2462,6 @@ export type CustomElements = {
    */
   "terra-input": DefineComponent<TerraInputProps>;
 
-  /**
-   * Icons are symbols that can be used to represent various options within an application.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
-   *
-   * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
-   */
-  "terra-icon": DefineComponent<TerraIconProps>;
-
   /**
    * Loaders are used to indicate there is content that is loading.
    * ---
@@ -2443,48 +2485,6 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
-  /**
-   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when files are selected or removed.
-   * - **terra-focus** - Emitted when the control gains focus.
-   * - **terra-blur** - Emitted when the control loses focus.
-   *
-   * ### **Methods:**
-   *  - **getFiles(): _File[]_** - Gets the current files.
-   * - **clearFiles()** - Clears all selected files.
-   *
-   * ### **Slots:**
-   *  - _default_ - Custom content to display inside the drop zone.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-file-upload-*** - All file upload design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **dropzone** - The drop zone area.
-   * - **file-input** - The hidden file input element.
-   * - **file-list** - The container for file previews.
-   * - **file-item** - Individual file preview item.
-   * - **file-thumbnail** - The file thumbnail image.
-   * - **file-name** - The file name text.
-   * - **change-link** - The "Change files" link.
-   */
-  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
-
-  /**
-   * A form that logs in to Earthdata Login (EDL)
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
-   */
-  "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
-
   /**
    * A map component for visualizing and selecting coordinates.
    * ---
@@ -2534,31 +2534,6 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
-  /**
-   * Options define the selectable items within various form controls such as [select](/components/select).
-   * ---
-   *
-   *
-   * ### **Methods:**
-   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
-   *
-   * ### **Slots:**
-   *  - _default_ - The option's label.
-   * - **prefix** - Used to prepend an icon or similar element to the menu item.
-   * - **suffix** - Used to append an icon or similar element to the menu item.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
-   * - **base** - The component's base wrapper.
-   * - **label** - The option's label.
-   * - **prefix** - The container that wraps the prefix.
-   * - **suffix** - The container that wraps the suffix.
-   */
-  "terra-option": DefineComponent<TerraOptionProps>;
-
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
@@ -2600,6 +2575,31 @@ export type CustomElements = {
    */
   "terra-plot": DefineComponent<TerraPlotProps>;
 
+  /**
+   * Options define the selectable items within various form controls such as [select](/components/select).
+   * ---
+   *
+   *
+   * ### **Methods:**
+   *  - **getTextLabel()** - Returns a plain text label based on the option's content.
+   *
+   * ### **Slots:**
+   *  - _default_ - The option's label.
+   * - **prefix** - Used to prepend an icon or similar element to the menu item.
+   * - **suffix** - Used to append an icon or similar element to the menu item.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
+   * - **base** - The component's base wrapper.
+   * - **label** - The option's label.
+   * - **prefix** - The container that wraps the prefix.
+   * - **suffix** - The container that wraps the suffix.
+   */
+  "terra-option": DefineComponent<TerraOptionProps>;
+
   /**
    * Short summary of the component's intended use.
    * ---
@@ -2760,6 +2760,25 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
+  /**
+   * Site headers provide a consistent navigation structure at the top of pages.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
+   * - **center** - Content displayed in the center of the header (e.g., navigation).
+   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **logo** - The NASA logo container.
+   * - **title** - The site title container.
+   * - **center** - The center content container.
+   * - **right** - The right content container.
+   */
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
+
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2816,25 +2835,6 @@ export type CustomElements = {
    */
   "terra-select": DefineComponent<TerraSelectProps>;
 
-  /**
-   * Site headers provide a consistent navigation structure at the top of pages.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - **title** - The site title displayed next to the logo. Defaults to the `site-name` prop value.
-   * - **center** - Content displayed in the center of the header (e.g., navigation).
-   * - **right** - Content displayed on the right side of the header. Defaults to a search icon button.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **logo** - The NASA logo container.
-   * - **title** - The site title container.
-   * - **center** - The center content container.
-   * - **right** - The right content container.
-   */
-  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
-
   /**
    * Site navigation provides a flexible navigation structure with dropdown menus.
    * ---
@@ -2870,26 +2870,22 @@ export type CustomElements = {
   "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
   /**
-   * 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>;
 
   /**
    * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
@@ -2905,58 +2901,62 @@ export type CustomElements = {
   "terra-stepper": DefineComponent<TerraStepperProps>;
 
   /**
-   * A step within a stepper component that displays progress through a multi-step workflow.
+   * Status indicators are dynamic labels that indicate the current state of a mission or project.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The step's caption (optional, only shown in default variant).
+   *  - _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.
-   * - **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).
+   * - **dot** - The colored status dot.
+   * - **label** - The text label.
    */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+  "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
   /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
+   *
    * ### **Slots:**
-   *  - _default_ - The tab panel's content.
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
    *
    * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **close-button** - The close button icon.
    */
-  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
-   *
    * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
+   *  - _default_ - The tab panel's content.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
+   *  - **--padding** - The tab panel's padding. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
    */
-  "terra-tab": DefineComponent<TerraTabProps>;
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
    * Tabs organize content into a container that shows one section at a time.
@@ -3064,6 +3064,13 @@ export type CustomElements = {
    */
   "terra-textarea": DefineComponent<TerraTextareaProps>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
+
   /**
    * A component for visualizing time series data using the GES DISC Giovanni API.
    * ---
@@ -3075,13 +3082,6 @@ export type CustomElements = {
    */
   "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
-
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---