@nasa-terra/components 0.0.149 → 0.0.151

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

@@ -1,10 +1,10 @@
 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 { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
+import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
+import type { TerraAlert } from "../../components/alert/alert.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";
@@ -30,34 +30,34 @@ 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 { 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 { TerraMap } from "../../components/map/map.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 { 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 { 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 { 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 { TerraSlider } from "../../components/slider/slider.component.js";
+import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
+import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
 import type { 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 { 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 { TerraTabs } from "../../components/tabs/tabs.component.js";
+import type { TerraTextarea } from "../../components/textarea/textarea.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";
@@ -76,6 +76,39 @@ type TerraAccordionProps = {
   onTerraAccordionToggle?: (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 TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -108,39 +141,6 @@ 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"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
-
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  onTerraError?: (e: CustomEvent<never>) => void;
-};
-
 type TerraBreadcrumbsProps = {
   /** Accessible label for the breadcrumb navigation. */
   "aria-label"?: TerraBreadcrumbs["ariaLabel"];
@@ -932,6 +932,30 @@ You can use the following placeholders:
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
+type TerraMenuProps = {
+  /**  */
+  defaultSlot?: TerraMenu["defaultSlot"];
+  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
+  onTerraSelect?: (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"];
+  /**  */
+  menuItem?: TerraMenuItem["menuItem"];
+};
+
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -968,30 +992,6 @@ Format: 'west, south, east, north' */
   _mapController?: TerraMap["_mapController"];
 };
 
-type TerraMenuProps = {
-  /**  */
-  defaultSlot?: TerraMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  onTerraSelect?: (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"];
-  /**  */
-  menuItem?: TerraMenuItem["menuItem"];
-};
-
 type TerraPaginationProps = {
   /** The current page number (1-indexed). */
   current?: TerraPagination["current"];
@@ -1006,21 +1006,6 @@ 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 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
@@ -1038,6 +1023,21 @@ multiple values. */
   hasHover?: TerraOption["hasHover"];
 };
 
+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"];
@@ -1265,11 +1265,6 @@ 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"];
@@ -1375,39 +1370,6 @@ type TerraSkeletonProps = {
   variableWidths?: TerraSkeleton["variableWidths"];
 };
 
-type TerraSliderProps = {
-  /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
-  mode?: TerraSlider["mode"];
-  /** The minimum value of the slider. */
-  min?: TerraSlider["min"];
-  /** The maximum value of the slider. */
-  max?: TerraSlider["max"];
-  /** The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps. */
-  step?: TerraSlider["step"];
-  /** Disables the slider. */
-  disabled?: TerraSlider["disabled"];
-  /** Shows tick marks and labels on the slider. */
-  "has-pips"?: TerraSlider["hasPips"];
-  /** Shows tooltips on the slider handles.
-When false (default), selected values are shown in the top right instead. */
-  "has-tooltips"?: TerraSlider["hasTooltips"];
-  /** Shows input fields below the slider for precise value entry. */
-  "show-inputs"?: TerraSlider["showInputs"];
-  /** The current value for single mode sliders. */
-  value?: TerraSlider["value"];
-  /** The start value for range mode sliders. */
-  "start-value"?: TerraSlider["startValue"];
-  /** The end value for range mode sliders. */
-  "end-value"?: TerraSlider["endValue"];
-  /** The label text for the slider. */
-  label?: TerraSlider["label"];
-  /** Hide the slider's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraSlider["hideLabel"];
-  /**  */
-  slider?: TerraSlider["slider"];
-};
-
 type TerraSpatialPickerProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
@@ -1461,6 +1423,51 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
+type TerraSliderProps = {
+  /** The slider mode - either 'single' for one value or 'range' for selecting a range. */
+  mode?: TerraSlider["mode"];
+  /** The minimum value of the slider. */
+  min?: TerraSlider["min"];
+  /** The maximum value of the slider. */
+  max?: TerraSlider["max"];
+  /** The step size for the slider. Use integers (1, 2, 5) for whole numbers or decimals (0.1, 0.2, 0.5) for fractional steps. */
+  step?: TerraSlider["step"];
+  /** Disables the slider. */
+  disabled?: TerraSlider["disabled"];
+  /** Shows tick marks and labels on the slider. */
+  "has-pips"?: TerraSlider["hasPips"];
+  /** Shows tooltips on the slider handles.
+When false (default), selected values are shown in the top right instead. */
+  "has-tooltips"?: TerraSlider["hasTooltips"];
+  /** Shows input fields below the slider for precise value entry. */
+  "show-inputs"?: TerraSlider["showInputs"];
+  /** The current value for single mode sliders. */
+  value?: TerraSlider["value"];
+  /** The start value for range mode sliders. */
+  "start-value"?: TerraSlider["startValue"];
+  /** The end value for range mode sliders. */
+  "end-value"?: TerraSlider["endValue"];
+  /** The label text for the slider. */
+  label?: TerraSlider["label"];
+  /** Hide the slider's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraSlider["hideLabel"];
+  /**  */
+  slider?: TerraSlider["slider"];
+};
+
+type TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
+};
+
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
+};
+
 type TerraStepperStepProps = {
   /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
 and "upcoming" shows the step as not yet reached. */
@@ -1471,6 +1478,13 @@ 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. */
@@ -1479,13 +1493,6 @@ 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 TerraTabProps = {
   /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
   panel?: TerraTab["panel"];
@@ -1503,39 +1510,6 @@ 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"];
-  /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
-manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
-  activation?: TerraTabs["activation"];
-  /** Disables the scroll arrows that appear when tabs overflow. */
-  "no-scroll-controls"?: TerraTabs["noScrollControls"];
-  /** Prevent scroll buttons from being hidden when inactive. */
-  "fixed-scroll-controls"?: TerraTabs["fixedScrollControls"];
-  /** The size of the tabs. Can be overridden by individual tab components. */
-  size?: TerraTabs["size"];
-  /**  */
-  tabsElement?: TerraTabs["tabsElement"];
-  /**  */
-  body?: TerraTabs["body"];
-  /**  */
-  nav?: TerraTabs["nav"];
-  /**  */
-  indicator?: TerraTabs["indicator"];
-  /** Emitted when a tab is shown. */
-  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
-  /** Emitted when a tab is hidden. */
-  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
-};
-
 type TerraTagProps = {
   /** The tag variant. Determines the styling and behavior. */
   variant?: TerraTag["variant"];
@@ -1556,63 +1530,6 @@ type TerraTagProps = {
   onTerraClick?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTextareaProps = {
-  /**  */
-  name?: TerraTextarea["name"];
-  /**  */
-  value?: TerraTextarea["value"];
-  /**  */
-  placeholder?: TerraTextarea["placeholder"];
-  /**  */
-  disabled?: TerraTextarea["disabled"];
-  /**  */
-  readonly?: TerraTextarea["readonly"];
-  /**  */
-  required?: TerraTextarea["required"];
-  /**  */
-  autocomplete?: TerraTextarea["autocomplete"];
-  /**  */
-  minlength?: TerraTextarea["minlength"];
-  /**  */
-  maxlength?: TerraTextarea["maxlength"];
-  /**  */
-  rows?: TerraTextarea["rows"];
-  /**  */
-  cols?: TerraTextarea["cols"];
-  /**  */
-  label?: TerraTextarea["label"];
-  /**  */
-  "hide-label"?: TerraTextarea["hideLabel"];
-  /**  */
-  "help-text"?: TerraTextarea["helpText"];
-  /**  */
-  resize?: TerraTextarea["resize"];
-  /** 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?: TerraTextarea["form"];
-  /**  */
-  textarea?: TerraTextarea["textarea"];
-  /**  */
-  hasFocus?: TerraTextarea["hasFocus"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultValue?: TerraTextarea["defaultValue"];
-  /** Gets the validity state object */
-  validity?: TerraTextarea["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraTextarea["validationMessage"];
-  /** Emitted when the textarea receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
-  /** Emitted when an alteration to the control's value is committed by the user. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the textarea gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
-  /** Emitted when the textarea loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
-  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTimeAverageMapProps = {
   /**  */
   collection?: TerraTimeAverageMap["collection"];
@@ -1719,6 +1636,89 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTabsProps = {
+  /** The placement of the tabs. */
+  placement?: TerraTabs["placement"];
+  /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
+manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
+  activation?: TerraTabs["activation"];
+  /** Disables the scroll arrows that appear when tabs overflow. */
+  "no-scroll-controls"?: TerraTabs["noScrollControls"];
+  /** Prevent scroll buttons from being hidden when inactive. */
+  "fixed-scroll-controls"?: TerraTabs["fixedScrollControls"];
+  /** The size of the tabs. Can be overridden by individual tab components. */
+  size?: TerraTabs["size"];
+  /**  */
+  tabsElement?: TerraTabs["tabsElement"];
+  /**  */
+  body?: TerraTabs["body"];
+  /**  */
+  nav?: TerraTabs["nav"];
+  /**  */
+  indicator?: TerraTabs["indicator"];
+  /** Emitted when a tab is shown. */
+  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
+  /** Emitted when a tab is hidden. */
+  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
+};
+
+type TerraTextareaProps = {
+  /**  */
+  name?: TerraTextarea["name"];
+  /**  */
+  value?: TerraTextarea["value"];
+  /**  */
+  placeholder?: TerraTextarea["placeholder"];
+  /**  */
+  disabled?: TerraTextarea["disabled"];
+  /**  */
+  readonly?: TerraTextarea["readonly"];
+  /**  */
+  required?: TerraTextarea["required"];
+  /**  */
+  autocomplete?: TerraTextarea["autocomplete"];
+  /**  */
+  minlength?: TerraTextarea["minlength"];
+  /**  */
+  maxlength?: TerraTextarea["maxlength"];
+  /**  */
+  rows?: TerraTextarea["rows"];
+  /**  */
+  cols?: TerraTextarea["cols"];
+  /**  */
+  label?: TerraTextarea["label"];
+  /**  */
+  "hide-label"?: TerraTextarea["hideLabel"];
+  /**  */
+  "help-text"?: TerraTextarea["helpText"];
+  /**  */
+  resize?: TerraTextarea["resize"];
+  /** 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?: TerraTextarea["form"];
+  /**  */
+  textarea?: TerraTextarea["textarea"];
+  /**  */
+  hasFocus?: TerraTextarea["hasFocus"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultValue?: TerraTextarea["defaultValue"];
+  /** Gets the validity state object */
+  validity?: TerraTextarea["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraTextarea["validationMessage"];
+  /** Emitted when the textarea receives input. */
+  onTerraInput?: (e: CustomEvent<never>) => void;
+  /** Emitted when an alteration to the control's value is committed by the user. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the textarea gains focus. */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
+  /** Emitted when the textarea loses focus. */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
+  onTerraInvalid?: (e: CustomEvent<never>) => void;
+};
+
 type TerraToastProps = {
   /** The toast's theme variant. */
   variant?: TerraToast["variant"];
@@ -1900,32 +1900,17 @@ export type CustomElements = {
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
   /**
-   * Alerts are used to display important messages inline or as toast notifications.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
-   * ### **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.
-   *
-   * ### **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.
+   *  - _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 alert's main content.
    */
-  "terra-alert": DefineComponent<TerraAlertProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.
@@ -1947,19 +1932,6 @@ export type CustomElements = {
    */
   "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
-  /**
-   * Badges are used to draw attention and display statuses or counts.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-badge": DefineComponent<TerraBadgeProps>;
-
   /**
    * Avatars are used to represent a person or object.
    * ---
@@ -1982,6 +1954,34 @@ export type CustomElements = {
    */
   "terra-avatar": DefineComponent<TerraAvatarProps>;
 
+  /**
+   * Alerts are used to display important messages inline or as toast notifications.
+   * ---
+   *
+   *
+   * ### **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.
+   *
+   * ### **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.
+   * - **icon** - The container that wraps the optional icon.
+   * - **message** - The container that wraps the alert's main content.
+   */
+  "terra-alert": DefineComponent<TerraAlertProps>;
+
   /**
    * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
    * ---
@@ -2485,13 +2485,6 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
-  /**
-   * A map component for visualizing and selecting coordinates.
-   * ---
-   *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
   /**
    * Menus provide a list of options for the user to choose from.
    * ---
@@ -2534,6 +2527,13 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Pagination is a navigational element that allows users to navigate between content or pages.
    * ---
@@ -2565,16 +2565,6 @@ 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>;
-
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -2600,6 +2590,16 @@ export type CustomElements = {
    */
   "terra-option": DefineComponent<TerraOptionProps>;
 
+  /**
+   * 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.
    * ---
@@ -2760,25 +2760,6 @@ 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.
    * ---
@@ -2855,13 +2836,6 @@ export type CustomElements = {
    */
   "terra-skeleton": DefineComponent<TerraSkeletonProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-slider": DefineComponent<TerraSliderProps>;
-
   /**
    * A component that allows input of coordinates and rendering of map.
    * ---
@@ -2870,35 +2844,30 @@ export type CustomElements = {
   "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
   /**
-   * 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).
    */
-  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
+  "terra-slider": DefineComponent<TerraSliderProps>;
 
   /**
-   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
+   * Site headers provide a consistent navigation structure at the top of pages.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.
+   *  - **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-stepper": DefineComponent<TerraStepperProps>;
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
@@ -2923,24 +2892,22 @@ export type CustomElements = {
   "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
   /**
-   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
-   *
    * ### **Slots:**
-   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
+   *  - _default_ - The step's caption (optional, only shown in default variant).
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **close-button** - The close button icon.
+   * - **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-tab": DefineComponent<TerraTabProps>;
+  "terra-stepper-step": DefineComponent<TerraStepperStepProps>;
 
   /**
    * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
@@ -2959,37 +2926,37 @@ export type CustomElements = {
   "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
   /**
-   * Tabs organize content into a container that shows one section at a time.
+   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-tab-show** - Emitted when a tab is shown.
-   * - **terra-tab-hide** - Emitted when a tab is hidden.
+   * ### **Slots:**
+   *  - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-stepper": DefineComponent<TerraStepperProps>;
+
+  /**
+   * Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
+   * ---
    *
-   * ### **Methods:**
-   *  - **show(panel: _string_)** - Shows the specified tab panel.
+   *
+   * ### **Events:**
+   *  - **terra-close** - Emitted when the tab is closable and the close button is activated.
    *
    * ### **Slots:**
-   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
-   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
+   *  - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
-   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
-   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   *  - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **nav** - The tabs' navigation container where tabs are slotted in.
-   * - **tabs** - The container that wraps the tabs.
-   * - **active-tab-indicator** - The line that highlights the currently selected tab.
-   * - **body** - The tabs' body where tab panels are slotted in.
-   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
-   * - **scroll-button--start** - The starting scroll button.
-   * - **scroll-button--end** - The ending scroll button.
+   * - **close-button** - The close button icon.
    */
-  "terra-tabs": DefineComponent<TerraTabsProps>;
+  "terra-tab": DefineComponent<TerraTabProps>;
 
   /**
    * Tags are simple labels that help categorize items.
@@ -3035,6 +3002,57 @@ export type CustomElements = {
    */
   "terra-tag": DefineComponent<TerraTagProps>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "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>;
+
+  /**
+   * Tabs organize content into a container that shows one section at a time.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-tab-show** - Emitted when a tab is shown.
+   * - **terra-tab-hide** - Emitted when a tab is hidden.
+   *
+   * ### **Methods:**
+   *  - **show(panel: _string_)** - Shows the specified tab panel.
+   *
+   * ### **Slots:**
+   *  - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.
+   * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
+   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **nav** - The tabs' navigation container where tabs are slotted in.
+   * - **tabs** - The container that wraps the tabs.
+   * - **active-tab-indicator** - The line that highlights the currently selected tab.
+   * - **body** - The tabs' body where tab panels are slotted in.
+   * - **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.
+   * - **scroll-button--start** - The starting scroll button.
+   * - **scroll-button--end** - The ending scroll button.
+   */
+  "terra-tabs": DefineComponent<TerraTabsProps>;
+
   /**
    * A textarea component with consistent styling across the design system.
    * ---
@@ -3064,24 +3082,6 @@ 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.
-   * ---
-   *
-   *
-   * ### **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.
    * ---