@nasa-terra/components 0.0.138 → 0.0.139

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

@@ -2,10 +2,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 { 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 { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
-import type { TerraAvatar } from "../../components/avatar/avatar.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";
@@ -26,43 +26,43 @@ import type { TerraDivider } from "../../components/divider/divider.component.js
 import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
 import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
 import type { 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 { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
-import type { TerraInput } from "../../components/input/input.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 { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
-import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraPopup } from "../../components/popup/popup.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 { TerraRadio } from "../../components/radio/radio.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 { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
-import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.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 { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
-import type { TerraStepper } from "../../components/stepper/stepper.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 { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
+import type { 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";
-import type { TerraToast } from "../../components/toast/toast.component.js";
-import type { TerraToggle } from "../../components/toggle/toggle.component.js";
 
 type TerraAccordionProps = {
   /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
@@ -108,6 +108,22 @@ Typically used to indicate the remaining time before a whole app refresh. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
 type TerraBadgeProps = {
   /** The badge's theme variant. */
   variant?: TerraBadge["variant"];
@@ -132,22 +148,6 @@ type TerraBreadcrumbsProps = {
   theme?: TerraBreadcrumbs["theme"];
 };
 
-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 TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -219,6 +219,8 @@ value of this attribute must be an id of a form in the same document or shadow r
   formtarget?: TerraButton["formTarget"];
   /** Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity */
   "for-dialog"?: TerraButton["forDialog"];
+  /** The ARIA role for the button. Defaults to 'button'. */
+  role?: TerraButton["role"];
   /**  */
   button?: TerraButton["button"];
   /**  */
@@ -229,6 +231,10 @@ value of this attribute must be an id of a form in the same document or shadow r
   validity?: TerraButton["validity"];
   /** Gets the validation message */
   validationMessage?: TerraButton["validationMessage"];
+  /** emitted when the button is blurred */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+  /** emitted when the button is focused */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
 };
 
 type TerraButtonGroupProps = {
@@ -296,6 +302,9 @@ type TerraChipProps = {
   closeable?: TerraChip["closeable"];
   /** When true, chips will stack vertically instead of sitting side by side. */
   stack?: TerraChip["stack"];
+
+  /** emitted when the chip's close button is clicked */
+  onTerraRemove?: (e: CustomEvent<never>) => void;
 };
 
 type TerraComboboxProps = {
@@ -760,6 +769,103 @@ type TerraFileUploadProps = {
   onTerraBlur?: (e: CustomEvent<never>) => void;
 };
 
+type TerraInputProps = {
+  /**  */
+  title?: TerraInput["title"];
+  /**  */
+  type?: TerraInput["type"];
+  /**  */
+  name?: TerraInput["name"];
+  /**  */
+  value?: TerraInput["value"];
+  /**  */
+  placeholder?: TerraInput["placeholder"];
+  /**  */
+  size?: TerraInput["size"];
+  /**  */
+  filled?: TerraInput["filled"];
+  /**  */
+  pill?: TerraInput["pill"];
+  /**  */
+  disabled?: TerraInput["disabled"];
+  /**  */
+  readonly?: TerraInput["readonly"];
+  /**  */
+  required?: TerraInput["required"];
+  /**  */
+  autocomplete?: TerraInput["autocomplete"];
+  /**  */
+  minlength?: TerraInput["minlength"];
+  /**  */
+  maxlength?: TerraInput["maxlength"];
+  /**  */
+  min?: TerraInput["min"];
+  /**  */
+  max?: TerraInput["max"];
+  /**  */
+  step?: TerraInput["step"];
+  /**  */
+  pattern?: TerraInput["pattern"];
+  /**  */
+  "input-mode"?: TerraInput["inputMode"];
+  /**  */
+  label?: TerraInput["label"];
+  /**  */
+  "hide-label"?: TerraInput["hideLabel"];
+  /**  */
+  "help-text"?: TerraInput["helpText"];
+  /**  */
+  "error-text"?: TerraInput["errorText"];
+  /**  */
+  clearable?: TerraInput["clearable"];
+  /**  */
+  "password-toggle"?: TerraInput["passwordToggle"];
+  /**  */
+  "password-visible"?: TerraInput["passwordVisible"];
+  /**  */
+  "no-spin-buttons"?: TerraInput["noSpinButtons"];
+  /**  */
+  autofocus?: TerraInput["autofocus"];
+  /**  */
+  enterkeyhint?: TerraInput["enterkeyhint"];
+  /**  */
+  spellcheck?: TerraInput["spellcheck"];
+  /** When true, shows a reset icon in the suffix that clears the input value when clicked.
+The input will be reset to its `defaultValue` (or empty string if no defaultValue is set). */
+  resettable?: TerraInput["resettable"];
+  /** 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?: TerraInput["form"];
+  /**  */
+  input?: TerraInput["input"];
+  /**  */
+  hasFocus?: TerraInput["hasFocus"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultValue?: TerraInput["defaultValue"];
+  /** Gets the validity state object */
+  validity?: TerraInput["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraInput["validationMessage"];
+  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.
+This will use the native `<input type="{{type}}">` implementation and may result in an error. */
+  valueAsDate?: TerraInput["valueAsDate"];
+  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
+  valueAsNumber?: TerraInput["valueAsNumber"];
+  /** Emitted when the input 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 control gains focus. */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control 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;
+  /** Emitted when the clear button is activated. */
+  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"];
@@ -783,6 +889,17 @@ 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"];
+  /**  */
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
 type TerraLoginProps = {
   /**  */
   "button-label"?: TerraLogin["buttonLabel"];
@@ -801,17 +918,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"];
-  /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -831,6 +937,8 @@ type TerraMapProps = {
   "hide-point-selection"?: TerraMap["hidePointSelection"];
   /**  */
   staticMode?: TerraMap["staticMode"];
+  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  "no-world-wrap"?: TerraMap["noWorldWrap"];
   /**  */
   value?: TerraMap["value"];
   /**  */
@@ -843,6 +951,13 @@ type TerraMapProps = {
   _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"];
@@ -860,181 +975,77 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-type TerraMenuProps = {
+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?: TerraMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  onTerraSelect?: (e: CustomEvent<never>) => void;
+  defaultSlot?: TerraOption["defaultSlot"];
+  /**  */
+  current?: TerraOption["current"];
+  /**  */
+  selected?: TerraOption["selected"];
+  /**  */
+  hasHover?: TerraOption["hasHover"];
 };
 
-type TerraInputProps = {
+type TerraPaginationProps = {
+  /** The current page number (1-indexed). */
+  current?: TerraPagination["current"];
+  /** The total number of pages. */
+  total?: TerraPagination["total"];
+  /** The pagination variant. */
+  variant?: TerraPagination["variant"];
+  /** Whether the pagination is centered. */
+  centered?: TerraPagination["centered"];
+
+  /** Emitted when the page changes. */
+  onTerraPageChange?: (e: CustomEvent<never>) => void;
+};
+
+type TerraPlotProps = {
   /**  */
-  title?: TerraInput["title"];
+  plotTitle?: TerraPlot["plotTitle"];
   /**  */
-  type?: TerraInput["type"];
+  layout?: TerraPlot["layout"];
   /**  */
-  name?: TerraInput["name"];
+  config?: TerraPlot["config"];
   /**  */
-  value?: TerraInput["value"];
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
   /**  */
-  placeholder?: TerraInput["placeholder"];
+  base?: TerraPlot["base"];
+};
+
+type TerraPlotToolbarProps = {
   /**  */
-  size?: TerraInput["size"];
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
   /**  */
-  filled?: TerraInput["filled"];
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
   /**  */
-  pill?: TerraInput["pill"];
+  plot?: TerraPlotToolbar["plot"];
   /**  */
-  disabled?: TerraInput["disabled"];
+  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
   /**  */
-  readonly?: TerraInput["readonly"];
+  location?: TerraPlotToolbar["location"];
   /**  */
-  required?: TerraInput["required"];
+  startDate?: TerraPlotToolbar["startDate"];
   /**  */
-  autocomplete?: TerraInput["autocomplete"];
+  endDate?: TerraPlotToolbar["endDate"];
   /**  */
-  minlength?: TerraInput["minlength"];
+  cacheKey?: TerraPlotToolbar["cacheKey"];
   /**  */
-  maxlength?: TerraInput["maxlength"];
+  dataType?: TerraPlotToolbar["dataType"];
   /**  */
-  min?: TerraInput["min"];
+  "show-location"?: TerraPlotToolbar["showLocation"];
   /**  */
-  max?: TerraInput["max"];
+  "show-date-range"?: TerraPlotToolbar["showDateRange"];
   /**  */
-  step?: TerraInput["step"];
-  /**  */
-  pattern?: TerraInput["pattern"];
-  /**  */
-  "input-mode"?: TerraInput["inputMode"];
-  /**  */
-  label?: TerraInput["label"];
-  /**  */
-  "hide-label"?: TerraInput["hideLabel"];
-  /**  */
-  "help-text"?: TerraInput["helpText"];
-  /**  */
-  "error-text"?: TerraInput["errorText"];
-  /**  */
-  clearable?: TerraInput["clearable"];
-  /**  */
-  "password-toggle"?: TerraInput["passwordToggle"];
-  /**  */
-  "password-visible"?: TerraInput["passwordVisible"];
-  /**  */
-  "no-spin-buttons"?: TerraInput["noSpinButtons"];
-  /**  */
-  autofocus?: TerraInput["autofocus"];
-  /**  */
-  enterkeyhint?: TerraInput["enterkeyhint"];
-  /**  */
-  spellcheck?: TerraInput["spellcheck"];
-  /** When true, shows a reset icon in the suffix that clears the input value when clicked.
-The input will be reset to its `defaultValue` (or empty string if no defaultValue is set). */
-  resettable?: TerraInput["resettable"];
-  /** 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?: TerraInput["form"];
-  /**  */
-  input?: TerraInput["input"];
-  /**  */
-  hasFocus?: TerraInput["hasFocus"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultValue?: TerraInput["defaultValue"];
-  /** Gets the validity state object */
-  validity?: TerraInput["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraInput["validationMessage"];
-  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.
-This will use the native `<input type="{{type}}">` implementation and may result in an error. */
-  valueAsDate?: TerraInput["valueAsDate"];
-  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
-  valueAsNumber?: TerraInput["valueAsNumber"];
-  /** Emitted when the input 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 control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control 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;
-  /** Emitted when the clear button is activated. */
-  onTerraClear?: (e: CustomEvent<never>) => void;
-};
-
-type TerraOptionProps = {
-  /** The option's value. When selected, the containing form control will receive this value. The value must be unique
-from other options in the same group. 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"];
-  /** The total number of pages. */
-  total?: TerraPagination["total"];
-  /** The pagination variant. */
-  variant?: TerraPagination["variant"];
-  /** Whether the pagination is centered. */
-  centered?: TerraPagination["centered"];
-
-  /** Emitted when the page changes. */
-  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"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
+  colormaps?: TerraPlotToolbar["colormaps"];
   /**  */
   "color-map-name"?: TerraPlotToolbar["colorMapName"];
   /**  */
@@ -1055,59 +1066,6 @@ type TerraPlotToolbarProps = {
   _authController?: TerraPlotToolbar["_authController"];
 };
 
-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"];
-  /** The name of the radio, submitted as a name/value pair with form data. */
-  name?: TerraRadio["name"];
-  /** The radio's value. When selected, the radio group will receive this value. */
-  value?: TerraRadio["value"];
-  /** The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
-attribute can typically be omitted. */
-  size?: TerraRadio["size"];
-  /** Disables the radio. */
-  disabled?: TerraRadio["disabled"];
-  /** Draws the radio in a checked state. */
-  checked?: TerraRadio["checked"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: TerraRadio["form"];
-  /** Makes the radio a required field. */
-  required?: TerraRadio["required"];
-  /**  */
-  input?: TerraRadio["input"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultChecked?: TerraRadio["defaultChecked"];
-  /** Gets the validity state object */
-  validity?: TerraRadio["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraRadio["validationMessage"];
-  /** Emitted when the radio loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
-  /** Emitted when the checked state changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
-  /** Emitted when the radio receives input. */
-  onTerraInput?: (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 TerraPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -1183,6 +1141,19 @@ active. */
   onTerraReposition?: (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. */
@@ -1219,6 +1190,58 @@ the same document or shadow root for this to work. */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
+type TerraRadioProps = {
+  /**  */
+  title?: TerraRadio["title"];
+  /** The name of the radio, submitted as a name/value pair with form data. */
+  name?: TerraRadio["name"];
+  /** The radio's value. When selected, the radio group will receive this value. */
+  value?: TerraRadio["value"];
+  /** The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
+attribute can typically be omitted. */
+  size?: TerraRadio["size"];
+  /** Disables the radio. */
+  disabled?: TerraRadio["disabled"];
+  /** Draws the radio in a checked state. */
+  checked?: TerraRadio["checked"];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  form?: TerraRadio["form"];
+  /** Makes the radio a required field. */
+  required?: TerraRadio["required"];
+  /**  */
+  input?: TerraRadio["input"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultChecked?: TerraRadio["defaultChecked"];
+  /** Gets the validity state object */
+  validity?: TerraRadio["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraRadio["validationMessage"];
+  /** Emitted when the radio loses focus. */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+  /** Emitted when the checked state changes. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the radio gains focus. */
+  onTerraFocus?: (e: CustomEvent<never>) => void;
+  /** Emitted when the radio receives input. */
+  onTerraInput?: (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 TerraScrollHintProps = {
+  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
+  inline?: TerraScrollHint["inline"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraScrollHint["dark"];
+  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
+  inactivityDelay?: TerraScrollHint["inactivityDelay"];
+
+  /** Emitted when the scroll hint is clicked and scrolling begins. */
+  onTerraScroll?: (e: CustomEvent<never>) => void;
+};
+
 type TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1320,18 +1343,6 @@ type TerraSiteNavigationProps = {
   "full-width"?: TerraSiteNavigation["fullWidth"];
 };
 
-type TerraScrollHintProps = {
-  /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
-  inline?: TerraScrollHint["inline"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraScrollHint["dark"];
-  /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
-  inactivityDelay?: TerraScrollHint["inactivityDelay"];
-
-  /** Emitted when the scroll hint is clicked and scrolling begins. */
-  onTerraScroll?: (e: CustomEvent<never>) => void;
-};
-
 type TerraSkeletonProps = {
   /**  */
   rows?: TerraSkeleton["rows"];
@@ -1402,6 +1413,8 @@ When hidden, still presents to screen readers. */
   "spatial-constraints"?: TerraSpatialPicker["spatialConstraints"];
   /**  */
   "is-expanded"?: TerraSpatialPicker["isExpanded"];
+  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  "no-world-wrap"?: TerraSpatialPicker["noWorldWrap"];
   /** Whether the map should be shown inline, or as part of the normal content flow
 the default is false, the map is positioned absolute under the input */
   inline?: TerraSpatialPicker["inline"];
@@ -1430,6 +1443,14 @@ type TerraStatusIndicatorProps = {
   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. */
@@ -1464,14 +1485,6 @@ type TerraTabPanelProps = {
   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 TerraTabsProps = {
   /** The placement of the tabs. */
   placement?: TerraTabs["placement"];
@@ -1498,26 +1511,6 @@ manual, the tab will receive focus but will not show until the user presses spac
   onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
 };
 
-type TerraTagProps = {
-  /** The tag variant. Determines the styling and behavior. */
-  variant?: TerraTag["variant"];
-  /** The size of the tag. */
-  size?: TerraTag["size"];
-  /** The icon name for content tags. Used with the default icon library. */
-  icon?: TerraTag["icon"];
-  /** The icon library to use for content tags. */
-  iconLibrary?: TerraTag["iconLibrary"];
-  /** When true, tags will stack vertically instead of sitting side by side. */
-  stack?: TerraTag["stack"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraTag["dark"];
-  /** The href for topic tags. If provided, the tag will be rendered as a link. */
-  href?: TerraTag["href"];
-
-  /** Emitted when a topic tag is clicked (unless href is provided). */
-  onTerraClick?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1628,6 +1621,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"];
@@ -1675,6 +1691,67 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTagProps = {
+  /** The tag variant. Determines the styling and behavior. */
+  variant?: TerraTag["variant"];
+  /** The size of the tag. */
+  size?: TerraTag["size"];
+  /** The icon name for content tags. Used with the default icon library. */
+  icon?: TerraTag["icon"];
+  /** The icon library to use for content tags. */
+  iconLibrary?: TerraTag["iconLibrary"];
+  /** When true, tags will stack vertically instead of sitting side by side. */
+  stack?: TerraTag["stack"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraTag["dark"];
+  /** The href for topic tags. If provided, the tag will be rendered as a link. */
+  href?: TerraTag["href"];
+
+  /** Emitted when a topic tag is clicked (unless href is provided). */
+  onTerraClick?: (e: CustomEvent<never>) => void;
+};
+
+type TerraToggleProps = {
+  /**  */
+  title?: TerraToggle["title"];
+  /** The name of the switch, submitted as a name/value pair with form data. */
+  name?: TerraToggle["name"];
+  /** The current value of the switch, submitted as a name/value pair with form data. */
+  value?: TerraToggle["value"];
+  /** The switch's size. */
+  size?: TerraToggle["size"];
+  /** Disables the switch. */
+  disabled?: TerraToggle["disabled"];
+  /** Draws the switch in a checked state. */
+  checked?: TerraToggle["checked"];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  form?: TerraToggle["form"];
+  /** Makes the switch a required field. */
+  required?: TerraToggle["required"];
+  /** The switch's help text. If you need to display HTML, use the `help-text` slot instead. */
+  "help-text"?: TerraToggle["helpText"];
+  /**  */
+  input?: TerraToggle["input"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultChecked?: TerraToggle["defaultChecked"];
+  /** Gets the validity state object */
+  validity?: TerraToggle["validity"];
+  /** Gets the validation message */
+  validationMessage?: TerraToggle["validationMessage"];
+  /** Emitted when the control loses focus. */
+  onTerraBlur?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control's checked state changes. */
+  onTerraChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control receives input. */
+  onTerraInput?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control gains focus. */
+  onTerraFocus?: (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 TerraTooltipProps = {
   /** The tooltip or popover content. If you need to display HTML, use the `content` slot instead. */
   content?: TerraTooltip["content"];
@@ -1776,70 +1853,6 @@ When hidden, still presents to screen readers. */
   onTerraSearch?: (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"];
-  /** The name of the switch, submitted as a name/value pair with form data. */
-  name?: TerraToggle["name"];
-  /** The current value of the switch, submitted as a name/value pair with form data. */
-  value?: TerraToggle["value"];
-  /** The switch's size. */
-  size?: TerraToggle["size"];
-  /** Disables the switch. */
-  disabled?: TerraToggle["disabled"];
-  /** Draws the switch in a checked state. */
-  checked?: TerraToggle["checked"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: TerraToggle["form"];
-  /** Makes the switch a required field. */
-  required?: TerraToggle["required"];
-  /** The switch's help text. If you need to display HTML, use the `help-text` slot instead. */
-  "help-text"?: TerraToggle["helpText"];
-  /**  */
-  input?: TerraToggle["input"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultChecked?: TerraToggle["defaultChecked"];
-  /** Gets the validity state object */
-  validity?: TerraToggle["validity"];
-  /** Gets the validation message */
-  validationMessage?: TerraToggle["validationMessage"];
-  /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control's checked state changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control gains focus. */
-  onTerraFocus?: (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;
-};
-
 export type CustomElements = {
   /**
    * A collapsible content panel for showing and hiding content.
@@ -1883,6 +1896,28 @@ export type CustomElements = {
    */
   "terra-alert": DefineComponent<TerraAlertProps>;
 
+  /**
+   * Avatars are used to represent a person or object.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
+   * ### **Slots:**
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   */
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
+
   /**
    * Badges are used to draw attention and display statuses or counts.
    * ---
@@ -1928,32 +1963,10 @@ export type CustomElements = {
    *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
-   */
-  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
-
-  /**
-   * Avatars are used to represent a person or object.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
-   * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   *  - **base** - The component's base wrapper.
+   * - **nav** - The navigation container.
    */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
+  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
@@ -1967,6 +1980,10 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-blur** - emitted when the button is blurred
+   * - **terra-focus** - emitted when the button is focused
+   *
    * ### **Methods:**
    *  - **click()** - Simulates a click on the button.
    * - **focus(options: _FocusOptions_)** - Sets focus on the button.
@@ -2094,6 +2111,9 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-remove** - emitted when the chip's close button is clicked
+   *
    * ### **Slots:**
    *  - _default_ - The chip's label.
    *
@@ -2357,28 +2377,62 @@ export type CustomElements = {
   "terra-file-upload": DefineComponent<TerraFileUploadProps>;
 
   /**
-   * Icons are symbols that can be used to represent various options within an application.
+   * A text input component with consistent styling across the design system.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   *  - **terra-input** - Emitted when the input receives input.
+   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
+   * - **terra-focus** - Emitted when the control gains focus.
+   * - **terra-blur** - Emitted when the control loses focus.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   * - **terra-clear** - Emitted when the clear button is activated.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   * - **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.
+   * - **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).
+   * - **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.
+   * - **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.
+   *
+   * ### **Slots:**
+   *  - **prefix** - Used to prepend content (like an icon) to the input.
+   * - **suffix** - Used to append content (like an icon) to the input. When `clearable` or `resettable` is true, this slot is overridden.
+   * - **clear-icon** - An icon to use in lieu of the default clear icon.
+   * - **show-password-icon** - An icon to use in lieu of the default show password icon.
+   * - **hide-password-icon** - An icon to use in lieu of the default hide password icon.
+   * - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
    *
    * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
+   *  - **base** - The component's base wrapper.
+   * - **input** - The internal input control.
+   * - **prefix** - The container for prefix content.
+   * - **suffix** - The container for suffix content.
+   * - **clear-button** - The clear button.
+   * - **password-toggle-button** - The password toggle button.
+   * - **form-control-help-text** - The help text's wrapper.
+   * - **form-control-error-text** - The error text's wrapper.
    */
-  "terra-icon": DefineComponent<TerraIconProps>;
+  "terra-input": DefineComponent<TerraInputProps>;
 
   /**
-   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * Icons are symbols that can be used to represent various options within an application.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   *  - **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-login": DefineComponent<TerraLoginProps>;
+  "terra-icon": DefineComponent<TerraIconProps>;
 
   /**
    * Loaders are used to indicate there is content that is loading.
@@ -2393,6 +2447,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.
    * ---
@@ -2400,6 +2464,19 @@ export type CustomElements = {
    */
   "terra-map": DefineComponent<TerraMapProps>;
 
+  /**
+   * Menus provide a list of options for the user to choose from.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
+   *
+   * ### **Slots:**
+   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
+   */
+  "terra-menu": DefineComponent<TerraMenuProps>;
+
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2429,63 +2506,6 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
-  /**
-   * Menus provide a list of options for the user to choose from.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
-   *
-   * ### **Slots:**
-   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
-   */
-  "terra-menu": DefineComponent<TerraMenuProps>;
-
-  /**
-   * A text input component with consistent styling across the design system.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-input** - Emitted when the input receives input.
-   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
-   * - **terra-focus** - Emitted when the control gains focus.
-   * - **terra-blur** - Emitted when the control loses focus.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   * - **terra-clear** - Emitted when the clear button is activated.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   * - **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.
-   * - **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).
-   * - **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.
-   * - **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.
-   *
-   * ### **Slots:**
-   *  - **prefix** - Used to prepend content (like an icon) to the input.
-   * - **suffix** - Used to append content (like an icon) to the input. When `clearable` or `resettable` is true, this slot is overridden.
-   * - **clear-icon** - An icon to use in lieu of the default clear icon.
-   * - **show-password-icon** - An icon to use in lieu of the default show password icon.
-   * - **hide-password-icon** - An icon to use in lieu of the default hide password icon.
-   * - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **input** - The internal input control.
-   * - **prefix** - The container for prefix content.
-   * - **suffix** - The container for suffix content.
-   * - **clear-button** - The clear button.
-   * - **password-toggle-button** - The password toggle button.
-   * - **form-control-help-text** - The help text's wrapper.
-   * - **form-control-error-text** - The error text's wrapper.
-   */
-  "terra-input": DefineComponent<TerraInputProps>;
-
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -2569,6 +2589,34 @@ export type CustomElements = {
    */
   "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
+  /**
+   * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.
+   *
+   * ### **Methods:**
+   *  - **reposition()** - Forces the popup to recalculate and reposition itself.
+   *
+   * ### **Slots:**
+   *  - _default_ - The popup's content.
+   * - **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.
+   *
+   * ### **CSS Properties:**
+   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
+   * - **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_
+   * - **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
+   * - **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.
+   * - **popup** - The popup's container. Useful for setting a background color, box shadow, etc.
+   * - **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.
+   */
+  "terra-popup": DefineComponent<TerraPopupProps>;
+
   /**
    * Progress bars are used to show the status of an ongoing operation.
    * ---
@@ -2590,6 +2638,39 @@ export type CustomElements = {
    */
   "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
 
+  /**
+   * Radio groups are used to group multiple radio buttons so they function as a single form control.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-change** - Emitted when the radio group's selected value changes.
+   * - **terra-input** - Emitted when the radio group receives user input.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
+   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
+   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **form-control** - The form control that wraps the label, input, and help text.
+   * - **form-control-label** - The label's wrapper.
+   * - **form-control-input** - The input's wrapper.
+   * - **form-control-help-text** - The help text's wrapper.
+   */
+  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
+
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
    * ---
@@ -2628,65 +2709,28 @@ export type CustomElements = {
   "terra-radio": DefineComponent<TerraRadioProps>;
 
   /**
-   * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.
-   *
-   * ### **Methods:**
-   *  - **reposition()** - Forces the popup to recalculate and reposition itself.
-   *
-   * ### **Slots:**
-   *  - _default_ - The popup's content.
-   * - **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.
-   *
-   * ### **CSS Properties:**
-   *  - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_
-   * - **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_
-   * - **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
-   * - **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.
-   * - **popup** - The popup's container. Useful for setting a background color, box shadow, etc.
-   * - **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.
-   */
-  "terra-popup": DefineComponent<TerraPopupProps>;
-
-  /**
-   * Radio groups are used to group multiple radio buttons so they function as a single form control.
+   * Scroll hint is an animated button that prompts visitors to scroll.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-change** - Emitted when the radio group's selected value changes.
-   * - **terra-input** - Emitted when the radio group receives user input.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the radio-group.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot where `<terra-radio>` elements are placed.
-   * - **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.
-   * - **help-text** - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.
+   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
    *
    * ### **CSS Properties:**
-   *  - **--terra-radio-group-*** - All radio group design tokens from horizon.css are supported. _(default: undefined)_
+   *  - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_
+   * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
+   * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
+   * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **form-control** - The form control that wraps the label, input, and help text.
-   * - **form-control-label** - The label's wrapper.
-   * - **form-control-input** - The input's wrapper.
-   * - **form-control-help-text** - The help text's wrapper.
+   *  - **base** - The component's base wrapper.
+   * - **button** - The clickable button element.
+   * - **icon-container** - The container for the icon and pulsing ring.
+   * - **icon** - The chevron icon.
+   * - **ring** - The pulsing ring around the icon.
+   * - **text** - The "SCROLL TO CONTINUE" text.
    */
-  "terra-radio-group": DefineComponent<TerraRadioGroupProps>;
+  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
   /**
    * Select fields are a form field used to select one option from a list.
@@ -2776,30 +2820,6 @@ export type CustomElements = {
    */
   "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
 
-  /**
-   * Scroll hint is an animated button that prompts visitors to scroll.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_
-   * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
-   * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
-   * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **button** - The clickable button element.
-   * - **icon-container** - The container for the icon and pulsing ring.
-   * - **icon** - The chevron icon.
-   * - **ring** - The pulsing ring around the icon.
-   * - **text** - The "SCROLL TO CONTINUE" text.
-   */
-  "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
-
   /**
    * Skeletons are loading indicators to represent where content will eventually be drawn.
    * ---
@@ -2843,6 +2863,19 @@ export type CustomElements = {
    */
   "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
+  /**
+   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
+   * ---
+   *
+   *
+   * ### **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>;
+
   /**
    * A step within a stepper component that displays progress through a multi-step workflow.
    * ---
@@ -2897,19 +2930,6 @@ export type CustomElements = {
    */
   "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
 
-  /**
-   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
-   * ---
-   *
-   *
-   * ### **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 organize content into a container that shows one section at a time.
    * ---
@@ -2943,6 +2963,85 @@ export type CustomElements = {
    */
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
+  /**
+   * A textarea component with consistent styling across the design system.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-input** - Emitted when the textarea receives input.
+   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
+   * - **terra-focus** - Emitted when the textarea gains focus.
+   * - **terra-blur** - Emitted when the textarea loses focus.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   *
+   * ### **Slots:**
+   *  - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **textarea** - The internal textarea control.
+   * - **form-control-help-text** - The help text's wrapper.
+   */
+  "terra-textarea": DefineComponent<TerraTextareaProps>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-time-average-map": DefineComponent<TerraTimeAverageMapProps>;
+
+  /**
+   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the toast opens.
+   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
+   * - **terra-hide** - Emitted when the toast closes.
+   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
+   * calling this method again. The returned promise will resolve after the toast is hidden.
+   * - **show()** - Shows the toast.
+   * - **hide()** - Hides the toast.
+   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
+   * body, and displays it as a notification.
+   *
+   * ### **Slots:**
+   *  - _default_ - The toast's main content.
+   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
+   * - **base__base** - The alert's exported `base` part.
+   * - **base__icon** - The alert's exported `icon` part.
+   * - **base__message** - The alert's exported `message` part.
+   */
+  "terra-toast": DefineComponent<TerraToastProps>;
+
+  /**
+   * 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>;
+
   /**
    * Tags are simple labels that help categorize items.
    * ---
@@ -2988,51 +3087,43 @@ export type CustomElements = {
   "terra-tag": DefineComponent<TerraTagProps>;
 
   /**
-   * A textarea component with consistent styling across the design system.
+   * Switches allow the user to toggle an option on or off.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-input** - Emitted when the textarea receives input.
-   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
-   * - **terra-focus** - Emitted when the textarea gains focus.
-   * - **terra-blur** - Emitted when the textarea loses focus.
+   *  - **terra-blur** - Emitted when the control loses focus.
+   * - **terra-change** - Emitted when the control's checked state changes.
+   * - **terra-input** - Emitted when the control receives input.
+   * - **terra-focus** - Emitted when the control gains focus.
    * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
    *
    * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   *  - **click()** - Simulates a click on the switch.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the switch.
+   * - **blur()** - Removes focus from the switch.
+   * - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
    * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
    * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
+   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.
    *
    * ### **Slots:**
-   *  - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.
+   *  - _default_ - The switch's label.
+   * - **help-text** - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Properties:**
+   *  - **--width** - The width of the switch. _(default: undefined)_
+   * - **--height** - The height of the switch. _(default: undefined)_
+   * - **--thumb-size** - The size of the thumb. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **textarea** - The internal textarea control.
+   * - **control** - The control that houses the switch's thumb.
+   * - **thumb** - The switch's thumb.
+   * - **label** - The switch's label.
    * - **form-control-help-text** - The help text's wrapper.
    */
-  "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>;
+  "terra-toggle": DefineComponent<TerraToggleProps>;
 
   /**
    * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
@@ -3112,77 +3203,6 @@ export type CustomElements = {
    * - **listbox** - A `ul` that holds the clickable options.
    */
   "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
-
-  /**
-   * Toasts are used to display brief, non-intrusive notifications that appear temporarily.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the toast opens.
-   * - **terra-after-show** - Emitted after the toast opens and all animations are complete.
-   * - **terra-hide** - Emitted when the toast closes.
-   * - **terra-after-hide** - Emitted after the toast closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   * - **show()** - Shows the toast.
-   * - **hide()** - Hides the toast.
-   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * ### **Slots:**
-   *  - _default_ - The toast's main content.
-   * - **icon** - An icon to show in the toast. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<terra-alert>` element.
-   * - **base__base** - The alert's exported `base` part.
-   * - **base__icon** - The alert's exported `icon` part.
-   * - **base__message** - The alert's exported `message` part.
-   */
-  "terra-toast": DefineComponent<TerraToastProps>;
-
-  /**
-   * Switches allow the user to toggle an option on or off.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-blur** - Emitted when the control loses focus.
-   * - **terra-change** - Emitted when the control's checked state changes.
-   * - **terra-input** - Emitted when the control receives input.
-   * - **terra-focus** - Emitted when the control gains focus.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **click()** - Simulates a click on the switch.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the switch.
-   * - **blur()** - Removes focus from the switch.
-   * - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.
-   *
-   * ### **Slots:**
-   *  - _default_ - The switch's label.
-   * - **help-text** - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Properties:**
-   *  - **--width** - The width of the switch. _(default: undefined)_
-   * - **--height** - The height of the switch. _(default: undefined)_
-   * - **--thumb-size** - The size of the thumb. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **control** - The control that houses the switch's thumb.
-   * - **thumb** - The switch's thumb.
-   * - **label** - The switch's label.
-   * - **form-control-help-text** - The help text's wrapper.
-   */
-  "terra-toggle": DefineComponent<TerraToggleProps>;
 };
 
 declare module "vue" {