@nasa-terra/components 0.0.145 → 0.0.146

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

@@ -1,11 +1,11 @@
 import type { DefineComponent } from "vue";
 
+import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
-import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
+import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraButtonGroup } from "../../components/button-group/button-group.component.js";
@@ -28,42 +28,54 @@ import type { TerraEarthdataLogin } from "../../components/earthdata-login/earth
 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 { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraLogin } from "../../components/login/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 { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
+import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
-import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraStepper } from "../../components/stepper/stepper.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 { TerraTab } from "../../components/tab/tab.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 { 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 { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.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 */
+  onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
+};
+
 type TerraBadgeProps = {
   /** The badge's theme variant. */
   variant?: TerraBadge["variant"];
@@ -73,14 +85,6 @@ type TerraBadgeProps = {
   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 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. */
@@ -129,18 +133,6 @@ type TerraAvatarProps = {
   onTerraError?: (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 */
-  onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
-};
-
 type TerraBreadcrumbsProps = {
   /** Accessible label for the breadcrumb navigation. */
   "aria-label"?: TerraBreadcrumbs["ariaLabel"];
@@ -148,6 +140,14 @@ type TerraBreadcrumbsProps = {
   theme?: TerraBreadcrumbs["theme"];
 };
 
+type TerraBreadcrumbProps = {
+  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
+  href?: TerraBreadcrumb["href"];
+  /** Indicates that this breadcrumb represents the current page.
+When set, `aria-current="page"` will be applied to the underlying element. */
+  current?: TerraBreadcrumb["current"];
+};
+
 type TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -568,6 +568,10 @@ type TerraDatePickerProps = {
   startPlaceholder?: TerraDatePicker["startPlaceholder"];
   /**  */
   endPlaceholder?: TerraDatePicker["endPlaceholder"];
+  /** The ARIA role for the button. Defaults to 'group'. */
+  role?: TerraDatePicker["role"];
+  /** The ARIA label for the date picker. Defaults to 'Date picker'. */
+  "aria-label"?: TerraDatePicker["ariaLabel"];
   /**  */
   isOpen?: TerraDatePicker["isOpen"];
   /**  */
@@ -889,6 +893,19 @@ ignored by assistive devices. */
   onTerraError?: (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"];
+  /**  */
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
 type TerraLoginProps = {
   /**  */
   "button-label"?: TerraLogin["buttonLabel"];
@@ -907,19 +924,6 @@ You can use the following placeholders:
   onTerraLogin?: (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"];
-  /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -1008,6 +1012,21 @@ type TerraPaginationProps = {
   onTerraPageChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraPlotProps = {
+  /**  */
+  plotTitle?: TerraPlot["plotTitle"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
 type TerraPlotToolbarProps = {
   /**  */
   catalogVariable?: TerraPlotToolbar["catalogVariable"];
@@ -1128,34 +1147,6 @@ active. */
   onTerraReposition?: (e: CustomEvent<never>) => void;
 };
 
-type TerraPlotProps = {
-  /**  */
-  plotTitle?: TerraPlot["plotTitle"];
-  /**  */
-  layout?: TerraPlot["layout"];
-  /**  */
-  config?: TerraPlot["config"];
-  /**  */
-  data?: TerraPlot["data"];
-  /** Optional: Colors to assign to each time series line */
-  colors?: TerraPlot["colors"];
-  /**  */
-  base?: TerraPlot["base"];
-};
-
-type TerraProgressBarProps = {
-  /** The current progress as a percentage, 0 to 100. */
-  value?: TerraProgressBar["value"];
-  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-  indeterminate?: TerraProgressBar["indeterminate"];
-  /** A custom label for assistive devices. */
-  label?: TerraProgressBar["label"];
-  /** The progress bar's theme variant. */
-  variant?: TerraProgressBar["variant"];
-  /**  */
-  title?: TerraProgressBar["title"];
-};
-
 type TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -1196,6 +1187,19 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (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 TerraRadioGroupProps = {
   /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
 instead. */
@@ -1244,6 +1248,11 @@ type TerraScrollHintProps = {
   onTerraScroll?: (e: CustomEvent<never>) => void;
 };
 
+type TerraSiteNavigationProps = {
+  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
+  "full-width"?: TerraSiteNavigation["fullWidth"];
+};
+
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1340,11 +1349,6 @@ type TerraSiteHeaderProps = {
   "site-name"?: TerraSiteHeader["siteName"];
 };
 
-type TerraSiteNavigationProps = {
-  /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
-  "full-width"?: TerraSiteNavigation["fullWidth"];
-};
-
 type TerraSkeletonProps = {
   /**  */
   rows?: TerraSkeleton["rows"];
@@ -1445,13 +1449,6 @@ type TerraStatusIndicatorProps = {
   dark?: TerraStatusIndicator["dark"];
 };
 
-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. */
@@ -1460,6 +1457,13 @@ The condensed variant uses colored bars to represent each step and is useful whe
   defaultSlot?: TerraStepper["defaultSlot"];
 };
 
+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. */
@@ -1643,6 +1647,29 @@ type TerraTimeAverageMapProps = {
   _fetchVariableTask?: TerraTimeAverageMap["_fetchVariableTask"];
 };
 
+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. */
+  onTerraShow?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast opens and all animations are complete. */
+  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  /** Emitted when the toast closes. */
+  onTerraHide?: (e: CustomEvent<never>) => void;
+  /** Emitted after the toast closes and all animations are complete. */
+  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+};
+
 type TerraTimeSeriesProps = {
   /** a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal) */
   "variable-entry-id"?: TerraTimeSeries["variableEntryId"];
@@ -1690,29 +1717,6 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (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. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
-  /** Emitted when the toast closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
-  /** Emitted after the toast closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
-};
-
 type TerraToggleProps = {
   /**  */
   title?: TerraToggle["title"];
@@ -1857,37 +1861,31 @@ When hidden, still presents to screen readers. */
 
 export type CustomElements = {
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * A collapsible content panel for showing and hiding content.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
+   * ### **Events:**
+   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
    *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   * ### **Slots:**
+   *  - _default_ - The default slot for accordion content.
+   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
    */
-  "terra-badge": DefineComponent<TerraBadgeProps>;
+  "terra-accordion": DefineComponent<TerraAccordionProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-breadcrumb-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)_
+   *  - _default_ - The badge's content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **link** - The breadcrumb link element.
-   * - **label** - The breadcrumb label element when not a link.
    */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
    * Alerts are used to display important messages inline or as toast notifications.
@@ -1940,35 +1938,41 @@ export type CustomElements = {
   "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
-   * A collapsible content panel for showing and hiding content.
+   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
    * ---
    *
    *
-   * ### **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 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-accordion": DefineComponent<TerraAccordionProps>;
+  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
-   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *  - _default_ - The default slot.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(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.
-   * - **nav** - The navigation container.
+   * - **link** - The breadcrumb link element.
+   * - **label** - The breadcrumb label element when not a link.
    */
-  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
@@ -2436,16 +2440,6 @@ export type CustomElements = {
    */
   "terra-icon": DefineComponent<TerraIconProps>;
 
-  /**
-   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
-   */
-  "terra-login": DefineComponent<TerraLoginProps>;
-
   /**
    * Loaders are used to indicate there is content that is loading.
    * ---
@@ -2459,6 +2453,16 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
+  /**
+   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   */
+  "terra-login": DefineComponent<TerraLoginProps>;
+
   /**
    * A map component for visualizing and selecting coordinates.
    * ---
@@ -2564,6 +2568,16 @@ export type CustomElements = {
    */
   "terra-pagination": DefineComponent<TerraPaginationProps>;
 
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
+
   /**
    * Short summary of the component's intended use.
    * ---
@@ -2609,37 +2623,6 @@ export type CustomElements = {
    */
   "terra-popup": DefineComponent<TerraPopupProps>;
 
-  /**
-   * A web component for interactive graphs using Plotly.js.
-   * ---
-   *
-   *
-   * ### **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_ - 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>;
-
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
    * ---
@@ -2677,6 +2660,27 @@ export type CustomElements = {
    */
   "terra-radio": DefineComponent<TerraRadioProps>;
 
+  /**
+   * Progress bars are used to show the status of an ongoing operation.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - A label to show inside the progress indicator.
+   *
+   * ### **CSS Properties:**
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
+   */
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+
   /**
    * Radio groups are used to group multiple radio buttons so they function as a single form control.
    * ---
@@ -2734,6 +2738,19 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
+  /**
+   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
+
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2809,19 +2826,6 @@ export type CustomElements = {
    */
   "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
-  /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
-
   /**
    * Skeletons are loading indicators to represent where content will eventually be drawn.
    * ---
@@ -2866,33 +2870,33 @@ export type CustomElements = {
   "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
   /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The tab panel's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
+   *  - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
    */
-  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+  "terra-stepper": DefineComponent<TerraStepperProps>;
 
   /**
-   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.
+   *  - _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-stepper": DefineComponent<TerraStepperProps>;
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
    * A step within a stepper component that displays progress through a multi-step workflow.
@@ -3045,17 +3049,6 @@ export type CustomElements = {
    */
   "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
 
-  /**
-   * A component for visualizing time series data using the GES DISC Giovanni API.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-date-range-change** - Emitted whenever the date range is modified
-   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
-   */
-  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
-
   /**
    * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
    * ---
@@ -3088,6 +3081,17 @@ export type CustomElements = {
    */
   "terra-toast": DefineComponent<TerraToastProps>;
 
+  /**
+   * A component for visualizing time series data using the GES DISC Giovanni API.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-date-range-change** - Emitted whenever the date range is modified
+   * - **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni
+   */
+  "terra-time-series": DefineComponent<TerraTimeSeriesProps>;
+
   /**
    * Switches allow the user to toggle an option on or off.
    * ---