@therealtinhtute/baroiplayer 1.0.0 → 1.0.2

package/dist/src/components/icons/index.tsx

@@ -0,0 +1,166 @@
+"use client"
+
+import React from "react"
+import BackwardIcon from "./svg-icons/BackwardIcon"
+import CameraIcon from "./svg-icons/CameraIcon"
+import ForwardIcon from "./svg-icons/ForwardIcon"
+import FullscreenEnterIcon from "./svg-icons/FullscreenEnterIcon"
+import FullscreenExitIcon from "./svg-icons/FullscreenExitIcon"
+import LoadingIcon from "./svg-icons/LoadingIcon"
+import PauseIcon from "./svg-icons/PauseIcon"
+import PlayIcon from "./svg-icons/PlayIcon"
+import PlaybackSpeedIcon from "./svg-icons/PlaybackSpeedIcon"
+import SettingsIcon from "./svg-icons/SettingsIcon"
+import SubtitleIconSVG from "./svg-icons/SubtitleIcon"
+import VolumeMutedIcon from "./svg-icons/VolumeMutedIcon"
+import VolumeOneIcon from "./svg-icons/VolumeOneIcon"
+import VolumeThreeIcon from "./svg-icons/VolumeThreeIcon"
+import VolumeTwoIcon from "./svg-icons/VolumeTwoIcon"
+
+export interface IconProps {
+	size?: number
+	className?: string
+	color?: string
+}
+
+// Minimal Play Icon
+export const MinimalPlayIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <PlayIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Pause Icon
+export const MinimalPauseIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <PauseIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Volume Icon
+export const MinimalVolumeIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <VolumeTwoIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Volume Muted Icon
+export const MinimalVolumeMutedIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <VolumeMutedIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Fullscreen Icon
+export const MinimalFullscreenIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <FullscreenEnterIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Exit Fullscreen Icon
+export const MinimalExitFullscreenIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <FullscreenExitIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Settings Icon
+export const MinimalSettingsIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <SettingsIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Loading Spinner
+export const MinimalSpinner: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => (
+	<LoadingIcon
+		width={size}
+		height={size}
+		className={`animate-spin ${className}`}
+		style={{ color }}
+	/>
+)
+
+// Minimal Forward Icon (using backward design)
+export const MinimalForwardIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <BackwardIcon width={size} height={size} className={className} style={{ color }} />
+
+// Minimal Backward Icon
+export const MinimalBackwardIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <ForwardIcon width={size} height={size} className={className} style={{ color }} />
+
+// Forward 10 seconds icon
+export const MinimalForward10Icon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <ForwardIcon width={size} height={size} className={className} style={{ color }} />
+
+// Backward 10 seconds icon
+export const MinimalBackward10Icon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <BackwardIcon width={size} height={size} className={className} style={{ color }} />
+
+// Subtitle/Caption icon
+export const MinimalSubtitleIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <SubtitleIconSVG width={size} height={size} className={className} style={{ color }} />
+
+// Screenshot/Camera icon
+export const MinimalScreenshotIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <CameraIcon width={size} height={size} className={className} style={{ color }} />
+
+// Speed icon
+export const MinimalSpeedIcon: React.FC<IconProps> = ({
+	size = 24,
+	className = "",
+	color = "currentColor"
+}) => <PlaybackSpeedIcon width={size} height={size} className={className} style={{ color }} />
+
+// Icon Set Type
+export interface IconSet {
+	play?: React.FC<IconProps>
+	pause?: React.FC<IconProps>
+	volume?: React.FC<IconProps>
+	volumeMuted?: React.FC<IconProps>
+	fullscreen?: React.FC<IconProps>
+	exitFullscreen?: React.FC<IconProps>
+	settings?: React.FC<IconProps>
+	forward?: React.FC<IconProps>
+	backward?: React.FC<IconProps>
+	spinner?: React.FC<IconProps>
+	subtitle?: React.FC<IconProps>
+}
+
+// Default Icon Set
+export const defaultMinimalIcons: IconSet = {
+	play: MinimalPlayIcon,
+	pause: MinimalPauseIcon,
+	volume: MinimalVolumeIcon,
+	volumeMuted: MinimalVolumeMutedIcon,
+	fullscreen: MinimalFullscreenIcon,
+	exitFullscreen: MinimalExitFullscreenIcon,
+	settings: MinimalSettingsIcon,
+	forward: MinimalForwardIcon,
+	backward: MinimalBackwardIcon,
+	spinner: MinimalSpinner,
+	subtitle: MinimalSubtitleIcon
+}

package/dist/src/components/icons/svg-icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const ArrowLeftIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeftIcon;
+//# sourceMappingURL=ArrowLeftIcon.d.ts.map

package/dist/src/components/icons/svg-icons/ArrowLeftIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeftIcon.d.ts","sourceRoot":"","sources":["ArrowLeftIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,QAAA,MAAM,aAAa,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAYpD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/src/components/icons/svg-icons/ArrowLeftIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowLeftIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z' }) }));
+export default ArrowLeftIcon;

package/dist/src/components/icons/svg-icons/ArrowLeftIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { SVGProps } from 'react'
+
+const ArrowLeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    aria-hidden='true'
+    className='iconify iconify--ic'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path fill='currentColor' d='M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z' />
+  </svg>
+)
+
+export default ArrowLeftIcon

package/dist/src/components/icons/svg-icons/ArrowRightIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const ArrowRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRightIcon;
+//# sourceMappingURL=ArrowRightIcon.d.ts.map

package/dist/src/components/icons/svg-icons/ArrowRightIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["ArrowRightIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAYrD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/src/components/icons/svg-icons/ArrowRightIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowRightIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z' }) }));
+export default ArrowRightIcon;

package/dist/src/components/icons/svg-icons/ArrowRightIcon.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const ArrowRightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    aria-hidden='true'
+    className='iconify iconify--ic'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path fill='currentColor' d='M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z' />
+  </svg>
+)
+
+export default ArrowRightIcon

package/dist/src/components/icons/svg-icons/AudioIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const Memo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Memo;
+//# sourceMappingURL=AudioIcon.d.ts.map

package/dist/src/components/icons/svg-icons/AudioIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioIcon.d.ts","sourceRoot":"","sources":["AudioIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAmBtC,QAAA,MAAM,IAAI,UAjBgB,QAAQ,CAAC,aAAa,CAAC,4CAiB3B,CAAA;AACtB,eAAe,IAAI,CAAA"}

package/dist/src/components/icons/svg-icons/AudioIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const AudioIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '1em', height: '1em', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07a4.007 4.007 0 0 0 4.59 4.65c1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2z' }) }));
+const Memo = AudioIcon;
+export default Memo;

package/dist/src/components/icons/svg-icons/AudioIcon.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const AudioIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    aria-hidden='true'
+    className='iconify iconify--ic'
+    width='1em'
+    height='1em'
+    viewBox='0 0 24 24'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path
+      fill='currentColor'
+      d='M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07a4.007 4.007 0 0 0 4.59 4.65c1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2z'
+    />
+  </svg>
+)
+
+const Memo = AudioIcon
+export default Memo

package/dist/src/components/icons/svg-icons/BackwardIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const BackwardIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default BackwardIcon;
+//# sourceMappingURL=BackwardIcon.d.ts.map

package/dist/src/components/icons/svg-icons/BackwardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackwardIcon.d.ts","sourceRoot":"","sources":["BackwardIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAMnD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/components/icons/svg-icons/BackwardIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const BackwardIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: 'currentColor', d: 'M3 2.25a1 1 0 0 0-1 1V9a1 1 0 0 0 1 1h5.25a1 1 0 0 0 0-2H4.863c.985-1.179 2.208-2.113 3.682-2.57a9.435 9.435 0 0 1 6.106.16c1.981.738 3.81 2.232 4.722 3.894a1 1 0 1 0 1.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.435 11.435 0 0 0-7.395-.196C6.378 4.008 5.068 4.9 4 5.979V3.25a1 1 0 0 0-1-1ZM9.75 12a1 1 0 0 0-1.762-.647l-.222.265c-.515.623-1.078 1.303-2.28 2.024a1 1 0 1 0 1.029 1.716c.483-.29.889-.582 1.235-.865V20a1 1 0 0 0 2 0v-8Zm6.5-1c-1.386 0-2.4.635-3.008 1.661c-.564.95-.742 2.161-.742 3.339s.178 2.39.742 3.339C13.85 20.365 14.864 21 16.25 21s2.4-.635 3.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65 11.635 17.636 11 16.25 11Zm-1.75 5c0-1.031.166-1.82.461-2.318c.251-.422.613-.682 1.289-.682c.676 0 1.038.26 1.288.682c.296.498.462 1.287.462 2.318c0 1.031-.166 1.82-.462 2.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318Z' }) }));
+export default BackwardIcon;

package/dist/src/components/icons/svg-icons/BackwardIcon.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const BackwardIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' {...props}>
+    <path
+      fill='currentColor'
+      d='M3 2.25a1 1 0 0 0-1 1V9a1 1 0 0 0 1 1h5.25a1 1 0 0 0 0-2H4.863c.985-1.179 2.208-2.113 3.682-2.57a9.435 9.435 0 0 1 6.106.16c1.981.738 3.81 2.232 4.722 3.894a1 1 0 1 0 1.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.435 11.435 0 0 0-7.395-.196C6.378 4.008 5.068 4.9 4 5.979V3.25a1 1 0 0 0-1-1ZM9.75 12a1 1 0 0 0-1.762-.647l-.222.265c-.515.623-1.078 1.303-2.28 2.024a1 1 0 1 0 1.029 1.716c.483-.29.889-.582 1.235-.865V20a1 1 0 0 0 2 0v-8Zm6.5-1c-1.386 0-2.4.635-3.008 1.661c-.564.95-.742 2.161-.742 3.339s.178 2.39.742 3.339C13.85 20.365 14.864 21 16.25 21s2.4-.635 3.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65 11.635 17.636 11 16.25 11Zm-1.75 5c0-1.031.166-1.82.461-2.318c.251-.422.613-.682 1.289-.682c.676 0 1.038.26 1.288.682c.296.498.462 1.287.462 2.318c0 1.031-.166 1.82-.462 2.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318Z'></path>
+  </svg>
+)
+
+export default BackwardIcon

package/dist/src/components/icons/svg-icons/CameraIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const Memo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Memo;
+//# sourceMappingURL=CameraIcon.d.ts.map

package/dist/src/components/icons/svg-icons/CameraIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraIcon.d.ts","sourceRoot":"","sources":["CameraIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAgBtC,QAAA,MAAM,IAAI,UAdiB,QAAQ,CAAC,aAAa,CAAC,4CAc3B,CAAA;AACvB,eAAe,IAAI,CAAA"}

package/dist/src/components/icons/svg-icons/CameraIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CameraIcon = (props) => (_jsx("svg", { width: 32, height: 32, viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M12 18q2.075 0 3.538-1.462Q17 15.075 17 13q0-2.075-1.462-3.538Q14.075 8 12 8 9.925 8 8.463 9.462 7 10.925 7 13q0 2.075 1.463 3.538Q9.925 18 12 18Zm0-2q-1.25 0-2.125-.875T9 13q0-1.25.875-2.125T12 10q1.25 0 2.125.875T15 13q0 1.25-.875 2.125T12 16Zm6-6q.425 0 .712-.288Q19 9.425 19 9t-.288-.713Q18.425 8 18 8t-.712.287Q17 8.575 17 9t.288.712Q17.575 10 18 10ZM4 21q-.825 0-1.412-.587Q2 19.825 2 19V7q0-.825.588-1.412Q3.175 5 4 5h3.15L8.7 3.325q.15-.15.337-.238Q9.225 3 9.425 3h5.15q.2 0 .388.087.187.088.337.238L16.85 5H20q.825 0 1.413.588Q22 6.175 22 7v12q0 .825-.587 1.413Q20.825 21 20 21Zm16-2V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Zm-8-6Z' }) }));
+const Memo = CameraIcon;
+export default Memo;

package/dist/src/components/icons/svg-icons/CameraIcon.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const CameraIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width={32}
+    height={32}
+    viewBox='0 0 24 24'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path
+      fill='currentColor'
+      d='M12 18q2.075 0 3.538-1.462Q17 15.075 17 13q0-2.075-1.462-3.538Q14.075 8 12 8 9.925 8 8.463 9.462 7 10.925 7 13q0 2.075 1.463 3.538Q9.925 18 12 18Zm0-2q-1.25 0-2.125-.875T9 13q0-1.25.875-2.125T12 10q1.25 0 2.125.875T15 13q0 1.25-.875 2.125T12 16Zm6-6q.425 0 .712-.288Q19 9.425 19 9t-.288-.713Q18.425 8 18 8t-.712.287Q17 8.575 17 9t.288.712Q17.575 10 18 10ZM4 21q-.825 0-1.412-.587Q2 19.825 2 19V7q0-.825.588-1.412Q3.175 5 4 5h3.15L8.7 3.325q.15-.15.337-.238Q9.225 3 9.425 3h5.15q.2 0 .388.087.187.088.337.238L16.85 5H20q.825 0 1.413.588Q22 6.175 22 7v12q0 .825-.587 1.413Q20.825 21 20 21Zm16-2V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Zm-8-6Z'
+    />
+  </svg>
+)
+
+const Memo = CameraIcon
+export default Memo

package/dist/src/components/icons/svg-icons/CheckIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const Memo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Memo;
+//# sourceMappingURL=CheckIcon.d.ts.map

package/dist/src/components/icons/svg-icons/CheckIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["CheckIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAgBtC,QAAA,MAAM,IAAI,UAdgB,QAAQ,CAAC,aAAa,CAAC,4CAc3B,CAAA;AACtB,eAAe,IAAI,CAAA"}

package/dist/src/components/icons/svg-icons/CheckIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CheckIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--mdi', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7Z' }) }));
+const Memo = CheckIcon;
+export default Memo;

package/dist/src/components/icons/svg-icons/CheckIcon.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const CheckIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    aria-hidden='true'
+    className='iconify iconify--mdi'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path fill='currentColor' d='M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7Z' />
+  </svg>
+)
+
+const Memo = CheckIcon
+export default Memo

package/dist/src/components/icons/svg-icons/EnablePiPIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare function EnablePiPIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default EnablePiPIcon;
+//# sourceMappingURL=EnablePiPIcon.d.ts.map

package/dist/src/components/icons/svg-icons/EnablePiPIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnablePiPIcon.d.ts","sourceRoot":"","sources":["EnablePiPIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtC,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAYpD;AACD,eAAe,aAAa,CAAA"}

package/dist/src/components/icons/svg-icons/EnablePiPIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function EnablePiPIcon(props) {
+    return (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { d: 'M13 17c0-1.886 0-2.828.586-3.414C14.172 13 15.114 13 17 13h1c1.886 0 2.828 0 3.414.586C22 14.172 22 15.114 22 17c0 1.886 0 2.828-.586 3.414C20.828 21 19.886 21 18 21h-1c-1.886 0-2.828 0-3.414-.586C13 19.828 13 18.886 13 17Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M10 3h4c3.771 0 5.657 0 6.828 1.172c.95.949 1.13 2.694 1.164 5.328c.012.937.018 1.405-.275 1.703c-.294.297-.768.297-1.717.297h-2.5c-2.828 0-4.243 0-5.121.879c-.879.878-.879 2.293-.879 5.121v2c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54C10.699 21 10.466 21 10 21c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13v-2c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3ZM8.03 6.97a.75.75 0 0 0-1.06 1.06l2.72 2.72H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.19L8.03 6.97Z', clipRule: 'evenodd' })] }) }));
+}
+export default EnablePiPIcon;

package/dist/src/components/icons/svg-icons/EnablePiPIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { memo, SVGProps } from 'react'
+
+function EnablePiPIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' {...props}>
+      <g fill='currentColor'>
+        <path d='M13 17c0-1.886 0-2.828.586-3.414C14.172 13 15.114 13 17 13h1c1.886 0 2.828 0 3.414.586C22 14.172 22 15.114 22 17c0 1.886 0 2.828-.586 3.414C20.828 21 19.886 21 18 21h-1c-1.886 0-2.828 0-3.414-.586C13 19.828 13 18.886 13 17Z'></path>
+        <path
+          fillRule='evenodd'
+          d='M10 3h4c3.771 0 5.657 0 6.828 1.172c.95.949 1.13 2.694 1.164 5.328c.012.937.018 1.405-.275 1.703c-.294.297-.768.297-1.717.297h-2.5c-2.828 0-4.243 0-5.121.879c-.879.878-.879 2.293-.879 5.121v2c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54C10.699 21 10.466 21 10 21c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13v-2c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3ZM8.03 6.97a.75.75 0 0 0-1.06 1.06l2.72 2.72H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.19L8.03 6.97Z'
+          clipRule='evenodd'></path>
+      </g>
+    </svg>
+  )
+}
+export default EnablePiPIcon

package/dist/src/components/icons/svg-icons/ForwardIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const ForwardIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ForwardIcon;
+//# sourceMappingURL=ForwardIcon.d.ts.map

package/dist/src/components/icons/svg-icons/ForwardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardIcon.d.ts","sourceRoot":"","sources":["ForwardIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAMlD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/components/icons/svg-icons/ForwardIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ForwardIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: 'currentColor', d: 'M21 2.25a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-5.25a1 1 0 0 1 0-2h3.387c-.985-1.179-2.208-2.113-3.682-2.57a9.435 9.435 0 0 0-6.106.16c-1.981.738-3.81 2.232-4.722 3.894a1 1 0 0 1-1.754-.961C4.048 6.38 6.288 4.596 8.652 3.716a11.435 11.435 0 0 1 7.394-.196c1.576.488 2.886 1.38 3.954 2.459V3.25a1 1 0 0 1 1-1ZM9.095 11.061A1 1 0 0 1 9.75 12v8a1 1 0 0 1-2 0v-5.507c-.346.283-.752.575-1.235.864a1 1 0 1 1-1.03-1.715c1.203-.721 1.766-1.4 2.281-2.024c.074-.09.148-.178.222-.265a1 1 0 0 1 1.107-.292Zm4.147 1.6C13.85 11.635 14.864 11 16.25 11s2.4.635 3.008 1.661c.564.95.742 2.161.742 3.339s-.178 2.39-.742 3.339C18.65 20.365 17.636 21 16.25 21s-2.4-.636-3.008-1.661c-.564-.95-.742-2.161-.742-3.339s.178-2.39.742-3.339Zm1.72 1.021c-.296.498-.462 1.287-.462 2.318c0 1.031.166 1.82.461 2.318c.251.422.613.682 1.289.682c.676 0 1.038-.26 1.288-.682c.296-.498.462-1.287.462-2.318c0-1.031-.166-1.82-.462-2.318c-.25-.422-.612-.682-1.288-.682s-1.038.26-1.289.682Z' }) }));
+export default ForwardIcon;

package/dist/src/components/icons/svg-icons/ForwardIcon.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const ForwardIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' {...props}>
+    <path
+      fill='currentColor'
+      d='M21 2.25a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-5.25a1 1 0 0 1 0-2h3.387c-.985-1.179-2.208-2.113-3.682-2.57a9.435 9.435 0 0 0-6.106.16c-1.981.738-3.81 2.232-4.722 3.894a1 1 0 0 1-1.754-.961C4.048 6.38 6.288 4.596 8.652 3.716a11.435 11.435 0 0 1 7.394-.196c1.576.488 2.886 1.38 3.954 2.459V3.25a1 1 0 0 1 1-1ZM9.095 11.061A1 1 0 0 1 9.75 12v8a1 1 0 0 1-2 0v-5.507c-.346.283-.752.575-1.235.864a1 1 0 1 1-1.03-1.715c1.203-.721 1.766-1.4 2.281-2.024c.074-.09.148-.178.222-.265a1 1 0 0 1 1.107-.292Zm4.147 1.6C13.85 11.635 14.864 11 16.25 11s2.4.635 3.008 1.661c.564.95.742 2.161.742 3.339s-.178 2.39-.742 3.339C18.65 20.365 17.636 21 16.25 21s-2.4-.636-3.008-1.661c-.564-.95-.742-2.161-.742-3.339s.178-2.39.742-3.339Zm1.72 1.021c-.296.498-.462 1.287-.462 2.318c0 1.031.166 1.82.461 2.318c.251.422.613.682 1.289.682c.676 0 1.038-.26 1.288-.682c.296-.498.462-1.287.462-2.318c0-1.031-.166-1.82-.462-2.318c-.25-.422-.612-.682-1.288-.682s-1.038.26-1.289.682Z'></path>
+  </svg>
+)
+
+export default ForwardIcon

package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const FullscreenEnterIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default FullscreenEnterIcon;
+//# sourceMappingURL=FullscreenEnterIcon.d.ts.map

package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenEnterIcon.d.ts","sourceRoot":"","sources":["FullscreenEnterIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,mBAAmB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiB1D,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const FullscreenEnterIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "data-uia": 'control-fullscreen-enter', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M0 5a2 2 0 0 1 2-2h7v2H2v4H0V5Zm22 0h-7V3h7a2 2 0 0 1 2 2v4h-2V5ZM2 15v4h7v2H2a2 2 0 0 1-2-2v-4h2Zm20 4v-4h2v4a2 2 0 0 1-2 2h-7v-2h7Z', fill: 'currentColor' }) }));
+export default FullscreenEnterIcon;

package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const FullscreenEnterIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    data-uia='control-fullscreen-enter'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M0 5a2 2 0 0 1 2-2h7v2H2v4H0V5Zm22 0h-7V3h7a2 2 0 0 1 2 2v4h-2V5ZM2 15v4h7v2H2a2 2 0 0 1-2-2v-4h2Zm20 4v-4h2v4a2 2 0 0 1-2 2h-7v-2h7Z'
+      fill='currentColor'
+    />
+  </svg>
+)
+
+export default FullscreenEnterIcon

package/dist/src/components/icons/svg-icons/FullscreenExitIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const FullscreenExitIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default FullscreenExitIcon;
+//# sourceMappingURL=FullscreenExitIcon.d.ts.map

package/dist/src/components/icons/svg-icons/FullscreenExitIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenExitIcon.d.ts","sourceRoot":"","sources":["FullscreenExitIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiBzD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/src/components/icons/svg-icons/FullscreenExitIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const FullscreenExitIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "data-uia": 'control-fullscreen-exit', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M24 8h-5V3h-2v7h7V8ZM0 16h5v5h2v-7H0v2Zm7-6H0V8h5V3h2v7Zm12 11v-5h5v-2h-7v7h2Z', fill: 'currentColor' }) }));
+export default FullscreenExitIcon;

package/dist/src/components/icons/svg-icons/FullscreenExitIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const FullscreenExitIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    data-uia='control-fullscreen-exit'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M24 8h-5V3h-2v7h7V8ZM0 16h5v5h2v-7H0v2Zm7-6H0V8h5V3h2v7Zm12 11v-5h5v-2h-7v7h2Z'
+      fill='currentColor'
+    />
+  </svg>
+)
+
+export default FullscreenExitIcon

package/dist/src/components/icons/svg-icons/LoadingIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const LoadingIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LoadingIcon;
+//# sourceMappingURL=LoadingIcon.d.ts.map

package/dist/src/components/icons/svg-icons/LoadingIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIcon.d.ts","sourceRoot":"","sources":["LoadingIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CA0BlD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/components/icons/svg-icons/LoadingIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LoadingIcon = (props) => (_jsxs("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'svg-icon-nfplayerPlay', style: { width: '100%', height: '100%' }, ...props, children: [_jsx("path", { fill: 'currentColor', d: 'M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z', opacity: '.5' }), _jsx("path", { fill: 'currentColor', d: 'M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z', children: _jsx("animateTransform", { attributeName: 'transform', dur: '1s', from: '0 12 12', repeatCount: 'indefinite', to: '360 12 12', type: 'rotate' }) })] }));
+export default LoadingIcon;

package/dist/src/components/icons/svg-icons/LoadingIcon.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const LoadingIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    className='svg-icon-nfplayerPlay'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path
+      fill='currentColor'
+      d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'
+      opacity='.5'
+    />
+    <path fill='currentColor' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'>
+      <animateTransform
+        attributeName='transform'
+        dur='1s'
+        from='0 12 12'
+        repeatCount='indefinite'
+        to='360 12 12'
+        type='rotate'
+      />
+    </path>
+  </svg>
+)
+
+export default LoadingIcon

package/dist/src/components/icons/svg-icons/PauseIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const PauseIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default PauseIcon;
+//# sourceMappingURL=PauseIcon.d.ts.map

package/dist/src/components/icons/svg-icons/PauseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseIcon.d.ts","sourceRoot":"","sources":["PauseIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,SAAS,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiBhD,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/components/icons/svg-icons/PauseIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const PauseIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'svg-icon-nfplayerPause', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M4.5 3a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-5Zm10 0a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-5Z', fill: 'currentColor' }) }));
+export default PauseIcon;

package/dist/src/components/icons/svg-icons/PauseIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import { SVGProps, memo } from 'react'
+
+const PauseIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    className='svg-icon-nfplayerPause'
+    style={{ width: '100%', height: '100%' }}
+    {...props}>
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M4.5 3a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-5Zm10 0a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-5Z'
+      fill='currentColor'
+    />
+  </svg>
+)
+
+export default PauseIcon

package/dist/src/components/icons/svg-icons/PlayIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const PlayIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default PlayIcon;
+//# sourceMappingURL=PlayIcon.d.ts.map