Generated Lyrics

Theme: ${lyricsPrompt}

${editedLyrics}

`); printWindow.document.close(); printWindow.focus(); setTimeout(()=>{ printWindow.print(); }, 250); }; const mergeTracks = useCallback(async ()=>{ if (!tracks.length) return; try { const audioContext = new (window.AudioContext || window.webkitAudioContext)(); const audioBuffers = await Promise.all(tracks.map(async (track)=>{ const response = await fetch(track.url); const arrayBuffer = await response.blob(); const audioBuffer = await audioContext.decodeAudioData(await arrayBuffer.arrayBuffer()); return { buffer: audioBuffer, startTime: track.startTime }; })); let baseAudioBuffer = null; if (baseTrack) { const baseResponse = await fetch(baseTrack); const baseArrayBuffer = await baseResponse.blob(); baseAudioBuffer = await audioContext.decodeAudioData(await baseArrayBuffer.arrayBuffer()); } const maxLength = Math.max(...[ ...audioBuffers.map(({ buffer })=>buffer.length), baseAudioBuffer ? baseAudioBuffer.length : 0 ]); const outputBuffer = audioContext.createBuffer(2, maxLength, audioContext.sampleRate); // First mix in the base track if it exists if (baseAudioBuffer) { for(let channel = 0; channel < baseAudioBuffer.numberOfChannels; channel++){ const outputData = outputBuffer.getChannelData(channel); const inputData = baseAudioBuffer.getChannelData(channel); for(let i = 0; i < baseAudioBuffer.length; i++){ outputData[i] = inputData[i]; } } } // Then mix in all other tracks with their proper timing audioBuffers.forEach(({ buffer, startTime })=>{ const offsetSamples = Math.floor((startTime - (baseTrack ? 0 : audioBuffers[0].startTime)) * audioContext.sampleRate / 1000); for(let channel = 0; channel < buffer.numberOfChannels; channel++){ const outputData = outputBuffer.getChannelData(channel); const inputData = buffer.getChannelData(channel); for(let i = 0; i < buffer.length; i++){ if (i + offsetSamples >= 0 && i + offsetSamples < maxLength) { outputData[i + offsetSamples] += inputData[i]; } } } }); // Normalize the output to prevent clipping let maxAmplitude = 0; for(let channel = 0; channel < outputBuffer.numberOfChannels; channel++){ const outputData = outputBuffer.getChannelData(channel); for(let i = 0; i < outputBuffer.length; i++){ maxAmplitude = Math.max(maxAmplitude, Math.abs(outputData[i])); } } const scaleFactor = maxAmplitude > 1 ? 0.99 / maxAmplitude : 1; for(let channel = 0; channel < outputBuffer.numberOfChannels; channel++){ const outputData = outputBuffer.getChannelData(channel); for(let i = 0; i < outputBuffer.length; i++){ outputData[i] *= scaleFactor; } } // Convert to WAV const wavBlob = await new Promise((resolve)=>{ const length = outputBuffer.length * 4 + 44; const buffer = new ArrayBuffer(length); const view = new DataView(buffer); let offset = 0; const writeString = (str)=>{ for(let i = 0; i < str.length; i++){ view.setUint8(offset + i, str.charCodeAt(i)); } offset += str.length; }; writeString("RIFF"); view.setUint32(offset, length - 8, true); offset += 4; writeString("WAVE"); writeString("fmt "); view.setUint32(offset, 16, true); offset += 4; view.setUint16(offset, 1, true); offset += 2; view.setUint16(offset, 2, true); offset += 2; view.setUint32(offset, outputBuffer.sampleRate, true); offset += 4; view.setUint32(offset, outputBuffer.sampleRate * 4, true); offset += 4; view.setUint16(offset, 4, true); offset += 2; view.setUint16(offset, 16, true); offset += 2; writeString("data"); view.setUint32(offset, length - offset - 4, true); offset += 4; const leftChannel = outputBuffer.getChannelData(0); const rightChannel = outputBuffer.getChannelData(1); for(let i = 0; i < outputBuffer.length; i++){ view.setInt16(offset, leftChannel[i] * 0x7fff, true); offset += 2; view.setInt16(offset, rightChannel[i] * 0x7fff, true); offset += 2; } resolve(new Blob([ buffer ], { type: "audio/wav" })); }); const masterUrl = URL.createObjectURL(wavBlob); setMasterTrack(masterUrl); setError(null); } catch (err) { console.error("Error merging tracks:", err); setError("Failed to merge tracks. Please try again."); } }, [ tracks, baseTrack ]); if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-[#e0e5ec] p-4", __source: { fileName: "", lineNumber: 799, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full space-y-8 p-8 bg-white rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 800, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 801, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d1053ff5-02b1-492e-8001-03b54a91173f/-/format/auto/", alt: "DIY Music Studio Logo", className: "w-12 h-12 mx-auto mb-4", __source: { fileName: "", lineNumber: 802, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 807, columnNumber: 13 }, __self: this }, "DIY Music Studio"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 810, columnNumber: 13 }, __self: this }, "Enter passcode to access the studio")), /*#__PURE__*/ React.createElement("form", { onSubmit: handlePasswordSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 814, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 815, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "Enter passcode", className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#2d4059]", __source: { fileName: "", lineNumber: 816, columnNumber: 15 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm text-center", __source: { fileName: "", lineNumber: 825, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#2d4059] text-white rounded-lg hover:bg-opacity-90 transition-all duration-300", __source: { fileName: "", lineNumber: 827, columnNumber: 13 }, __self: this }, "Enter Studio")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 834, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleRequestAccess, disabled: emailSent, className: "text-[#2d4059] hover:underline text-sm", __source: { fileName: "", lineNumber: 835, columnNumber: 13 }, __self: this }, emailSent ? "Email client opened" : "Request passcode via email")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 flex flex-col relative", style: { backgroundImage: backgroundImage ? `url(${backgroundImage})` : "none", backgroundSize: "cover", backgroundPosition: "center", backgroundAttachment: "fixed" }, __source: { fileName: "", lineNumber: 849, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#e0e5ec] bg-opacity-80 backdrop-blur-sm", __source: { fileName: "", lineNumber: 858, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto space-y-6 flex-grow relative z-10", __source: { fileName: "", lineNumber: 859, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8", __source: { fileName: "", lineNumber: 860, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e64f420c-314c-4db5-829a-27b3b2a740d1/-/format/auto/", alt: "JayceePEE DIY Music Logo", className: "w-48 h-auto mb-4", __source: { fileName: "", lineNumber: 861, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-[#2d4059] text-center font-roboto", __source: { fileName: "", lineNumber: 866, columnNumber: 11 }, __self: this }, "Recording Studio")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-4", __source: { fileName: "", lineNumber: 870, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("record"), className: `flex-1 px-4 py-2 rounded-lg font-roboto ${activeTab === "record" ? "bg-[#2d4059] text-white" : "bg-[#e0e5ec] text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]"}`, __source: { fileName: "", lineNumber: 871, columnNumber: 11 }, __self: this }, "Record"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("lyrics"), className: `flex-1 px-4 py-2 rounded-lg font-roboto ${activeTab === "lyrics" ? "bg-[#2d4059] text-white" : "bg-[#e0e5ec] text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]"}`, __source: { fileName: "", lineNumber: 881, columnNumber: 11 }, __self: this }, "Lyrics"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("distribute"), className: `flex-1 px-4 py-2 rounded-lg font-roboto ${activeTab === "distribute" ? "bg-[#2d4059] text-white" : "bg-[#e0e5ec] text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]"}`, __source: { fileName: "", lineNumber: 891, columnNumber: 11 }, __self: this }, "Distribute")), activeTab === "record" ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e5ec] rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)] mb-8", __source: { fileName: "", lineNumber: 905, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg mb-6 text-sm text-[#2d4059]", __source: { fileName: "", lineNumber: 906, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 907, columnNumber: 17 }, __self: this }, "Recording Instructions:"), /*#__PURE__*/ React.createElement("ol", { className: "list-decimal pl-5 space-y-2", __source: { fileName: "", lineNumber: 908, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 909, columnNumber: 19 }, __self: this }, "Start with a base track (instrumental or backing track)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 912, columnNumber: 19 }, __self: this }, "Record additional layers one at a time (vocals, harmonies, instruments)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 916, columnNumber: 19 }, __self: this }, "Review each track after recording"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 917, columnNumber: 19 }, __self: this }, "Use the merge button to combine all tracks when finished"))), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-4 font-bold", __source: { fileName: "", lineNumber: 923, columnNumber: 15 }, __self: this }, "Step 1: Base Track"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 926, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 927, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 928, columnNumber: 19 }, __self: this }, "Option A: Upload Track"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 931, columnNumber: 19 }, __self: this }, "Upload an existing instrumental or backing track"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "audio/*", onChange: handleBaseTrackUpload, className: "w-full mb-2", __source: { fileName: "", lineNumber: 934, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#2d4059] border-opacity-20 pt-4", __source: { fileName: "", lineNumber: 941, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 942, columnNumber: 19 }, __self: this }, "Option B: Record Track"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 945, columnNumber: 19 }, __self: this }, "Record your own instrumental or backing track"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 948, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: isRecordingBaseTrack ? stopRecordingBaseTrack : startRecordingBaseTrack, className: `w-16 h-16 rounded-full flex items-center justify-center ${isRecordingBaseTrack ? "bg-[#ff6b6b] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]" : "bg-[#e0e5ec] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]"} transition-all duration-300`, __source: { fileName: "", lineNumber: 949, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isRecordingBaseTrack ? "fa-stop" : "fa-microphone"} text-xl ${isRecordingBaseTrack ? "text-white" : "text-[#2d4059]"}`, __source: { fileName: "", lineNumber: 961, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#2d4059] border-opacity-20 pt-4", __source: { fileName: "", lineNumber: 971, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 972, columnNumber: 19 }, __self: this }, "Option C: Generate Track"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 975, columnNumber: 19 }, __self: this }, "Create an AI-generated instrumental track"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 978, columnNumber: 19 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 980, columnNumber: 23 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 982, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.open(aivaUrl, "_blank"), className: "w-full px-4 py-3 bg-[#e0e5ec] rounded-lg font-roboto text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)] hover:shadow-[-2px_-2px_5px_rgba(255,255,255,0.8),2px_2px_5px_rgba(0,0,0,0.2)] transition-all duration-300 flex items-center justify-center", __source: { fileName: "", lineNumber: 983, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-music mr-2", __source: { fileName: "", lineNumber: 987, columnNumber: 25 }, __self: this }), "Open AIVA Music Generator"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-[#2d4059] font-roboto", __source: { fileName: "", lineNumber: 990, columnNumber: 23 }, __self: this }, "Generate your track using AIVA, then download and upload it using the file input above.")))), baseTrack && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 998, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 999, columnNumber: 21 }, __self: this }, "Base Track Preview:"), /*#__PURE__*/ React.createElement("audio", { src: baseTrack, controls: true, className: "w-full", ref: baseTrackRef, __source: { fileName: "", lineNumber: 1002, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg mb-4 text-sm text-[#2d4059]", __source: { fileName: "", lineNumber: 1013, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1014, columnNumber: 15 }, __self: this }, "Step 2: Record Additional Tracks"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 1017, columnNumber: 15 }, __self: this }, "Click the microphone button below to start recording your vocals or instruments over the base track."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1021, columnNumber: 15 }, __self: this }, "The base track will play in your headphones while you record."), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-[#2d4059] font-bold", __source: { fileName: "", lineNumber: 1024, columnNumber: 15 }, __self: this }, "Tips for Recording:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1 mt-2", __source: { fileName: "", lineNumber: 1027, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1028, columnNumber: 17 }, __self: this }, "Use headphones to prevent audio feedback"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1029, columnNumber: 17 }, __self: this }, "Find a quiet recording environment"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1030, columnNumber: 17 }, __self: this }, "Test your microphone levels before recording"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1031, columnNumber: 17 }, __self: this }, "Keep a consistent distance from the microphone"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 1035, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: isRecording ? stopRecording : startRecording, className: `w-20 h-20 rounded-full flex items-center justify-center ${isRecording ? "bg-[#ff6b6b] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]" : "bg-[#e0e5ec] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]"} transition-all duration-300`, __source: { fileName: "", lineNumber: 1036, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isRecording ? "fa-stop" : "fa-microphone"} text-2xl ${isRecording ? "text-white" : "text-[#2d4059]"}`, __source: { fileName: "", lineNumber: 1044, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1052, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 1053, columnNumber: 15 }, __self: this }, "Recorded Tracks:"), tracks.map((track, index)=>/*#__PURE__*/ React.createElement("div", { key: track.id, className: "p-4 bg-[#e0e5ec] rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 1057, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1061, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#2d4059]", __source: { fileName: "", lineNumber: 1062, columnNumber: 21 }, __self: this }, "Track ", index + 1), /*#__PURE__*/ React.createElement("audio", { src: track.url, controls: true, className: "w-[200px]", __source: { fileName: "", lineNumber: 1065, columnNumber: 21 }, __self: this })))), tracks.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#2d4059] text-sm italic", __source: { fileName: "", lineNumber: 1070, columnNumber: 17 }, __self: this }, "No tracks recorded yet. Click the microphone button above to start recording."))) : activeTab === "lyrics" ? /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e5ec] rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 1078, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1079, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 1080, columnNumber: 15 }, __self: this }, "Generate Lyrics"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg mb-4 text-sm text-[#2d4059]", __source: { fileName: "", lineNumber: 1083, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1084, columnNumber: 17 }, __self: this }, "Tips for Writing Themes:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 1085, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1086, columnNumber: 19 }, __self: this }, "Be specific about emotions or experiences"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1087, columnNumber: 19 }, __self: this }, "Consider universal themes that others can relate to"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1088, columnNumber: 19 }, __self: this }, "Include key emotions or moods you want to convey"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1089, columnNumber: 19 }, __self: this }, "Think about the story you want to tell")), /*#__PURE__*/ React.createElement("div", { className: "mt-3 text-xs italic", __source: { fileName: "", lineNumber: 1091, columnNumber: 17 }, __self: this }, 'Example: "A love story about two people meeting in a rainy city, feeling hopeful despite the gray weather"')), /*#__PURE__*/ React.createElement("textarea", { value: lyricsPrompt, onChange: (e)=>setLyricsPrompt(e.target.value), placeholder: "Enter a theme or topic for your lyrics...", className: "w-full p-3 rounded-lg bg-white shadow-inner resize-none h-32", __source: { fileName: "", lineNumber: 1096, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generateLyrics, disabled: isGeneratingLyrics || !lyricsPrompt, className: "w-full px-4 py-3 bg-[#e0e5ec] rounded-lg font-roboto text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)] hover:shadow-[-2px_-2px_5px_rgba(255,255,255,0.8),2px_2px_5px_rgba(0,0,0,0.2)] transition-all duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 1102, columnNumber: 15 }, __self: this }, isGeneratingLyrics ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 1108, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1109, columnNumber: 21 }, __self: this }), "Creating Your Lyrics...") : /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 1113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic mr-2", __source: { fileName: "", lineNumber: 1114, columnNumber: 21 }, __self: this }), "Generate Lyrics")), editedLyrics && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1120, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 1121, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059]", __source: { fileName: "", lineNumber: 1122, columnNumber: 21 }, __self: this }, "Your Lyrics"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 1125, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsEditing(!isEditing), className: "px-3 py-1 bg-[#e0e5ec] rounded-lg font-roboto text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)] hover:shadow-[-2px_-2px_5px_rgba(255,255,255,0.8),2px_2px_5px_rgba(0,0,0,0.2)] transition-all duration-300", __source: { fileName: "", lineNumber: 1126, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isEditing ? "fa-save" : "fa-edit"} mr-1`, __source: { fileName: "", lineNumber: 1130, columnNumber: 25 }, __self: this }), isEditing ? "Save Changes" : "Edit Lyrics"), /*#__PURE__*/ React.createElement("button", { onClick: handlePrint, className: "px-3 py-1 bg-[#e0e5ec] rounded-lg font-roboto text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)] hover:shadow-[-2px_-2px_5px_rgba(255,255,255,0.8),2px_2px_5px_rgba(0,0,0,0.2)] transition-all duration-300", __source: { fileName: "", lineNumber: 1135, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-1", __source: { fileName: "", lineNumber: 1139, columnNumber: 25 }, __self: this }), "Print"))), isEditing ? /*#__PURE__*/ React.createElement("textarea", { value: editedLyrics, onChange: (e)=>setEditedLyrics(e.target.value), className: "w-full p-4 rounded-lg bg-white shadow-inner min-h-[300px] font-roboto", __source: { fileName: "", lineNumber: 1145, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-inner whitespace-pre-wrap font-roboto", __source: { fileName: "", lineNumber: 1151, columnNumber: 21 }, __self: this }, editedLyrics)))) : /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e5ec] rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 1160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1161, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#2d4059] text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 1162, columnNumber: 15 }, __self: this }, "Distribute Your Music"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 1166, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1167, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Artist Name *", value: distributionData.artist_name, onChange: (e)=>setDistributionData((prev)=>({ ...prev, artist_name: e.target.value })), className: "w-full p-3 rounded-lg bg-white shadow-inner", __source: { fileName: "", lineNumber: 1168, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059] mt-1", __source: { fileName: "", lineNumber: 1180, columnNumber: 19 }, __self: this }, "Required")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1182, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059]", __source: { fileName: "", lineNumber: 1183, columnNumber: 19 }, __self: this }, "Track File *"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg mb-4 text-sm text-[#2d4059] space-y-2", __source: { fileName: "", lineNumber: 1184, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 1185, columnNumber: 21 }, __self: this }, "Track Requirements:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 1186, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1187, columnNumber: 23 }, __self: this }, "File format: WAV or FLAC"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1188, columnNumber: 23 }, __self: this }, "Sample rate: 44.1kHz or higher"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1189, columnNumber: 23 }, __self: this }, "Bit depth: 16-bit or 24-bit"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1190, columnNumber: 23 }, __self: this }, "Maximum file size: 2GB"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1191, columnNumber: 23 }, __self: this }, "Stereo files only (no mono)")), /*#__PURE__*/ React.createElement("div", { className: "font-bold mt-3", __source: { fileName: "", lineNumber: 1193, columnNumber: 21 }, __self: this }, "Audio Guidelines:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 1194, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1195, columnNumber: 23 }, __self: this }, "No clipping or distortion"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1196, columnNumber: 23 }, __self: this }, "Peak level between -1.0dB and -0.1dB"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1197, columnNumber: 23 }, __self: this }, "Average loudness: -14 LUFS for streaming"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1198, columnNumber: 23 }, __self: this }, "Minimum true peak: -1 dBTP"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1199, columnNumber: 23 }, __self: this }, "Clean start and end (no abrupt cuts)")), /*#__PURE__*/ React.createElement("div", { className: "mt-3 text-xs italic", __source: { fileName: "", lineNumber: 1201, columnNumber: 21 }, __self: this }, "Note: Non-compliant audio may be rejected by streaming platforms")), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "audio/*", onChange: (e)=>{ const file = e.target.files[0]; if (file) { upload({ file }).then(({ url, error })=>{ if (error) { setError("Failed to upload track file. Please try again."); return; } setDistributionData((prev)=>({ ...prev, track_file: url })); }); } }, className: "w-full", __source: { fileName: "", lineNumber: 1206, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059]", __source: { fileName: "", lineNumber: 1228, columnNumber: 19 }, __self: this }, "Required"), distributionData.track_file && /*#__PURE__*/ React.createElement("audio", { controls: true, className: "w-full mt-2", __source: { fileName: "", lineNumber: 1230, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: distributionData.track_file, type: "audio/mpeg", __source: { fileName: "", lineNumber: 1231, columnNumber: 23 }, __self: this }), "Your browser does not support the audio element.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1239, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Official Government Name (as registered with BMI/ASCAP) *", value: distributionData.official_name, onChange: (e)=>setDistributionData((prev)=>({ ...prev, official_name: e.target.value })), className: "w-full p-3 rounded-lg bg-white shadow-inner", __source: { fileName: "", lineNumber: 1240, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059] mt-1", __source: { fileName: "", lineNumber: 1252, columnNumber: 19 }, __self: this }, "Required - Must match your BMI/ASCAP registration"), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059] mt-1", __source: { fileName: "", lineNumber: 1255, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.bmi.com/join", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline mr-2", __source: { fileName: "", lineNumber: 1256, columnNumber: 21 }, __self: this }, "Register with BMI"), "|", /*#__PURE__*/ React.createElement("a", { href: "https://www.ascap.com/join", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline ml-2", __source: { fileName: "", lineNumber: 1265, columnNumber: 21 }, __self: this }, "Register with ASCAP"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1275, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Song Title *", value: distributionData.song_title, onChange: (e)=>setDistributionData((prev)=>({ ...prev, song_title: e.target.value })), className: "w-full p-3 rounded-lg bg-white shadow-inner", __source: { fileName: "", lineNumber: 1276, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059] mt-1", __source: { fileName: "", lineNumber: 1288, columnNumber: 19 }, __self: this }, "Required")), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Genre", value: distributionData.genre, onChange: (e)=>setDistributionData((prev)=>({ ...prev, genre: e.target.value })), className: "w-full p-3 rounded-lg bg-white shadow-inner", __source: { fileName: "", lineNumber: 1290, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1302, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", value: distributionData.release_date, onChange: (e)=>setDistributionData((prev)=>({ ...prev, release_date: e.target.value })), className: "w-full p-3 rounded-lg bg-white shadow-inner", __source: { fileName: "", lineNumber: 1303, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059] mt-1", __source: { fileName: "", lineNumber: 1314, columnNumber: 19 }, __self: this }, "Required")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1316, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059]", __source: { fileName: "", lineNumber: 1317, columnNumber: 19 }, __self: this }, "Cover Art *"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg mb-4 text-sm text-[#2d4059] space-y-2", __source: { fileName: "", lineNumber: 1318, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 1319, columnNumber: 21 }, __self: this }, "Cover Art Requirements:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 1320, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1321, columnNumber: 23 }, __self: this }, "Square image (1:1 ratio)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1322, columnNumber: 23 }, __self: this }, "Minimum size: 3000 x 3000 pixels"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1323, columnNumber: 23 }, __self: this }, "Maximum size: 6000 x 6000 pixels"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1324, columnNumber: 23 }, __self: this }, "File format: JPG or PNG"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1325, columnNumber: 23 }, __self: this }, "Maximum file size: 20MB"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1326, columnNumber: 23 }, __self: this }, "RGB color space (no CMYK)")), /*#__PURE__*/ React.createElement("div", { className: "font-bold mt-3", __source: { fileName: "", lineNumber: 1328, columnNumber: 21 }, __self: this }, "Content Guidelines:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 1329, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1330, columnNumber: 23 }, __self: this }, "No explicit content or offensive imagery"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1331, columnNumber: 23 }, __self: this }, "No unauthorized use of copyrighted material"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1332, columnNumber: 23 }, __self: this }, "No QR codes or barcodes"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1333, columnNumber: 23 }, __self: this }, "No contact information or website URLs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1334, columnNumber: 23 }, __self: this }, "No pricing or promotional text")), /*#__PURE__*/ React.createElement("div", { className: "mt-3 text-xs italic", __source: { fileName: "", lineNumber: 1336, columnNumber: 21 }, __self: this }, "Note: Non-compliant artwork may delay or prevent your release from being distributed")), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleCoverArtUpload, className: "w-full", __source: { fileName: "", lineNumber: 1341, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059]", __source: { fileName: "", lineNumber: 1347, columnNumber: 19 }, __self: this }, "Required"), distributionData.cover_art && /*#__PURE__*/ React.createElement("img", { src: distributionData.cover_art, alt: "Cover Art Preview", className: "w-32 h-32 object-cover rounded-lg", __source: { fileName: "", lineNumber: 1349, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1356, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#2d4059] font-bold", __source: { fileName: "", lineNumber: 1357, columnNumber: 19 }, __self: this }, "Distribution Platforms *"), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 1360, columnNumber: 19 }, __self: this }, "Select at least one platform"), Object.entries(distributionData.platforms).map(([platform, checked])=>/*#__PURE__*/ React.createElement("div", { key: platform, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1365, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: checked, onChange: (e)=>setDistributionData((prev)=>({ ...prev, platforms: { ...prev.platforms, [platform]: e.target.checked } })), className: "rounded", __source: { fileName: "", lineNumber: 1369, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-[#2d4059] capitalize", __source: { fileName: "", lineNumber: 1383, columnNumber: 25 }, __self: this }, platform.replace("_", " "))))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 p-4 bg-[#f8f9fa] rounded-lg", __source: { fileName: "", lineNumber: 1390, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: distributionData.rights_certified, onChange: (e)=>setDistributionData((prev)=>({ ...prev, rights_certified: e.target.checked })), className: "rounded", __source: { fileName: "", lineNumber: 1391, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-[#2d4059] text-sm", __source: { fileName: "", lineNumber: 1402, columnNumber: 19 }, __self: this }, "I certify that I own or have obtained all necessary rights to distribute this song *")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm font-roboto bg-red-100 p-3 rounded-lg", __source: { fileName: "", lineNumber: 1409, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: handleDistributionSubmit, disabled: isSubmitting || uploadLoading, className: "w-full px-4 py-3 bg-[#e0e5ec] rounded-lg font-roboto text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)] hover:shadow-[-2px_-2px_5px_rgba(255,255,255,0.8),2px_2px_5px_rgba(0,0,0,0.2)] transition-all duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 1414, columnNumber: 17 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 1420, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1421, columnNumber: 23 }, __self: this }), "Submitting...") : /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 1425, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-music mr-2", __source: { fileName: "", lineNumber: 1426, columnNumber: 23 }, __self: this }), "Submit for Distribution"))))), (tracks.length > 1 || tracks.length > 0 && baseTrack) && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-6", __source: { fileName: "", lineNumber: 1437, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg mb-4 text-sm text-[#2d4059] max-w-md", __source: { fileName: "", lineNumber: 1438, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1439, columnNumber: 15 }, __self: this }, "Ready to Merge?"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1440, columnNumber: 15 }, __self: this }, "Make sure all your tracks are:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1 mt-2", __source: { fileName: "", lineNumber: 1441, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1442, columnNumber: 17 }, __self: this }, "Playing back correctly"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1443, columnNumber: 17 }, __self: this }, "At the right volume levels"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1444, columnNumber: 17 }, __self: this }, "Properly synchronized")), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 1446, columnNumber: 15 }, __self: this }, "Click merge to combine all tracks into your final song.")), /*#__PURE__*/ React.createElement("button", { onClick: mergeTracks, className: "px-6 py-3 bg-[#e0e5ec] rounded-lg font-roboto text-[#2d4059] shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),2px_2px_5px_rgba(0,0,0,0.2)] transition-all duration-300", __source: { fileName: "", lineNumber: 1450, columnNumber: 13 }, __self: this }, "Merge Tracks")), masterTrack && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#e0e5ec] rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 1460, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto text-[#2d4059] mb-2", __source: { fileName: "", lineNumber: 1461, columnNumber: 13 }, __self: this }, "Master Track"), /*#__PURE__*/ React.createElement("audio", { src: masterTrack, controls: true, className: "w-full", __source: { fileName: "", lineNumber: 1464, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative z-20", __source: { fileName: "", lineNumber: 1468, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("footer", { className: "mt-8 text-center text-[#2d4059] font-roboto bg-[#e0e5ec] bg-opacity-90 py-4 rounded-lg shadow-[-5px_-5px_10px_rgba(255,255,255,0.8),5px_5px_10px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 1469, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 1470, columnNumber: 11 }, __self: this }, "Powered by Five Stars App Solutions"), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 1471, columnNumber: 11 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.")))); }