@nasa-terra/components 0.0.143 → 0.0.145

package/dist/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 { TerraAvatar } from "../../components/avatar/avatar.component.js";
-import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { TerraAlert } from "../../components/alert/alert.component.js";
+import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
+import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
@@ -23,36 +23,36 @@ import type { TerraDatePicker } from "../../components/date-picker/date-picker.c
 import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
 import type { TerraDialog } from "../../components/dialog/dialog.component.js";
 import type { TerraDivider } from "../../components/divider/divider.component.js";
+import type { TerraDropdown } from "../../components/dropdown/dropdown.component.js";
 import type { TerraEarthdataLogin } from "../../components/earthdata-login/earthdata-login.component.js";
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
-import type { TerraDropdown } from "../../components/dropdown/dropdown.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 { TerraInput } from "../../components/input/input.component.js";
-import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
 import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
-import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
 import type { TerraPopup } from "../../components/popup/popup.component.js";
+import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraSelect } from "../../components/select/select.component.js";
-import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
 import type { TerraSiteHeader } from "../../components/site-header/site-header.component.js";
+import type { TerraSiteNavigation } from "../../components/site-navigation/site-navigation.component.js";
+import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
+import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
+import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraStepper } from "../../components/stepper/stepper.component.js";
 import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
 import type { TerraTab } from "../../components/tab/tab.component.js";
-import type { TerraSlider } from "../../components/slider/slider.component.js";
-import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
-import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
 import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
@@ -61,35 +61,24 @@ import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/
 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";
-import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
+import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
 
-type TerraAccordionProps = {
-  /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
-  summary?: TerraAccordion["summary"];
-  /** Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction. */
-  open?: TerraAccordion["open"];
-  /**  */
-  showArrow?: TerraAccordion["showArrow"];
-
-  /** emitted when the accordion opens or closes */
-  onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
+type TerraBadgeProps = {
+  /** The badge's theme variant. */
+  variant?: TerraBadge["variant"];
+  /** 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 TerraBreadcrumbProps = {
+  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
+  href?: TerraBreadcrumb["href"];
+  /** Indicates that this breadcrumb represents the current page.
+When set, `aria-current="page"` will be applied to the underlying element. */
+  current?: TerraBreadcrumb["current"];
 };
 
 type TerraAlertProps = {
@@ -124,21 +113,32 @@ Typically used to indicate the remaining time before a whole app refresh. */
   onTerraAfterHide?: (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 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 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 TerraAccordionProps = {
+  /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
+  summary?: TerraAccordion["summary"];
+  /** Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction. */
+  open?: TerraAccordion["open"];
+  /**  */
+  showArrow?: TerraAccordion["showArrow"];
+
+  /** emitted when the accordion opens or closes */
+  onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
 };
 
 type TerraBreadcrumbsProps = {
@@ -664,6 +664,48 @@ type TerraDividerProps = {
   vertical?: TerraDivider["vertical"];
 };
 
+type TerraDropdownProps = {
+  /** Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
+can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state. */
+  open?: TerraDropdown["open"];
+  /** The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
+inside of the viewport. */
+  placement?: TerraDropdown["placement"];
+  /** Disables the dropdown so the panel will not open. */
+  disabled?: TerraDropdown["disabled"];
+  /** By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
+dropdowns that allow for multiple interactions. */
+  "stay-open-on-select"?: TerraDropdown["stayOpenOnSelect"];
+  /** The distance in pixels from which to offset the panel away from its trigger. */
+  distance?: TerraDropdown["distance"];
+  /** The distance in pixels from which to offset the panel along its trigger. */
+  skidding?: TerraDropdown["skidding"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: TerraDropdown["hoist"];
+  /** When true, the dropdown opens on mouse hover instead of click. */
+  hover?: TerraDropdown["hover"];
+  /** Syncs the popup width or height to that of the trigger element. */
+  sync?: TerraDropdown["sync"];
+  /**  */
+  popup?: TerraDropdown["popup"];
+  /**  */
+  trigger?: TerraDropdown["trigger"];
+  /**  */
+  panel?: TerraDropdown["panel"];
+  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
+components that use a dropdown internally. */
+  containingElement?: TerraDropdown["containingElement"];
+  /** Emitted when the dropdown opens. */
+  onTerraShow?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dropdown opens and all animations are complete. */
+  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  /** Emitted when the dropdown closes. */
+  onTerraHide?: (e: CustomEvent<never>) => void;
+  /** Emitted after the dropdown closes and all animations are complete. */
+  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+};
+
 type TerraEarthdataLoginProps = {
   /** The message to show when the user is logged in
 You can use the following placeholders:
@@ -727,89 +769,6 @@ type TerraFileUploadProps = {
   onTerraBlur?: (e: CustomEvent<never>) => void;
 };
 
-type TerraDropdownProps = {
-  /** Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
-can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state. */
-  open?: TerraDropdown["open"];
-  /** The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-inside of the viewport. */
-  placement?: TerraDropdown["placement"];
-  /** Disables the dropdown so the panel will not open. */
-  disabled?: TerraDropdown["disabled"];
-  /** By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
-dropdowns that allow for multiple interactions. */
-  "stay-open-on-select"?: TerraDropdown["stayOpenOnSelect"];
-  /** The distance in pixels from which to offset the panel away from its trigger. */
-  distance?: TerraDropdown["distance"];
-  /** The distance in pixels from which to offset the panel along its trigger. */
-  skidding?: TerraDropdown["skidding"];
-  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
-`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
-  hoist?: TerraDropdown["hoist"];
-  /** When true, the dropdown opens on mouse hover instead of click. */
-  hover?: TerraDropdown["hover"];
-  /** Syncs the popup width or height to that of the trigger element. */
-  sync?: TerraDropdown["sync"];
-  /**  */
-  popup?: TerraDropdown["popup"];
-  /**  */
-  trigger?: TerraDropdown["trigger"];
-  /**  */
-  panel?: TerraDropdown["panel"];
-  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
-components that use a dropdown internally. */
-  containingElement?: TerraDropdown["containingElement"];
-  /** Emitted when the dropdown opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dropdown opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
-  /** Emitted when the dropdown closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
-  /** Emitted after the dropdown closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
-};
-
-type TerraIconProps = {
-  /** The name of the icon to draw. Available names depend on the icon library being used. */
-  name?: TerraIcon["name"];
-  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
-can result in XSS attacks. */
-  src?: TerraIcon["src"];
-  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
-ignored by assistive devices. */
-  label?: TerraIcon["label"];
-  /** The name of a registered custom icon library. */
-  library?: TerraIcon["library"];
-  /** The CSS color to assign to the SVG. */
-  color?: TerraIcon["color"];
-  /** The CSS font-size to assign to the SVG. */
-  "font-size"?: TerraIcon["fontSize"];
-  /**  */
-  svg?: TerraIcon["svg"];
-  /** Emitted when the icon has loaded. */
-  onTerraLoad?: (e: CustomEvent<never>) => void;
-  /** Emitted when the icon fails to load due to an error. */
-  onTerraError?: (e: CustomEvent<never>) => void;
-};
-
-type TerraLoginProps = {
-  /**  */
-  "button-label"?: TerraLogin["buttonLabel"];
-  /** The message to show when the user is logged in
-You can use the following placeholders:
-{username} - The username of the user
-{first_name} - The first name of the user
-{last_name} - The last name of the user */
-  "logged-in-message"?: TerraLogin["loggedInMessage"];
-  /**  */
-  "logged-out-message"?: TerraLogin["loggedOutMessage"];
-  /**  */
-  "loading-message"?: TerraLogin["loadingMessage"];
-
-  /** Emitted when a bearer token has been received from EDL. */
-  onTerraLogin?: (e: CustomEvent<never>) => void;
-};
-
 type TerraInputProps = {
   /**  */
   title?: TerraInput["title"];
@@ -907,37 +866,45 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (e: CustomEvent<never>) => void;
 };
 
-type TerraMapProps = {
-  /** Minimum zoom level of the map. */
-  "min-zoom"?: TerraMap["minZoom"];
-  /** Maximum zoom level of the map. */
-  "max-zoom"?: TerraMap["maxZoom"];
-  /** Initial map zoom level */
-  zoom?: TerraMap["zoom"];
-  /** has map navigation toolbar */
-  "has-navigation"?: TerraMap["hasNavigation"];
-  /** has coordinate tracker */
-  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
-  /** has shape selector */
-  "has-shape-selector"?: TerraMap["hasShapeSelector"];
-  /**  */
-  "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
+type TerraIconProps = {
+  /** The name of the icon to draw. Available names depend on the icon library being used. */
+  name?: TerraIcon["name"];
+  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
+can result in XSS attacks. */
+  src?: TerraIcon["src"];
+  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
+ignored by assistive devices. */
+  label?: TerraIcon["label"];
+  /** The name of a registered custom icon library. */
+  library?: TerraIcon["library"];
+  /** The CSS color to assign to the SVG. */
+  color?: TerraIcon["color"];
+  /** The CSS font-size to assign to the SVG. */
+  "font-size"?: TerraIcon["fontSize"];
   /**  */
-  "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"];
+  svg?: TerraIcon["svg"];
+  /** Emitted when the icon has loaded. */
+  onTerraLoad?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  onTerraError?: (e: CustomEvent<never>) => void;
+};
+
+type TerraLoginProps = {
   /**  */
-  mapElement?: TerraMap["mapElement"];
+  "button-label"?: TerraLogin["buttonLabel"];
+  /** The message to show when the user is logged in
+You can use the following placeholders:
+{username} - The username of the user
+{first_name} - The first name of the user
+{last_name} - The last name of the user */
+  "logged-in-message"?: TerraLogin["loggedInMessage"];
   /**  */
-  map?: TerraMap["map"];
-  /** List of geojson shapes */
-  shapes?: TerraMap["shapes"];
+  "logged-out-message"?: TerraLogin["loggedOutMessage"];
   /**  */
-  _mapController?: TerraMap["_mapController"];
+  "loading-message"?: TerraLogin["loadingMessage"];
+
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
 type TerraLoaderProps = {
@@ -953,6 +920,39 @@ type TerraLoaderProps = {
   _currentPercent?: TerraLoader["_currentPercent"];
 };
 
+type TerraMapProps = {
+  /** Minimum zoom level of the map. */
+  "min-zoom"?: TerraMap["minZoom"];
+  /** Maximum zoom level of the map. */
+  "max-zoom"?: TerraMap["maxZoom"];
+  /** Initial map zoom level */
+  zoom?: TerraMap["zoom"];
+  /** has map navigation toolbar */
+  "has-navigation"?: TerraMap["hasNavigation"];
+  /** has coordinate tracker */
+  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
+  /** has shape selector */
+  "has-shape-selector"?: TerraMap["hasShapeSelector"];
+  /**  */
+  "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
+  /**  */
+  "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"];
+  /**  */
+  mapElement?: TerraMap["mapElement"];
+  /**  */
+  map?: TerraMap["map"];
+  /** List of geojson shapes */
+  shapes?: TerraMap["shapes"];
+  /**  */
+  _mapController?: TerraMap["_mapController"];
+};
+
 type TerraMenuProps = {
   /**  */
   defaultSlot?: TerraMenu["defaultSlot"];
@@ -1008,21 +1008,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 TerraPlotToolbarProps = {
   /**  */
   catalogVariable?: TerraPlotToolbar["catalogVariable"];
@@ -1143,6 +1128,34 @@ active. */
   onTerraReposition?: (e: CustomEvent<never>) => void;
 };
 
+type TerraPlotProps = {
+  /**  */
+  plotTitle?: TerraPlot["plotTitle"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /** Optional: Colors to assign to each time series line */
+  colors?: TerraPlot["colors"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
+type TerraProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: TerraProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: TerraProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: TerraProgressBar["label"];
+  /** The progress bar's theme variant. */
+  variant?: TerraProgressBar["variant"];
+  /**  */
+  title?: TerraProgressBar["title"];
+};
+
 type TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -1231,19 +1244,6 @@ type TerraScrollHintProps = {
   onTerraScroll?: (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 TerraSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: TerraSelect["name"];
@@ -1335,14 +1335,56 @@ be an array. **For this reason, values must not contain spaces.** */
   onTerraInvalid?: (e: CustomEvent<never>) => void;
 };
 
+type TerraSiteHeaderProps = {
+  /** The default site name displayed in the title slot if no content is provided. */
+  "site-name"?: TerraSiteHeader["siteName"];
+};
+
 type TerraSiteNavigationProps = {
   /** When true, dropdowns use full-width panels instead of normal list-based navigation. */
   "full-width"?: TerraSiteNavigation["fullWidth"];
 };
 
-type TerraSiteHeaderProps = {
-  /** The default site name displayed in the title slot if no content is provided. */
-  "site-name"?: TerraSiteHeader["siteName"];
+type TerraSkeletonProps = {
+  /**  */
+  rows?: TerraSkeleton["rows"];
+  /**  */
+  effect?: TerraSkeleton["effect"];
+  /**  */
+  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 = {
@@ -1403,6 +1445,13 @@ type TerraStatusIndicatorProps = {
   dark?: TerraStatusIndicator["dark"];
 };
 
+type TerraTabPanelProps = {
+  /** The tab panel's name. */
+  name?: TerraTabPanel["name"];
+  /** When true, the tab panel will be shown. */
+  active?: TerraTabPanel["active"];
+};
+
 type TerraStepperProps = {
   /** The stepper's variant. The default variant includes titles and optional captions for each step.
 The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
@@ -1438,55 +1487,6 @@ type TerraTabProps = {
   onTerraClose?: (e: CustomEvent<never>) => void;
 };
 
-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 TerraSkeletonProps = {
-  /**  */
-  rows?: TerraSkeleton["rows"];
-  /**  */
-  effect?: TerraSkeleton["effect"];
-  /**  */
-  variableWidths?: TerraSkeleton["variableWidths"];
-};
-
-type TerraTabPanelProps = {
-  /** The tab panel's name. */
-  name?: TerraTabPanel["name"];
-  /** When true, the tab panel will be shown. */
-  active?: TerraTabPanel["active"];
-};
-
 type TerraTabsProps = {
   /** The placement of the tabs. */
   placement?: TerraTabs["placement"];
@@ -1795,31 +1795,6 @@ scenarios. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
-type TerraVariableKeywordSearchProps = {
-  /** Label the combobox with this. */
-  label?: TerraVariableKeywordSearch["label"];
-  /** Set a placeholder for the combobox with this.
-Defaults to the label's value. */
-  placeholder?: TerraVariableKeywordSearch["placeholder"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraVariableKeywordSearch["hideLabel"];
-  /** type can be `Boolean`, `String`, `Number`, `Object`, or `Array` */
-  searchConfig?: TerraVariableKeywordSearch["searchConfig"];
-  /**  */
-  value?: TerraVariableKeywordSearch["value"];
-  /**  */
-  isExpanded?: TerraVariableKeywordSearch["isExpanded"];
-  /**  */
-  query?: TerraVariableKeywordSearch["query"];
-  /**  */
-  searchResults?: TerraVariableKeywordSearch["searchResults"];
-  /** Emitted when an option is selected. */
-  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
-  /** Emitted when the component is triggering a search (like a form triggering submit). */
-  onTerraSearch?: (e: CustomEvent<never>) => void;
-};
-
 type TerraVariableComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraVariableCombobox["label"];
@@ -1855,42 +1830,64 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   onTerraComboboxChange?: (e: CustomEvent<never>) => void;
 };
 
-export type CustomElements = {
-  /**
-   * A collapsible content panel for showing and hiding content.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
+type TerraVariableKeywordSearchProps = {
+  /** Label the combobox with this. */
+  label?: TerraVariableKeywordSearch["label"];
+  /** Set a placeholder for the combobox with this.
+Defaults to the label's value. */
+  placeholder?: TerraVariableKeywordSearch["placeholder"];
+  /** Hide the combobox's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraVariableKeywordSearch["hideLabel"];
+  /** type can be `Boolean`, `String`, `Number`, `Object`, or `Array` */
+  searchConfig?: TerraVariableKeywordSearch["searchConfig"];
+  /**  */
+  value?: TerraVariableKeywordSearch["value"];
+  /**  */
+  isExpanded?: TerraVariableKeywordSearch["isExpanded"];
+  /**  */
+  query?: TerraVariableKeywordSearch["query"];
+  /**  */
+  searchResults?: TerraVariableKeywordSearch["searchResults"];
+  /** Emitted when an option is selected. */
+  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
+  /** Emitted when the component is triggering a search (like a form triggering submit). */
+  onTerraSearch?: (e: CustomEvent<never>) => void;
+};
+
+export type CustomElements = {
+  /**
+   * Badges are used to draw attention and display statuses or counts.
+   * ---
+   *
    *
    * ### **Slots:**
-   *  - _default_ - The default slot for accordion content.
-   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
+   *  - _default_ - The badge's content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
    */
-  "terra-accordion": DefineComponent<TerraAccordionProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
-   * Avatars are used to represent a person or object.
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
    * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *  - _default_ - The default slot.
    *
    * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
+   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
+   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   * - **link** - The breadcrumb link element.
+   * - **label** - The breadcrumb label element when not a link.
    */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
   /**
    * Alerts are used to display important messages inline or as toast notifications.
@@ -1921,37 +1918,40 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * Avatars are used to represent a person or object.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
    * ### **Slots:**
-   *  - _default_ - The badge's content.
+   *  - **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-badge": DefineComponent<TerraBadgeProps>;
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * A collapsible content panel for showing and hiding content.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
-   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
-   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
+   * ### **Events:**
+   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
    *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **link** - The breadcrumb link element.
-   * - **label** - The breadcrumb label element when not a link.
+   * ### **Slots:**
+   *  - _default_ - The default slot for accordion content.
+   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
    */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+  "terra-accordion": DefineComponent<TerraAccordionProps>;
 
   /**
    * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
@@ -2307,48 +2307,6 @@ export type CustomElements = {
    */
   "terra-divider": DefineComponent<TerraDividerProps>;
 
-  /**
-   * A form that logs in to Earthdata Login (EDL)
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
-   */
-  "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
-
-  /**
-   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-change** - Emitted when files are selected or removed.
-   * - **terra-focus** - Emitted when the control gains focus.
-   * - **terra-blur** - Emitted when the control loses focus.
-   *
-   * ### **Methods:**
-   *  - **getFiles(): _File[]_** - Gets the current files.
-   * - **clearFiles()** - Clears all selected files.
-   *
-   * ### **Slots:**
-   *  - _default_ - Custom content to display inside the drop zone.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-file-upload-*** - All file upload design tokens from horizon.css are supported. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **dropzone** - The drop zone area.
-   * - **file-input** - The hidden file input element.
-   * - **file-list** - The container for file previews.
-   * - **file-item** - Individual file preview item.
-   * - **file-thumbnail** - The file thumbnail image.
-   * - **file-name** - The file name text.
-   * - **change-link** - The "Change files" link.
-   */
-  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
-
   /**
    * Dropdowns expose additional content that "drops down" in a panel.
    * ---
@@ -2379,28 +2337,46 @@ export type CustomElements = {
   "terra-dropdown": DefineComponent<TerraDropdownProps>;
 
   /**
-   * Icons are symbols that can be used to represent various options within an application.
+   * A form that logs in to Earthdata Login (EDL)
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
-   *
-   * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
    */
-  "terra-icon": DefineComponent<TerraIconProps>;
+  "terra-earthdata-login": DefineComponent<TerraEarthdataLoginProps>;
 
   /**
-   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * File upload fields allow visitors to attach one or multiple files to be submitted with a form.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   *  - **terra-change** - Emitted when files are selected or removed.
+   * - **terra-focus** - Emitted when the control gains focus.
+   * - **terra-blur** - Emitted when the control loses focus.
+   *
+   * ### **Methods:**
+   *  - **getFiles(): _File[]_** - Gets the current files.
+   * - **clearFiles()** - Clears all selected files.
+   *
+   * ### **Slots:**
+   *  - _default_ - Custom content to display inside the drop zone.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-file-upload-*** - All file upload design tokens from horizon.css are supported. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **dropzone** - The drop zone area.
+   * - **file-input** - The hidden file input element.
+   * - **file-list** - The container for file previews.
+   * - **file-item** - Individual file preview item.
+   * - **file-thumbnail** - The file thumbnail image.
+   * - **file-name** - The file name text.
+   * - **change-link** - The "Change files" link.
    */
-  "terra-login": DefineComponent<TerraLoginProps>;
+  "terra-file-upload": DefineComponent<TerraFileUploadProps>;
 
   /**
    * A text input component with consistent styling across the design system.
@@ -2447,11 +2423,28 @@ export type CustomElements = {
   "terra-input": DefineComponent<TerraInputProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
+   * Icons are symbols that can be used to represent various options within an application.
    * ---
    *
+   *
+   * ### **Events:**
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   *
+   * ### **CSS Parts:**
+   *  - **svg** - The internal SVG element.
    */
-  "terra-map": DefineComponent<TerraMapProps>;
+  "terra-icon": DefineComponent<TerraIconProps>;
+
+  /**
+   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   */
+  "terra-login": DefineComponent<TerraLoginProps>;
 
   /**
    * Loaders are used to indicate there is content that is loading.
@@ -2466,6 +2459,13 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
+
   /**
    * Menus provide a list of options for the user to choose from.
    * ---
@@ -2564,16 +2564,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>;
-
   /**
    * Short summary of the component's intended use.
    * ---
@@ -2619,6 +2609,37 @@ export type CustomElements = {
    */
   "terra-popup": DefineComponent<TerraPopupProps>;
 
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot": DefineComponent<TerraPlotProps>;
+
+  /**
+   * Progress bars are used to show the status of an ongoing operation.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - A label to show inside the progress indicator.
+   *
+   * ### **CSS Properties:**
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
+   */
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
    * ---
@@ -2713,27 +2734,6 @@ export type CustomElements = {
    */
   "terra-scroll-hint": DefineComponent<TerraScrollHintProps>;
 
-  /**
-   * Progress bars are used to show the status of an ongoing operation.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
-   *
-   * ### **CSS Properties:**
-   *  - **--height** - The progress bar's height. _(default: undefined)_
-   * - **--track-color** - The color of the track. _(default: undefined)_
-   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
-   * - **--label-color** - The color of the label. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
-   */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
-
   /**
    * Select fields are a form field used to select one option from a list.
    * ---
@@ -2791,36 +2791,50 @@ export type CustomElements = {
   "terra-select": DefineComponent<TerraSelectProps>;
 
   /**
-   * Site navigation provides a flexible navigation structure with dropdown menus.
+   * Site headers provide a consistent navigation structure at the top of pages.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
+   *  - **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-navigation": DefineComponent<TerraSiteNavigationProps>;
+  "terra-site-header": DefineComponent<TerraSiteHeaderProps>;
 
   /**
-   * Site headers provide a consistent navigation structure at the top of pages.
+   * Site navigation provides a flexible navigation structure with dropdown menus.
    * ---
    *
    *
    * ### **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.
+   *  - _default_ - Navigation items. Can contain `<terra-dropdown>` elements or any custom navigation content.
    *
    * ### **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>;
+  "terra-site-navigation": DefineComponent<TerraSiteNavigationProps>;
+
+  /**
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * ---
+   *
+   */
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "terra-slider": DefineComponent<TerraSliderProps>;
 
   /**
    * A component that allows input of coordinates and rendering of map.
@@ -2851,6 +2865,22 @@ export type CustomElements = {
    */
   "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
+  /**
+   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The tab panel's content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - The tab panel's padding. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
+
   /**
    * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
    * ---
@@ -2902,36 +2932,6 @@ export type CustomElements = {
    */
   "terra-tab": DefineComponent<TerraTabProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "terra-slider": DefineComponent<TerraSliderProps>;
-
-  /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
-   * ---
-   *
-   */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
-
-  /**
-   * Tab panels are used inside [tabs](/components/tabs) to display tabbed content.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The tab panel's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--padding** - The tab panel's padding. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-tab-panel": DefineComponent<TerraTabPanelProps>;
-
   /**
    * Tabs organize content into a container that shows one section at a time.
    * ---
@@ -3161,16 +3161,20 @@ export type CustomElements = {
   "terra-tooltip": DefineComponent<TerraTooltipProps>;
 
   /**
-   * Fuzzy-search for dataset keywords in combobox with list autocomplete.
+   * Fuzzy-search for dataset variables in combobox with list autocomplete.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-variable-keyword-search-change** - Emitted when an option is selected.
-   * - **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).
+   *  - **terra-combobox-change** - Emitted when an option is selected.
+   *
+   * ### **Methods:**
+   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
+   * Internally, the variable metdata has slight differences that require adapting.
    *
    * ### **CSS Properties:**
    *  - **--host-height** - The height of the host element. _(default: undefined)_
+   * - **--help-height** - The height of the search help element. _(default: undefined)_
    * - **--label-height** - The height of the input's label element. _(default: undefined)_
    *
    * ### **CSS Parts:**
@@ -3179,23 +3183,19 @@ export type CustomElements = {
    * - **button** - A `button` used for toggling the listbox's visibility.
    * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
+  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
 
   /**
-   * Fuzzy-search for dataset variables in combobox with list autocomplete.
+   * Fuzzy-search for dataset keywords in combobox with list autocomplete.
    * ---
    *
    *
    * ### **Events:**
-   *  - **terra-combobox-change** - Emitted when an option is selected.
-   *
-   * ### **Methods:**
-   *  - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.
-   * Internally, the variable metdata has slight differences that require adapting.
+   *  - **terra-variable-keyword-search-change** - Emitted when an option is selected.
+   * - **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).
    *
    * ### **CSS Properties:**
    *  - **--host-height** - The height of the host element. _(default: undefined)_
-   * - **--help-height** - The height of the search help element. _(default: undefined)_
    * - **--label-height** - The height of the input's label element. _(default: undefined)_
    *
    * ### **CSS Parts:**
@@ -3204,7 +3204,7 @@ export type CustomElements = {
    * - **button** - A `button` used for toggling the listbox's visibility.
    * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-variable-combobox": DefineComponent<TerraVariableComboboxProps>;
+  "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
 };
 
 declare module "vue" {