@hanifhan1f/vidstack-react 1.12.13 → 1.12.14

package/src/icons.ts

@@ -1,754 +0,0 @@
-import { accessibilityPaths,
-addNotePaths,
-addPlaylistPaths,
-addUserPaths,
-addPaths,
-airplayPaths,
-arrowCollapseInPaths,
-arrowCollapsePaths,
-arrowDownPaths,
-arrowExpandOutPaths,
-arrowExpandPaths,
-arrowLeftPaths,
-arrowRightPaths,
-arrowUpPaths,
-bookmarkPaths,
-cameraPaths,
-chaptersPaths,
-chatCollapsePaths,
-chatPaths,
-checkPaths,
-chevronDownPaths,
-chevronLeftPaths,
-chevronRightPaths,
-chevronUpPaths,
-chromecastPaths,
-clipPaths,
-closedCaptionsOnPaths,
-closedCaptionsPaths,
-commentPaths,
-computerPaths,
-devicePaths,
-downloadPaths,
-episodesPaths,
-eyePaths,
-fastBackwardPaths,
-fastForwardPaths,
-flagPaths,
-fullscreenArrowExitPaths,
-fullscreenArrowPaths,
-fullscreenExitPaths,
-fullscreenPaths,
-heartPaths,
-infoPaths,
-languagePaths,
-linkPaths,
-lockClosedPaths,
-lockOpenPaths,
-menuHorizontalPaths,
-menuVerticalPaths,
-microphonePaths,
-mobilePaths,
-moonPaths,
-musicOffPaths,
-musicPaths,
-mutePaths,
-nextPaths,
-noEyePaths,
-notificationPaths,
-odometerPaths,
-pausePaths,
-pictureInPictureExitPaths,
-pictureInPicturePaths,
-playPaths,
-playbackSpeedCirclePaths,
-playlistPaths,
-previousPaths,
-questionMarkPaths,
-queueListPaths,
-radioButtonSelectedPaths,
-radioButtonPaths,
-repeatOnPaths,
-repeatSquareOnPaths,
-repeatSquarePaths,
-repeatPaths,
-replayPaths,
-rotatePaths,
-searchPaths,
-seekBackward10Paths,
-seekBackward15Paths,
-seekBackward30Paths,
-seekBackwardPaths,
-seekForward10Paths,
-seekForward15Paths,
-seekForward30Paths,
-seekForwardPaths,
-sendPaths,
-settingsMenuPaths,
-settingsSwitchPaths,
-settingsPaths,
-shareArrowPaths,
-sharePaths,
-shuffleOnPaths,
-shufflePaths,
-stopPaths,
-subtitlesPaths,
-sunPaths,
-theatreModeExitPaths,
-theatreModePaths,
-thumbsDownPaths,
-thumbsUpPaths,
-timerPaths,
-transcriptPaths,
-tvPaths,
-userPaths,
-volumeHighPaths,
-volumeLowPaths,
-xMarkPaths } from 'media-icons';
-import { createElement, forwardRef } from 'react';
-
-import { Icon, type IconComponent } from './icon';
-
-const cn = (className?: string) => className ? `${className} vds-icon` : 'vds-icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=accessibility) */
-export const AccessibilityIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: accessibilityPaths });
-});
-AccessibilityIcon.displayName = 'VidstackAccessibilityIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=add-note) */
-export const AddNoteIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: addNotePaths });
-});
-AddNoteIcon.displayName = 'VidstackAddNoteIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=add-playlist) */
-export const AddPlaylistIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: addPlaylistPaths });
-});
-AddPlaylistIcon.displayName = 'VidstackAddPlaylistIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=add-user) */
-export const AddUserIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: addUserPaths });
-});
-AddUserIcon.displayName = 'VidstackAddUserIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=add) */
-export const AddIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: addPaths });
-});
-AddIcon.displayName = 'VidstackAddIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=airplay) */
-export const AirPlayIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: airplayPaths });
-});
-AirPlayIcon.displayName = 'VidstackAirPlayIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-collapse-in) */
-export const ArrowCollapseInIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowCollapseInPaths });
-});
-ArrowCollapseInIcon.displayName = 'VidstackArrowCollapseInIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-collapse) */
-export const ArrowCollapseIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowCollapsePaths });
-});
-ArrowCollapseIcon.displayName = 'VidstackArrowCollapseIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-down) */
-export const ArrowDownIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowDownPaths });
-});
-ArrowDownIcon.displayName = 'VidstackArrowDownIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-expand-out) */
-export const ArrowExpandOutIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowExpandOutPaths });
-});
-ArrowExpandOutIcon.displayName = 'VidstackArrowExpandOutIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-expand) */
-export const ArrowExpandIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowExpandPaths });
-});
-ArrowExpandIcon.displayName = 'VidstackArrowExpandIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-left) */
-export const ArrowLeftIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowLeftPaths });
-});
-ArrowLeftIcon.displayName = 'VidstackArrowLeftIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-right) */
-export const ArrowRightIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowRightPaths });
-});
-ArrowRightIcon.displayName = 'VidstackArrowRightIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=arrow-up) */
-export const ArrowUpIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: arrowUpPaths });
-});
-ArrowUpIcon.displayName = 'VidstackArrowUpIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=bookmark) */
-export const BookmarkIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: bookmarkPaths });
-});
-BookmarkIcon.displayName = 'VidstackBookmarkIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=camera) */
-export const CameraIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: cameraPaths });
-});
-CameraIcon.displayName = 'VidstackCameraIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chapters) */
-export const ChaptersIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chaptersPaths });
-});
-ChaptersIcon.displayName = 'VidstackChaptersIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chat-collapse) */
-export const ChatCollapseIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chatCollapsePaths });
-});
-ChatCollapseIcon.displayName = 'VidstackChatCollapseIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chat) */
-export const ChatIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chatPaths });
-});
-ChatIcon.displayName = 'VidstackChatIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=check) */
-export const CheckIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: checkPaths });
-});
-CheckIcon.displayName = 'VidstackCheckIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chevron-down) */
-export const ChevronDownIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chevronDownPaths });
-});
-ChevronDownIcon.displayName = 'VidstackChevronDownIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chevron-left) */
-export const ChevronLeftIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chevronLeftPaths });
-});
-ChevronLeftIcon.displayName = 'VidstackChevronLeftIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chevron-right) */
-export const ChevronRightIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chevronRightPaths });
-});
-ChevronRightIcon.displayName = 'VidstackChevronRightIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chevron-up) */
-export const ChevronUpIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chevronUpPaths });
-});
-ChevronUpIcon.displayName = 'VidstackChevronUpIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=chromecast) */
-export const ChromecastIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: chromecastPaths });
-});
-ChromecastIcon.displayName = 'VidstackChromecastIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=clip) */
-export const ClipIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: clipPaths });
-});
-ClipIcon.displayName = 'VidstackClipIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=closed-captions-on) */
-export const ClosedCaptionsOnIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: closedCaptionsOnPaths });
-});
-ClosedCaptionsOnIcon.displayName = 'VidstackClosedCaptionsOnIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=closed-captions) */
-export const ClosedCaptionsIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: closedCaptionsPaths });
-});
-ClosedCaptionsIcon.displayName = 'VidstackClosedCaptionsIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=comment) */
-export const CommentIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: commentPaths });
-});
-CommentIcon.displayName = 'VidstackCommentIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=computer) */
-export const ComputerIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: computerPaths });
-});
-ComputerIcon.displayName = 'VidstackComputerIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=device) */
-export const DeviceIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: devicePaths });
-});
-DeviceIcon.displayName = 'VidstackDeviceIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=download) */
-export const DownloadIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: downloadPaths });
-});
-DownloadIcon.displayName = 'VidstackDownloadIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=episodes) */
-export const EpisodesIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: episodesPaths });
-});
-EpisodesIcon.displayName = 'VidstackEpisodesIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=eye) */
-export const EyeIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: eyePaths });
-});
-EyeIcon.displayName = 'VidstackEyeIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=fast-backward) */
-export const FastBackwardIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: fastBackwardPaths });
-});
-FastBackwardIcon.displayName = 'VidstackFastBackwardIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=fast-forward) */
-export const FastForwardIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: fastForwardPaths });
-});
-FastForwardIcon.displayName = 'VidstackFastForwardIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=flag) */
-export const FlagIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: flagPaths });
-});
-FlagIcon.displayName = 'VidstackFlagIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=fullscreen-arrow-exit) */
-export const FullscreenArrowExitIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: fullscreenArrowExitPaths });
-});
-FullscreenArrowExitIcon.displayName = 'VidstackFullscreenArrowExitIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=fullscreen-arrow) */
-export const FullscreenArrowIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: fullscreenArrowPaths });
-});
-FullscreenArrowIcon.displayName = 'VidstackFullscreenArrowIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=fullscreen-exit) */
-export const FullscreenExitIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: fullscreenExitPaths });
-});
-FullscreenExitIcon.displayName = 'VidstackFullscreenExitIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=fullscreen) */
-export const FullscreenIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: fullscreenPaths });
-});
-FullscreenIcon.displayName = 'VidstackFullscreenIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=heart) */
-export const HeartIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: heartPaths });
-});
-HeartIcon.displayName = 'VidstackHeartIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=info) */
-export const InfoIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: infoPaths });
-});
-InfoIcon.displayName = 'VidstackInfoIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=language) */
-export const LanguageIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: languagePaths });
-});
-LanguageIcon.displayName = 'VidstackLanguageIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=link) */
-export const LinkIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: linkPaths });
-});
-LinkIcon.displayName = 'VidstackLinkIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=lock-closed) */
-export const LockClosedIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: lockClosedPaths });
-});
-LockClosedIcon.displayName = 'VidstackLockClosedIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=lock-open) */
-export const LockOpenIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: lockOpenPaths });
-});
-LockOpenIcon.displayName = 'VidstackLockOpenIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=menu-horizontal) */
-export const MenuHorizontalIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: menuHorizontalPaths });
-});
-MenuHorizontalIcon.displayName = 'VidstackMenuHorizontalIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=menu-vertical) */
-export const MenuVerticalIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: menuVerticalPaths });
-});
-MenuVerticalIcon.displayName = 'VidstackMenuVerticalIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=microphone) */
-export const MicrophoneIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: microphonePaths });
-});
-MicrophoneIcon.displayName = 'VidstackMicrophoneIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=mobile) */
-export const MobileIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: mobilePaths });
-});
-MobileIcon.displayName = 'VidstackMobileIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=moon) */
-export const MoonIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: moonPaths });
-});
-MoonIcon.displayName = 'VidstackMoonIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=music-off) */
-export const MusicOffIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: musicOffPaths });
-});
-MusicOffIcon.displayName = 'VidstackMusicOffIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=music) */
-export const MusicIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: musicPaths });
-});
-MusicIcon.displayName = 'VidstackMusicIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=mute) */
-export const MuteIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: mutePaths });
-});
-MuteIcon.displayName = 'VidstackMuteIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=next) */
-export const NextIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: nextPaths });
-});
-NextIcon.displayName = 'VidstackNextIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=no-eye) */
-export const NoEyeIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: noEyePaths });
-});
-NoEyeIcon.displayName = 'VidstackNoEyeIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=notification) */
-export const NotificationIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: notificationPaths });
-});
-NotificationIcon.displayName = 'VidstackNotificationIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=odometer) */
-export const OdometerIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: odometerPaths });
-});
-OdometerIcon.displayName = 'VidstackOdometerIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=pause) */
-export const PauseIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: pausePaths });
-});
-PauseIcon.displayName = 'VidstackPauseIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=picture-in-picture-exit) */
-export const PictureInPictureExitIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: pictureInPictureExitPaths });
-});
-PictureInPictureExitIcon.displayName = 'VidstackPictureInPictureExitIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=picture-in-picture) */
-export const PictureInPictureIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: pictureInPicturePaths });
-});
-PictureInPictureIcon.displayName = 'VidstackPictureInPictureIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=play) */
-export const PlayIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: playPaths });
-});
-PlayIcon.displayName = 'VidstackPlayIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=playback-speed-circle) */
-export const PlaybackSpeedCircleIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: playbackSpeedCirclePaths });
-});
-PlaybackSpeedCircleIcon.displayName = 'VidstackPlaybackSpeedCircleIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=playlist) */
-export const PlaylistIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: playlistPaths });
-});
-PlaylistIcon.displayName = 'VidstackPlaylistIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=previous) */
-export const PreviousIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: previousPaths });
-});
-PreviousIcon.displayName = 'VidstackPreviousIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=question-mark) */
-export const QuestionMarkIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: questionMarkPaths });
-});
-QuestionMarkIcon.displayName = 'VidstackQuestionMarkIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=queue-list) */
-export const QueueListIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: queueListPaths });
-});
-QueueListIcon.displayName = 'VidstackQueueListIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=radio-button-selected) */
-export const RadioButtonSelectedIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: radioButtonSelectedPaths });
-});
-RadioButtonSelectedIcon.displayName = 'VidstackRadioButtonSelectedIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=radio-button) */
-export const RadioButtonIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: radioButtonPaths });
-});
-RadioButtonIcon.displayName = 'VidstackRadioButtonIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=repeat-on) */
-export const RepeatOnIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: repeatOnPaths });
-});
-RepeatOnIcon.displayName = 'VidstackRepeatOnIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=repeat-square-on) */
-export const RepeatSquareOnIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: repeatSquareOnPaths });
-});
-RepeatSquareOnIcon.displayName = 'VidstackRepeatSquareOnIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=repeat-square) */
-export const RepeatSquareIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: repeatSquarePaths });
-});
-RepeatSquareIcon.displayName = 'VidstackRepeatSquareIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=repeat) */
-export const RepeatIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: repeatPaths });
-});
-RepeatIcon.displayName = 'VidstackRepeatIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=replay) */
-export const ReplayIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: replayPaths });
-});
-ReplayIcon.displayName = 'VidstackReplayIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=rotate) */
-export const RotateIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: rotatePaths });
-});
-RotateIcon.displayName = 'VidstackRotateIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=search) */
-export const SearchIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: searchPaths });
-});
-SearchIcon.displayName = 'VidstackSearchIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-backward-10) */
-export const SeekBackward10Icon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekBackward10Paths });
-});
-SeekBackward10Icon.displayName = 'VidstackSeekBackward10Icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-backward-15) */
-export const SeekBackward15Icon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekBackward15Paths });
-});
-SeekBackward15Icon.displayName = 'VidstackSeekBackward15Icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-backward-30) */
-export const SeekBackward30Icon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekBackward30Paths });
-});
-SeekBackward30Icon.displayName = 'VidstackSeekBackward30Icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-backward) */
-export const SeekBackwardIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekBackwardPaths });
-});
-SeekBackwardIcon.displayName = 'VidstackSeekBackwardIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-forward-10) */
-export const SeekForward10Icon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekForward10Paths });
-});
-SeekForward10Icon.displayName = 'VidstackSeekForward10Icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-forward-15) */
-export const SeekForward15Icon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekForward15Paths });
-});
-SeekForward15Icon.displayName = 'VidstackSeekForward15Icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-forward-30) */
-export const SeekForward30Icon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekForward30Paths });
-});
-SeekForward30Icon.displayName = 'VidstackSeekForward30Icon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=seek-forward) */
-export const SeekForwardIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: seekForwardPaths });
-});
-SeekForwardIcon.displayName = 'VidstackSeekForwardIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=send) */
-export const SendIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: sendPaths });
-});
-SendIcon.displayName = 'VidstackSendIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=settings-menu) */
-export const SettingsMenuIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: settingsMenuPaths });
-});
-SettingsMenuIcon.displayName = 'VidstackSettingsMenuIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=settings-switch) */
-export const SettingsSwitchIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: settingsSwitchPaths });
-});
-SettingsSwitchIcon.displayName = 'VidstackSettingsSwitchIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=settings) */
-export const SettingsIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: settingsPaths });
-});
-SettingsIcon.displayName = 'VidstackSettingsIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=share-arrow) */
-export const ShareArrowIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: shareArrowPaths });
-});
-ShareArrowIcon.displayName = 'VidstackShareArrowIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=share) */
-export const ShareIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: sharePaths });
-});
-ShareIcon.displayName = 'VidstackShareIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=shuffle-on) */
-export const ShuffleOnIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: shuffleOnPaths });
-});
-ShuffleOnIcon.displayName = 'VidstackShuffleOnIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=shuffle) */
-export const ShuffleIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: shufflePaths });
-});
-ShuffleIcon.displayName = 'VidstackShuffleIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=stop) */
-export const StopIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: stopPaths });
-});
-StopIcon.displayName = 'VidstackStopIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=subtitles) */
-export const SubtitlesIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: subtitlesPaths });
-});
-SubtitlesIcon.displayName = 'VidstackSubtitlesIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=sun) */
-export const SunIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: sunPaths });
-});
-SunIcon.displayName = 'VidstackSunIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=theatre-mode-exit) */
-export const TheatreModeExitIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: theatreModeExitPaths });
-});
-TheatreModeExitIcon.displayName = 'VidstackTheatreModeExitIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=theatre-mode) */
-export const TheatreModeIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: theatreModePaths });
-});
-TheatreModeIcon.displayName = 'VidstackTheatreModeIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=thumbs-down) */
-export const ThumbsDownIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: thumbsDownPaths });
-});
-ThumbsDownIcon.displayName = 'VidstackThumbsDownIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=thumbs-up) */
-export const ThumbsUpIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: thumbsUpPaths });
-});
-ThumbsUpIcon.displayName = 'VidstackThumbsUpIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=timer) */
-export const TimerIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: timerPaths });
-});
-TimerIcon.displayName = 'VidstackTimerIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=transcript) */
-export const TranscriptIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: transcriptPaths });
-});
-TranscriptIcon.displayName = 'VidstackTranscriptIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=tv) */
-export const TvIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: tvPaths });
-});
-TvIcon.displayName = 'VidstackTvIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=user) */
-export const UserIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: userPaths });
-});
-UserIcon.displayName = 'VidstackUserIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=volume-high) */
-export const VolumeHighIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: volumeHighPaths });
-});
-VolumeHighIcon.displayName = 'VidstackVolumeHighIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=volume-low) */
-export const VolumeLowIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: volumeLowPaths });
-});
-VolumeLowIcon.displayName = 'VidstackVolumeLowIcon';
-
-/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=x-mark) */
-export const XMarkIcon: IconComponent = /* #__PURE__*/ forwardRef((props, ref) => {
-  return createElement(Icon, { ...props, className: cn(props.className), ref, paths: xMarkPaths });
-});
-XMarkIcon.displayName = 'VidstackXMarkIcon';