@therealtinhtute/baroiplayer 1.0.0 → 1.0.1

package/src/components/examples/volume-orientation-demo.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SimpleMinimalPlayer } from "../variants/minimal/SimpleMinimalPlayer";
+export function VolumeOrientationDemo() {
+    const [orientation, setOrientation] = useState("horizontal");
+    return (_jsx("div", { className: "min-h-screen bg-gray-950 p-8", children: _jsxs("div", { className: "mx-auto max-w-5xl space-y-8", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "mb-4 font-bold text-3xl text-white", children: "Enhanced Volume Control Demo" }), _jsx("p", { className: "mb-6 text-gray-400", children: "Small gradient volume slider with horizontal/vertical orientation" }), _jsxs("div", { className: "mb-8 flex justify-center gap-4", children: [_jsx("button", { onClick: () => setOrientation("horizontal"), className: `rounded-lg px-4 py-2 transition-colors ${orientation === "horizontal"
+                                        ? "bg-cyan-600 text-white"
+                                        : "bg-gray-800 text-gray-400 hover:bg-gray-700"}`, children: "Horizontal (Default)" }), _jsx("button", { onClick: () => setOrientation("vertical"), className: `rounded-lg px-4 py-2 transition-colors ${orientation === "vertical"
+                                        ? "bg-cyan-600 text-white"
+                                        : "bg-gray-800 text-gray-400 hover:bg-gray-700"}`, children: "Vertical" })] })] }), _jsx("div", { className: "aspect-video overflow-hidden rounded-lg bg-black", children: _jsx(SimpleMinimalPlayer, { src: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", poster: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg", crossOrigin: "anonymous", className: "h-full w-full", volumeOrientation: orientation }) }), _jsxs("div", { className: "mt-8 grid gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "rounded-lg bg-gray-900 p-6", children: [_jsx("h3", { className: "mb-3 font-semibold text-lg text-white", children: "Horizontal Mode (Default)" }), _jsxs("ul", { className: "space-y-2 text-gray-400 text-sm", children: [_jsx("li", { children: "\u2022 Slider appears beside the volume button" }), _jsx("li", { children: "\u2022 Expands horizontally on hover" }), _jsx("li", { children: "\u2022 Cyan to blue gradient (4px height)" }), _jsx("li", { children: "\u2022 Smooth 300ms transition" }), _jsx("li", { children: "\u2022 White thumb appears on hover" })] })] }), _jsxs("div", { className: "rounded-lg bg-gray-900 p-6", children: [_jsx("h3", { className: "mb-3 font-semibold text-lg text-white", children: "Vertical Mode" }), _jsxs("ul", { className: "space-y-2 text-gray-400 text-sm", children: [_jsx("li", { children: "\u2022 Slider appears above the volume button" }), _jsx("li", { children: "\u2022 Expands vertically on hover" }), _jsx("li", { children: "\u2022 Same gradient rotated 90\u00B0" }), _jsx("li", { children: "\u2022 Shows percentage value" }), _jsx("li", { children: "\u2022 Dark backdrop for visibility" })] })] })] }), _jsxs("div", { className: "rounded-lg bg-gray-900 p-6", children: [_jsx("h3", { className: "mb-3 font-semibold text-lg text-white", children: "Usage Example" }), _jsx("pre", { className: "overflow-x-auto text-gray-300 text-sm", children: _jsx("code", { children: `// Default horizontal orientation
+<VolumeControl
+  volume={volume}
+  isMuted={isMuted}
+  showVolumeSlider={showSlider}
+  onToggleMute={handleMute}
+  onVolumeChange={handleVolumeChange}
+  onShowVolumeSlider={setShowSlider}
+/>
+
+// Vertical orientation
+<VolumeControl
+  volume={volume}
+  isMuted={isMuted}
+  showVolumeSlider={showSlider}
+  onToggleMute={handleMute}
+  onVolumeChange={handleVolumeChange}
+  onShowVolumeSlider={setShowSlider}
+  orientation="vertical"
+/>` }) })] })] }) }));
+}

package/src/components/icon-demo.d.ts

@@ -0,0 +1,2 @@
+export declare function IconSystemDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-demo.d.ts.map

package/src/components/icon-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-demo.d.ts","sourceRoot":"","sources":["icon-demo.tsx"],"names":[],"mappings":"AAaA,wBAAgB,cAAc,4CAmM7B"}

package/src/components/icon-demo.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { IconProvider, PlayIcon, PauseIcon, VolumeIcon, VolumeOffIcon, SettingsIcon, FullscreenIcon, LoadingIcon, PlayPauseIcon } from '../icons';
+export function IconSystemDemo() {
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [volume, setVolume] = useState(0.8);
+    const [theme, setTheme] = useState({
+        size: 24,
+        strokeWidth: 2,
+        color: 'currentColor'
+    });
+    const customPlayIcon = ({ className, ...props }) => (_jsxs("svg", { className: className, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "10", fill: "#ff6b6b" }), _jsx("polygon", { points: "10 8 16 12 10 16 10 8", fill: "white" })] }));
+    return (_jsx("div", { className: "min-h-screen bg-gray-950 p-8", children: _jsxs("div", { className: "mx-auto max-w-4xl", children: [_jsx("h1", { className: "mb-8 text-center font-bold text-3xl text-white", children: "Icon System Demo" }), _jsxs("div", { className: "mb-8 rounded-lg bg-gray-800 p-6", children: [_jsx("h2", { className: "mb-4 font-semibold text-white text-xl", children: "Theme Configuration" }), _jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [_jsxs("div", { children: [_jsxs("label", { className: "mb-2 block font-medium text-sm text-white", children: ["Size: ", theme.size] }), _jsx("input", { type: "range", min: "16", max: "48", value: theme.size, onChange: (e) => setTheme(prev => ({ ...prev, size: Number(e.target.value) })), className: "h-2 w-full cursor-pointer appearance-none rounded-lg bg-gray-700" })] }), _jsxs("div", { children: [_jsxs("label", { className: "mb-2 block font-medium text-sm text-white", children: ["Stroke Width: ", theme.strokeWidth] }), _jsx("input", { type: "range", min: "1", max: "4", step: "0.5", value: theme.strokeWidth, onChange: (e) => setTheme(prev => ({ ...prev, strokeWidth: Number(e.target.value) })), className: "h-2 w-full cursor-pointer appearance-none rounded-lg bg-gray-700" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block font-medium text-sm text-white", children: "Color" }), _jsxs("select", { value: theme.color, onChange: (e) => setTheme(prev => ({ ...prev, color: e.target.value })), className: "w-full rounded-lg border border-gray-600 bg-gray-700 p-2 text-white", children: [_jsx("option", { value: "currentColor", children: "Current Color" }), _jsx("option", { value: "#ffffff", children: "White" }), _jsx("option", { value: "#06b6d4", children: "Cyan" }), _jsx("option", { value: "#f59e0b", children: "Amber" }), _jsx("option", { value: "#ef4444", children: "Red" })] })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-2", children: [_jsxs("div", { className: "rounded-lg bg-gray-800 p-6", children: [_jsx("h2", { className: "mb-4 font-semibold text-white text-xl", children: "Default Icons" }), _jsx(IconProvider, { theme: theme, children: _jsxs("div", { className: "grid grid-cols-4 gap-4 text-white", children: [_jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(PlayIcon, {}), _jsx("span", { className: "text-xs", children: "Play" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(PauseIcon, {}), _jsx("span", { className: "text-xs", children: "Pause" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(VolumeIcon, {}), _jsx("span", { className: "text-xs", children: "Volume" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(VolumeOffIcon, {}), _jsx("span", { className: "text-xs", children: "Mute" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(SettingsIcon, {}), _jsx("span", { className: "text-xs", children: "Settings" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(FullscreenIcon, {}), _jsx("span", { className: "text-xs", children: "Fullscreen" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(LoadingIcon, {}), _jsx("span", { className: "text-xs", children: "Loading" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(PlayPauseIcon, { isPlaying: isPlaying }), _jsx("span", { className: "text-xs", children: "Play/Pause" })] })] }) })] }), _jsxs("div", { className: "rounded-lg bg-gray-800 p-6", children: [_jsx("h2", { className: "mb-4 font-semibold text-white text-xl", children: "Custom Icons" }), _jsx(IconProvider, { theme: theme, icons: {
+                                        play: customPlayIcon
+                                    }, children: _jsxs("div", { className: "grid grid-cols-4 gap-4 text-white", children: [_jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(PlayIcon, {}), _jsx("span", { className: "text-xs", children: "Custom Play" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(PauseIcon, {}), _jsx("span", { className: "text-xs", children: "Default Pause" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(VolumeIcon, {}), _jsx("span", { className: "text-xs", children: "Default Volume" })] }), _jsxs("div", { className: "flex flex-col items-center space-y-2", children: [_jsx(SettingsIcon, {}), _jsx("span", { className: "text-xs", children: "Default Settings" })] })] }) })] })] }), _jsxs("div", { className: "mt-8 rounded-lg bg-gray-800 p-6", children: [_jsx("h2", { className: "mb-4 font-semibold text-white text-xl", children: "Interactive Media Player Demo" }), _jsx(IconProvider, { theme: { ...theme, size: 32 }, children: _jsxs("div", { className: "flex items-center justify-center space-x-6 text-white", children: [_jsx("button", { onClick: () => setIsPlaying(!isPlaying), className: "rounded-full bg-blue-600 p-3 transition-colors hover:bg-blue-700", "aria-label": isPlaying ? 'Pause' : 'Play', children: _jsx(PlayPauseIcon, { isPlaying: isPlaying }) }), _jsx("button", { onClick: () => setVolume(volume > 0 ? 0 : 0.8), className: "rounded-full bg-gray-600 p-3 transition-colors hover:bg-gray-700", "aria-label": volume > 0 ? 'Mute' : 'Unmute', children: volume > 0 ? _jsx(VolumeIcon, {}) : _jsx(VolumeOffIcon, {}) }), _jsx("button", { className: "rounded-full bg-gray-600 p-3 transition-colors hover:bg-gray-700", "aria-label": "Settings", children: _jsx(SettingsIcon, {}) }), _jsx("button", { className: "rounded-full bg-gray-600 p-3 transition-colors hover:bg-gray-700", "aria-label": "Fullscreen", children: _jsx(FullscreenIcon, {}) })] }) }), _jsxs("div", { className: "mt-4 text-center text-gray-400 text-sm", children: ["Status: ", isPlaying ? 'Playing' : 'Paused', " | Volume: ", volume > 0 ? 'On' : 'Muted'] })] })] }) }));
+}

package/src/components/icons/index.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+export interface IconProps {
+    size?: number;
+    className?: string;
+    color?: string;
+}
+export declare const MinimalPlayIcon: React.FC<IconProps>;
+export declare const MinimalPauseIcon: React.FC<IconProps>;
+export declare const MinimalVolumeIcon: React.FC<IconProps>;
+export declare const MinimalVolumeMutedIcon: React.FC<IconProps>;
+export declare const MinimalFullscreenIcon: React.FC<IconProps>;
+export declare const MinimalExitFullscreenIcon: React.FC<IconProps>;
+export declare const MinimalSettingsIcon: React.FC<IconProps>;
+export declare const MinimalSpinner: React.FC<IconProps>;
+export declare const MinimalForwardIcon: React.FC<IconProps>;
+export declare const MinimalBackwardIcon: React.FC<IconProps>;
+export declare const MinimalForward10Icon: React.FC<IconProps>;
+export declare const MinimalBackward10Icon: React.FC<IconProps>;
+export declare const MinimalSubtitleIcon: React.FC<IconProps>;
+export declare const MinimalScreenshotIcon: React.FC<IconProps>;
+export declare const MinimalSpeedIcon: React.FC<IconProps>;
+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>;
+}
+export declare const defaultMinimalIcons: IconSet;
+//# sourceMappingURL=index.d.ts.map

package/src/components/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,WAAW,SAAS;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAGrF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAGtF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIwC,CAAA;AAG1F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAG5F,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI0C,CAAA;AAGhG,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAG/F,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAGzF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAW9C,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIsC,CAAA;AAGzF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIoC,CAAA;AAGxF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAImC,CAAA;AAGxF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAImC,CAAA;AAGzF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIwC,CAAA;AAG5F,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIiC,CAAA;AAGvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI6C,CAAA;AAG9F,MAAM,WAAW,OAAO;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAChC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;CAC9B;AAGD,eAAO,MAAM,mBAAmB,EAAE,OAYjC,CAAA"}

package/src/components/icons/index.js

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

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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

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

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

package/src/components/icons/svg-icons/PlayIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const PlayIcon = (props) => (_jsx("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", { d: 'M4 2.691a1 1 0 0 1 1.482-.876l16.925 9.309a1 1 0 0 1 0 1.752L5.482 22.185A1 1 0 0 1 4 21.309V2.69Z', fill: 'currentColor' }) }));
+export default PlayIcon;

package/src/components/icons/svg-icons/PlaybackSpeedIcon.d.ts

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

package/src/components/icons/svg-icons/PlaybackSpeedIcon.d.ts.map

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

package/src/components/icons/svg-icons/PlaybackSpeedIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const PlaybackSpeedIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'Hawkins-Icon Hawkins-Icon-Standard', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M17.643 7.438c-3.122-3.25-8.164-3.25-11.286 0-3.143 3.273-3.143 8.596 0 11.87l-1.442 1.385c-3.887-4.048-3.887-10.593 0-14.64 3.908-4.07 10.262-4.07 14.17 0 3.887 4.047 3.887 10.592 0 14.64l-1.442-1.386c3.143-3.273 3.143-8.596 0-11.87ZM14 14a2 2 0 1 1-1.482-1.932l3.275-3.275 1.414 1.414-3.275 3.275c.044.165.068.339.068.518Z', fill: 'currentColor' }) }));
+export default PlaybackSpeedIcon;

package/src/components/icons/svg-icons/QualityIcon.d.ts

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

package/src/components/icons/svg-icons/QualityIcon.d.ts.map

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

package/src/components/icons/svg-icons/QualityIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const QualityIcon = (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: 'M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V6h14v12zM7.5 13h2v2H11V9H9.5v2.5h-2V9H6v6h1.5zm6.5 2h.75v1.5h1.5V15H17c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm.5-4.5h2v3h-2v-3z' }) }));
+export default QualityIcon;

package/src/components/icons/svg-icons/SettingsIcon.d.ts

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

package/src/components/icons/svg-icons/SettingsIcon.d.ts.map

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

package/src/components/icons/svg-icons/SettingsIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SettingsIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: 'currentColor', d: 'M2 12c0-.865.11-1.703.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.505a3 3 0 0 0 5.348 0a9.99 9.99 0 0 1 4.335 2.505a3 3 0 0 0 2.675 4.63a10.036 10.036 0 0 1 0 5.007a3 3 0 0 0-2.675 4.629a9.99 9.99 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a9.99 9.99 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63A10.056 10.056 0 0 1 2 12zm4.804 3c.63 1.091.81 2.346.564 3.524c.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274c.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25a8.126 8.126 0 0 0 0-1.5A4.993 4.993 0 0 1 17.195 9a4.993 4.993 0 0 1-.564-3.524a7.989 7.989 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274a7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25a8.126 8.126 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15zM12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2z' }) }));
+export default SettingsIcon;

package/src/components/icons/svg-icons/SliderIcon.d.ts

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

package/src/components/icons/svg-icons/SliderIcon.d.ts.map

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

package/src/components/icons/svg-icons/SliderIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SliderIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--uil', width: 32, height: 32, viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M21 11h-3.184a2.982 2.982 0 0 0-5.632 0H3a1 1 0 0 0 0 2h9.184a2.982 2.982 0 0 0 5.632 0H21a1 1 0 0 0 0-2Zm-6 2a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1Z' }) }));
+export default SliderIcon;

package/src/components/icons/svg-icons/SubtitleIcon.d.ts

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

package/src/components/icons/svg-icons/SubtitleIcon.d.ts.map

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

package/src/components/icons/svg-icons/SubtitleIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SubtitleIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'Hawkins-Icon Hawkins-Icon-Standard', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6zm0 4h8v2H6zm10 0h2v2h-2zm-6-4h8v2h-8z' }) }));
+export default SubtitleIcon;

package/src/components/icons/svg-icons/SubtitleOffIcon.d.ts

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

package/src/components/icons/svg-icons/SubtitleOffIcon.d.ts.map

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

package/src/components/icons/svg-icons/SubtitleOffIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SubtitleOffIcon = (props) => (_jsxs("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'Hawkins-Icon Hawkins-Icon-Standard', style: { width: '100%', height: '100%' }, ...props, children: [_jsx("path", { fill: 'currentColor', d: 'M20 4H6.83l2 2H20v11.17l1.76 1.76c.15-.28.24-.59.24-.93V6c0-1.1-.9-2-2-2z' }), _jsx("path", { fill: 'currentColor', d: 'M18 10h-5.17l2 2H18zM1.04 3.87l1.2 1.2C2.09 5.35 2 5.66 2 6v12c0 1.1.9 2 2 2h13.17l2.96 2.96 1.41-1.41L2.45 2.45 1.04 3.87zM4 6.83 7.17 10H6v2h2v-1.17L11.17 14H6v2h7.17l2 2H4V6.83z' })] }));
+export default SubtitleOffIcon;

package/src/components/icons/svg-icons/UnPiPIcon.d.ts

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

package/src/components/icons/svg-icons/UnPiPIcon.d.ts.map

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

package/src/components/icons/svg-icons/UnPiPIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function UnPiPIcon(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", { 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 3Zm.97 9.03a.75.75 0 1 0 1.06-1.06L9.31 8.25h1.19a.75.75 0 0 0 0-1.5h-3a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0V9.31l2.72 2.72Z', clipRule: 'evenodd' }), _jsx("path", { d: 'M13.586 13.586C13 14.172 13 15.114 13 17c0 1.886 0 2.828.586 3.414C14.172 21 15.114 21 17 21h1c1.886 0 2.828 0 3.414-.586C22 19.828 22 18.886 22 17c0-1.886 0-2.828-.586-3.414C20.828 13 19.886 13 18 13h-1c-1.886 0-2.828 0-3.414.586Z' })] }) }));
+}
+export default UnPiPIcon;

package/src/components/icons/svg-icons/VolumeMutedIcon.d.ts

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

package/src/components/icons/svg-icons/VolumeMutedIcon.d.ts.map

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

package/src/components/icons/svg-icons/VolumeMutedIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VolumeMutedIcon = (props) => (_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", { fillRule: 'evenodd', d: 'M20.515 6.316a.75.75 0 0 1 .991.376c.468 1.035.994 2.768.994 5.308c0 2.192-.392 3.783-.8 4.844a7.72 7.72 0 0 1-.572 1.195a4.73 4.73 0 0 1-.289.425l-.007.01l-.003.003l-.002.002L20.25 18l.576.48a.75.75 0 0 1-1.156-.956l.003-.004l.031-.041a3.27 3.27 0 0 0 .137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75 0 0 1 .375-.992Zm-2.101 2.95a.75.75 0 0 1 .887.582c.11.53.199 1.24.199 2.152c0 1.11-.132 1.923-.273 2.474a5.172 5.172 0 0 1-.203.631a2.977 2.977 0 0 1-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.657-.363l.656.364a.75.75 0 0 1-1.317-.719l.005-.01a1.85 1.85 0 0 0 .038-.087a3.66 3.66 0 0 0 .141-.447c.11-.424.227-1.111.227-2.101a9.17 9.17 0 0 0-.168-1.848a.75.75 0 0 1 .582-.886Z', clipRule: 'evenodd' }), _jsx("path", { d: 'M21.78 3.53a.75.75 0 0 0-1.06-1.06l-4.45 4.449a11.265 11.265 0 0 0-.193-1.39c-.172-.788-.477-1.473-1.116-1.923a3.066 3.066 0 0 0-.769-.39c-.818-.28-1.631-.057-2.457.345c-.814.395-1.8 1.046-3.032 1.857l-.267.176c-.447.295-.602.394-.76.464a2.17 2.17 0 0 1-.535.16c-.171.03-.354.032-.89.032h-.162c-1.217 0-2.062-.001-2.814.347A3.962 3.962 0 0 0 1.548 8.22c-.392.729-.438 1.491-.504 2.575l-.008.13C1.014 11.294 1 11.658 1 12c0 .342.014.706.036 1.074l.008.13c.066 1.084.112 1.846.504 2.575a3.962 3.962 0 0 0 1.727 1.624c.61.283 1.283.336 2.166.345L2.72 20.47a.75.75 0 1 0 1.06 1.06l18-18ZM16.5 12a.75.75 0 0 0-1.255-.554l-.071.074l-6 6.274A.778.778 0 0 0 9.34 19c1.039.68 1.899 1.225 2.631 1.549c.743.328 1.48.489 2.222.236a3.08 3.08 0 0 0 .769-.391c.706-.497 1.005-1.28 1.167-2.18c.159-.884.213-2.056.281-3.516l.003-.058a68.23 68.23 0 0 0 .088-2.64Z' })] }) }));
+export default VolumeMutedIcon;

package/src/components/icons/svg-icons/VolumeOneIcon.d.ts

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

package/src/components/icons/svg-icons/VolumeOneIcon.d.ts.map

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

package/src/components/icons/svg-icons/VolumeOneIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VolumeOneIcon = (props) => (_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: 'M2.003 11.716c.037-1.843.056-2.764.668-3.552a3.18 3.18 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092c.07-.02.14-.042.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073a70.58 70.58 0 0 1 .08 2.555c0 .521-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.109 2.109 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a2.61 2.61 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3.145 3.145 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.553a14.06 14.06 0 0 1 0-.569Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M19.49 5.552a.66.66 0 0 1 .97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009a2.572 2.572 0 0 1 .078.112a4.6 4.6 0 0 1 .187.305c.149.265.339.652.526 1.171C21.64 8.291 22 9.851 22 12c0 2.15-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a4.605 4.605 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.972.094a.77.77 0 0 1-.091-1.03l.003-.005l.028-.04a3.2 3.2 0 0 0 .126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6.268 6.268 0 0 0-.422-.942a3.208 3.208 0 0 0-.126-.207l-.028-.041l-.003-.004', clipRule: 'evenodd', opacity: '.4' }), _jsx("path", { fillRule: 'evenodd', d: 'M17.757 8.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053c.018.042.042.099.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3.036 3.036 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01a3.774 3.774 0 0 0 .165-.523c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a3.772 3.772 0 0 0-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991Z', clipRule: 'evenodd', opacity: '.7' })] }) }));
+export default VolumeOneIcon;

package/src/components/icons/svg-icons/VolumeThreeIcon.d.ts

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

package/src/components/icons/svg-icons/VolumeThreeIcon.d.ts.map

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

package/src/components/icons/svg-icons/VolumeThreeIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VolumeThreeIcon = (props) => (_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: 'M2.003 11.716c.037-1.843.056-2.764.668-3.552a3.18 3.18 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092c.07-.02.14-.042.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073a70.58 70.58 0 0 1 .08 2.555c0 .521-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.109 2.109 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a2.61 2.61 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3.145 3.145 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.553a14.06 14.06 0 0 1 0-.569Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M19.49 5.552a.66.66 0 0 1 .97.094l-.529.471l.53-.47l.002.002l.003.004l.007.009a2.572 2.572 0 0 1 .079.112c.047.071.111.173.186.305c.149.264.339.652.526 1.171C21.64 8.291 22 9.851 22 12c0 2.15-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a4.655 4.655 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.971.094a.77.77 0 0 1-.09-1.035l.03-.041c.026-.04.07-.11.125-.207a6.28 6.28 0 0 0 .422-.943c.314-.871.644-2.253.644-4.222c0-1.97-.33-3.35-.644-4.222a6.28 6.28 0 0 0-.422-.942a3.152 3.152 0 0 0-.157-.253m-1.641 1.833c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053c.018.042.042.099.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3.04 3.04 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.06a3.757 3.757 0 0 0-.165-.524l-.004-.01a.76.76 0 0 1 .272-.991Z', clipRule: 'evenodd' })] }) }));
+export default VolumeThreeIcon;