import { Attributes, Component, MaverickElementConstructor } from "./vidstack-DKjAgHWd.js";
import { AirPlayButton, AudioGainRadioGroup, AudioGainSlider, AudioRadioGroup, CaptionButton, Captions, CaptionsRadioGroup, ChaptersRadioGroup, Controls, ControlsGroup, DefaultLayoutProps, FullscreenButton, Gesture, GoogleCastButton, LitElement, LitRenderer, LiveButton, MediaAnnouncer, MediaPlayer, MediaPlayerProps, MediaProvider, Menu, MenuButton, MenuItem, MenuItems, MenuPortal, MenuPortalProps, MuteButton, PIPButton, PlayButton, PlyrLayout, Poster, PosterProps, QualityRadioGroup, QualitySlider, Radio, RadioGroup, SeekButton, Slider, SliderChapters, SliderPreview, SliderValue, SliderValueProps, SliderVideo, SpeedRadioGroup, SpeedSlider, Thumbnail, ThumbnailProps, Time, TimeSlider, ToggleButton, ToggleButtonProps, Tooltip, TooltipContent, TooltipTrigger, VolumeSlider } from "./vidstack-CZeLQ-DR.js";

//#region types/elements/define/captions-element.d.ts
declare const MediaCaptionsElement_base: MaverickElementConstructor<HTMLElement, Captions>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/captions}
 * @example
 * ```html
 * <media-captions></media-captions>
 * ```
 */
declare class MediaCaptionsElement extends MediaCaptionsElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-captions': MediaCaptionsElement;
  }
}
//#endregion
//#region types/elements/define/gesture-element.d.ts
declare const MediaGestureElement_base: MaverickElementConstructor<HTMLElement, Gesture>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/gesture}
 * @example
 * ```html
 * <media-player>
 *   <media-provider>
 *     <media-gesture event="pointerup" action="toggle:paused"></media-gesture>
 *   </media-provider>
 * </media-player>
 * ```
 */
declare class MediaGestureElement extends MediaGestureElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-gesture': MediaGestureElement;
  }
}
//#endregion
//#region types/elements/define/provider-element.d.ts
declare const MediaProviderElement_base: MaverickElementConstructor<HTMLElement, MediaProvider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/core/provider}
 * @example
 * ```html
 * <media-player>
 *   <media-provider></media-provider>
 *   <!-- ... -->
 * </media-player>
 * ```
 */
declare class MediaProviderElement extends MediaProviderElement_base {
  #private;
  static tagName: string;
  protected onSetup(): void;
  protected onDestroy(): void;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-provider': MediaProviderElement;
  }
}
//#endregion
//#region types/elements/define/player-element.d.ts
declare const MediaPlayerElement_base: MaverickElementConstructor<HTMLElement, MediaPlayer>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/core/player}
 * @example
 * ```html
 * <media-player src="...">
 *   <media-provider></media-provider>
 *   <!-- Other components that use/manage media state here. -->
 * </media-player>
 * ```
 * @deprecated Vidstack is deprecated in favour of Video.js 10 (https://videojs.org) and receives
 * security fixes only until January 2028. Migration guide: https://videojs.org/docs/framework/html/guides/migrate-from-vidstack
 */
declare class MediaPlayerElement extends MediaPlayerElement_base {
  static tagName: string;
  static attrs: Attributes<MediaPlayerProps>;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-player': MediaPlayerElement;
  }
}
//#endregion
//#region types/elements/define/announcer-element.d.ts
declare const MediaAnnouncerElement_base: MaverickElementConstructor<HTMLElement, MediaAnnouncer>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/announcer}
 * @example
 * ```html
 * <media-announcer></media-announcer>
 * ```
 */
declare class MediaAnnouncerElement extends MediaAnnouncerElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-announcer': MediaAnnouncerElement;
  }
}
//#endregion
//#region types/elements/define/poster-element.d.ts
declare const MediaPosterElement_base: MaverickElementConstructor<HTMLElement, Poster>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/poster}
 * @example
 * ```html
 * <media-player>
 *   <media-poster src="..." alt="Large alien ship hovering over New York."></media-poster>
 * </media-player>
 * ```
 */
declare class MediaPosterElement extends MediaPosterElement_base {
  #private;
  static tagName: string;
  static attrs: Attributes<PosterProps>;
  protected onSetup(): void;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-poster': MediaPosterElement;
  }
}
//#endregion
//#region types/elements/define/thumbnail-element.d.ts
declare const MediaThumbnailElement_base: MaverickElementConstructor<HTMLElement, Thumbnail>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/thumbnail}
 * @example
 * ```html
 * <media-player>
 *   <!-- ... -->
 *   <media-thumbnail
 *     src="https://files.vidstack.io/thumbnails.vtt"
 *     time="10"
 *   ></media-thumbnail>
 * </media-player>
 * ```
 */
declare class MediaThumbnailElement extends MediaThumbnailElement_base {
  #private;
  static tagName: string;
  static attrs: Attributes<ThumbnailProps>;
  protected onSetup(): void;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-thumbnail': MediaThumbnailElement;
  }
}
//#endregion
//#region types/elements/define/time-element.d.ts
declare const MediaTimeElement_base: MaverickElementConstructor<HTMLElement, Time>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/time}
 * @example
 * ```html
 * <media-time type="current"></media-time>
 * ```
 * @example
 * ```html
 * <!-- Remaining time. -->
 * <media-time type="current" remainder></media-time>
 * ```
 */
declare class MediaTimeElement extends MediaTimeElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-time': MediaTimeElement;
  }
}
//#endregion
//#region types/elements/define/controls-element.d.ts
declare const MediaControlsElement_base: MaverickElementConstructor<HTMLElement, Controls>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/controls}
 * @example
 * ```html
 * <media-player>
 *   <!-- ... -->
 *   <media-controls>
 *     <media-controls-group></media-controls-group>
 *     <media-controls-group></media-controls-group>
 *   </media-controls>
 * </media-player>
 * ```
 */
declare class MediaControlsElement extends MediaControlsElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-controls': MediaControlsElement;
  }
}
//#endregion
//#region types/elements/define/controls-group-element.d.ts
declare const MediaControlsGroupElement_base: MaverickElementConstructor<HTMLElement, ControlsGroup>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/controls}
 * @example
 * ```html
 * <media-player>
 *   <!-- ... -->
 *   <media-controls>
 *     <media-controls-group></media-controls-group>
 *     <media-controls-group></media-controls-group>
 *   </media-controls>
 * </media-player>
 * ```
 */
declare class MediaControlsGroupElement extends MediaControlsGroupElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-controls-group': MediaControlsGroupElement;
  }
}
//#endregion
//#region types/elements/define/title-element.d.ts
declare class Title extends Component {}
declare const MediaTitleElement_base: MaverickElementConstructor<HTMLElement, Title>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/title}
 * @example
 * ```html
 * <media-title></media-title>
 * ```
 */
declare class MediaTitleElement extends MediaTitleElement_base {
  #private;
  static tagName: string;
  protected onSetup(): void;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-title': MediaTitleElement;
  }
}
//#endregion
//#region types/components/layouts/default/default-layout.d.ts
declare class DefaultLayout extends Component<DefaultLayoutProps> {
  #private;
  static props: DefaultLayoutProps;
  get isMatch(): boolean;
  get isSmallLayout(): boolean;
  protected onSetup(): void;
  protected onAttach(el: HTMLElement): void;
}
//#endregion
//#region types/components/layouts/default/audio-layout.d.ts
/**
 * The audio layout is our production-ready UI that's displayed when the media view type is set to
 * 'audio'. It includes support for audio tracks, slider chapters, captions, live streams, and much
 * more out of the box.
 *
 * @attr data-match - Whether this layout is being used (query match).
 * @attr data-sm - The small layout is active
 * @attr data-lg - The large layout is active.
 * @attr data-size - The active layout size (sm or lg).
 */
declare class DefaultAudioLayout extends DefaultLayout {
  static props: DefaultLayoutProps;
}
//#endregion
//#region types/elements/define/layouts/default/audio-layout-element.d.ts
declare const MediaAudioLayoutElement_base: MaverickElementConstructor<LitElement, DefaultAudioLayout>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/layouts/default-layout}
 * @example
 * ```html
 * <media-player>
 *   <media-provider></media-provider>
 *   <media-audio-layout></media-audio-layout>
 * </media-player>
 * ```
 */
declare class MediaAudioLayoutElement extends MediaAudioLayoutElement_base implements LitRenderer {
  #private;
  static tagName: string;
  static attrs: Attributes<DefaultLayoutProps>;
  protected onSetup(): void;
  protected onConnect(): void;
  render(): any;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-audio-layout': MediaAudioLayoutElement;
  }
}
//#endregion
//#region types/components/layouts/default/video-layout.d.ts
/**
 * The video layout is our production-ready UI that's displayed when the media view type is set to
 * 'video'. It includes support for picture-in-picture, fullscreen, slider chapters, slider
 * previews, captions, audio/quality settings, live streams, and much more out of the box.
 *
 * @attr data-match - Whether this layout is being used (query match).
 * @attr data-sm - The small layout is active
 * @attr data-lg - The large layout is active.
 * @attr data-size - The active layout size.
 */
declare class DefaultVideoLayout extends DefaultLayout {
  static props: DefaultLayoutProps;
}
//#endregion
//#region types/elements/define/layouts/default/video-layout-element.d.ts
declare const MediaVideoLayoutElement_base: MaverickElementConstructor<LitElement, DefaultVideoLayout>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/layouts/default-layout}
 * @example
 * ```html
 * <media-player>
 *   <media-provider></media-provider>
 *   <media-video-layout></media-video-layout>
 * </media-player>
 * ```
 */
declare class MediaVideoLayoutElement extends MediaVideoLayoutElement_base implements LitRenderer {
  #private;
  static tagName: string;
  static attrs: Attributes<DefaultLayoutProps>;
  protected onSetup(): void;
  protected onConnect(): void;
  render(): any;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-video-layout': MediaVideoLayoutElement;
  }
}
//#endregion
//#region types/elements/define/layouts/plyr/plyr-layout-element.d.ts
declare const MediaPlyrLayoutElement_base: MaverickElementConstructor<LitElement, PlyrLayout>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/layouts/plyr-layout}
 * @example
 * ```html
 * <media-player>
 *   <media-provider></media-provider>
 *   <media-plyr-layout></media-plyr-layout>
 * </media-player>
 * ```
 */
declare class MediaPlyrLayoutElement extends MediaPlyrLayoutElement_base implements LitRenderer {
  #private;
  static tagName: string;
  protected onSetup(): void;
  protected onConnect(): void;
  render(): any;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-plyr-layout': MediaPlyrLayoutElement;
  }
}
//#endregion
//#region types/elements/define/buttons/airplay-button-element.d.ts
declare const MediaAirPlayButtonElement_base: MaverickElementConstructor<HTMLElement, AirPlayButton>;
/**
 * @example
 * ```html
 * <media-airplay-button>
 *   <media-icon type="airplay"></media-icon>
 * </media-airplay-button>
 * ```
 */
declare class MediaAirPlayButtonElement extends MediaAirPlayButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-airplay-button': MediaAirPlayButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/caption-button-element.d.ts
declare const MediaCaptionButtonElement_base: MaverickElementConstructor<HTMLElement, CaptionButton>;
/**
 * @example
 * ```html
 * <media-caption-button>
 *   <media-icon type="closed-captions-on"></media-icon>
 *   <media-icon type="closed-captions"></media-icon>
 * </media-caption-button>
 * ```
 */
declare class MediaCaptionButtonElement extends MediaCaptionButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-caption-button': MediaCaptionButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/fullscreen-button-element.d.ts
declare const MediaFullscreenButtonElement_base: MaverickElementConstructor<HTMLElement, FullscreenButton>;
/**
 * @example
 * ```html
 * <media-fullscreen-button>
 *   <media-icon type="fullscreen"></media-icon>
 *   <media-icon type="fullscreen-exit"></media-icon>
 * </media-fullscreen-button>
 * ```
 */
declare class MediaFullscreenButtonElement extends MediaFullscreenButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-fullscreen-button': MediaFullscreenButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/google-cast-button-element.d.ts
declare const MediaGoogleCastButtonElement_base: MaverickElementConstructor<HTMLElement, GoogleCastButton>;
/**
 * @example
 * ```html
 * <media-google-cast-button>
 *   <media-icon type="chromecast"></media-icon>
 * </media-google-cast-button>
 * ```
 */
declare class MediaGoogleCastButtonElement extends MediaGoogleCastButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-google-cast-button': MediaGoogleCastButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/live-button-element.d.ts
declare const MediaLiveButtonElement_base: MaverickElementConstructor<HTMLElement, LiveButton>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/buttons/live-button}
 * @example
 * ```html
 * <media-live-button>
 *   <!-- ... -->
 * </media-live-button>
 * ```
 */
declare class MediaLiveButtonElement extends MediaLiveButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-live-button': MediaLiveButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/mute-button-element.d.ts
declare const MediaMuteButtonElement_base: MaverickElementConstructor<HTMLElement, MuteButton>;
/**
 * @example
 * ```html
 * <media-mute-button>
 *   <media-icon type="mute"></media-icon>
 *   <media-icon type="volume-low"></media-icon>
 *   <media-icon type="volume-high"></media-icon>
 * </media-mute-button>
 * ```
 */
declare class MediaMuteButtonElement extends MediaMuteButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-mute-button': MediaMuteButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/pip-button-element.d.ts
declare const MediaPIPButtonElement_base: MaverickElementConstructor<HTMLElement, PIPButton>;
/**
 * @example
 * ```html
 * <media-pip-button>
 *   <media-icon type="picture-in-picture"></media-icon>
 *   <media-icon type="picture-in-picture-exit"></media-icon>
 * </media-pip-button>
 * ```
 */
declare class MediaPIPButtonElement extends MediaPIPButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-pip-button': MediaPIPButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/play-button-element.d.ts
declare const MediaPlayButtonElement_base: MaverickElementConstructor<HTMLElement, PlayButton>;
/**
 * @example
 * ```html
 * <media-play-button>
 *   <media-icon type="play"></media-icon>
 *   <media-icon type="pause"></media-icon>
 *   <media-icon type="replay"></media-icon>
 * </media-play-button>
 * ```
 */
declare class MediaPlayButtonElement extends MediaPlayButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-play-button': MediaPlayButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/seek-button-element.d.ts
declare const MediaSeekButtonElement_base: MaverickElementConstructor<HTMLElement, SeekButton>;
/**
 * @example
 * ```html
 * <!-- Forward +30s on each press. -->
 * <media-seek-button seconds="+30">
 *   <media-icon type="seek-forward"></media-icon>
 * </media-seek-button>
 * <!-- Backward -30s on each press. -->
 * <media-seek-button seconds="-30">
 *   <media-icon type="seek-backward"></media-icon>
 * </media-seek-button>
 * ```
 */
declare class MediaSeekButtonElement extends MediaSeekButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-seek-button': MediaSeekButtonElement;
  }
}
//#endregion
//#region types/elements/define/buttons/toggle-button-element.d.ts
declare const MediaToggleButtonElement_base: MaverickElementConstructor<HTMLElement, ToggleButton<ToggleButtonProps>>;
/**
 * @example
 * ```html
 * <media-toggle-button aria-label="...">
 *   <!-- ... -->
 * </media-toggle-button>
 * ```
 */
declare class MediaToggleButtonElement extends MediaToggleButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-toggle-button': MediaToggleButtonElement;
  }
}
//#endregion
//#region types/elements/define/tooltips/tooltip-element.d.ts
declare const MediaTooltipElement_base: MaverickElementConstructor<HTMLElement, Tooltip>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/tooltip}
 * @example
 * ```html
 * <media-tooltip>
 *   <media-tooltip-trigger>
 *     <media-play-button></media-play-button>
 *   </media-tooltip-trigger>
 *   <media-tooltip-content placement="top start">
 *      <span class="play-tooltip-text">Play</span>
 *      <span class="pause-tooltip-text">Pause</span>
 *   </media-tooltip-content>
 * </media-tooltip>
 * ```
 */
declare class MediaTooltipElement extends MediaTooltipElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-tooltip': MediaTooltipElement;
  }
}
//#endregion
//#region types/elements/define/tooltips/tooltip-trigger-element.d.ts
declare const MediaTooltipTriggerElement_base: MaverickElementConstructor<HTMLElement, TooltipTrigger>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/tooltip}
 * @example
 * ```html
 * <media-tooltip>
 *   <media-tooltip-trigger>
 *     <media-play-button></media-play-button>
 *   </media-tooltip-trigger>
 *   <media-tooltip-content placement="top start">
 *      <span class="play-tooltip-text">Play</span>
 *      <span class="pause-tooltip-text">Pause</span>
 *   </media-tooltip-content>
 * </media-tooltip>
 * ```
 */
declare class MediaTooltipTriggerElement extends MediaTooltipTriggerElement_base {
  static tagName: string;
  onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-tooltip-trigger': MediaTooltipTriggerElement;
  }
}
//#endregion
//#region types/elements/define/tooltips/tooltip-content-element.d.ts
declare const MediaTooltipContentElement_base: MaverickElementConstructor<HTMLElement, TooltipContent>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/tooltip}
 * @example
 * ```html
 * <media-tooltip>
 *   <media-tooltip-trigger>
 *     <media-play-button></media-play-button>
 *   </media-tooltip-trigger>
 *   <media-tooltip-content placement="top">
 *      <span class="play-tooltip-text">Play</span>
 *      <span class="pause-tooltip-text">Pause</span>
 *   </media-tooltip-content>
 * </media-tooltip>
 * ```
 */
declare class MediaTooltipContentElement extends MediaTooltipContentElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-tooltip-content': MediaTooltipContentElement;
  }
}
//#endregion
//#region types/elements/define/menus/audio-radio-group-element.d.ts
declare const MediaAudioRadioGroupElement_base: MaverickElementConstructor<HTMLElement, AudioRadioGroup>;
/**
 * @part label - Contains the audio track option label.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/audio-radio-group}
 * @example
 * ```html
 * <media-menu>
 *   <!-- ... -->
 *   <media-menu-items>
 *     <media-audio-radio-group>
 *       <template>
 *         <media-radio>
 *           <span data-part="label"></span>
 *         </media-radio>
 *       </template>
 *     </media-audio-radio-group>
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaAudioRadioGroupElement extends MediaAudioRadioGroupElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-audio-radio-group': MediaAudioRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/menus/captions-radio-group-element.d.ts
declare const MediaCaptionsRadioGroupElement_base: MaverickElementConstructor<HTMLElement, CaptionsRadioGroup>;
/**
 * @part label - Contains the caption/subtitle option label.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/captions-radio-group}
 * @example
 * ```html
 * <media-menu>
 *   <!-- ... -->
 *   <media-menu-items>
 *     <media-captions-radio-group>
 *       <template>
 *         <media-radio>
 *           <span data-part="label"></span>
 *         </media-radio>
 *       </template>
 *     </media-captions-radio-group>
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaCaptionsRadioGroupElement extends MediaCaptionsRadioGroupElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-captions-radio-group': MediaCaptionsRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/menus/menu-element.d.ts
declare const MediaMenuElement_base: MaverickElementConstructor<HTMLElement, Menu>;
/**
 * @part close-target - Closes menu when pressed.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
 * @example
 * ```html
 * <media-menu>
 *   <media-menu-button aria-label="Settings">
 *     <media-icon type="settings"></media-icon>
 *   </media-menu-button>
 *   <media-menu-items>
 *     <!-- ... -->
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaMenuElement extends MediaMenuElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-menu': MediaMenuElement;
  }
}
//#endregion
//#region types/elements/define/menus/menu-button-element.d.ts
declare const MediaMenuButtonElement_base: MaverickElementConstructor<HTMLElement, MenuButton>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
 * @example
 * ```html
 * <media-menu>
 *   <media-menu-button aria-label="Settings">
 *     <media-icon type="settings"></media-icon>
 *   </media-menu-button>
 *   <media-menu-items>
 *     <!-- ... -->
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaMenuButtonElement extends MediaMenuButtonElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-menu-button': MediaMenuButtonElement;
  }
}
//#endregion
//#region types/elements/define/menus/menu-portal-element.d.ts
declare const MediaMenuPortalElement_base: MaverickElementConstructor<HTMLElement, MenuPortal>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu#portal}
 * @example
 * ```html
 * <media-menu>
 *   <!-- ... -->
 *   <media-menu-portal>
 *     <media-menu-items></media-menu-items>
 *   </media-menu-portal>
 * </media-menu>
 * ```
 */
declare class MediaMenuPortalElement extends MediaMenuPortalElement_base {
  static tagName: string;
  static attrs: Attributes<MenuPortalProps>;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-menu-portal': MediaMenuPortalElement;
  }
}
//#endregion
//#region types/elements/define/menus/menu-item-element.d.ts
declare const MediaMenuItemElement_base: MaverickElementConstructor<HTMLElement, MenuItem>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
 * @example
 * ```html
 * <media-menu>
 *   <media-menu-items>
 *      <media-menu-item></media-menu-item>
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaMenuItemElement extends MediaMenuItemElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-menu-item': MediaMenuItemElement;
  }
}
//#endregion
//#region types/elements/define/menus/menu-items-element.d.ts
declare const MediaMenuItemsElement_base: MaverickElementConstructor<HTMLElement, MenuItems>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
 * @example
 * ```html
 * <media-menu>
 *   <media-menu-button aria-label="Settings">
 *     <media-icon type="settings"></media-icon>
 *   </media-menu-button>
 *   <media-menu-items>
 *     <!-- ... -->
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaMenuItemsElement extends MediaMenuItemsElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-menu-items': MediaMenuItemsElement;
  }
}
//#endregion
//#region types/elements/define/menus/chapters-radio-group-element.d.ts
declare const MediaChaptersRadioGroupElement_base: MaverickElementConstructor<HTMLElement, ChaptersRadioGroup>;
/**
 * @part label - Contains the chapter option title.
 * @part start-time - Contains the chapter option start time.
 * @part duration - Contains the chapter option duration.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/chapters-radio-group}
 * @example
 * ```html
 * <media-menu>
 *   <media-menu-button aria-label="Chapters">
 *     <media-icon type="chapters"></media-icon>
 *   </media-menu-button>
 *   <media-chapters-radio-group thumbnails="...">
 *     <template>
 *       <media-radio>
 *         <media-thumbnail></media-thumbnail>
 *         <span data-part="label"></span>
 *         <span data-part="start-time"></span>
 *         <span data-part="duration"></span>
 *       </media-radio>
 *     </template>
 *    </media-chapters-radio-group>
 * </media-menu>
 * ```
 */
declare class MediaChaptersRadioGroupElement extends MediaChaptersRadioGroupElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-chapters-radio-group': MediaChaptersRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/menus/speed-radio-group-element.d.ts
declare const MediaSpeedRadioGroupElement_base: MaverickElementConstructor<HTMLElement, SpeedRadioGroup>;
/**
 * @part label - Contains the speed option label.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/speed-radio-group}
 * @example
 * ```html
 * <media-menu>
 *   <!-- ... -->
 *   <media-menu-items>
 *     <media-speed-radio-group>
 *       <template>
 *         <media-radio>
 *           <span data-part="label"></span>
 *         </media-radio>
 *       </template>
 *     </media-speed-radio-group>
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaSpeedRadioGroupElement extends MediaSpeedRadioGroupElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-speed-radio-group': MediaSpeedRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/menus/audio-gain-group-element.d.ts
declare const MediaAudioGainRadioGroupElement_base: MaverickElementConstructor<HTMLElement, AudioGainRadioGroup>;
/**
 * @part label - Contains the audio gain option label.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/audio-gain-group}
 * @example
 * ```html
 * <media-menu>
 *   <!-- ... -->
 *   <media-menu-items>
 *     <media-audio-gain-radio-group>
 *       <template>
 *         <media-radio>
 *           <span data-part="label"></span>
 *         </media-radio>
 *       </template>
 *     </media-audio-gain-radio-group>
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaAudioGainRadioGroupElement extends MediaAudioGainRadioGroupElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-audio-gain-radio-group': MediaAudioGainRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/menus/quality-radio-group-element.d.ts
declare const MediaQualityRadioGroupElement_base: MaverickElementConstructor<HTMLElement, QualityRadioGroup>;
/**
 * @part label - Contains the quality option label.
 * @part bitrate - Contains the quality option bitrate.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/quality-radio-group}
 * @example
 * ```html
 * <media-menu>
 *   <!-- ... -->
 *   <media-menu-items>
 *     <media-quality-radio-group>
 *       <template>
 *         <media-radio>
 *           <span data-part="label"></span>
 *           <span data-part="bitrate"></span>
 *         </media-radio>
 *       </template>
 *     </media-quality-radio-group>
 *   </media-menu-items>
 * </media-menu>
 * ```
 */
declare class MediaQualityRadioGroupElement extends MediaQualityRadioGroupElement_base {
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-quality-radio-group': MediaQualityRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/menus/radio-element.d.ts
declare const MediaRadioElement_base: MaverickElementConstructor<HTMLElement, Radio>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/radio}
 * @example
 * ```html
 * <media-radio-group value="720">
 *   <media-radio value="1080">1080p</media-radio>
 *   <media-radio value="720">720p</media-radio>
 *   <!-- ... -->
 * </media-radio-group>
 * ```
 */
declare class MediaRadioElement extends MediaRadioElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-radio': MediaRadioElement;
  }
}
//#endregion
//#region types/elements/define/menus/radio-group-element.d.ts
declare const MediaRadioGroupElement_base: MaverickElementConstructor<HTMLElement, RadioGroup>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/radio-group}
 * @example
 * ```html
 * <media-radio-group value="720">
 *   <media-radio value="1080">1080p</media-radio>
 *   <media-radio value="720">720p</media-radio>
 *   <!-- ... -->
 * </media-radio-group>
 * ```
 */
declare class MediaRadioGroupElement extends MediaRadioGroupElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-radio-group': MediaRadioGroupElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-element.d.ts
declare const MediaSliderElement_base: MaverickElementConstructor<HTMLElement, Slider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider}
 * @example
 * ```html
 * <media-slider min="0" max="100" value="50" aria-label="...">
 *   <div class="track"></div>
 *   <div class="track-fill"></div>
 *   <div class="track-progress"></div>
 *   <div class="thumb"></div>
 * </media-slider>
 * ```
 */
declare class MediaSliderElement extends MediaSliderElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider': MediaSliderElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-thumbnail-element.d.ts
/**
 * @example
 * ```html
 * <media-player >
 *   <media-time-slider>
 *     <media-slider-preview>
 *       <media-slider-thumbnail
 *         src="https://files.vidstack.io/thumbnails.vtt"
 *       ></media-slider-thumbnail>
 *     </media-slider-preview>
 *   </media-time-slider>
 * </media-player>
 * ```
 */
declare class MediaSliderThumbnailElement extends MediaThumbnailElement {
  #private;
  static tagName: string;
  protected onSetup(): void;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider-thumbnail': MediaSliderThumbnailElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-value-element.d.ts
declare const MediaSliderValueElement_base: MaverickElementConstructor<HTMLElement, SliderValue>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-value}
 * @example
 * ```html
 * <media-time-slider>
 *   <media-slider-preview>
 *     <media-slider-value></media-slider-value>
 *   </media-slider-preview>
 * </media-time-slider>
 * ```
 * @example
 * ```html
 * <media-slider-value type="current"></media-slider-value>
 * ```
 * @example
 * ```html
 * <media-slider-value show-hours pad-hours></media-slider-value>
 * ```
 * @example
 * ```html
 * <media-slider-value decimal-places="2"></media-slider-value>
 * ```
 */
declare class MediaSliderValueElement extends MediaSliderValueElement_base {
  static tagName: string;
  static attrs: Attributes<SliderValueProps>;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider-value': MediaSliderValueElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-video-element.d.ts
declare const MediaSliderVideoElement_base: MaverickElementConstructor<HTMLElement, SliderVideo>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-video}
 * @example
 * ```html
 * <media-time-slider>
 *   <media-slider-preview>
 *     <media-slider-video src="/low-res-video.mp4"></media-slider-video>
 *   </media-slider-preview>
 * </media-time-slider>
 * ```
 */
declare class MediaSliderVideoElement extends MediaSliderVideoElement_base {
  #private;
  static tagName: string;
  protected onSetup(): void;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider-video': MediaSliderVideoElement;
  }
}
//#endregion
//#region types/elements/define/sliders/time-slider-element.d.ts
declare const MediaTimeSliderElement_base: MaverickElementConstructor<HTMLElement, TimeSlider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/time-slider}
 * @example
 * ```html
 * <media-time-slider>
 *   <div class="track"></div>
 *   <div class="track-fill"></div>
 *   <div class="track-progress"></div>
 *   <div class="thumb"></div>
 * </media-time-slider>
 * ```
 * @example
 * ```html
 * <media-time-slider>
 *   <!-- ... -->
 *   <media-slider-preview>
 *     <media-slider-value></media-slider-value>
 *   <media-slider-preview>
 * </media-time-slider>
 * ```
 */
declare class MediaTimeSliderElement extends MediaTimeSliderElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-time-slider': MediaTimeSliderElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-preview-element.d.ts
declare const MediaSliderPreviewElement_base: MaverickElementConstructor<HTMLElement, SliderPreview>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider#preview}
 */
declare class MediaSliderPreviewElement extends MediaSliderPreviewElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider-preview': MediaSliderPreviewElement;
  }
}
//#endregion
//#region types/elements/define/sliders/volume-slider-element.d.ts
declare const MediaVolumeSliderElement_base: MaverickElementConstructor<HTMLElement, VolumeSlider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/volume-slider}
 * @example
 * ```html
 * <media-volume-slider>
 *   <div class="track"></div>
 *   <div class="track-fill"></div>
 *   <div class="track-progress"></div>
 *   <div class="thumb"></div>
 * </media-volume-slider>
 * ```
 * @example
 * ```html
 * <media-volume-slider>
 *   <!-- ... -->
 *   <media-slider-preview>
 *     <media-slider-value></media-slider-value>
 *   </media-slider-preview>
 * </media-volume-slider>
 * ```
 */
declare class MediaVolumeSliderElement extends MediaVolumeSliderElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-volume-slider': MediaVolumeSliderElement;
  }
}
//#endregion
//#region types/elements/define/sliders/audio-gain-slider-element.d.ts
declare const MediaAudioGainSliderElement_base: MaverickElementConstructor<HTMLElement, AudioGainSlider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/audio-gain-slider}
 * @example
 * ```html
 * <media-audio-gain-slider>
 *   <div class="track"></div>
 *   <div class="track-fill"></div>
 *   <div class="track-progress"></div>
 *   <div class="thumb"></div>
 * </media-audio-gain-slider>
 * ```
 * @example
 * ```html
 * <media-audio-gain-slider>
 *   <!-- ... -->
 *   <media-slider-preview>
 *     <media-slider-value></media-slider-value>
 *   </media-slider-preview>
 * </media-audio-gain-slider>
 * ```
 */
declare class MediaAudioGainSliderElement extends MediaAudioGainSliderElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-audio-gain-slider': MediaAudioGainSliderElement;
  }
}
//#endregion
//#region types/elements/define/sliders/speed-slider-element.d.ts
declare const MediaSpeedSliderElement_base: MaverickElementConstructor<HTMLElement, SpeedSlider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/speed-slider}
 * @example
 * ```html
 * <media-speed-slider>
 *   <div class="track"></div>
 *   <div class="track-fill"></div>
 *   <div class="track-progress"></div>
 *   <div class="thumb"></div>
 * </media-speed-slider>
 * ```
 * @example
 * ```html
 * <media-speed-slider>
 *   <!-- ... -->
 *   <media-slider-preview>
 *     <media-slider-value></media-slider-value>
 *   </media-slider-preview>
 * </media-speed-slider>
 * ```
 */
declare class MediaSpeedSliderElement extends MediaSpeedSliderElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-speed-slider': MediaSpeedSliderElement;
  }
}
//#endregion
//#region types/elements/define/sliders/quality-slider-element.d.ts
declare const MediaQualitySliderElement_base: MaverickElementConstructor<HTMLElement, QualitySlider>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/quality-slider}
 * @example
 * ```html
 * <media-quality-slider>
 *   <div class="track"></div>
 *   <div class="track-fill"></div>
 *   <div class="track-progress"></div>
 *   <div class="thumb"></div>
 * </media-quality-slider>
 * ```
 * @example
 * ```html
 * <media-quality-slider>
 *   <!-- ... -->
 *   <media-slider-preview>
 *     <media-slider-value></media-slider-value>
 *   </media-slider-preview>
 * </media-quality-slider>
 * ```
 */
declare class MediaQualitySliderElement extends MediaQualitySliderElement_base {
  static tagName: string;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-quality-slider': MediaQualitySliderElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-chapters-element.d.ts
declare const MediaSliderChaptersElement_base: MaverickElementConstructor<HTMLElement, SliderChapters>;
/**
 * @part chapter-title - Contains the current chapter title.
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-chapters}
 * @example
 * ```html
 * <media-time-slider>
 *   <media-slider-chapters>
 *     <template>
 *       <div class="slider-chapter">
 *         <div class="slider-track"></div>
 *         <div class="slider-track-fill"></div>
 *         <div class="slider-track-progress"></div>
 *       </div>
 *     </template>
 *   </media-slider-chapters>
 * </media-time-slider>
 * ```
 */
declare class MediaSliderChaptersElement extends MediaSliderChaptersElement_base {
  #private;
  static tagName: string;
  protected onConnect(): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider-chapters': MediaSliderChaptersElement;
  }
}
//#endregion
//#region types/elements/define/sliders/slider-steps-element.d.ts
declare class SliderSteps extends Component {}
declare const MediaSliderStepsElement_base: MaverickElementConstructor<HTMLElement, SliderSteps>;
/**
 * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-steps}
 * @example
 * ```html
 * <media-slider>
 *   <media-slider-steps>
 *     <template>
 *       <div class="slider-step"></div>
 *     </template>
 *   </media-slider-steps>
 * </media-slider>
 * ```
 */
declare class MediaSliderStepsElement extends MediaSliderStepsElement_base {
  #private;
  static tagName: string;
  onConnect(el: HTMLElement): void;
}
declare global {
  interface HTMLElementTagNameMap {
    'media-slider-steps': MediaSliderStepsElement;
  }
}
//#endregion
export { MediaAirPlayButtonElement, MediaAnnouncerElement, MediaAudioGainRadioGroupElement, MediaAudioGainSliderElement, MediaAudioLayoutElement, MediaAudioRadioGroupElement, MediaCaptionButtonElement, MediaCaptionsElement, MediaCaptionsRadioGroupElement, MediaChaptersRadioGroupElement, MediaControlsElement, MediaControlsGroupElement, MediaFullscreenButtonElement, MediaGestureElement, MediaGoogleCastButtonElement, MediaLiveButtonElement, MediaMenuButtonElement, MediaMenuElement, MediaMenuItemElement, MediaMenuItemsElement, MediaMenuPortalElement, MediaMuteButtonElement, MediaPIPButtonElement, MediaPlayButtonElement, MediaPlayerElement, MediaPlyrLayoutElement, MediaPosterElement, MediaProviderElement, MediaQualityRadioGroupElement, MediaQualitySliderElement, MediaRadioElement, MediaRadioGroupElement, MediaSeekButtonElement, MediaSliderChaptersElement, MediaSliderElement, MediaSliderPreviewElement, MediaSliderStepsElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaSliderVideoElement, MediaSpeedRadioGroupElement, MediaSpeedSliderElement, MediaThumbnailElement, MediaTimeElement, MediaTimeSliderElement, MediaTitleElement, MediaToggleButtonElement, MediaTooltipContentElement, MediaTooltipElement, MediaTooltipTriggerElement, MediaVideoLayoutElement, MediaVolumeSliderElement };